/* ********************************************************************

Theme Name: MaartenSchravenBLOG
Theme URI: http://www.maartenschraven.om
Description: Een template voor een fotografieblog van Maarten Schraven
Author: Maarten Schraven
Author URI: http://www.one-m.nl
version: 1.0
Tags: 1 Kolom, jQuery, fontstyle

*********************************************************************** */

@charset "utf-8";


/**** BASIS LAYOUT ****/



body {
	background:#444;
	overflow-x: hidden;
	overflow-y: hidden;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 8pt;
	margin: 0;
	padding: 0;
	}

#scroll {
	overflow-x:hidden;
	overflow-y: scroll;
	margin:0px auto;
	height:100%;
	width:100%;
	z-index: 25;
	position:absolute;
	}
	
h1 { 
	font-size: 48px; 
	color: #009ee0; 
	margin:0; 
	text-transform: uppercase;
	}

	
h2 	{
	font-size: 36px;
	color: #009ee0;
	text-transform: uppercase;
	}
	
h3 	{
	font-size: 10pt;
	}
	
h4 	{
	font-size: 9pt;
	}


img	{ 
	border: 6px solid #009ee0; 
	padding:0; 

	}
	
img a {
	border:none;
	}

img.left { 
	float: left; 
	border: none; 
	padding: 6px 0 0 0; 
	}
	
img.right { 
	float: right; 
	border: none; 
	padding: 0 0 0 6px; 
	}

blockquote {
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}

/***** Top Slider *****/

#page_container {
	position: relative;
	margin-left: auto;
	width: 100%;
	top: -5px;
}

.panel_button {
	margin-left: 44px;
	position: relative;
	top: 1px;
	width: 25px;
	float:left;
	height: 25px;
	background: url(./images/donkermingrijs.png) repeat;
	z-index: 20;
	cursor: pointer;
}

.panel_button a {
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	top: 5px;
}
.panel_button a:hover {
	text-decoration: none;
	color: #009ee0;
}

#toppanel {
	position: absolute;
	width: 100%;
	left: 0px;
	z-index: 25;
	text-align: center;

}
#panel {
	border-bottom: 6px solid #009ee0;
	width: 100%;
	position: relative;
	top: 1px;
	height: 0px;
	z-index: 10;
	overflow: hidden;
	text-align: left;
}

#panel_contents {
	background: url(./images/donkermingrijs.png) repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: -1;
}

.panel_inhoud {
	margin: 0;
	position: absolute;
	width: 970px;
	overflow: hidden;
	right: 88px;
}

.panel_inhoud h2 {
	margin: 0 0 0 20px;
}

.panel_inhoud p {
	color: #fff;
}

ul.col3 li h2 {
	font-size: 26px;
	margin: 10px 0;
	padding: 20px;
}

ul.col3 {
	width: 981px;
	margin: 20px 0;
	padding: 0;
	list-style: none;
	float: left;
}
ul.col3 li {
	float: left;
	background: #fff;
	width: 277px;
	padding: 10px 20px;
	margin: 5px 10px 5px 0;
}

ul.col4 {
	width: 980px;
	margin: 20px 0;
	padding: 0;
	list-style: none;
	float: left;
}
ul.col4 li {
	float: left;
	width: 195px;
	padding: 10px 20px;
	margin: 5px 10px 5px 0;
}

ul.col4 li h2 {
	font-size: 18px;
	margin: 10px 0;
}

ul.sidebarpanel {
	list-style: none;
	color: #fff;
	padding: 0;
	margin: 0;
	float:left;
}

ul.sidebarpanel li {
	color: #fff;
	padding: 5px 0 5px 0;
	margin: 0;
	border-bottom: 1px solid #009ee0;
}

ul.sidebarpanel li a {
	color: #fff;
	text-decoration: none;
}

ul.sidebarpanel li a:hover {
	color: #009ee0;
}

/*Supersize Plugin Styles*/

#loading {
	position: absolute;
	top: 49.5%; 
	left: 49.5%;
	z-index: 3;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	background-image: url(./images/progress.gif);
	}
	
#supersize{
	overflow:hidden;
	position:fixed;
	}
	
#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
	border: none;
	}

#supersize .prevslide, #supersize .prevslide img{
	z-index: 4;
	}

#supersize .activeslide, #supersize .activeslide img{
	z-index: 5;
	}


/**** LINKS ****/

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

a:hover {
	text-decoration: underline;
	}



/**** SLIDER ****/

#slidewindow {
	margin: 0px 88px 44px 0;
	width: 604px;
	padding: 44px 44px 15px 44px;
	background: url(./images/achtergrond_grijs.png) repeat;
	}

#jFlowSlide{ 
	width: 560px;
	}
	
#myController { 
	position: absolute;
	padding: 5px 0; 
	top: 240px;
	left: 44px;
	}
	
#myController span.jFlowSelected { 
	background: url(./images/bulletblauw.png) no-repeat;
	margin-right:0px; 
	}

.slide-wrapper { 
	padding: 5px; 
	}
	
