/*
Theme Name: Nozzman.nl
Theme URI: http://nozzman.nl/
Description: The "heerschende" Nozzman theme
Version: 0.8
Author: Ruben Bos und Alex de Rijk
Author URI: http://bossingaround.com/
Tags: dark, cartoon, fixed width, two columns, widgets

*/

html { background: #a7daca url('images/bg_html.png') repeat-y top center; font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;font-size:12px; }
body { margin: 0; padding: 0; color: #252122; }
.wrapper { /*background: transparent url('images/bg.png') no-repeat top; */overflow: hidden; width: 980px;font-size: 12px; margin: 0 auto; position: relative; }

/* parent elements - standard */

h1, h2, h3, h4, h5, h6 { color: #252122; padding: 0; margin: 0; font-weight: normal; }
h2 { font-size: 24px;line-height:28px;letter-spacing:-1px; padding: 0px 0 10px 0; }
h3 { font-size: 20px; padding-bottom:10px; letter-spacing:-1px; }
h4 { font-size: 14px; padding: 10px 0 5px; letter-spacing:-1px; }
p { line-height: 19px; margin: 0 0 10px; padding: 0; }
p.portfolio { margin: 0 0 30px 0; padding: 0;}
a:link, a:visited { color: #d9381c; text-decoration: none; }
a:hover, a:active {	color: #d9381c; text-decoration: underline; }
img { border: 0; }
hr { height:0; border:0; border-top: 1px solid #ebebeb; }

/* parent elements - exceptions */

.clear { float: none; clear: both; }
.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.postmetadata { clear: left; background-color: #ededeb; padding: 5px 0 8px 10px; height: 17px; margin:0; } 

.secondary-content a:link, .secondary-content a:visited, .secondary-content a:hover, .secondary-content a:active,
.post h2 a:link, .post h2 a:visited, .post h2 a:hover, .post h2 a:active,
.post h3 a:link, .post h3 a:visited, .post h3 a:hover, .post h3 a:active { color: #d9381c; }

img.left {float: left; margin: 0 20px 10px 0;}
img.left2 {float: left; margin: 0 8px 0 0;}

/* main elements */

.header, .header-single { position: absolute; width: 299px; height: 146px; right: 0; top: 20px; }
.header-single { width: 300px; }
.primary { width: 650px; padding: 20px 30px 15px 0; float: left; overflow: hidden; }
.secondary { width: 300px; padding-top: 190px; float: right; }

/* detail elements */

.primary-cartoon { width: 610px; margin: 0 0 15px 90px; overflow: hidden; background: transparent url('images/bg_cartoon_new.png') no-repeat top;}
.primary-cartoon-content { padding: 0 35px 0 0;}
.primary-cartoon-content p { padding: 0; margin: 0; line-height: normal; width: 400px; overflow: hidden}
.primary-cartoon-content img {display: block;}
.primary-cartoon-bottom { width: 475px; float: none; clear: both; overflow: hidden; height: 55px;}
.primary-cartoon-bottom div.nav_left, .primary-cartoon-bottom div.nav_right {display: inline;}
.primary-cartoon-bottom div.nav_left a {float: left; width: 23px; height: 52px; background-image: url(images/arrow-left.gif); background-repeat: no-repeat;}
.primary-cartoon-bottom div.nav_right a {float: left; width: 23px; margin-right: 35px; height: 52px; background-image: url(images/arrow-right.gif); background-repeat: no-repeat; }
.primary-cartoon-bottom div.nav_left a:hover, .primary-cartoon-bottom div.nav_right a:hover {color: #F06EAA; text-decoration: none;}
.primary-cartoon-bottom div.nav_left a span, .primary-cartoon-bottom div.nav_right a span {display: none;}
.primary-cartoon-info { float: left; text-align: center; width: 353px; }
.primary-cartoon-info h2 { width: 353px; padding: 0; line-height: 30px; margin-bottom: 5px; font-size: 12px; letter-spacing: 0px; background-image:url(images/cartoon-footer-divider.gif); background-position: bottom left; background-repeat: no-repeat; }
.primary-cartoon-info h2 a { color: #d9381c; }

.primary .post { background: transparent url('images/divider.png') no-repeat bottom; margin: 0 0 5px 0; padding: 0 0 25px;}
.primary .entry { padding: 5px 0; }
.primary .navigation { float: none; clear: both; overflow: hidden; text-transform: lowercase; }

.primary .post .title { float: none; clear: both; overflow: hidden; margin-top: 20px; }
.primary .post .date { background-color: #ededeb; color: #8e8e8a; text-transform: lowercase; width: 70px; height: 17px; padding: 7px 0 3px 8px; margin: 0 10px 0 0; line-height: 11px; display: block; float: left; font-size: 10px; }

.secondary-content { background: #f3f3f2; margin: 0; padding: 0 15px 15px 15px; }
.secondary-content h2 { background: transparent url('images/bg_title_sec.png') no-repeat; height: 36px;padding: 4px 15px 0 0; margin-top: 10px; font-size: 16px; line-height: 28px; color: #252122;}
.secondary-content .block-top { height: 130px; width: 270px; background: url('images/twitter_top.png') no-repeat bottom; overflow: hidden; padding: 15px 0 0 0; }
#twitter_update_list { background: #2c2421 url('images/twitter_bottom.png') no-repeat bottom; overflow: hidden; padding: 0 15px 15px; margin-bottom:20px}
#twitter_update_list a { color: #504845; font-style: italic; background: none; padding: 0; font-size: 12px !important; line-height: 17px }

.special { width: 270px; height: 126px;	background: url('images/bg_special.png') no-repeat; margin-top:10px; clear: both; }
.special_content { float: left; }
.special_content h3 {color: #65bfa1; font-size: 19px; line-height: 22px; margin: 10px 0 5px 0; padding: 0px; }
.special_thumb { width: 107px;float: right; }
.special2 {	width: 270px; height: 119px; background: url('images/bg_special_groot.png') no-repeat; margin-top: 10px; padding-top: 4px; clear: both; float: left; }
.img_margin {margin-right: 24px; float:left; }

/* list elements */

.secondary-content ul { list-style: none; padding: 0; margin: 0; overflow: hidden; }
.secondary-content ul li { margin: 0; padding: 0; overflow: hidden}
.secondary-content ul li ul { padding: 5px 0 10px; }
.secondary-content ul li ul li { padding: 2px 0; background: none; }
.secondary-content ul li ul li a { background: transparent url('images/bullet.png') no-repeat left; padding: 0 0 0 12px;  }

.blogroll { overflow: hidden; } 
.blogroll li { display: inline; float: left;} 
.blogroll li a:link, .blogroll li a:visited, .blogroll li a:hover, .blogroll li a:active { display: block; width: 121px; margin: 0 6px; padding: 0; }

.widget_categories ul, .widget_pages ul, .widget-list { width: 260px; }
.widget_categories ul li, .widget_pages ul li, .widget-list li { width: 130px; float: left; display: block; }

.cartoon_archive {list-style: none; margin: 0 0 20px; padding: 0; display: none;}
.cartoon_archive_active {display: block;}
.cartoon_archive_active li {padding: 2px 0 0 5px; }

ul.tekstlijst {	margin: 0 0 15px 10px; padding: 0 0 15px 0;	list-style: none; }
ul.tekstlijst li { background: transparent url('images/bullet2.png') no-repeat left; padding: 6px 0 0 15px; }

/* custom elements */
div#page_content_left {	width: 300px; margin-right:25px; float:left; overflow: hidden; }
div#page_content_right { width: 300px; float:left; overflow: hidden; }

h3.page { font-size: 22px; color: #5fbc9e; padding-bottom:5px; padding-top: 5px; }

span.date_fresh {color: #635b58; text-decoration: none;}
.pricetag {background: url('images/bg_pricetag.png') no-repeat left; width: 93px; height: 27px; color:#5fbc9e; padding: 13px 0 0 21px; margin-bottom: 5px;  }