/*
Theme Name: De Fiegelier
Theme URI: http://www.defiegelier.nl
Description: Thema voor de website van De Fiegelier
Version: 2.0 
Tags: Blue, Purple, Greenish
Author: Toon Dierdorp
Author URI: http://www.toondierdorp.nl
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

/*
 * HTML Tags
 */

body {background: #08A4B8;}
/*
 * ID's
 */
#paarsplus{height: 180px; background-color: #3b135a;
}
#pagewrap {width: 800px; margin: 0 auto;}

/* ##Header## */	
#header{position: relative; height: 150px;}
/*Logo en tekst*/
#logo {height: 73px; background: url(images/logo.png) no-repeat 0 0; position: relative; top: 20px;}
#logo p.hometitle  {top: 40px; left: 45px; color:#FFFFFF; font-family:georgia,"times new roman",serif; font-size:36px; letter-spacing:-1px; padding-bottom:10px; position: relative; }
#logo p.descp {top: 40px; left: 45px; color:#C0F500; font-family:georgia,"times new roman",serif; font-size: 18px; position: relative;}
	
/*Afbeeldingen in header*/
#glas{width: 354px;	height: 173px; background: url(images/glas.png) no-repeat 0 0; position: relative; left: 435px;	top: -110px;	z-index: 1;}
#potloden{width: 228px;	height: 139px; background: url(images/potloden.png) no-repeat 0 0;	position: relative;	left:601px;	top: -156px; z-index: 2;}
#tekening{width: 235px;	height: 209px;	background: url(images/tekening.png) no-repeat 0 0;	position: relative;	left: 660px; top: -408px;	z-index: 3;}

/* ##Navigatie## */
#navigatie{margin: 2px;}
#navigatie ul{font-family: Georgia, serif; font-size: 18px;}
#navigatie ul li{ list-style: none; display: inline;}
#navigatie ul li a{padding: 3px; margin: 0 0 0 3px;	color: white; text-decoration: none;}
#navigatie ul li a:hover{color: #08A4B8; text-decoration: none;}

/* ##Contentwrap##*/
#contentwrap{margin: 20px 0 0 0;}

/* Content */
#content{float: left; width: 600px;}