.slide-thumbnail { 
	width:320px; 
	float:left; 
	}
	
.slide-thumbnail img {
	border: 6px solid #009ee0; 
	}
	
.slide-details { 
	width:140px; 
	float:left; 
	margin-left:50px;
	}
	
.slide-details h2 { 
	text-transform: uppercase;
	color: #009ee0;
	font-size:20px; 
	line-height: 24px; 
	margin:0; 
	}
	
.slide-details .description { 
	margin-top:10px; 
	}

.jFlowControl { 
	background: url(./images/bulletgrijs.png) no-repeat;
	cursor:pointer; 
	padding-left:10px; 
	padding-right:10px; 
	padding-top:2px; 
	padding-bottom:2px; 
	}
	
.jFlowControl:hover { 
	background: url(./images/bulletblauw.png) no-repeat;
	}

.jFlowPrev { 
	display: none;
	background: url(./images/bulletgrijslinks.png) no-repeat;
	cursor:pointer; 
	padding-left:10px; 
	padding-right:10px; 
	padding-top:2px; 
	padding-bottom:2px; 
	}
	
.jFlowPrev:hover { 
	display: none;
	background: url(./images/bulletblauwlinks.png) no-repeat;
	}
   
.jFlowNext { 
	display: none;
	background: url(./images/bulletgrijsrechts.png) no-repeat;
	cursor:pointer; 
	padding-left:10px; 
	padding-right:10px; 
	padding-top:2px; 
	padding-bottom:2px; 
	}
	
.jFlowNext:hover { 
	display: none;
	background: url(./images/bulletblauwrechts.png) no-repeat;
	}


.clear {
   clear: both;
	} 

/**** CONTAINER ****/


#container {
	position: absolute;
	overflow: hidden;
	z-index: 6;
	width: 604px;
	top: 174px;
	right: 88px;
	margin: 0;
	padding:0;
	color:#fff;
	}

	
/* HEADER */

#header {
	position: relative;
	z-index: 7;
  	width: 914px; 
  	float: right;
  	margin: 0 88px 0 0;
  	height: 130px;
	color: #fff; 
	}

#logo {
	background-image: url(./images/logoMaartenSchraven_02.png);
	width: 310px;
	height: 130px;
	text-indent: -99999px;
	}
	
#logo a {
	border: none;
	width: 310px;
	}

#header h1{
	font:normal 48pt georgia, times;
	padding:20px 0 0 16px;
	margin:0;	
	}
	
#header h1 a{ 
	color: #404040; text-decoration: none;
	}
	
#header h1 a:hover{
	color: #666; text-decoration: none;
	}

#header h2{
	font:normal 28px georgia, times;
	color:#333;
	padding: 0 0 0 18px;
	margin:0;	
	}


/**** MAIN MENU ****/


#menu {
	position: absolute;
	font-family: verdana, arial, times, serif;
	font-size: 18pt;
	top: 47px;
	right: 0px;
	float: right;
	}

#menu ul {
	margin:0;
	padding:0;
	float: right;
	width: 600px;
	}

#menu ul li {
	background: url(./images/achtergrond_grijs.png) repeat;
	list-style-type: none;
	float: right;
	margin: 0 0 0 35px;
	padding: 0;
	}

#menu ul li a {
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	padding:6px 17px 6px 17px;
	margin: 0;
	color: #fff;
	display:block;
	}

#menu ul li a:hover {
	text-decoration: none;
	background: url(./images/achtergrond_grijs.png) repeat;
	color: #009ee0;
	padding:6px 17px 6px 17px;
	}

#menu ul li a:active {
	text-decoration: none;
	background: url(./images/achtergrond_grijs.png) repeat;
	color: #009ee0;
	padding:6px 17px 6px 17px;
	}

/* content */


#content {
	width:516px;
	background: url(./images/achtergrond_grijs.png) repeat;
	padding: 44px 44px 22px 44px;
	}

.post {
	line-height: 14pt;
	}

.post small {
	padding: 0 0 20px 44px;
	}

.post h2 {
	margin: 0 200px 35px 0;
	line-height: 38px;
	font-size: 26px;
	color: #009ee0; 
	text-transform: uppercase;
	}
	
.post h2 a {
	margin: 0 200px 35px 0;
	line-height: 38px;
	font-size: 26px;
	color: #009ee0; 
	text-transform: uppercase;
	}
	
.post h2 a:hover{
	margin: 0 200px 35px 0;
	line-height: 38px;
	font-size: 26px;
	color: #0087bf; 
	text-transform: uppercase;
	}

.post ul {

	}

.post li {

	}

.entry {
	margin: 0 0 35px 44px;
	}

.post a {
	color: #009ee0;
	}

.post a:hover {
	color: #0087bf;
	text-decoration: none;
	}

.entry p {
	margin: 12px 0 0 0;
	}
	
.entry img {
	margin: 5px 0 25px 0;
	border: 6px solid #009ee0; 
	}

