/* cheapo reset, must be changed so don't hold it against me */
*{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/* webkit stuff */
html{
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

html,body{
	height: 100%;
}

body{
	font: .8em/1.5 "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	background: #2d2d2d url('../i/body.jpg');
	color: #ccc;
}

a{
	color: #b3b3b3;
}

a img{
	border-width: 0;
}

#st{
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	overflow: hidden;
}

#wrapper{
	width: 960px;
	margin: 0 auto 50px;
	min-height: 500px;
	background: url('../i/wrapper.jpg') no-repeat center top;
}

/* header stuff */
#header{
	overflow: hidden;
}

	#header h1{
		float: left;
	}

		#header h1 a{
			display: block;
			width: 255px;
			height: 77px;
			text-indent: -9999em;
			background: url('../i/vanimpe.jpg') no-repeat left top;
		}
		
	#navigation{
		float: right;
		margin-right: 100px;
		list-style-type: none;
	}
	
		#navigation li{
			padding: 0 0 12px;
			margin: 0 0 0 10px;
			float: left;
			text-transform: uppercase;
			color: #b3b3b3;
		}
		
			#navigation li a{
				color: #b3b3b3;
				display: block;
				text-decoration: none;
				color: inherit;
				padding: 53px 8px 5px;
				-moz-border-radius-bottomleft: 5px;
				-moz-border-radius-bottomright: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
			}

			#navigation li:hover a{
				background: rgba(29,29,29,.5);
			}
		
			#navigation li.current_page_item a,
			#navigation li.current_page_item:hover a{
				background: #1d1d1d;
			}
			
