@charset "utf-8";
/* CSS Document */

/*
Theme Name: Photomatix Theme
Theme URI: http://www.sillevl.be/
Description: Custom Theme for Gunther Frans www.photomatix.be.
Version: 1.0
Author: Sille Van Landschoot
Author URI: http://www.sillevl.be


*/


@font-face {
	font-family: 'NeuropolRegular';
	src: url('fonts/NEUROPOL.eot');
	src: local('Neuropol Regular'), local('Neuropol'), url('fonts/NEUROPOL.woff') format('woff'), url('fonts/NEUROPOL.ttf') format('truetype'), url('fonts/NEUROPOL.svg#Neuropol') format('svg');
}

@font-face {
	/*
	 * @vendor:     The League of Moveable Type
 	 * @vendorurl:  http://www.theleagueofmoveabletype.com
 	 * @licenseurl: http://www.fontsquirrel.com/license/Orbitron
 	*/
	font-family: 'OrbitronLight';
	src: url('fonts/orbitron-light.eot');
	src: local('Orbitron Light'), local('Orbitron-Light'), url('fonts/orbitron-light.woff') format('woff'), url('fonts/orbitron-light.ttf') format('truetype'), url('fonts/orbitron-light.svg#Orbitron-Light') format('svg');
}


@font-face {
	font-family: 'OrbitronMedium';
	src: url('fonts/orbitron-medium.eot');
	src: local('Orbitron Medium'), local('Orbitron-Medium'), url('fonts/orbitron-medium.woff') format('woff'), url('fonts/orbitron-medium.otf') format('opentype'), url('fonts/orbitron-medium.svg#Orbitron-Medium') format('svg');
}

@font-face {
	font-family: 'OrbitronBold';
	src: url('fonts/orbitron-bold.eot');
	src: local('Orbitron Bold'), local('Orbitron-Bold'), url('fonts/orbitron-bold.woff') format('woff'), url('fonts/orbitron-bold.otf') format('opentype'), url('fonts/orbitron-bold.svg#Orbitron-Bold') format('svg');
}

@font-face {
	font-family: 'OrbitronBlack';
	src: url('fonts/orbitron-black.eot');
	src: local('Orbitron Black'), local('Orbitron-Black'), url('fonts/orbitron-black.woff') format('woff'), url('fonts/orbitron-black.otf') format('opentype'), url('fonts/orbitron-black.svg#Orbitron-Black') format('svg');
}



body{
	background-color: #131314;
	background-image: url(img/bg_tile.jpg);
	background-position: center top;
	/*background-repeat: repeat-x;*/
	margin: 0px;
	padding: 0px;
	color: #e3e1f2;
	font-family: Arial, Helvetica, sans-serif;
}

#bg_top{
	background-color: #131314;
	background-image: url(img/bg_gradient.jpg);
	background-position: center;
	width: 100%;
	height: 518px; 
	position: absolute; 
	z-index: -10;
}

#background{
	background-image:url(img/bg_up.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	width: 100%;
	min-height: 500px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;

}

#container{
	width: 1020px;
	margin: auto;
}

#header{
	height: 150px;
}

img{
	border: none;
}

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

a:hover{
	color: #e6ddbd;
	text-decoration: underline;
}

/*navigation*/
.navigation{
	clear: both;
	padding: 5px;
}

.navigation a{
	text-decoration: none;
	color: #CCC;
}

.navigation .alignleft{
	float: left;
}

.navigation .alignright{
	float: right;
}

/*menu*/

#menu{
	padding: 0px;
	margin: 0px;
}

#menu ul{
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 119px;
	text-align: right;

}

#menu ul li{
	display: inline-block;
	font-family: 'OrbitronLight', Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding: 0px;

	line-height: 31px;
	vertical-align: middle;
	margin: 0px;
	margin-left: -4px;
	overflow: hidden;
	padding-left: 15px;
	padding-right: 15px;
	zoom: 1;        
	*display: inline;
}

#menu ul li:hover{
	background-image: url('img/menu_hover.png');
	background-position: bottom;
}

#menu a{
	color: #e3e1f2;
	text-decoration: none;
	height: 100%;
	width: 100%;
	display: inline-block;
	margin:0px;
	padding: 0px;

}



#menu .current_page_item, #menu .current_page_parent{
	background-image: url('img/menu_current.png');
	background-position: bottom;
}

#menu .current_page_item a, #menu .current_page_parent a{
	color: #e6ddbd;
}

/*footer*/

#footer{
	width: 1020px;
	margin-top: 15px;
	text-align: center;
	font-size: 12px;
	margin-bottom: 10px;
}

#footer p{
	text-align: center;
	width: 300px;
	margin: auto;
	margin-top: 10px;
	color: #999;
}


#footer ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#footer li{
	display: inline;
	margin: 0px;
	padding: 0px;
	margin-right: 2px;
	margin-left: 2px;
}

