/*
Theme Name: Toon Theme
Theme URI: http://toondierdor.nl
Description: 3 theme for toondierdorp.nl
Version: 3.0
Author: Toon Dierdorp
Author URI: http://toondierdorp.nl
*/


@import "style/css/layout.css";
 * {
 	margin: 0;
	padding: 0;
 }
 
 /*The Default Links*/
 a {color: #258EFF; text-decoration: none;}
 a:hover{color: black;}
 a:active { outline: 0; position: relative; bottom: 1px; }
 body {
 	background:white url(images/body-bg.png) repeat scroll center center;
 }
 
 /*The Main Structure*/
#pagewrap {
	margin:0 auto;
	/*padding:0 0 50px;*/
	position:relative;
	width:960px;
}
#contentWrap {
	margin: 0 auto;
	position: relative;
	width: 990px;
}
#content-area {
	float:left;
	padding:0 0 17px 5px;
	width:570px;
}
/*The Footer*/
#footer {
	position: relative;
	width: 100%;
	height: 25px;
	top:10px;
	background-color: #e4e4e4;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
}

/*The Header*/
#header{position: relative; width: 100%; height: 70px;margin: 0 0 21px 0;}
#top-header {background: url('images/top-header-bg.png') 0 0 repeat-x;margin: 0 auto; position: relative; height: 65px; }
#top-header span {position:absolute; left:518px; top:15px;font-family: "Times New Roman", Times, serif;letter-spacing:3px;text-transform:uppercase;font-size:14px;  }
.logo {display: block; margin:0 0 0 200px; background: url('images/toon-dierdorp-logo.png') 0 0 no-repeat;width: 300px; height: 60px;}

/*The Navigation*/
#mainNav {
	margin: 0 auto;
	height: 34px;
	width: 100%;
	top:-27px;
	position: relative;
	background: url('images/nav-bg.png') top center repeat-x;
}
#mainNav ul {display: inline; list-style: none;}
#mainNav li { float: left;margin:0 0 0 21px; padding: 6px 0 0 0;}
#mainNav li a {color: black;font-size: 20px;font-family:Georgia,Serif;letter-spacing:2px;}
#mainNav a:hover { color: #258EFF;}

/*The kopteksten van pagina's en index*/
.pageHeadtext, .post h1.pageHeadtext {
	font-family: "Times New Roman", Times, serif; 
	border-bottom:1px solid #DEDEDE;
	font-size:16px;
	letter-spacing:5px;
	margin:0 0 15px;
	text-transform:uppercase;
}
/*Extra top margin pageHeadtext*/
.extraHeight { margin: 15px 0 10px 0;}