/* content */
#content{

}

	#content ul.photos{
		list-style-type: none;
		position: relative;
		width: 700px;
		margin: 20px auto 10px;
	}
	
		#content ul.photos li img{
			min-width: 700px;
			max-width: 700px;
			vertical-align: bottom;
		}
		
		#content ul.photos li{
			position: absolute;
			top: 0;
			left: 0;
			width: 700px; /* i can haz layout... IE */
			color: #2d2d2d;
			background: #fff;
			padding: 10px;
			-webkit-box-shadow: 0 0 20px rgba(0,0,0,.9);
			-moz-box-shadow: 0 0 20px rgba(0,0,0,.9);
			-webkit-transform: rotate(-1deg);
			-moz-transform: rotate(-1deg);
		}
		
		
		#content ul.photos li.odd{
			-webkit-transform: rotate(2deg);
			-moz-transform: rotate(2deg);
		}
		
		#content ul.photos li.three{
			-webkit-transform: rotate(1deg);
			-moz-transform: rotate(1deg);
		}
	
		#content ul.photos li:first-child{
			display: block;
		}
	
	.pageimg{
		float: right;
		width: 50%;
		min-height: 300px;
		overflow: hidden;
	}
	
		.pageimg img{
			min-width: 100%;
			min-height: 100%;
		}

	.post{
		color: #2d2d2d;
		background: #fff;
		padding: 10px;
		margin: 20px 0 10px;
		min-height: 300px;
		-webkit-box-shadow: 0 0 20px rgba(0,0,0,.9);
		-moz-box-shadow: 0 0 20px rgba(0,0,0,.9);
		position: relative;
	}

	.post.blog,
	.blog{
		margin: 0 auto;
		width: 700px;
		min-height: 0;
		margin-bottom: 40px;
		overflow: visible;
	}
	
		.blog img{
			/*
			background: #fff;
			padding: 10px;
			-webkit-box-shadow: 0 0 20px rgba(0,0,0,.9);
			-moz-box-shadow: 0 0 20px rgba(0,0,0,.9);
			-webkit-transform: rotate(-1deg);
			-moz-transform: rotate(-1deg);
			position: relative;
			left: -10px;
			margin: .5em 0;
			*/
		}
		
		.blog img.wp-smiley{
			padding: 0;
			-webkit-box-shadow: 0 0 0 #fff;
			-webkit-transform: rotate(0deg);
			-moz-box-shadow: 0 0 0 #fff;
			-moz-transform: rotate(0deg);
			margin: 0;
		}

    .blog ul,
    .blog ol{
        margin: 0 0 1em 0;
        list-style-position: inside;
    }

	.post:after{
		content: '.';
		visibility: hidden;
		display: block;
		float: none;
		clear: both;
		height: 0;
		overflow: hidden;
	}
	
	.post h2{
		margin: 0 0 1em 0;
	}
	
	.post p{
		margin: 0 0 1em 0;
	}
	
	.post span.paperclip{
		display: block;
		float: right;
		position: relative;
		top: -30px;
		right: -10px;
	}
	
	.post span.paperclip:after{
		content: url('../i/clip.png');
		position: absolute;
		top: -14px;
		left: 57%;
		z-index: 9999;
	}
	
	.post span.paperclip img{
		background: #fff;
		padding: 10px;
		-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.8);
		-moz-box-shadow: 2px 2px 5px rgba(0,0,0,.8);
		-webkit-transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		margin: 0 0 10px 10px;
	}

	.post fieldset{
		float: left;
		width: 460px;
		margin: 20px 0;
		padding: 0 20px;
		border-width: 0;
		line-height: 1.6;
		border-right: 1px solid #ccc;
	}
	
		.post fieldset input{
			background: #fff;
			border-width: 0;
			border-bottom: 1px solid #333;
			width: 160px;
		}
		
		.post fieldset input#phone{
			width: 120px;
		}
		
		.post fieldset textarea{
			width: 100%;
			height: 200px;
			line-height: 20px;
			background: url('../i/textarea.png');
			background-attachment: scroll;
			overflow: auto;
			border-width: 0;
		}
		
		.post fieldset textarea:focus,
		.post fieldset input:focus{
			background: #eee;
		}
		
		.post input#captcha{
			border: 1px inset #000;
		}
		
		.post p.submit{
			text-align: center;
		}
		
		.post p.submit input{
			display: inline-block;
			background: #111;
			color: #ddd;
			padding: 3px 10px;
			font-weight: normal;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-box-shadow:inset 3px 3px 6px rgba(255,255,255,.1),
								0 0 5px rgba(0,0,0,.9);
			-moz-box-shadow:inset 3px 3px 6px rgba(255,255,255,.1),
								0 0 5px rgba(0,0,0,.9);
			text-decoration: none;
			cursor: pointer;
		}
		
		.post p.submit input:hover{
			-webkit-box-shadow:inset 3px 3px 6px rgba(255,255,255,.1),
								0 0 10px rgba(0,0,0,.9);
			-moz-box-shadow:inset 3px 3px 6px rgba(255,255,255,.1),
								0 0 10px rgba(0,0,0,.9);
		}

	.post address{
		display: block;
		font-style: normal;
		float: right;
		width: 300px;
		background: #131210 url('../i/vcard.png') no-repeat left top;
		padding: 80px 10px 10px;
		color: #999;
		font-size: .8em;
		margin: 100px 50px 20px 0;
		position: relative;
		-webkit-transform: rotate(-3deg);
		-webkit-box-shadow: 4px 4px 8px rgba(0,0,0,.3);
		-moz-box-shadow: 4px 4px 8px rgba(0,0,0,.3);
	}
	
		.post address:before{
			content: url('../i/tape.png');
			position: absolute;
			top: -23px;
			left: 50%;
			margin-left: -47px;
		}
	
		.post address a{
			color: inherit;
			text-decoration: underline;
		}
		
		.post address a:hover{
			text-decoration: none;
			color: #ccc;
		}
		
		.post address a:active{
			position: relative;
			top: 1px;
			left: 1px;
		}

	.post.single{
		position: relative;
		background: none;
		text-align: center;
		-webkit-box-shadow: 0 0 0 rgba(0,0,0,.8);
		-moz-box-shadow: 0 0 0 rgba(0,0,0,.8);
		margin-bottom: 50px;
	}
	
		.post.single h2{
			text-align: center;
			position: absolute;
			left: -9999em;
		}
	
		.post.single p{
			margin: 0 !important;
		}
	
		.post.single img{
			max-width: 920px;
			vertical-align: top;
			padding: 10px;
			background: #fff;
			-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.8);
			-moz-box-shadow: 0 2px 6px rgba(0,0,0,.8);
		}
		
		.post.single ul.postnav{
			list-style-type: none;
		}
		
		.post.single ul.postnav li a{
			display: block;
			position: absolute;
			top: 0;
			width: 50%;
			height: 100%;
			text-indent: -9999em;
			overflow: hidden;
		}
		
			.post.single ul.postnav li.next a{
				left: 0;
				background: url('../i/previous.png') no-repeat left center;
			}

			.post.single ul.postnav li.prev a{
				right: 0;
				background: url('../i/next.png') no-repeat right center;
			}

	.detail{
		float: left;
		width: 420px;
		margin-right: 40px;
	}
	
	.detail:last-of-type{
		margin-right: 0;
	}

	ul.cat,
	ul.cat ul{
		list-style-type: none;
	}
	
	ul.cat{
		width: 300px;
		height: 300px;
		margin: 30px 30px 80px 0;
		float: left;
		text-align: center;
		position: relative;
	}
	
	ul.cat h3{
		text-align: center;
		position: absolute;
		bottom: -40px;
		width: 300px;
	}
	
		a.button,
		ul.cat h3 a{
			display: inline-block;
			background: #111;
			color: #ddd;
			padding: 3px 10px;
			font-weight: normal;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-box-shadow:inset 3px 3px 6px rgba(255,255,255,.1),
								0 0 5px rgba(0,0,0,.9);
			-moz-box-shadow:inset 3px 3px 6px rgba(255,255,255,.1),
								0 0 5px rgba(0,0,0,.9);
			text-decoration: none;
		}
		
		ul.cat.overview h3 a{
			font-size: .8em;
		}
		
		a.button:active,
		ul.cat h3 a:active{
			position: relative;
			top: 1px;
			left: 1px;
		}

	ul.cat.third{
		margin-right: 0 !important;
	}
	
	ul.cat ul li{
		width: 300px;
		height: 300px;
		text-align: center;
		line-height: 300px;
		position: absolute;
		top: 0;
		left: 0;
	}
	
		ul.cat ul li img{
			height: auto;
			width: auto;
			max-width: 280px;
			max-height: 280px;
			padding: 10px;
			background: #fff;
			-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.8);
			-moz-box-shadow: 0 2px 6px rgba(0,0,0,.8);
			vertical-align: middle;
			-webkit-transform: rotate(-1deg);
			-moz-transform: rotate(-1deg);
			cursor: pointer;
		}

		ul.cat ul li:nth-child(2n+2) img{
			-webkit-transform: rotate(2deg);
			-moz-transform: rotate(2deg);
		}
		
		ul.cat ul li:nth-child(3n+3) img{
			-webkit-transform: rotate(1deg);
			-moz-transform: rotate(1deg);
		}
		
		ul.ls li.pt img,
		ul.pt li.ls img{
			-webkit-transform: rotate(-91deg);
			-moz-transform: rotate(-91deg);
		}
		

		ul.ls li.pt:nth-child(2n+2) img,
		ul.pt li.ls:nth-child(2n+2) img{
			-webkit-transform: rotate(92deg);
			-moz-transform: rotate(92deg);
		}
		
		ul.ls li.pt:nth-child(3n+3) img,
		ul.pt li.ls:nth-child(3n+3) img{
			-webkit-transform: rotate(91deg);
			-moz-transform: rotate(91deg);
		}