/* The Post Default Style and Typography*/
.post { position:relative; color:#020340;font-size:12px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height:16pt;margin: 0 8px 0 8px; }
.post a {color:#C50D41; text-decoration: none;}
.post a:hover{color:white; text-decoration: none;}
.post h1 a{font-size: 22px; color: #C50D41;font-family:Georgia,"Times New Roman",Serif;letter-spacing:2px;margin:0 0 10px 0;}
.post h2 a{font-size: 18px; color: #C50D41;font-family:Georgia,"Times New Roman",Serif;letter-spacing:2px;margin:0 0 10px 0;}
.post h3 a{font-size: 16px; color: #C50D41;font-family:Georgia,"Times New Roman",Serif;letter-spacing:2px;margin:0 0 10px 0;}
.post h4 a{font-size: 14px; color: #C50D41;font-family:Georgia,"Times New Roman",Serif;letter-spacing:2px;margin:0 0 10px 0;}
.post h5 a{font-size: 13px; color: #C50D41;font-family:Georgia,"Times New Roman",Serif;letter-spacing:2px;margin:0 0 10px 0;}
.post h6 a{font-size: 11px; color: #C50D41;font-family:Georgia,"Times New Roman",Serif;letter-spacing:2px;margin:0 0 10px 0;}
.post h1 a:hover {color: white;}
.post h2 a:hover {color: white;}
.post h3 a:hover {color: white;}
.post h4 a:hover {color: white;}
.post h5 a:hover {color: white;}
.post h6 a:hover {color: white;}
.post h1{font-size: 22px;color: #C50D41;font-family:Georgia,"Times New Roman",Serif;letter-spacing:2px;margin:0 0 10px 0;}
.post h2{font-size: 18px;color: #C50D41;font-family:Georgia,"Times New Roman",Serif;letter-spacing:2px;margin:0 0 10px 0;}
.post h3{font-size: 16px;color: #C50D41;font-family:Georgia,"Times New Roman",Serif;letter-spacing:2px;margin:0 0 10px 0;}
.post h4{font-size: 14px;color: #C50D41;font-family:Georgia,"Times New Roman",Serif;letter-spacing:2px;margin:0 0 10px 0;}
.post h5{font-size: 13px;color: #C50D41;font-family:Georgia,"Times New Roman",Serif;letter-spacing:2px;margin:0 0 10px 0;}
.post h6{font-size: 11px;color: #C50D41;font-family:Georgia,"Times New Roman",Serif;letter-spacing:2px;margin:0 0 10px 0;}
.post pre{display: block; margin: 2px;padding: 0 0 3px 3px;background-color: #f0ecde; margin: 0 5px 0 5px;}
.post code{display: block; margin: 2px;padding: 0 0 3px 3px;background-color: #f0ecde; border-left: 4px solid #202020;}
.post form{}
.post label{}
.post fieldset{}
.post input{}
.post p{font-size: 12px;margin: 0 0 2px 0;}
.post th{}
.post td{}
.post blockquote{display: block;margin: 10px 5px 10px 50px;padding:5px 0 5px 15px;background-color: #f0ecde; border-left: 4px solid #7b2233;}
.post strong{ font-weight: bolder; }
.post em{ font-style:italic }
.post li{list-style: circle;margin:0 0 0 30px;}
.post dl {margin:0 0 0 10px;}
.post dt {margin:0 0 0 25px;}
.post dd {margin:0 0 0 40px;}
.metadata {border-bottom:1px dashed #363636;margin: 10px  0 20px 0;}
/* Sidebar */
#sidebar{float: right; width: 190px;}
#sidebar .widget {margin: 0 0 10px 0;}
#sidebar .widget li{margin: 0 0 0 10px;}
#sidebar .widget h3 {background-color:#3b135a; color: white; font-family: Georgia, serif; font-size: 18px; font-weight:normal; margin: 0 0 8px 0; padding: 2px  0 5px 5px;}
#sidebar a{color: white;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none;font-size: 13px;margin: 0 0 2px 0;}
#sidebar a:hover{color: #F50045; text-decoration: none;}

/* Respond & Comment*/
#respond {margin: 21px;}
#respond ul, #respond h3{list-style:none; color:#020340; font-size:11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height:16pt; margin: 0 8px 0 8px;}
#respond li{display: inline-block; margin: 10px 20px 10px 0;}
#respond label{margin: 8px;	padding: 12px;}
#respond #submit{margin: 15px;}

/*Comment styles*/
#comments-template { background: #2697a6;}
#comments-template h3{font-size: 16px;color: #C50D41;font-family:Georgia,"Times New Roman",Serif;letter-spacing:2px;margin:0 0 10px 10px;}
.commentlist{ list-style: none;}
.odd {background-color: #60c1cd; }
.comment-body{margin: 10px;}
.comment-meta{margin: 0 0 0 10px;}
.comment {margin: 15px 10px 0 10px; padding: 8px; min-height: 50px;}
.comment-time a{ color: #C50D41;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: #60b4bf; }
.avatar {float: left; padding: 5px;  }
.children li{ list-style: none;}
.nocomment {text-align: center }
/* Footer */
#footer{position: relative;bottom: 1px;color:#020340;font-size:9px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height:16pt;margin: 0 8px 0 8px;}
#footer a {color:#020340;}
#footer a:hover{color:white;}
#wpstats{display: none;}

/*
 * Classes
 */
.clear:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clear { clear: both; display:block;}

/* Titel boven pagina's en berichten */
.title{font-family:Georgia,"Times New Roman",Serif; font-size:17px; font-weight:bold;
}
/* Cursus en Workshop stijl voor page-datum.php*/
.cursus {float: right; width: 72%}
.workshop {float: right; width: 72%}

.moreButton-cursus, .moreButton-workshop {width: 180px; cursor: pointer;color: white;font-size:14px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0 8px 0 13px;}
/* Datum stijl in page-datum.php*/
.datum {float: left; padding: 20px 0 0 0; color: #3b135a; font-family:Georgia,"Times New Roman",Serif; font-size:25px; font-weight:bold;}
.datum p {margin: 0 0 -5px 0; color: #020340; font-size:11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: lighter; font-style: italic;}
h1.datumtitle {font-size: 22px;color: #C50D41;font-family:Georgia,"Times New Roman",Serif;letter-spacing:2px;}

/*Branding*/
.toondierdorp{ float: right;}