/*
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

*/

body { background: url('images/bg_site.gif') top center; background-repeat: repeat-y; background-color:#d3ece4; font-family: "museo-slab-1","museo-slab-2",serif; font-size: 15px; font-weight: 300; margin: 0; padding: 0; color: #000; }
.wrapper { /*background: transparent url('images/bg.png'); */overflow: hidden; width: 980px; margin: 0 auto; position: relative; }

/* parent elements - standard */

h1, h2, h3, h4, h5, h6 { font-weight: 900; color: #d9381c; padding: 0; margin: 0; }
h2 { font-size: 28px;line-height:28px; padding: 0 0 10px 0; text-shadow: 1px 1px 0px #FFF;}
h3 { font-size: 28px; line-height: 24px; padding-top: 11px; height: 32px; color: #d9381c; }
h3 a:link, a:visited { color: #d9381c; text-decoration: none; }
h4 { font-size: 14px; padding: 10px 0 5px;  }
p { line-height: 21px; margin: 0 0 10px; padding: 0; }
.portfolio { margin: 0 0 30px 0; padding: 0;}
a:link, a:visited { color: #d9381c; text-decoration: none; }
a:hover, a:active {	color: #ff5b3d; text-decoration: none; }
img { border: 0; }
hr { height:0; border:0; border-top: 1px solid #ebebeb; }

::-moz-selection{ background:#65bfa1; color:#fff; text-shadow: none; }
::selection { background:#65bfa1; color:#fff; text-shadow: none; } 


/* 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: #e9f7f3; padding: 2px 0 8px 10px; height: 16px; margin:0; text-shadow: 1px 1px 0px #FFF;} 

.secondary-content a:link, .secondary-content a:visited, .secondary-content a:hover, .secondary-content a:active, .secondary-content p {text-shadow: 1px 1px 0px #FFF; }

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

/* main elements */

.header, .header-single { position: absolute; width: 300px; 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: 160px; float: right; }

/* detail elements */

.primary-cartoon { width: 610px; margin: 0 0 5px 90px; overflow: hidden; background: transparent url('images/bg_cartoon_new.png') no-repeat top;}
.primary-cartoon-content { padding: 0 35px 0 0; margin-bottom:-10px;}
.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: 400px; 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; 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: 354px; }
.primary-cartoon-info h2 { width: 354px; line-height: 20px; padding-bottom: 5px; margin-bottom: 5px; font-size: 16px; background-image:url('images/cartoon-footer-divider.png'); background-position: bottom left; background-repeat: no-repeat; }

.primary .post { margin: 0; padding: 0;}
.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: 30px; }
.primary .post .date { color: #338b6e; text-transform: uppercase; margin-right: 10px; padding: 0px; font-size: 10px; }

.secondary-content { background: #e8f7f2; margin: 0; padding: 10px 15px 15px 15px; }
.secondary-content p { font-size: 12px; line-height: 17px; }
.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: 21px; line-height: 22px; color: #3a9d7c;}
.secondary-content .block-top { height: 130px; width: 270px; background: url('images/twitter_top.png') no-repeat bottom; overflow: hidden; padding: 15px 0 0 0; }


.special { width: 270px; height: 126px;	background: url('images/bg_special.png') no-repeat; margin-top:10px; padding-bottom: 10px; clear: both; }
.special_content { float: left; }
.special_content h3 {color: #65bfa1; background: none; font-size: 16px; line-height: 17px; height: auto; margin: 0; padding: 4px 0 4px 0; text-shadow: 1px 1px 0px #FFF; }
.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; }

.shop {width: 200px; margin: 0 25px 15px 0; float:left;}
.shop2 {width: 200px; margin: 0 0 15px 0; float:left;}
.shop a { background: #f3f3f2; display:block; }
.shop a:hover { background: #ebebe8; color: #da3f24; }
.shop2 a { background: #f3f3f2; display:block; }
.shop2 a:hover { background: #ebebe8; color: #da3f24; }
.shop_text {width: 200px; padding: 1px 0 1px 15px; text-shadow: 1px 1px 0px #FFF; }

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

span.date_fresh {color: #635b58; text-decoration: none;}
.pricetag {background: url('images/bg_pricetag.png') no-repeat left; width: 93px; height: 27px; color:#5fbc9e; text-shadow: -1px -1px 0px #000;padding: 10px 0 0 21px; margin: -7px 0 5px 0;}
.pricetag-large {background: url('images/bg-pricetag-large.png') no-repeat left; float: left; text-align:center; width: 100px; height: 100px; color:#5fbc9e; font-size: 18px; font-weight: 700; text-shadow: -1px -1px 0px #000; padding-top: 70px; margin: -35px 25px 25px 0;}

.really_simple_share {margin-top: 10px;}

/* 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;}
.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/bullet.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; }