ul.overview{
	width: 990px;
	margin: 20px 0;
	list-style-type: none;
	overflow: hidden;
}

	ul.overview li{
		float: left;
		position: relative;
		width: 300px;
		height: 300px;
		line-height: 300px;
		text-align: center;
		margin: 10px 15px;
	}
	
		ul.overview li h3{
			position: absolute;
			left: -9999em;
		}
	
		ul.overview img{
			height: auto;
			width: auto;
			max-width: 280px;
			max-height: 280px;
			padding: 10px;
			background: #fff;
			-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.8);
			-moz-box-shadow: 0 2px 6px rgba(0,0,0,.8);
			vertical-align: middle;
			cursor: pointer;
		}

#footer{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px 20px;
	background: #111;
	color: #666;
	overflow: hidden;
	font-size: .8em;
	line-height: 20px;
	width: 100%;
}
	#footer p,
	#footer address{
		display: inline;
		font-style: normal;
	}
	
	#footer a{
		color: #666;
		text-decoration: underline;
	}
	
	#footer a.facebook{
		padding-left: 16px;
		background: url('../i/facebook.png') no-repeat left center;
	}

	#footer a.twitter{
		padding-left: 16px;
		background: url('../i/twitter.png') no-repeat left center;
	}
	
	#footer a:hover{
		text-decoration: none;
	}

	#footer a:active{
		position: relative;
		top: 1px;
		left: 1px;
	}