#footer .link{
	display: inline;
	font-size: 13px;
	color: #555;
}

#footer .link a{
	color: #666;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#footer .link a:hover{
	text-decoration: underline;
	color: #CCC;
}

#footer h2{
	display: none;
}

#footer .links{
	float: left;
}

#footer .rechts{
	float: right;
}

#footer .links a{
	margin-right: 10px;
}

#footer .rechts a{
	margin-left: 10px;
}

/*slideshow*/

#slideshow{
	padding-top: 10px;
}

/*blogposts images*/

.intro_post_thumbs{
	background-color: #242426;;
	background-image: url('img/blog_header.jpg');
}

.tabelement2 a{
	width: 240px;
	height: 160px;
	padding: 0px;
	margin: 0px;
}

.tabelement2{
	display: inline-block;
	width: 240px;
	height: 160px;
	position: relative;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
}

.tabelementText{
	position:absolute;
	text-align: center;
	padding: 0px;
	font-family:  'OrbitronLight', Arial, Helvetica, sans-serif;
	background-image: url("img/bg_trans02.png");
	font-size: 14px;
/*	font-weight: bold;*/
	color: white;
	margin: 0px;
	display: block;
	right: 4px;
	bottom: 3px;
	line-height: 18px;
	vertical-align: middle;
	overflow: hidden;
}

.tabelementText a{
/*	font-weight: bold;*/
	color: white;
	text-decoration: none;
	width: 230px;
	display: block;
	height: 18px;
	padding: 5px;
	margin: 0px;

}

.tabelement{
	overflow: hidden;
	display: none;
}

.intro_blog_post_right{
	width: 50px;
	height: 180px;
	display: block;
	position: absolute;
	z-index: 10;
	top: 0px;
	right: -20px;
}

.intro_blog_post_right a{
	display: block;
	background-image: url('img/intro_thumb_right.png');
	width: 50px;
	height: 180px;
}

.intro_blog_post_right a:hover{
	background-image: url('img/intro_thumb_right_hover.png');
}

.intro_blog_post_left{
	width: 50px;
	height: 180px;
	display: block;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: -20px;
}

.intro_blog_post_left a{
	display: block;
	background-image: url('img/intro_thumb_left.png');
	width: 50px;
	height: 180px;
}

.intro_blog_post_left a:hover{
	background-image: url('img/intro_thumb_left_hover.png');
}

/*blog*/

#blog{
	float: left;
	width: 820px;
	margin-top: 15px;
}

.post{
	font-size: 14px;
	background-image: url('img/blog_header.jpg');
/*	background-position: top left;*/
	background-repeat:no-repeat;
	background-color: #242426;
	padding: 10px;
	margin-bottom: 15px;
	/*border: 1px black solid;*/
}

.post_top{
	background-color: #131314;
	/*background-image: url(img/blog_header.jpg);*/
	background-color: #0F0;
	width: auto;
	height: 186px; 
	position: absolute; 
	overflow: hidden;
/*	z-index: -10;*/
}

.post img{
	border: none;
	max-width: 800px;
	margin: 2px;
	padding: 0px;
}

.post h2{
	margin: 0px;
	padding: 0px;
	font-family: 'OrbitronLight', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #CCC;
	margin-left: 0px;
	margin-top: 7px;
	margin-bottom: 25px;

}

.post h2 a{
	font-family: 'OrbitronLight', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #CCC;
	left: -35px;
	position: relative;
}

.post h2 a:hover{
	text-decoration: underline;
}

.post .entry{
	color: #999;
	clear: both;
}

.post .entry a{
	color: #e6ddbd;
	text-decoration: underline;
}

.post .entry a img{
	border: none !important;
	outline:  none;
}

.post .datum{
	padding: 5px;
	font-size: 10px;
	text-align: center;
	width: 35px;
	height: 55px;
	float: left;
	/*	border: 3px #333 double;*/
	background-image: url('img/blog_header.jpg');
	position: relative;
	left: -55px;
	top: -10px;
	color: CCC;
	font-family: 'OrbitronLight', Arial, Helvetica, sans-serif;
}

.post .datum .jaar{
	font-size: 10px;
}
.post .datum .maand{
	font-size: 13px;
}
.post .datum .dag{
	font-size: 20px;
	font-weight: bold;
}

.post .datum span{
	color: #CCC;
}


.postfooter{
	clear: both;
	color: #999;
	margin: 0px;
	padding: 0px;
}

.postfooter a{
	text-decoration: none;
	color: #999;
}

.postfooter .left{
	float: left;
	height: 30px;
	background-image: url('img/comments.png');
	background-repeat: no-repeat;
	background-position: 5px 0px;
}

.postfooter .left{
	text-align: center;
	padding-top: 3px;
	
}

