/* GENERAL STYLE */

body{background:#FFF url(/onderdelen/achtergrond/Bgnd_Michiel_Nagtegaal_weblog_1920x1200.jpg) fixed;}

*{margin:0;padding:0;}
a img{border:none;}
body{font-family:Georgia, serif;font-size:14px;line-height:19px;color:#3b3b3b;background-color:#FFF;} 
/* Font-size beinvloedt alleen sidebar */


a{color:#025a88;text-decoration:none;}
a:hover, a:active{color:#013c74;}
.post a:hover,.post a:active{text-decoration:underline;}
p{padding:0 0 1.3em 0;}

h1{font-size:35px;line-height:35px;padding:0 0 0.5em 0;font-weight:normal;font-family:Tahoma,Geneva,Kalimati,sans-serif;}
h1 span{font-size:14px;display:block;line-height:42px;}
h2{font-size:18px;line-height:20px;padding:0 0 1em 0;font-weight:normal;} 


/* specials */
.highlight { background-color: yellow; padding:0.5em; }




/* LAYOUT */
#page{width:912px;margin:0 auto;padding-top:30px;overflow:hidden;margin-top:38px;}
#page{background:#FFF;}
#content{width:625px;float:right;} /* Font-size blog- en about text */
#signposts-and-navigation{width:245px;float:left;font-family:Tahoma,Geneva,Kalimati,sans-serif;text-align:right;}

/* make sure we dont hit the footer*/
#content, #signposts-and-navigation{margin-bottom:50px;}

#content{padding:10px 30px 0 12px;}
#blogcat #content, #blogsingle #content{padding-top:68px;}



/* PAGE SPECIFIC  */

/* PAGE / single post */
.navigation .pagination{text-align:right;}
.navigation .pagination a{text-decoration:none;}
.navigation .pagination a:hover,
.navigation .pagination a:active{color:#3B3B3B;}
.navigation .pagination span.disabled{display:none;}

#navigation-last{padding-top:50px;}


/* POSTS */
.post p{color:#2a2a2a;line-height:20px;}


#content .post h2,
#content .post h1 {
font-size:30px;
line-height:34px;
font-family:Georgia, serif;
padding-bottom:0.4em;
}
#content .post h2 a {
color:#1C1C1C;
}
.categories h3, .categories li, .categories li a{font-size:11px;color:#2b2a2a;padding:0;font-weight:normal;line-height:1.3em;}
.categories h3{padding-bottom:3px;}
.categories ul{overflow:hidden;margin-left:-5px;}
.categories li {float:left;border-left:1px solid #2b2a2a;padding:0 7px;margin:0 0 0 -1px;list-style:none;}
.categories li a{text-decoration:underline;}


#content .post{padding:0 2px 40px 2px;margin-top:20px;border-bottom:1px solid #BEB7B9;}
#content .post h1 a{color:#1c1c1c;}
#content .navigation{font-size:12px;line-height:14px;}
#content .post .postmetadata{font-size:12px;line-height:12px;padding-bottom:0.4em;}


#content .post .to-post, #content .post .in-post-react{font-size:15px;line-height:16px;padding-bottom:1em;float:right;}
.to-post span, .in-post-react span{display:block;float:left;}
.post a.respond span{display:none;} 

.post a.respond{display:block;font-size:9px;font-weight:bold;color:#FFF;background:#0000FF url(img/designia-reageer.png) no-repeat;font-family:Arial, Helvetica, sans-serif;width:67px;height:18px;float:left;}


.post .in-post-react a,
.post .in-post-react a{background-position:0 -36px}

#content .post a.respond:hover,
#content .post a.respond:active{background-position:0 -18px}

#respond h2, h2#comments{font-size:22px;}
h2#comments{padding-top:1em;}

/* comments */
ol.commentlist{padding:0 2px 10px 2px;margin-bottom:15px;border-bottom:1px solid #BEB7B9;}
ol.commentlist li{list-style:none;padding-bottom:1em;}

#content ol.commentlist li .comment-author-time{background-color:#F4F4F4;border-top:1px solid #B5B7B8;}
#content ol.commentlist li .comment-author-time p{padding:14px 0 16px 12px;font-size:15px;line-height:19px;font-style:italic;}
#content ol.commentlist li .comment-author-time a{text-decoration:underline;color:#025A88;}
#content ol.commentlist li .comment-text{font-size:14px;line-height:18px;padding:12px 0 12px 12px;}


#respond{padding: 0 1px;overflow:hidden;}
#respond form div{overflow:hidden;float:none;clear:both;}
#respond label{width:105px;float:left;font-weight:bold;padding:5px 0;}

#respond .subscribe-to-comments {margin-bottom:3em;}
#respond .subscribe-to-comments input{float:left;}
#respond .subscribe-to-comments label{width:auto;padding:0 0 0 0.5em;}

#respond label.errorMessage{width:auto;display:block;float:none;clear:both;color:#ee820d;padding-left:105px;}
input, textarea{font-family:Georgia, "Times New Roman", Times, serif;padding:4px;background-color:#eeeeee;border:1px solid #b0afaf;margin:5px 0;}
p.tip{padding:0;}
p.tip em{font-size:10px;}
#respond input.text{width:500px;float:right;}
div.errorMessage input, div.errorMessage textarea{border:1px solid #ee820d;}
#respond input.url{width:450px;float:right;}
#respond span.helper{float:left;padding:7px 0;}
#respond textarea.text{width:600px;float:right;clear:both;padding:10px;}
#respond form div.submit{text-align:right;}
#respond form div.submit input{
background:url(img/plaats-reactie.png) no-repeat -102px 0;width:102px;height:20px;border:none;
text-indent:-300em;}
#respond form div.submit input.over{background-position:0 0;}

 
/* SIDEBAR & ELEMENTS */
#signposts-and-navigation .item{width:193px;border-bottom:1px solid #bfb9b9;padding:0 0 16px 0;margin:14px 24px 0 24px;}
#signposts-and-navigation h3{font-size:16px;line-height:19px;font-family:Tahoma,Geneva,Kalimati,sans-serif;color:#113156;padding-bottom:0.5em;font-weight:normal;}

/* ITEMS */
#signposts-and-navigation .item p{color:#505254;font-size:11px;line-height:14px;padding:0;}

/* identity */
#signposts-and-navigation #identity{padding:0;margin:0 14px 0 34px;border:none;}
#signposts-and-navigation #identity a{display:block;text-align:right;}



/* navigate */
#signposts-and-navigation ul#navigate li{list-style:none;}
#signposts-and-navigation ul#navigate li a{display:block;
font-family:Tahoma,Geneva,Kalimati,sans-serif;
font-size:20px;
line-height:28px;
text-align:right;
color:#505254;
padding-right:15px;
background:url(img/arrow-mainmenu-regular.png) no-repeat right center;
}

#signposts-and-navigation ul#navigate li a:hover,
#signposts-and-navigation ul#navigate li.current_page_item a{color:#000;background-image:url(img/arrow-mainmenu-hover.png);}

/* last posts */
#lastposts{font-family:Arial, Helvetica, sans-serif}
#lastposts span.date{display:block;font-size:10px;line-height:1.2em;}
#lastposts li{padding-right:10px;background:url(img/arrow.png) no-repeat right center;padding-bottom:0;margin-bottom:10px;list-style:none;}
#lastposts li a{text-decoration:underline;color:#000;line-height:1.3em;font-size:11px;}
#lastposts li a:hover, #lastposts p a:active{text-decoration:none;}

/* search*/
.searchform input#s{width:235px;}
input.searchsubmit{width:50px;height:19px;border:none;background:url(img/zoekbutton.png) no-repeat right center;text-indent:-300em;}
#searchform input.over{background-position:left center;}

/* for hire */
#forhire{overflow:hidden;color:#505254;font-size:11px;line-height:14px;}
#forhire h3{color:#337309}
#forhire{text-align:right;}
#forhire a#contact-button{float:right;}
a#contact-button {display:block;background:url(img/stuur-mail-sprite.png) no-repeat 100% 0;width:113px;height:22px;margin:2px 0;}
a#contact-button:hover {background-position:0 0;}
a#contact-button span{display:none;}

/* twitter */
#signposts-and-navigation #twitter{background:url(img/twitter.png) no-repeat right top;}
#twitter h3{margin-right:40px;font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;color:#000;padding:0;}
#twitter li{margin-right:40px;padding-right:10px;background:url(img/arrow.png) no-repeat right center;padding-bottom:0;margin-bottom:10px;list-style:none;}
#twitter li a{text-decoration:underline;color:#000;line-height:1em;font-size:11px;}
#twitter li a:hover, #lastposts p a:active{text-decoration:none;}

/* rss */
#signposts-and-navigation #rss-entries p{padding:5px 40px 5px 0;background:url(img/rss.png) no-repeat right center;}
#rss-entries li{padding-right:10px;background:url(img/arrow.png) no-repeat right center;padding-bottom:0;margin-bottom:10px;list-style:none;}
#rss-entries li a{text-decoration:underline;color:#000;line-height:1em;font-size:11px;}
#rss-entries li a:hover, #lastposts p a:active{text-decoration:none;}

/* categories */
div#categories ul li{list-style:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;padding:0 10px 4px 0;background:url(img/arrow.png) no-repeat right center;}
div#categories ul li a{text-decoration:underline;color:#393939;padding-right:3px;font-weight:bold;}
div#categories ul li a:hover, div#categories ul li a:active{color:#000;text-decoration:none;}