/*
Theme Name: seezee3.2
Theme URI: http://wordpress.org/
Description: andere pagina navigatie
Author: Peter Pranger
Version: 3.2


*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	font-family: "Courier New", Courier, Monaco, "vaste breedte";
	line-height: 1.4;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */
 
html, body {
    height: 100%;
    width: 100%;
   
 
}
body{
    background: #DEDFDA url('images/ruitpatroon.jpg');
    font-size: 13px;
    line-height: 140%;
}


#wrapper{
/* min-height: 100%; */

}
#main{
 margin-top: 50px;
overflow: visible !important;
	padding-bottom: 70px;}  /* must be same height as the footer */
a:link,a:visited{
color: black;
text-decoration: none;

}
#top{
position: relative;
height: 110px;
/* margin-bottom: 40px; */
background: url('images/top.png') repeat-x;
 z-index: 2;

}
#pagenav{
position: absolute;
width: 56px;
height: 43px;
background: url('images/page_nav_icon_k.png') no-repeat;
top:50px;
left: 378px;
z-index: 1;
}
body.tekeningen #pagenav{left: 470px;}
body.Woodhouse #pagenav{left: 625px;}
body.blog #pagenav{left: 755px;}
 

img#prevbu{position: absolute;left: -35px;}
img#nextbu{position: absolute;right: -35px;}

#footer .navigation{overflow: visible;}
#top .navigation{position: absolute; right:20px;top:30px;overflow: visible;}
#top .navigation a, #footer .navigation a{
color: #fff;
font-size: 20px;
font-weight: bold;
padding: 15px 25px;
margin: 0;
background: url('images/rond.png') no-repeat;
}
#top .navigation a:hover, #footer .navigation a:hover{color:#20a4d2;}
#footer {
		width: 100%;
		text-align: center;
		color: #000;
		font-size: small;
	
		position: relative;
	margin-top: -70px; /* negative value of footer height */
	height:70px;
	clear:both;} 
	#footertext{position: relative;top: 40px;color: #000;}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;		
}
#footer a{color: #000;}
 
#socialnav{
font-size:smaller;
position: absolute;
right: 170px;
top:5px;
}
#socialnav a:hover{color:#fff;padding: 10px 0;}

#top #logo{float: left; width: 370px;height: 85px;background:url('images/logo.png') no-repeat;}
#menu{
float: left; 

}

 .postmetadata{display:none;}
 
#menu ul#menu-mainnav li{
  float: left;
 padding-top: 65px;

}

#menu ul#menu-mainnav li a{
font-weight: bold;
display: block;
 color: #000;
 text-transform: uppercase;
font-size: 16px;
font-style: normal;
padding: 10px 15px;
}
#menu ul#menu-mainnav li a:hover{
color: #fff;
}


#menu ul#menu-mainnav li.current-menu-item a{
color: #fff;
}
.expander a:link,.expander a:visited{
color: #00adef;
text-decoration: underline;
}

.post{
float: left;  
margin:0 -10px 20px 20px;
 position: relative;
 opacity:0;
}
.post .really_simple_share{position: relative;bottom: 0px; }
 
.page{margin: 10px 10px 10px 40px;}