.postmetadata {
	clear: both;
	border-top: 1px solid #009ee0;
	margin: 0 0 0px 44px;
	padding:10px 0px 44px 0px;
	}

.postmetadata a {
	color: #ffffff;
	}	

.postmetadata a:hover {
	color: #009ee0;
	text-decoration: none;
	}
	
.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{
	float:left; margin:25px 0;
	}
	
.alignright a{
	float:right; margin:25px 0;
	}



/**** SIDEBAR ****/

#sidebar {
	font-family: verdana, arial, tahoma;
	font-size:8pt;
	width:190px;
	float:right;
	margin:0;
	padding: 0;
	border-left: 1px solid #ddd;
	}

#sidebar h2 {
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
	}

#sidebar label {
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
	}

#sidebar p {
	margin:0; padding: 0 6px 0 12px;
	}

#sidebar img {
	padding: 0; margin: 0;
	}

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

#sidebar ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

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

#sidebar ul ul li {
	list-style-type: none;
	}

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

#sidebar ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
	}



/**** COMMENTAAR ****/


#commentform {
	padding: 0 44px 44px 44px;
	margin:0;
	}
	
#commentform p {
	color: #fff;
	}
	
#commentform a { 
	color: #009ee0; 
	text-decoration: none; 
	border-bottom: 1px dotted #009ee0;
	line-height: 14pt;
	}
	
#commentform h3 {
	font-size: 14pt;
	color: #009ee0;
	margin:0;
	text-transform: uppercase;
	padding:0 0 0 44px;
	}

#respond h3 {
	font-size: 14pt;
	color: #009ee0;
	margin:0;
	text-transform: uppercase;
	padding:0 0 10px 44px;
	}
	
#comment {
	width:80%;
	margin:0; 
	padding:0 0 44px 44px; 
	}

#author, #email, #url, #comment, #submit {
	background: url(./images/donkergrijs.png) repeat;
	color: #ffffff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:10px 5px 0 0;
	padding:0;
	border: 1px solid #000;
	}
	
#submit{
	margin:5px 5px 0 0;
	}

#comments{ 
	margin:0; padding:0 0 0 44px; 
	}
	
ol.commentlist {
	list-style-type: none; 
	margin:0; 
	padding:0 0 0 44px; 
	}

.avatar {
	float:left; 
	margin:5px 15px 5px 5px;
	border: 6px solid #009ee0;
	}

ol.commentlist li {
	background: url(./images/donkergrijs.png) repeat;
	margin:20px 0;
	padding:10px 0 20px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt { 
	background: url(./images/achtergrond_grijs.png) repeat;
	}
	
ol.commentlist li p {
	margin: 10px 0 10px 0; 
	padding: 5px 12px 5px 65px; 
	line-height: 14pt;
	}

ol.commentlist a {
	color:#009ee0;
	}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a {
	color: #000; 
	text-decoration: none; 
	border-bottom: 1px dotted #465D71;
	}




/**** SEARCH ****/

#searchform {
	padding:0;
	margin:14px 0;
	}

#searchform input#s {
	margin:0;
	padding:2px;
	border:1px solid #000;
	}

#searchform input#searchsubmit {
	border:none;
	background:#333;
	color:#fff;
	text-transform:lowercase;
	}


	
/**** misc ****/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border: solid 3px;
	}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
	}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
	}




/**** FOOTER ****/

#footer {
	border-top: 6px solid #009ee0;
	height: 170px;
	margin: 44px 88px 0 0;
	padding: 44px 44px 5px 88px;
	width: 604px;
	background: url(./images/donkergrijs.png) repeat;  
}

#footer p, #footer li { 
  line-height: 14px;
  font-size: 9px;
  color: #fff;
}

#footer .column {
	float: left;
	width: 100px;
	margin-right: 30px;
}

#footer .column.long {
	width: 200px;
}

#footer .column h3 {
	margin: 0 0 10px 0;
	color: #009ee0;
	font-size: 14px;
	clear: both;
}

#footer a {
	color: #ffffff;
	font-size: 9px;
	}
	
#footer a:hover {
	color: #009ee0;
	text-decoration: none;
	}

.wit {
	color: #ffffff;
	}
	
	 
#footer .column ul li, #footer .column ul {
	list-style: none;
	margin: 0px;
	padding: 0 0 5px;
}

#footer .column ul li a {
  font-weight: normal;
}

#searchformF {
	padding:0;
	margin: 0;
	}

#searchformF input#s {
	margin:0;
	padding:2px;
	border:1px solid #000;
	}

#searchformF input#searchsubmit {
	border:none;
	background:#333;
	color:#fff;
	text-transform:lowercase;
	}


/**** Fancybox ****/

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(./images/fancy_progress.png) no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url(./images/fancy_loading.gif) no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url(./images/fancy_closebox.png) top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url(./images/fancy_left.png) no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url(./images/fancy_right.png) no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(./images/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(./images/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(./images/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(./images/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(./images/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(./images/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(./images/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(./images/fancy_shadow_nw.png) no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(./images/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(./images/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(./images/fancy_title_right.png) repeat-x;
}