/* Site styles */
@font-face {
	font-family: "Gill";
	src: ("GIL_____.ttf");
}

.jis p { font-size: 13px; }
.jis a { color: #fff; }

/* GIL_____ */

body, html { background: #30220b; }

a { text-decoration: none; color: #bfb9b8; }

a:hover { color: #fff; }

a:active,
a:focus { outline: none; }

/* Helpers */
.clear { clear: both; }

.image { float: right; margin: 0 0 8px 8px;}

/* Structure */

	/* Frontpage */
	body #background {
		position: absolute;
		right: 0;
		bottom: 0;
		
		z-index: 1;	
	}
	
	body#frontpage #container {
		position: absolute;
		left: 33%;
		top: 50%;
		
		width: 600px;
		height: 170px;
		
		margin: -85px 0 0 -150px;
		
		z-index: 200;
	}
	
	body#frontpage .frontpage-select {
		font: normal lighter 28px "Gill", "Gill Sans", Tahoma, Helvetica, "Helvetica Neue", Arial, sans-serif;
		text-align: right;
		padding-right: 270px;
	}
	
	.frontpage-select,
	.frontpage-select a {
		color: #bfb9b8;
		text-shadow: #000 0 1px 0;
	}
	
	.frontpage-select a:hover { color: #fff; }
	
	body#frontpage #contact { position: absolute; right: 3px; bottom: 3px; }
	
	/* CMS */
	body#cms #background { position: fixed; right: 0; bottom: 0; z-index: 1; opacity: .5; filter: alpha(opacity=50); }

	body#cms #background.intro { top: 0; position: fixed; }
	
	body#cms #container { width: 600px; margin: 80px auto 0; }
		body#cms #content { float: left; width: 480px; }
			body#cms #content .shape { padding-right: 20px; margin-top: 30px; }
			
			body#cms #content .shape.special { margin-top: 120px !important; }
		
		body#cms #navigation { float: right; width: 100px; padding-top: 35px; position: absolute; right: 180px; top: 100px; z-index: 4000; }
	
		body#cms #navigation .items { font: normal 14px "Gill Sans", Tahoma; }
			body#cms #navigation .items .item { color: #bfb9b8; margin-bottom: 20px; text-shadow: #000 1px 2px 0px; text-transform: uppercase; }
			/*body#cms #navigation .items .item:not(.has-subitems) { margin-bottom: 20px; }*/
			body#cms #navigation .items .item.is-subitem { margin-bottom: 0 !important; height: 17px; }
			
			body#cms #navigation .items .item.active { color: #fff; }
			
			body#cms #content { text-shadow: #000 1px 1px 0; }
			
			body#cms table.cv { width: 640px; }
				body#cms h3 + table.cv { margin-bottom: 4px; }
				
				body#cms table.cv td {
					color: #bfb9b8;
					font-size: 12px;
					padding-bottom: 2px;
					vertical-align: top;
				}
				
				body#cms table.cv .year { width: 170px; }
				body#cms table.cv .caption { width: 470px;}
				
			body#cms .personal-info {
				color: #bfb9b8;
				margin-bottom: 18px;
				line-height: 1.4;
			}
			
				body#cms .personal-info a {
					color: #fff;
				}
		
/* Gallery */
body#cms.gallery #container { width: 800px; }
	body#cms.gallery #navigation.gallery { width: 220px; }
				
/* CV */
body#cms .cv-content {
	position: absolute;
	right: 620px;
	top: 132px;
	z-index: 9999;
}

body#cms .cv-navigation {
	position: absolute;
	right: 450px !important;
	width: 160px !important;
}

body#cms .introduction-content {
	margin-top: 18px;
}

body#cms .cv-content .shape {
	margin-top: 140px !important;
}
			
/* Text styles */
	p {
		color: #bfb9b8;
		font: normal 12px/1.42 Arial;
		margin-bottom: 1em;
	}
	
	h2 {
		color: #bfb9b8;
		font: normal 18px "Trebuchet MS";
		margin-bottom: 0.5em;
	}
	
	h3 {
		color: #bfb9b8;
		font: normal 14px "Trebuchet MS";
		margin-bottom: 0.5em;
		text-transform: uppercase;
	}
	
	h1 {
		font: normal lighter 40px "Gill Sans Light", "Gill Sans", Tahoma, "Helvetica", "Helvetica Neue", Arial, sans-serif;
		color: #bfb9b8;
	}
	
	blockquote {
		margin-bottom: 18px;
		text-align: right;
	}
	
		blockquote em {
			color: #bfb9b8;
			font: italic lighter 20px "Gill Sans", Tahoma, Helvetica, "Helvetica Neue", Arial;
		}
		
	.heading {
		text-align: right;
	}
	
	strong { font-weight: bold; }
	
	/* Navigation links */
	#navigation a { color: #bfb9b8; }
	#navigation a:hover { color: #fff; }

	#navigation a.active { color: #fff; }
	
	
	/* Galleria */
	body#gallery {}
	
		#navigation.gallery { padding-top: 70px !important; }
	
		#strip-holder {
			position: relative;
			left: -32px;
			width: 570px;
		}
		
			.control-left,
			.control-right {
				position: absolute; top: 0;
				width: 30px;
				height: 70px;
			}
		
			.control-left { background: transparent url("../../images/graphic-arrow-left.png") no-repeat left center; left: -30px; }
			.control-right { background: transparent url("../../images/graphic-arrow-right.png") no-repeat right center; right: -30px; }
			
				.control-left .gradient {
					background: transparent url("../../images/graphic-gradient-left.png") repeat-y left top;
					position: absolute; right: -45px; top: 0;
					width: 45px; height: 70px;
					z-index: 999;
				}
				
				.control-right .gradient {
					background: transparent url("../../images/graphic-gradient-right.png") repeat-y right top;
					position: absolute; left: -45px; top: 0;
					width: 45px; height: 70px;
					z-index: 999;
				}
			
			
			.control-left a,
			.control-right a { display: block; width: 30px; height: 70px; }
		
			#strip-holder #strip {
				width: 570px;
				height: 70px;
				line-height: 32px;
			}
			
				#strip-holder #strip ul { margin-left: 0px; }
				
					#strip-holder #strip ul li {
						display: inline-block;
						margin-right: 10px;
					}
					
					*+html #strip-holder #strip ul li {
						display: inline !important;
					}
					
					#strip-holder #strip ul li.empty a { width: 70px; }
					
					body#cms.introduction #background {
						position: absolute;
						left: 0 !important;
						top: 0 !important;
					}
					
					body#cms.introduction #container { margin-left: 600px; }
					
					#jquery-overlay { min-height: 850px !important; }
					
					*+html #jquery-overlay { height: 780px !important;}
					
					
/* Link list */
#link-list { margin-top: 140px; text-align: right; }

	#link-list li { margin-bottom: 12px; }