/*The Sidebar*/
#sidebar {
	float:right;
	overflow:visible;
	position:relative;
	width:360px;
}
.sidebar-box {border:7px solid #DEDEDE;padding:15px;margin: 21px 0 21px 0;}
#sidebar ul {list-style: none;}
#sidebar h3 {
	font-family: "Times New Roman", Times, serif; 
	border-bottom:1px solid #666666;
	font-size:16px;
	letter-spacing:3px;
	margin:0 0 5px;
	padding:0 3px 5px;
	text-align:center;
	text-transform:uppercase;
}
/*The Shadows*/
/* even is voor comment style*/
.boxshadow, .even { -moz-box-shadow: 0 0 4px #999; -webkit-box-shadow: 0 0 4px #999; -webkit-transition: all 0.1s ease-out; }
.boxshadow:hover { -moz-box-shadow: 0 0 8px #555; -webkit-box-shadow: 0 0 8px #555; }
/*The Clear fix*/
.clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clear { clear: both; display:block;}

/*The Meta*/
.meta {font-size:12px;background: #EEEEEE none repeat scroll 0 0;position:relative; margin:4px 0 12px; padding:3px 6px;}
.meta span {position:absolute; right:6px; top:3px;}
/*The Head-entry*/
.head-entry {position:relative;}
.head-entry span {position:absolute; right:6px; top:3px;font-size:12px;}
.head-entry cite {top:-5px;}
/* The Post Default Style and Typography*/
.post {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;margin: 0 8px 0 8px;}
.post h1 a{font-size: 20px; color: black;font-family:Georgia,Serif;letter-spacing:2px;}
.post h2 a{font-size: 18px; color: black;font-family:Georgia,Serif;letter-spacing:2px;}
.post h3 a{font-size: 16px; color: black;font-family:Georgia,Serif;letter-spacing:2px;}
.post h4 a{font-size: 14px; color: black;font-family:Georgia,Serif;letter-spacing:2px;}
.post h5 a{font-size: 13px; color: black;font-family:Georgia,Serif;letter-spacing:2px;}
.post h6 a{font-size: 11px; color: black;font-family:Georgia,Serif;letter-spacing:2px;}
.post h1 a:hover {color: #4b4a4a;}
.post h2 a:hover {color: #4b4a4a;}
.post h3 a:hover {color: #4b4a4a;}
.post h4 a:hover {color: #4b4a4a;}
.post h5 a:hover {color: #4b4a4a;}
.post h6 a:hover {color: #4b4a4a;}
.post h1{font-size: 20px;font-family:Georgia,Serif;letter-spacing:2px;}
.post h2{font-size: 18px;font-family:Georgia,Serif;letter-spacing:2px;}
.post h3{font-size: 16px;font-family:Georgia,Serif;letter-spacing:2px;}
.post h4{font-size: 14px;font-family:Georgia,Serif;letter-spacing:2px;}
.post h5{font-size: 13px;font-family:Georgia,Serif;letter-spacing:2px;}
.post h6{font-size: 11px;font-family:Georgia,Serif;letter-spacing:2px;}
.post pre{display: block; margin: 2px;padding: 0 0 3px 3px;background-color: #eee; margin: 0 5px 0 5px;}
.post code{display: block; margin: 2px;padding: 0 0 3px 3px;background-color: #eee; border-left: 4px solid #ccc;}
.post form{}
.post label{}
.post fieldset{}
.post input{}
.post p{font-size: 12px;margin: 5px 0 2px 0;}
.post th{}
.post td{}
.post blockquote{display: block;margin: 10px 5px 10px 50px;padding:5px 0 5px 15px;background-color: #eee; border-left: 4px solid #ccc}
.post strong{ font-weight: bolder; }
.post em{ font-style:italic }
.post ul {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 12px;margin: 0 0 0 15px;}
.post ol {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 12px;margin: 0 0 0 15px;}
.post li {margin: 0 0 0 15px;}
/*The other entries on homepage*/
#entries {margin: 21px 0 21px 0;}
#entries .post{margin: 0 0 10px 0; border-top: #CCC solid 1px;}
.post-box {border:7px solid #DAE4EF;padding:15px 15px 30px 15px;}
.meer-berichten {float: right;font-size: 13px;font-family:Georgia,Serif;letter-spacing:2px;}

/*The portfolio part on homepage and on portfolio page*/
#portfolio-entries {}
#portfolio-entries .post { height:130px;position:relative; margin: 0 0 15px 0;}
#portfolio-entries .wp-post-image {float:left; border: #eee solid 1px; padding: 1px;}
#portfolio-entries .head-entry {padding: 0 0 0 135px;}
#portfolio-entries .entry {padding: 0 0 0 135px;}
#portfolio-entries .more {position: absolute;right: 10px; top: -6px;}
#portfolio-entries p span.website{position: absolute;right: 10px; bottom:6px;}
#portfolio-entries p span.client {position: absolute;left: 0px; bottom: 6px;padding:0 0 0 135px;}
/* on the portfolio page and reportage page*/
.page-portfolio, .page-reportages { margin: 21px 0 0 0;}
/*The Reportage part on reportage page*/
#reportage-entries {}
#reportage-entries .post { height:130px;position:relative; margin: 0 0 15px 0;}
#reportage-entries .wp-post-image {float:left; border: #eee solid 1px; padding: 1px;}
#reportage-entries .head-entry {padding: 0 0 0 135px;}
#reportage-entries .entry {padding: 0 0 0 135px;}
#reportage-entries .more {position: absolute;right: 10px; bottom:6px;}
#reportage-entries p span.locatie {position: absolute;left: 0px; bottom: 6px;padding:0 0 0 135px;}
/*The Respond (Comment) area*/
#commentsHeader {
	font-family: "Times New Roman", Times, serif; 
	border-bottom:1px solid #DEDEDE;
	font-size:16px;
	letter-spacing:5px;
	margin: 15px 0 15px 0;
	text-transform:uppercase;
	text-align: center;
}

#respond {margin: 21px 0 0 0;}
#respond ul{
	list-style:none;
	font-size: 13px; 
	color: black;
	font-family:Georgia,Serif;
	letter-spacing:2px;
}
#respond li{
	display: inline-block;
	float: left;
	margin: 8px 20px 8px 0;
}
#respond label{
	margin: 8px;
	padding: 12px;
}
#respond #submit{
	margin: 15px 0 0 0;
}
/*Comment styles*/
.commentlist { list-style: none; }
.vcard {float: left;}
.comment {margin: 15px 0 0 10px; padding: 8px; border: #ccc solid 1px; min-height: 50px;}
.comment-meta {position:relative;margin: 0 0 0 60px;}
.comment-time {position: absolute; right: 15px;}
.comment-time a{ color: #999;font-size: 9px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.comment-time a:hover{ color: #000;}
.comment-entry {margin: 0 0 0 60px;} 
.fn {font-weight: bold; }
.bypostauthor {background-color: #DAE4EF; }
/* The archives.php area*/
#archief .post{margin: 0 0 20px 0; border-top: #CCC solid 1px;}
/*The Archive.php area*/
.postNavigation{ text-align: center;}
/*Lines*/
.header-line {height: 6px; background-color: #258EFF;top: 0;}
.line-grey-top {padding: 4px 0 0 0; border-top: #CCC solid 1px;}
.line-grey-bottom {padding: 0 0 4px 0; border-bottom: #CCC solid 1px;}