/* language stuff */
#qtranslate-3-chooser{
	position: absolute;
	top: 10px;
	right: 50%;
	margin-right: -490px;
	background: #222;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #111;
	overflow: hidden;
	list-style-type: none;
	-webkit-box-shadow: inset -3px -3px 3px rgba(0,0,0,.5),
						inset 3px 3px 5px rgba(255,255,255,.1);
	-moz-box-shadow: inset -3px -3px 3px rgba(0,0,0,.5),
						inset 3px 3px 5px rgba(255,255,255,.1);
}

	#qtranslate-3-chooser li{
		float: left;
		border-right: 1px solid #000;
		border-left: 1px solid #333;
	}
	
		#qtranslate-3-chooser li a{
			display: block;
			padding: 3px 5px;
			text-decoration: none;
			color: #999;
		}
	
		#qtranslate-3-chooser li.active a{
			color: #fff;
			background: #666;
			-webkit-box-shadow: inset 3px 3px 5px rgba(0,0,0,.7);
			-moz-box-shadow: inset 3px 3px 5px rgba(0,0,0,.7);
		}
		
	#qtranslate-3-chooser li:first-of-type{
		border-left-width: 0;
	}

	#qtranslate-3-chooser li:first-of-type a{
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
	}

	#qtranslate-3-chooser li:last-of-type{
		border-right-width: 0;
	}
	
	#qtranslate-3-chooser li:last-of-type a{
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
	}

/* admin stuff */
.edit{
	position: fixed;
	right: 5px;
	top: 5px;
}

.edit a{
	display: block;
	clear: none;
	text-align: center;
	text-decoration: none;
	background: #508dd2;
	background: -webkit-gradient(linear, left top, left bottom, from(#6ea6db), to(#216cb7)), transparent;
	background: -moz-linear-gradient(top, #6ea6db, #216cb7);
	color: white;
	font-weight: normal;
	text-shadow: rgba(0,0,0,.4) 0 1px 0px;
	
	padding: 2px 5px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 10px;			
	border: 1px solid rgba(0,0,0,.5);
	border-top: 1px solid rgba(0,0,0,.1);
	-webkit-box-shadow: rgba(0,0,0,.3) 0 1px 3px;
	-moz-box-shadow: rgba(0,0,0,.3) 0 1px 3px;
	box-shadow: rgba(0,0,0,.3) 0 1px 3px;		
	
	-webkit-transition: background .2s ease;	
}
		.edit a:hover {
			background: -webkit-gradient(linear, left top, left bottom, from(#80c1ff), to(#267dd4)), transparent;
			background: -moz-linear-gradient(top, #80c1ff, #267dd4);
		}
		.edit a:active {
			background: -webkit-gradient(linear, left top, left bottom, from(#5682ac), to(#174a7d)), transparent;
			background: -moz-linear-gradient(top, #5682ac, #174a7d);
		}
		
		.edit a img {
			vertical-align: -3px;
			border: none;
		}