/*   
Theme Name: Huub Verweij
Theme URI: 
Description: Huub Verweij
Author: MetroDC
Author URI: www.metrodc.nl
Template: thematic
Version: 1.1
Tags: Huub Verweij, MetroDC

*/
/* RESET */
html, body{width:100%; min-height:100%; height:auto !important; height:100%; margin:0; padding:0}
ul, ol, dl{list-style:none}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, embed, object, param{margin:0; padding:0}
a img, :link img, :visited img{border:none}
embed, object, param{display:block}

h1, h2, h3, h4, h5, h6, address, em, blockquote, cite, pre, code, p{font-style:normal; font-weight:normal; margin:0; padding:0}
strong{font-weight:bold}
a, a:hover, a:visited, a:active, a:link, a:focus{outline:none}

input[type=text]:focus, input[type=password]:focus{outline:0 none}
input, fieldset, select, radio, textarea{background-color:transparent; border:none}

textarea{resize:none}

.clearfix:after{content:""; display:block; height:0; clear:both; visibility:hidden; font-size:0}
.clearfix{display:inline-block}

* html .clearfix{height:0}
.clearfix{display:block}


body { background-color:#fff; }
input, textarea { border:1px solid #fff; color:#fff; background-color:#333; }
input[type='submit'] { background-color:#000; border:1px solid #fff; color:#000; padding:2px 5px; color:#fff; }


/* TYPO */
body { 
	font-family: arial, verdana, sans-serif;
	color: #ffffff;
	font-size: 87.5%;
	line-height:150%;
}

a, a:link { color:#3399ff; background-color:transparent; }
a:hover { color:#ff911b; }
a:visited { color:#ff911b; }


h1,h2,h3,h4,h5 { text-transform:uppercase; padding:.5em 0 .5em 0; }

h1 { font-size:24px; color:#ff911b;  }
h2 { font-size:18px; }
h3 { font-size:18px; }

h1 a,h2 a,h3 a,h4 a,h5 a,
h1 a:link,h2 a:link,h3 a:link,h4 a:link,h5 a:link { text-decoration:none; color:#ff911b; }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover { color:#ffffff; }

p { padding:0 0 1em 0; font-size:.9em; }

.sidebar,
.sidebar a { color:#999999; text-decoration:none; text-transform:uppercase; font-size:10px;}
.sidebar a.current,
.sidebar a:hover { color:#ff911b; }
.sidebar h2 { font-size:24px; padding-bottom:.2em; }
.sidebar ul { margin:0 0 1em 0; }

.sidebar .show-all { background-color:#000000; width:105px; margin:5px 0 0 0; padding:1px 3px; text-transform:uppercase;  font-size:12px; text-align:center; }

.sidebar #sidebar-searchform div { position:relative; }
.sidebar #sidebar-s { width:220px; height:20px; background-color:#fff; border:1px solid #fff; color:#000; }
.sidebar #sidebar-searchsubmit { background:#000000 url(./img/sidebar-btn-search.gif) no-repeat 0 0; width:29px; height:22px; text-indent:-9999px; overflow:hidden; cursor:pointer; top:0; right:0; position:absolute;  }
 

#footer { font-size:0.8em; color:#000; text-align:center;}

/* END OF TYPO */



body { background:#1b1b1b url(./img/body-bg.gif) repeat 0 0; position:relative; }

#header { position:absolute; left:0; top:10px; height:30px; line-height:30px; width:100%; background:transparent url(./img/header-bg.png) repeat 0 0; z-index:2; }
#header .wrapper { width:960px; margin:0 auto; height:30px; }
#header .logo { float:left; line-height:30px; background:transparent url(./img/logo-huubverwij.png) no-repeat 50% 50%;  width:300px; text-align:center;  text-indent:-9999px; overflow:hidden; border-right:1px solid #ff911b; }
#header-deco { position:absolute; top:0; left: 315px; height:750px; width:1px; line-height:1px; font-size:1px; background:transparent url(./img/line-bg.png) no-repeat 0 0; z-index:11;}


/*html, body, #wrapper { height: 100%;}
body > #wrapper { height: auto; min-height: 100%;}*/
#wrapper { 
	background:transparent url(./img/wrapper-bg.png) repeat 0 0;
	width:960px; /*960 + (2*123)*/ margin:0 auto; padding:40px 15px 50px 15px; xheight:710px; position:relative; z-index:1; 
}


#content { 
	width:660px; height:660px; xfloat:right;
	background-color:#1b1b1b;
	position:relative;
	margin-left:300px;
}
	
	.sidebar { width:540px; position:absolute; left:-422px; z-index:2; }
	#sidebar-deco { height:100%; background:transparent url(./img/sidebar-deco.png) no-repeat left bottom;  }

	#posts { 	position:relative; z-index:3; background-color:transparent; height:580px; padding:20px 20px 10px 10px; overflow:hidden; }
	.post { }
	#posts p { display:block; padding:0 0 1em 0; }
	#posts img { border:2px solid #333; }

	img.alignright, a img.alignright {float:right; margin:7px 7px 7px 10px; }
	img.alignleft, a img.alignleft {float:left; margin:7px 10px 7px 0; }
	img.aligncenter, a img.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align:center; }
	
	#sidebar { }
	.sidebar-wrapper { margin:0 auto; width:260px; padding:20px; }


#footer { background:#ffffff url(./img/footer-bg.png) repeat-x 0 0; 
	position: relative;
	height: 106px;
	clear:both;
}
#footer .wrapper { padding:10px 0 0 0; }

/* HOME TEMPLATE */
.home #header { top:550px;}
.home #wrapper { padding-top:0; height:700px; }
.home #content { background-color:transparent; text-align:center; background:transparent url(./img/home-bg.jpg) no-repeat 0 0; text-indent:-9999px; margin:0 0 0 0; width:960px; }
.home #content #logo-home { background:transparent url(./img/logo-home.png) no-repeat 50% 50%; height:30px; width:319px; position:absolute; top:255px; right:90px; }


/* PAGE TEMPLATE */

.page h1.entry-title { display:none; }

.social-links { margin:10px 0 0 10px; float:left; }
.social-links li { float:left; }

.page-menu .page_item { float:left; padding:0 10px; background:transparent url(./img/menu-sep.gif) no-repeat 0 55% ; height:30px; }
.page-menu .first_item { background-image:url(''); }
.page-menu .current_page_item { color:#ff911b;}


.page-menu .page_item_extra { width:200px; height:30px; padding-left:20px; }

.page-menu .page_item .twitter,
.page-menu .page_item .facebook,
.social-links .twitter,
.social-links .facebook { float:left; width:20px; height:30px; margin:0 10px 0 0; } 

.page-menu .page_item .twitter,
.social-links .twitter { background:transparent url(./img/logo-twitter.png) no-repeat 50% 50%; text-indent:-9999px; }
.page-menu .page_item .facebook,
.social-links .facebook { background:transparent url(./img/logo-facebook.png) no-repeat 50% 50%; text-indent:-9999px; }

.page-menu { float:left; position:relative; display:block; margin:0 0 0 20px; }
.page-menu .page_item a { 
	display:block; text-decoration:none; text-transform:uppercase; font-size:17px; color:#fff; 
}
.page-menu .page_item a cufon { padding:8px 0 0 0; }

.page-link,
.pagebar { z-index:3; position:relative; padding:5px 0 10px 5px; overflow:auto; width:630px; text-align:center; clear:both;  }

.pagebar .pagebar-previous,
.pagebar .pagebar-previous a,
.pagebar .pagebar-next,
.pagebar .pagebar-next a,
.pagebar .this-page,
.pagebar .this-page a { text-decoration:none;  display:block; padding:2px 5px; font-size:10px; }

.pagebar .pagebar-previous a,
.pagebar .pagebar-next a,
.pagebar .this-page { background-color:#000; }

.pagebar a.pagebar-previous,
.pagebar a.pagebar-next { background-color:#000; }

.pagebar .this-page { color:#fff; position:absolute; left:265px;  }
.pagebar .pagebar-previous { float:left; text-transform:uppercase; }
.pagebar .pagebar-next { float:right; text-transform:uppercase; }

.pagebar .pagebar-previous:link,
.pagebar .pagebar-previous a:link { color:#fff; }
.pagebar .pagebar-next:link,
.pagebar .pagebar-next:link { color:#fff; }

/* BLOG */
.archive #posts,
.blog #posts,
.single #posts { height:570px; height:auto !important; min-height:570px; }
.archive .pagebar,
.blog .pagebar,
.single .pagebar { bottom:5px; }
.archive #content,
.blog #content,
.single #content { height:auto; padding-bottom:0;}
.archive #wrapper,
.blog #wrapper,
.single #wrapper{ height:710px; height:auto !important; min-height:710px;   padding-bottom:0; }
.blog .entry-title { font-size:24px;  }

/* MISC */
.entry-meta { color:#cccccc; font-size:.9em; }

/* viper quick tags */
.vvqbox { display: block; max-width: 100%; visibility: visible !important; margin: 10px auto; } .vvqbox img { max-width: 100%; height: 100%; } .vvqbox object { max-width: 100%; } 

/* fancy box */
div#fancy_inner {border-color:#BBBBBB}
div#fancy_close {right:-15px;top:-12px}
div#fancy_bg {background-color:#FFFFFF}