.post-546 h1.entry-title{color:#fff; background:#000; padding: 5px 10px; width: 200px;margin-bottom: 10px;}
.post-546 div p{
 background: #fff;
 width: 200px;
 float: left;
 padding: 10px;
}
.post-546 form input,.post-546 form textarea{
 border:1px solid #0099cf;
  }
 
a.expandlink{
display: block;

 
 
}
a.expandlink:hover{color: #008cbd;}
.postdate{
 text-align: center;
 font-style: italic; 
 }
 h2.entry-title{text-transform: uppercase;padding: 2px 6px;}
 
 
.expander{
 position: absolute;
left: 0;
top:0;
margin: 0;
padding: 0;
z-index: 100;

}
.closeButton{
position:absolute;
top:-10px;
right:10px;
 padding: 10px;
 
z-index:200;
}



 .entry-content{overflow: hidden;}

.category-john-woodhouse{padding:0;width: 420px;height: 300px;margin-top: 20px; }
.category-john-woodhouse .expander{margin: -20px 0 0 0; width: 740px;height: 630px;background: url('images/pagepeelr.png')no-repeat 0 bottom;}
.category-john-woodhouse .closeButton{position:absolute;top:-45px;}
.category-john-woodhouse .closeButton:hover{top:-46px}
.woodhouse-excerpt{padding:0 0 16px 17px;background: url('images/boekkaft.png') no-repeat;  }
.woodhouse-excerpt img{width: 400px; height: 300px;background: #ccc;}
.woodhouse-excerpt .woodhouseNr{width:89px;height: 89px;position: absolute;top: -20px;left:360px;  background: url('images/woodhouseNr.png') no-repeat;}
 .woodhouse-excerpt .woodhouseNr h2{color: #fff;font-size: 30px;font-family: Georgia;text-align: center;margin-top: 40px;}
  .woodhouse-excerpt:hover .woodhouseNr h2{font-size: 46px;}

 
.category-tekeningen{margin-top: 14px; width: 350px;height: 260px; background: url('images/tekeningenbg2.png') no-repeat;}
.tekeningen-excerpt{padding: 20px 0 0 0;}
.tekeningen-excerpt .expandlink{margin-bottom: 5px;}
.tekeningen-excerpt .entry-content .paperclip{position: absolute; left: 280px;top: -5px;}
.tekeningen-excerpt .entry-content h2.entry-title{margin:10px 0 0 1px;padding: 2px 10px 10px 10px;background: url('images/label.png');}

.category-tekeningen:nth-child(even) .paperclip{position: absolute;left: 220px;top: -3px; rotation:-20deg;-webkit-transform: rotate(-20deg);-moz-transform: rotate(-20deg); }
 .category-tekeningen .entry-content:hover a.expandlink{color: #fff;}
 .category-tekeningen .entry-content:hover .paperclip{position: absolute; top: -6px; rotation:-30deg;-webkit-transform: rotate(-30deg);-moz-transform: rotate(-30deg); }

.category-tekeningen .expander{margin:-4px 0 0 0;width: 740px;height: 630px;background:url('images/pagepeellr.png')no-repeat 0 bottom;}
.category-tekeningen .closeButton{position:absolute;top:-29px;}
.category-tekeningen .closeButton:hover{top:-30px;}
.category-tekeningen .entry-content .excerptImg {overflow: hidden;position: absolute; left:10px;top:10px; overflow: hidden;height: 236px;width: 340px;}
.category-tekeningen .entry-content .excerptText {position: absolute;}
.category-tekeningen .entry-content .excerptText p {margin-top: 20px;}


 


.category-filmpjes .innerpostexcerpt{padding: 40px;}
.category-filmpjes h2.entry-title {font-size: 40px; display: block; padding: 30px;}
.category-filmpjes{ width: 350px;height: 290px; background: url('images/tv.gif') no-repeat;}
.category-filmpjes .expander{width: 350px;height: 290px; top:10px; left:10px;}
.category-filmpjes .expander .postcontent {overflow: hidden;width: 300px; height: 225px; -moz-border-radius: 60px;border-radius: 60px; }
.category-filmpjes .closeButton{right: -4px;top:189px;}

 
.category-blog{width: 490px;z-index: 110;}
.category-blog .blog-excerpt{width: 310px;min-height:50px;float: left;border:2px solid #0099cf;-moz-border-radius: 15px;border-radius: 15px;padding: 10px; background: #fff;
margin: 0 1px 10px 6px;
    -moz-box-shadow: -2px 4px 4px #666; /* FF3.5+ */
  -webkit-box-shadow: -2px 4px 4px #666; /* Saf3.0+, Chrome */
          box-shadow: -2px 4px 4px #666; /* Opera 10.5, IE9, Chrome 10+ */
}
 
.category-blog .blog-thumb{ width: 110px;float: right;}
.category-blog .blogtalkimg{position: absolute;z-index: 200;  top:25px;left: 338px}
 
.category-blog .entry-content img{float:right; max-width:310px;}
.category-blog .entry-content h2.entry-title{padding: 0 0 4px 0;}
#twit {
	 min-height: 400px;
	 padding-bottom: 20px;
	 
	
	
}
#twit img{
float: left;
margin: 0 5px 0 0;
}
#twit ul li{
padding: 10px 0;
border-bottom: 1px dashed #abd0dc;

}
#twit ul li a{color:#008ec1;}

#bio{
	max-width: 600px;
/* margin: 0 auto; */
} 

#biocontent{
	width: 400px;
		float: left;
		background: white;
		border: 2px solid #0099cf;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 10px;
		
		}
		
#biocontent a, #biocontent a:visited{
	color: #0099cf;
	text-decoration: underline;
}		
		
#bio-thumb{
	float: left;
	width: 120px;
	background: url(images/blogtalk.png) no-repeat left 45px;
	padding-left: 25px;
	position: relative;
	left: -2px;
}
.category-blog  .closeButton{right: 110px;}
.leesmeer{text-align: center;}
.leesmeer a{
position: absolute;
bottom: 0;
left: 0;
width: 220px;
height: 220px;
padding-top: 210px;
}
.leesmeer a:hover{
 
background:url('images/plus50.png') 0 bottom no-repeat;

}




.postcontent{
padding: 0;
}
.postdata{
color: #666;
margin-left: 1px;
 

}
 
.gallery{
margin:0 !important;
padding:0 !important;
} 
.gallery .image-desc,.gallery .caption {
    padding-top: 0 !important;
}

.gallery .caption{color: #000!important;}
.wp-caption-text{text-align: center;color: #000;}
img.alignright{
float: right;
display: inline;
}
 .controls{position: relative;bottom:-21px; z-index: 1000;width: 80px;float: right;margin-right: 20px;}
 
  .controls img:hover{position: relative; top:1px;}
 .slideshow img{max-width: 740px;max-height: 600px;}
 .slideshow-container .caption{text-align: center !important;}
 
.ss-controls{display: none;}

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,

.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
 
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}