.postfooter .left a:hover{
	text-decoration: underline;
}

.postfooter .left .aantal{
	display: inline-block;
	width: 43px;
	text-align: center;
}

.postfooter .right{
	float: right;
}

.postfooter p{
	padding: 0px;
	margin: 0px;
	margin-bottom: 3px;
}

.postfooter .right a{
	color:#CCC;
	background-color: #444;
	padding: 3px;
}

.postfooter .right a:hover{
	color:#999;
	background-color: #000;
}

.postfooter .postmetadata{
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#blog h3{
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #4b4b4b;
}

/*sidebar*/

#sidebar{
	width: 200px;
	float: right;
/*	background-color:#999;*/
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
}



#sidebar .widget{
	list-style: none;
	width: 200px;
	padding: 5px;
	padding-bottom: 20px;
	background-image: url('img/widget_bottom.png');
	background-position: bottom center;
	background-repeat: no-repeat;
}


#sidebar .widget h2{
	padding: 5px;
	margin: 0px;
	font-size: 16px;
}

#sidebar li{
	list-style: none;
}

#sidebar ul{
	padding: 0px;
	margin: 0px;
}

#sidebar .widget li{
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
}

#sidebar .widget a{
	text-decoration: none;
	color: #999;
}

#sidebar .widget a:hover{
	text-decoration: underline;
}

#sidebar .sharelink, #sidebar .sharelink a, #sidebar .sharelink img{
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}

#sidebar .sharelink{
	margin-left: 5px;
	font-size: 14px;
}

#sidebar .sharelink img{
	padding: 0px;
	padding-right: 10px;
}

#sidebar #blog_extra_info{
	background-image: url('img/blog_header.jpg');
	background-position: top right;
	background-repeat:no-repeat;
	background-color: #242426;
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

#sidebar #blog_extra_info li{
	padding: 0xp;
	margin: 0px;
}

#searchform{
	text-align: right;
}

#searchform #s{
	width: 115px;
	border: none;
	background-color: #b8b9ba;
	padding: 2px;
	padding-left: 5px;
}

#searchform #searchsubmit{
	width: 65px;
	background-color: #b8b9ba;
	border: none;
	padding: 2px;
}

#searchform #searchsubmit:hover{
	cursor: pointer;
}

/*page*/

#page{
	width: 1020px;
	margin-top: 15px;
	background-image: url('img/blog_header.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #242426;
}

.page{
	font-size: 14px;
	/*border: 1px black solid;*/
}

.page .entry{
	padding: 15px;
	padding-top: 5px;
	padding-bottom: 0px;
}

.page .entry a{

}

.page .entry a img{
	border: none !important;
	outline:  none;
	
}

#page h3{
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #909099;
}

/*comments*/

#commentform input, #commentform textarea{
	background-color: #2f2f31;
	border: 1px solid #333;
	color: #FFF;
	padding: 3px;
}

#commentform p{
	margin: 3px;
	padding: 0px;
}

#commentform #submit{
	padding: 3px;
	margin-top: 5px;
}

#commentform #submit:hover{
	background-color: #444;
	cursor: pointer;
}

#commentform #comment{
	width: 775px;
	overflow: auto;
}

#commentform p{
	color: #676767;
	font-size: 12px;
}

.commentlist{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.commentlist p{
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	color: #676767;
}

.commentlist .datetime{
	font-size: 11px;
	color: #666;
	padding-left: 40px;
}

.commentlist .avatar{
	float: left;
}

.commentlist .title{
	padding-left: 40px;
	font-size: 14px;
	color: #CCC;
}

hr.dark{
	height: 0;   
	border: 0;   
	border-top: 1px solid #333;   
}


.theme_background{
	position: relative;
	background-image: url('img/blog_header.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #242426;
	width: 980px;
	margin: 0px;
	padding: 0px;
}

#portfolio_page .entry{
	margin: 0px;
	padding: 0px;
}

#portfolio_page h3{
	padding: 10px;
	margin-bottom: 10px;
	font-family: 'OrbitronLight', Arial, Helvetica, sans-serif;
}

#portfolio.gallery{
	position: relative;
	background-image: url('img/blog_header.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #242426;
	width: 970px;
	margin: 0px;
	padding: 15px;
	text-align: center;
}

#portfolio .portfolio_item{
	font-family: 'OrbitronLight', Arial, Helvetica, sans-serif;
}


#portfolio .portfolio_item p{
		padding: 0px 0px;
		margin: 0px;
		margin-top: 10px;
}

.post_flickr_gallery_link{
	text-align: center;
}


#design_by_sille{
	text-align: center;
	color: #222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	margin:auto;
	width: 100px;
	padding: 0px;
	padding-top: 30px;
}

#design_by_sille a{
	display: inline-block;
	color: #222;
	background-color: transparent;
}

#design_by_sille a:hover{
	color: #666;
}