/**
  Theme Name: VoorneWiki
  Theme URI: http://www.rs.nl
  Version: 1.0
  Author: Ian Yates
  Author URI: http://www.rs.nl 
  
  Description: A custom Wordpress theme created for VoorneWiki.nl.
*/

* { margin: 0; padding: 0;}

html {	font-size: 100%;height: 100%;	margin-bottom: 1px;}
body { background: #faf8f5; color: #333; font-size: 62.5%; font-family: arial, verdana, sans-serif; text-align: center; height: 100%; margin-bottom: 1px} 
h1 { font-size: 2.5em}
h2 { font-size: 2em;font-family: Helvetica,Arial,sans-serif;letter-spacing: -0.08em; }
h3 { font-size: 1.6em;}
h4 { font-size: 1.0em;}
a { color: #000; outline: none; text-decoration: none; border: none}
a:hover { color: #907292;}
p {padding: 0 0 8px 0; text-align:justify}

h2 a {color:#a7a9ac; }
h2 a:hover {color:#907292}
.clear {clear: both}

/* =----------------------------------- oh the convenience */
#wrapper { /* 
		sets the minimum(s) for the entire site
		off of which everything else is based on
	*/
	font-size: 1.2em; line-height: 1.4em;}
.nav li { line-height: 1.2em;}
.nav li a { }
.nav li a:hover,
.nav li a.focus { color: #fff;}
.nav .searchField input { color: #777;}
.toggleCategories li a { color: #fff;}
.toggleCategories li a:hover { color: #ccc;}
.postMeta { font-size: 0.9em; text-transform: uppercase;}
.postMeta span.date { color: #777;}
.postMeta span.comments a,
.postMeta span.date a { color: #907292;}
.post h2 { line-height: 1.2em;}
.entry a,
.secondaryColumn a,
#commentsContainer h3 a,
.commentlist .comment-author a { border-bottom: 1px solid #ddd; color: #907292; font-weight: bold;}
.entry a:hover,
.secondaryColumn a:hover,
#commentsContainer h3 a:hover,
.commentlist .comment-author a:hover,
.commentlist .comment-meta a:hover { color: #907292; border-bottom: 1px solid #907292;}
.secondaryColumn a { font-weight: normal;}
.entry ul,
.entry ol,
.entry blockquote { color: #555;}
.entry blockquote { font-style: italic;}
.secondaryColumn h3,
#commentsContainer h3 { font-size: 1.2em;}
#cancel-comment-reply-link { color: #3C6C92; font-size: 0.8em;}
.commentlist .comment-meta a { color: #777;}
.commentlist .comment-author cite { font-style: normal; font-weight: bold;}
.commentlist .comment-meta { font-size: 0.8em;}
#commentform p span input,
#commentform span textarea { color: #333; font-family: arial,verdana,sans-serif; font-size: 1em;}
#paginateIndex { font-size: 0.9em; text-transform: uppercase; padding: 30px 0 0 0}
#footer { clear: both;}
#footer p a { font-weight: bold; color:#333;}

/* =----------------------------------- main structure */
#wrapper { margin: 0 auto 20px auto; text-align: left; width: 900px; padding: 0 5px; background: url(images/logo_bg.jpg) no-repeat 310px -150px; }
#masthead { padding: 27px 0 7px 0}
#filler {}
#mainColumn { float: left; width: 600px;}
.secondaryColumn { float: right; margin: 28px 0 0 30px; overflow: hidden; width: 270px;}

/* =----------------------------------- header elements */
#masthead {height: 80px; position: relative; }
#masthead h1 { position: absolute; top: 15px; left: 14px; text-indent: -9999px; width: 220px; height: 78px  }
#masthead h1 a {width: 220px; height: 78px ; background:url(images/Voornewiki.png) no-repeat 0 0; display: block }
#blogLead img { display: none; background: #fff; border: 1px solid #bbb; float: right; height: 42px; margin: 0 7px; padding: 2px; width: 42px;}
#authorIntro { position: absolute; top: 45px; left: 250px; width: 190px; text-align:left}

/* =----------------------------------- top + bottom navigation */
.navStripWrapper { position: relative; clear: both; margin: 20px 0 0 1px}
.nav { background: transparent;}
.nav li {  display: block; float: left; margin: 0 0 0 -1px; }
.nav li a {border: 1px solid #ccc; -moz-border-radius-topright: 8px;   -webkit-border-top-right-radius: 8px;   -moz-border-radius-topleft: 8px;   -webkit-border-top-left-radius: 8px; border-bottom: none; display: block; padding: 10px 14px 0 20px; width: 110px; height: 30px; font-family:Helvetica,Arial,sans-serif; letter-spacing:-0.08em; font-size: 1.5em; font-weight: bold; line-height: 20px}
.nav li#link01 a,
.nav li#link04 a {background: #ffffff; color:#907292}
.nav li#link02 a,
.nav li#link05 a {background: #ffffff; color:#809879}
.nav li#link03 a,
.nav li#link06 a {background: #ffffff; color:#5b7782}

.nav li#link01 a:hover,
.nav li#link04 a:hover {background:#907292; color:#FFFFFF}
.nav li#link02 a:hover,
.nav li#link05 a:hover {background:#809879; color:#FFFFFF}
.nav li#link03 a:hover,
.nav li#link06 a:hover {background:#5b7782; color:#FFFFFF}

.nav li a:hover { color:#FFFFFF}
.nav li#link02 a.focus,
.nav li#link05 a.focus { background: #809879; color:#FFFFFF}
.nav li#link03 a.focus,
.nav li#link06 a.focus { background: #5b7782; color:#FFFFFF}

.toggleCategories { background: #809879;}
.toggleFollow { background: #5b7782;}
.toggleCategories ul,
.toggleFollow ul { padding: 12px 7px}
.toggleCategories ul li,
.toggleFollow ul li { display: block; float: left;}
.toggleCategories li a,
.toggleFollow li a {font-size:1em; padding: 10px 9px; font-family:Helvetica,Arial,sans-serif; font-size-adjust:none; font-style:normal; font-variant:normal; line-height:normal; color: #dee8db }
.toggleCategories li a:hover,
.toggleFollow li a:hover {color:#FFFFFF}


/* =----------------------------------- meta lead for each post */
.postMeta { border-top: 1px dotted #CCCCCC; text-align: right; margin-bottom: 14px; position: relative;}
.postMeta .container { position: absolute; top: -9px; right: 0;}
.postMeta span.date { background: #faf8f5; padding: 0 4px; margin: 0 10px 0 0}
.postMeta span.comments { background: #faf8f5 url(images/chat_grey.gif) no-repeat 3px -2px; padding-left: 22px;}

/* =----------------------------------- general post */
.post { margin: 28px 0 0 0;}
.post h2 { margin-bottom: 10px; padding: 0 3px;}
.post h2 a { display:block;}

/* =----------------------------------- entry body */
.entry { padding: 0 3px; overflow: hidden;}
.entry p { line-height: 1.6em; margin: 10px 0;}
.entry ul,
.entry ol,
.entry blockquote { margin: 0 14px;}
.entry ol { list-style: decimal;}
.entry ul li,
.entry ol li { margin: 0 0 7px 18px;}
.entry ul li { list-style: circle;}
.entry blockquote { border-left: 1px solid #ccc; font-size: 1.1em; line-height: 1.4em; margin-left: 21px; padding-left: 10px;}
.entry img,
.entry a img { background: #fff; border: 1px solid #bbb; padding: 2px;}
.entry a:hover img { border-color: #907292;}

.entry.meta { background: #edebe6; border: 1px solid #ccc; border-width: 1px 0;}
.entry.meta p { margin: 5px 7px;}
.entry.meta .highlight { text-transform: uppercase; font-size: 10px;}
.entry.meta a { color: #333; border-color: #bbb;}
.entry.meta a:hover { color: #000; border-color: #000;}

/* =----------------------------------- main index pagination */
#paginateIndex { 
	margin-bottom: 25px;}
#paginateIndex a,
.commentlist li .reply a { color: #777; font-size: 0.9em; text-transform: uppercase; display: block; padding: 4px 7px 3px; background: #fff; border: 1px solid #ddd;}
.commentlist li .reply a { color: #aaa;}
#paginateIndex a:hover,
.commentlist li .reply a:hover { color: #907292; border-color: #907292; background: #edebe6;}

/* =----------------------------------- widget enabled sidebar */
.secondaryColumn h3,
#commentsContainer h3 { border-top: 1px solid #ccc; border-bottom: 1px solid #edebe6; margin: 0 0 10px 0; padding: 7px 14px; background: #edebe6; font-family:Helvetica,Arial,sans-serif; color:#a7a9ac; letter-spacing: -0.08em;}
.widgetContainer { margin: 0 0 20px 0;}
.widgetContainer ul li { margin: 0 3px 7px 14px; list-style: none}
.widgetContainer ul li ul { margin-top: 5px;}
.widgetContainer .textwidget { margin: 0 3px; line-height: 1.5em;}
.widgetContainer #wp-calendar { border-collapse: collapse; width: 100%;}
#wp-calendar caption { font-weight: bold; margin-bottom: 7px;}
#wp-calendar thead {}
#wp-calendar thead th { padding: 4px 0 4px 3px; border: 1px solid #ccc; border-width: 1px 0;}
#wp-calendar td { padding: 3px 0 4px 3px; color: #777;}
#wp-calendar td a { font-weight: bold;}

/* =----------------------------------- style some comments */
#commentsContainer { margin-bottom: 30px;}
#commentsContainer span.hook { position: relative; display: block;}
.cancel-comment-reply { position: absolute; top: -1px; right: 4px;}
.commentlist { list-style: none; margin: 0 0 20px;}
.commentlist .comment-author { padding-top: 17px; overflow: hidden;}
.commentlist .comment-body{ border-bottom: 1px solid #ccc; padding: 0 10px}
.odd {background: #f7f7f7}
.commentlist .comment-author img.avatar { display: block; float: left; height: 16px; width: 16px; margin: 0 4px 0 0;}
.commentlist .comment-meta { margin: 0 0 0 0;}
.commentlist li .reply { text-align: right; padding-bottom: 10px;}
.commentlist li .reply a { display:inline;}
.commentlist li p { margin: 1em 0; padding: 0 3px;}
.commentlist li ul,
.commentlist li ol,
.commentlist li blockquote { margin: 0 20px;}
.commentlist .children { margin: 0 0 0 40px;}
.commentlist .children li { list-style: none;}
#commentform .contain { margin: 0 0 10px 0 !important;}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea { padding: 4px 3px; border: 1px solid #ccc; border-left-color: #bbb; border-bottom-color: #bbb; background: #fff; margin-right: 4px;}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea { border: 1px solid #bbb; outline: none; padding: 4px 3px; width: 160px;}
#commentform p label { margin: 4px 0 0 0;}
#commentform textarea { float: none; width: 98%; overflow: auto;}

/* =----------------------------------- boring footer */
#footer { border-top: 1px solid #BBB; margin: 35px 0; font-size: 11px}
#footer p { padding: 14px 3px 0; }

/* =----------------------------------- floats + clearing rule */
.floatleft,
.alignleft { float: left; margin: 3px 7px 0 0;}
.floatright,
.alignright { float: right; margin: 3px 0 0 7px;}
.right { float:right;}
.left { float: left;}
.clear { clear: both;}
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.fix { display: inline-block;} 
* html .fix{ height: 1%;}
.fix{ display:
	block;}
	
/*=------------------------------------------ian*/
/*=-----------------------------------------main cat styles*/
ul.category_main_links,
ul.category_main_links ul {list-style: none}
ul.category_main_links li {float: left; margin: 10px 15px 10px 0; }
/*
ul.category_main_links li.cat-item-1,
ul.category_main_links li.cat-item-99
*/ 

/* ul.category_main_links > :nth-child(3){clear: both; } */
ul.category_main_links li a:hover {text-decoration: none; color: #333333}
ul.category_main_links li a span.ian_desc {font-size:12px; width: 600px }
h2.ian_head {font-size:25px; margin: 7px 0 8px 0; border-bottom: dotted 1px #BBBBBB; padding: 0 0 5px 0; width: 600px}
ul.category_main_links li img {display: none}
/*=------------------------------------------children cat styles*/
ul.category_main_links ul.children {}
ul.category_main_links ul.children li span.ian_img_cont {padding: 4px; background:#ffffff; border: 1px solid #BBBBBB; display: block}
ul.category_main_links ul.children li img {display: block; width: 166px; height: 122px; border: 1px solid #BBBBBB}
ul.category_main_links ul.children li a {display: block; width: 178px; margin: 10px 0 0 0; min-height: 310px}
span.ian_desc p {text-align:left}
ul.children h2.ian_head {font-size: 1.5em; margin: 7px 0 5px 0; border: none; width: 178px; color:#a7a9ac; letter-spacing: -0.08em;}
/*=------------------------------------------hover states*/
ul.children a:hover span.ian_desc,
ul.children a:hover h2.ian_head {color:#000}
ul.children li a:hover img {}
ul.category_main_links ul.children li a:hover span.ian_img_cont {background: #CCCCCC; }

li.hidden {display: none}

div.post_divider { clear: both; padding: 10px 0 0 0; margin: 10px 0 0 0}

div.gap {padding: 5px 0}

/*=------------------------------------------breadcrumbs and search container*/
div#bread_search_container {background: #fff; position: relative; width: 888px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; padding: 10px 6px;}
/*=------------------------------------------search*/
#searchForm1 input { border: none; text-align: right; outline: none; padding: 0px 24px 0px 4px; width: 150px; background: #fff url(images/magnifier.gif) no-repeat right center; float: right; margin: 0 5px 0 0; color:#999999}
#searchForm1 input:focus {color: #5b7782}
/*=------------------------------------------breadcrumbs*/
div#breadcrumbs {   font-size:0.8em; color: #999999; width: 700px; float: left}
div#breadcrumbs a,
div#breadcrumbs strong  {padding: 6px 8px; -x-system-font:none; color: #999999; font-family:Helvetica,Arial,sans-serif; font-size-adjust:none; font-style:normal; font-variant:normal;  line-height:normal;white-space: nowrap }
div#breadcrumbs strong, 
div#breadcrumbs a:hover {color:#333333}

/*=------------------------------------------homepage*/
.intro_stuk {margin: 30px 0 0 0}
.intro_stuk h2 {}
.intro_stuk p {margin: 10px 0 0 0}

.overige {list-style: none}
.overige li {display:inline}

/*=------------------------------------------slideshow*/
#slideshow {overflow: hidden; border: none}
#slideshow a {border:none}
#slideshow a img {border: none}

div.mh_menu  {position: relative; width: 900px; height:150px; overflow: hidden; }
        .mh_menu ul  {  display: block; padding: 20px 0 0 10px; margin: 0; list-style: none; width:4700px; height: 105px; background: #fff url(images/film_bg.jpg);        }
        .mh_menu li  {  float: left; display: block;  }
        .mh_menu a, .mh_menu a:visited  { display:block; text-decoration: none; border: none;  }
        .mh_menu span  { display: block; margin-top: 5px; text-align: center; color: #ffffff; filter: alpha(opacity=70); opacity: .7;  font-size: 10px }
		.mh_menu a:hover {color: #000}
        .mh_menu a:hover span { display: block; filter: alpha(opacity=100); opacity: 1; }
        .mh_menu a img { filter: alpha(opacity=70); opacity: .7; display:block;	width: 110px;	height: 71px; }
        .mh_menu a:hover img { filter: alpha(opacity=100); opacity: 1; }
		.mh_container {position: relative}
		.mh_container img#slide_needle {position: absolute; top: 0px; left: 435px}
		.mh_container #slide_date1 {position: absolute; bottom: 0; left: 0; width: 47%; text-align: right; display: block; color:#666666}
		.mh_container #slide_date2 {position: absolute; bottom: 0; right: 0; width: 47%; text-align: left; display: block; color:#666666}

/*=------------------------------------------extra*/
h3#comments a {font-size: 0.8em; float: right; background: url(images/feed-icon-14x14.png) no-repeat right center; padding: 0 20px 0 0; color:#666666; border: none;}
h3#comments a:hover {color: #907292; border: none}
.wp-caption-text {font-weight: bold; font-size: 10px}
.wp-caption {margin-right: 25px; max-width:590px;}
p img.alignleft {margin: 0 20px 15px 0}
p img.alignright {margin: 0 0 15px 20px}
/*small {display: none}*/

ul.cat_listing {list-style: none; padding: 10px 0 10px 0; border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC; margin: 28px 0 10px 0}
ul.cat_listing li {font-family:Helvetica,Arial,sans-serif; font-size:2em; letter-spacing:-0.08em; margin: 0 3px; padding: 7px 0; border-bottom: 1px solid #A7A9AC; display:  none}
ul.cat_listing li.cat-item,
ul.cat_listing li.title {display: block!important}
ul.cat_listing li.title {font-size: 35px; border:  none; padding-bottom: 20px}
ul.cat_listing li:last-child {border: none}
ul.cat_listing li a {color: #A7A9AC; display: block}
ul.cat_listing li a:hover {color: #907292;}

h2.further_title {padding: 20px 0 10px 0; color: #809879}
ul.further_links li {display:  inline;}
ul.further_links li a {padding: 10px 10px 0 0 }

.volgende {width: 40%; float: right; text-align:  right; padding: 0 0 10px 0}
.vorige {width: 40%; float: left; text-align:  left; padding:  0 0 10px 0}
.vorige a {padding: 5px 8px; text-decoration: none; background: #FFFFFF; color: #809879; font-weight: bold;}
.volgende a {padding: 5px 8px; text-decoration: none; background: #FFFFFF; color: #809879; font-weight: bold;}

.volgende a:hover,
.vorige a:hover {background: #809879; color: #FFFFFF;} 

a#toevoegen {-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border:#907292 solid 1px;
display:block;
font-family:Helvetica,Arial,sans-serif;
font-size:3em;
font-weight:bold;
letter-spacing:-0.08em;
line-height:1em;
padding:17px 14px 10px 20px;
background: #907292;
color: #ffffff; 
text-align: center}

a#toevoegen:hover {background: #ffffff; color: #907292; border:#CCCCCC solid 1px;}