/*  
Theme Name: The Unstandard
Theme URI: http://5thirtyone.com/
Description: Farewell to the standard blog format
Version: 0.1
Author: Derek Punsalan
Author URI: http://is.derekpunsalan.com/
*/

* { margin: 0; padding: 0; }

body { background: #f47c0e url(images/bg_overall.jpg) repeat-y center; color: #000; font: 62.5%/1.2em verdana,sans-serif; text-align: center; }
#main-wrapper { display: block; margin: 0 auto; width: 987px; text-align: left; position:relative;
	z-index:2; padding-bottom: 30px; min-height: 800px; }
#topwrapper { display: block; margin: 0 auto; text-align: left; background: #f79540 url(images/bg_top.jpg) repeat-x center; height: 232px;  }
#topbg { display: block; margin: 0 auto; text-align: left; background: url(images/bg_topimg.jpg) no-repeat center 4px; }
#topinhoud { display: block; margin: 0 auto; width: 987px; text-align: left; height: 241px; z-index: 2; position:relative }
#tophead1 { background:url(images/header1.png) no-repeat left 34px; width: 611px; height: 202px; padding-right: 43px; float: left; padding-top: 40px;}
#tophead2 { background:url(images/header2.png) no-repeat left 8px; width: 331px; height: 202px; float: left; padding-top: 40px;}
#visual { background:url(images/visual.jpg) no-repeat; height: 153px; width: 317px; margin-left: 7px; margin-bottom: 7px;}

/* ----------------------------------- basics */
h1, h2, h3 { font-weight: normal; }
h1 { font-size: 2.2em; line-height: 2.4em; }
h2 { font-size: 1.6em; line-height: 1.8em; margin-top: 10px; }
h3 { font-size: 1.3em; line-height: 1.4em; }
a { color: #2c2c2c; }
  a:hover { color: #f47a0e; }
a img { border: none; }
ul, ol { list-style: none; }

/* ----------------------------------- masthead */
#tophead1 h1 { visibility: hidden   }
  #tophead1 a#logo  { color: #333; text-decoration: none; margin-left: 9px; height: 120px; width: 300px; margin-bottom: 40px; display: block } 
  #tophead1 h1 a:hover { color: #f47a0e; }
#main-nav { float: left;  min-width: 594px; font-size: 1.1em; text-transform: uppercase; font-weight: bold; margin-left: 9px; }
  #main-nav li { float: left; margin-right: 2px; }
  #main-nav li a { color: #ffffff; display: block; padding: 11px 0; text-decoration: none; text-align: center; width: 117px; background: #f47a0e url(images/bg_menu.gif) no-repeat; } 
  #main-nav li a:hover,
  #main-nav li.current a {  background: #fff; color: #6c6c6c; padding-bottom: 16px; }
  #main-nav li.rss-now a:hover,
  #main-nav li.rss-now a { background: #f47a0e; color: #eee; }
.adsense-center { margin: -40px auto 0; display: block; width: 728px; }
  
/* ----------------------------------- home posts */
.home { position: relative; width: 987px}
.home .links {  width: 607px;  margin-left: 2px;  }
.home .linksinner { border: 7px solid #fff; border-width: 0px 7px; background: #fff;}
.home #linksboven { background:url(images/bg_linksboven.png) no-repeat; height:7px; }
.home #linksbovenvervolg { background:url(images/bg_linksboven2.png) no-repeat; height:7px; }
.home #linksonder { background:url(images/bg_linksonder.png) no-repeat; height:5px; }
.home .main-post-bg { background: #444; display: block; height: 215px; position: relative; margin: 0; width: 593px; overflow: hidden; }
  .main-post-bg .post-comments,
  .secondary-post-bg .post-comments { position: absolute; top: 0; right: 7px; z-index: 102; background: #f47a0e;}    
    .post-comments a,
    .secondary-post-bg .post-comments a { font-size: 11px; color: #fff !important; display: block; height: 1.8em; line-height: 1.8em; width: 7.5em; text-decoration: none; text-align: center; text-transform: lowercase; } 
    .post-comments a:hover,
    .secondary-post-bg .post-comments a:hover { background: #000;}
  .home .main-post-bg .title-insert,
  .home .recent-leads .title-insert { background: #000; bottom: 0; display: block; left: 0; position: absolute; width: 100%; z-index: 101; padding: 4px 0; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=85); -moz-opacity: .85; opacity:.85; }
.title-insert h2 { margin: 8px 0px 7px; line-height: 1.4em; }
  .title-insert h2 a { display: block; color: #f79b42; text-decoration: none; }
  .title-insert h2 a:hover { color: #fff; }
.home .recent-leads { width: 607px; }
  .home .recent-leads .secondary-post-bg { background: #444; display: block; width: 293px; overflow: hidden; height: 150px; margin: 7px 7px 0 0; position: relative; }
  .home .recent-leads .title-insert h3 { margin: 4px 7px; line-height: 1.6em; }
  .home .recent-leads .title-insert h3 a { font-size: 14px; display: block; color: #fff; text-decoration: none; }
  .home .recent-leads .title-insert h3 a:hover { color: #f47a0e; }
.home .right { width: 331px; text-align: left; margin-right: 2px;}
.home #rechtsboven { background: url(images/bg_rechtsboven.png) no-repeat; height:7px; }
.home #rechtsonder { background: url(images/bg_rechtsonder.png) no-repeat; height:7px; }
}

/* ----------------------------------- entry style */
.postsingle {
	font-size: 70%/1.3em;
	line-height: 1.5em;
	color: #444;
	border: 7px solid #ffffff;
	width: 579px;
	display: block;
	overflow: visible; height: 650px; position: relative;
	
}.post.single {
	font-size: 70%/1.3em;
	line-height: 1.5em;
	color: #444;
	border: 7px solid #ffffff;
	width: 579px;
	display: block;
	overflow: visible; position: relative;
}
.post.single h2, .post.single h2 a {
	font-size: 18px;
	line-height: 20px;
	color: #f47a0e;
	text-decoration: none;
	margin: 0px;
	padding-top: 10px;
}
  .post.single .entry { font-size: 12px; line-height: 18px; color:#666  }
  .post.single .meta { border-top: 2px solid #f47a0e; border-bottom: 2px solid #f47a0e; color: #444; text-transform:lowercase; padding: 12px 0 0px 0; font-size: 11px; margin: 18px 0 0 0;  }
    .post.single .meta a { color: #f47a0e; text-decoration: underline; }
    .post.single .meta a:hover { text-decoration: none; }
  .post.single p { margin: 1em 0; }
  .post.single p a,
  .post.single li a { font-weight: bold;  }
  .post.single p strong { font-weight: bold; }
  .post.single p em { font-style: normal; background: #f9f9de; }
  .post.single blockquote { margin: 0 1.5em; color: #6c6c6c; }
  .post.single h3 { font-size: 16px; color: #f47a0e; margin-top: 2em; }
  .post.single ul { margin-bottom:0px; padding-bottom: 0px;}
  .post.single ul,
  .post.single ol { margin: 1em 1.5em; }
  .post.single ul li,
  .post.single ol li { margin: 0 0 14px 0; color: #6c6c6c; line-height: 1.3em; }
  .post.single ul li { background: url("images/li.gif") no-repeat 1px -1px; padding-left: 20px; }
  .post.single ul li strong { font-weight: bold; }
  .post.single img.floatleft { float: left; margin: 4px 10px 0 0; }
  .post.single img.floatright { float: right; margin: 4px 0 0 10px; }
  .post.single code { font-family: courier, fixed, monospace; font-size: 12px; background: #eee; }
    .post.single code strong { color: #000; }
.navigation { font-size: 1.2em; padding: 10px 0; }
  .navigation .left { float: left; width: 293px; height: 26px; }
  .navigation .right {   float: left; width: 293px;  height: 26px;}
  .navigation .right a {   float: left; margin-left: 7px; display: block;  background: #000 url("images/nextprevhome.gif") no-repeat top right; height: 26px; width: 146px; display: block; font-size: 0px; padding-left: 148px; }
  .navigation .left a { display: block; float: left; background: #000 url("images/nextprevhome.gif") no-repeat top left; height: 26px; width: 293px; display: block; font-size: 0px; margin-left: 0px }
  .navigation .right a:hover { background: url("images/nextprevhome.gif") no-repeat bottom right; height: 26px; display: block; font-size: 0px; }
  .navigation .left a:hover { background: url("images/nextprevhome.gif") no-repeat bottom left; height: 26px;  display: block; font-size: 0px; margin-left: 0px }
.archives-page h2 a { font-size: 14px !important; line-height: 16px; }
  
/* ----------------------------------- lists */
.sidebar-wrapper { background: #fff; }
.sidebar-news { background: #f9f9de; border: 1px solid #e9e9b4; display: block; padding: 7px; color: #555; font-size: 12px; }
  .sidebar-news a:hover { text-decoration: none; }
.sidebar-wrapper h3 { overflow: hidden; }
ul.blogroll { margin-bottom: 10px;}
ul.sidebar-ul,
.blogroll ul,
.widget_recent_comments ul,
.widget_categories ul { font-size: 1.2em; line-height: 1.4em; margin: 10px 0 0 0; width: 317px; }
  .widget_recent_comments li,
  .blogroll li,
  .widget_categories li { color:#777; border-bottom: 1px solid #ccc; line-height: 1.5em; width: 317px; }
  .widget_recent_comments ul li a, 
  .widget_categories ul li a { background: url("images/li-grey.gif") no-repeat 8px 3px; display: block; font-weight: normal; color: #888; text-decoration: none; padding: 3px 0 3px 34px; }
  .widget_categories ul li a:hover,
  .widget_recent_comments ul li a:hover { background: url("images/li.gif") no-repeat 8px 3px; color: #f47a0e; }
  .sidebar-ul li a:hover em { color: #999; }
  
  .widget_recent_comments ul li, ul.blogroll li { background: url("images/li-grey.gif") no-repeat 8px 3px;  padding: 3px 0 3px 34px; width: 282px; }
  .widget_recent_comments ul li:hover,  ul.blogroll li:hover { background: url("images/li.gif") no-repeat 8px 3px;}
  .widget_recent_comments ul li a { background: none; padding: 0px;}
    .widget_recent_comments ul li a:hover { background: none}
  .widget_recent_comments ul li a.url { background:none; font-style: italic; float: left; padding-right: 4px;}
   
   
.related-posts h3 { display: none; }
.serve-random { font-size: 12px; color: #888; margin-top: 7px; }
  .serve-random a { color: #f47a0e; }
  .serve-random a:hover { text-decoration: none;  }
.sidebar-nextprev { background: url(images/bg_nexprev.png) no-repeat; padding: 7px; margin-bottom: 14px; height: 40px;}
.sidebar-nextprev2 { background: url(images/bg_nexprev2.png) no-repeat; padding: 7px; margin-bottom: 14px; height: 40px;}
  .sidebar-nextprev li, .sidebar-nextprev2 li { float: left; }
  .sidebar-nextprev li.previous,   .sidebar-nextprev2 li.previous  { margin-left: 0px; }
  .sidebar-nextprev li.next,  .sidebar-nextprev2 li.next { float: right; margin-right: 0px; }
  .sidebar-nextprev li a,  .sidebar-nextprev2 li a { outline: none; display: block; height: 27px; width: 158px; background: #ddd; text-indent: -9999em; }  
  .sidebar-nextprev li.previous a, .sidebar-nextprev2 li.previous a  { background: url("images/nextprev.gif") no-repeat top left; }
    .sidebar-nextprev li.previous a:hover, .sidebar-nextprev2 li.previous a:hover { background-position: bottom left; }
  .sidebar-nextprev li.next a, .sidebar-nextprev2 li.next a { background: url("images/nextprev.gif") no-repeat top right; }
    .sidebar-nextprev li.next a:hover,.sidebar-nextprev2 li.next a:hover { background-position: bottom right; }

/* ----------------------------------- comments */
#comments { margin: 21px 0 0 0; }
#comment-breaker { color: #f47a0e; display: block; width: 100%; margin: 21px 0 14px 0; padding: 35px 0 0 2px; background: url("images/distort.gif") no-repeat top center; }
  #comment-breaker h2 { font-size: 18px; }
ol.commentslist { float: left; font-size: 1.2em; line-height: 1.5em; width: 590px; }
  .commentslist li { margin-bottom: 28px; }
  .commentslist li p { margin: 0 0 1em 0; }
  .commentslist li blockquote { margin: 0 1.2em; font-style: italic; }
  .commentslist li ul, 
  .commentslist li ol { margin: 1em 1.5em; }
  .commentslist .author_meta { text-transform: lowercase; border-top: 2px solid #f47a0e; padding: 4px 0 0 0; margin-top: 0px; float: left; width: 75px; font-size: 11px; }
    .commentslist .author_meta a { color: #444; text-decoration: none !important; }
    .commentslist .author_meta a:hover { text-decoration: underline !important; }
  .commentslist li.author .comment_text { background: #eee; width: 498px; border: 1px solid #ddd; }
    li.author .comment_text p { margin: 7px; }
  .commentslist .comment_text { float: right; width: 465px; overflow: auto; margin-right: 34px; }
    .comment_text .comment-author { font-weight: bold; margin-bottom: 7px; }
    li.author .comment_text .comment-author { margin: 7px 0 7px 7px; }
    .commentslist .comment_text a { font-weight: bold; }
.pings { float: right; width: 340px; }
  .pings h3 { color: #f47a0e; font-size: 1.6em; padding: 0 0 0 2px; }
  ul.pingslist { font-size: 1.2em; line-height: 1.4em; margin: 10px 0 0 0; width: 340px; }
    .pingslist li { border-top: 1px solid #ccc; line-height: 1.5em; width: 340px; }
    .pingslist li a { background: url("images/li-grey.gif") no-repeat 1px 3px; display: block; font-weight: normal;  color: #999; text-decoration: none; padding: 3px 2px 3px 20px; }
    .pingslist li a:hover { color: #f47a0e; background: url("images/li.gif") no-repeat 1px 3px;}
    .sidebar-ul li a:hover em { color: #999; }
#commentform { font-size: 11px; margin-left: 90px; }
  #commentform p { margin: 0.8em 0; }
  #commentform p label { }
  #commentform #author,
  #commentform #email,
  #commentform #url,
  #commentform #comment { border: 1px solid #bbb; padding: 4px; font-family: verdana,verdana,sans-serif; font-size: 12px; color: #6c6c6c; }
  #commentform #comment { width: 475px; overflow: auto; height: 225px; }
  #commentform #submit { background: #333; color: #eee; padding: 0.8em 0; width: 13em; border: none; }
  .comment-warning strong { color: #444; font-weight: bold; }
.subscribe-to-comments { font-size: 12px; color: #555; }

/* ----------------------------------- categories */
.ngg_images, .widget_archive, .ajax_shoutbox_widget, .visitorblogroll { padding: 7px 0; margin: 0px 14px }
.ngg_images { margin-bottom: 0px;}
.ajax_shoutbox_widget {margin-right:7px; }
.ajax_shoutbox_widget, .visitorblogroll { width: 283px;}
.widget_archive, .ajax_shoutbox_widget  { margin-top: 7px; display: block; clear: both }
.widget_archive ul { color: #999; font-size: 1.2em; line-height: 1.6em; }
.widget_archive li { float: left;  text-align: right;  display: block; width: 145px; margin-right: 10px; }
.widget_archive li a { color: #f47a0e; font-weight: bold; float: left; text-decoration: none; }
.widget_archive li a:hover { text-decoration: underline; }


.widget_archive ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.widget_archive ul { display: inline-block; }
* html .widget_archive ul { height: 1%; }
.widget_archive ul{ display: block; }


/* ----------------------------------- search */
.search {  width: 303px; margin-left: 9px; padding: 3px 7px; display:block;  background: url("images/search-bg.gif") no-repeat bottom right; height: 31px; }
#searchWrap {  }
  .search #searchForm { margin: 0 0 0 ; }
  #searchForm input { vertical-align: middle; margin: 6px 0 0 0; }
  .search #searchForm #s { color: #666; font-size: 12px; border: 1px solid #f47a0e; padding: 1px; width: 240px; margin-right: 4px; }
  
/* ----------------------------------- footer */
#footer { position: relative;  background: url(images/bg_footer.jpg) repeat-x left 10px; padding-bottom: 40px; }
  #footer .left { width: 590px; }
  #footer a { font-weight: bold; }
.hiddenpic { display: none; }
#footertop {margin: 0 auto; width: 987px; background: url(images/bg_footertop.png) no-repeat 2px top; height: 7px; display: block}
#footerbottom {margin: 0 auto; width: 987px; background: url(images/bg_footerbottom.png) no-repeat 2px top; height: 7px; display: block}
#footertekst {margin: 0 auto; width: 987px; color: #fff; text-align: center; padding-top: 10px;}
#middle-widgets {display: block; margin: 0 auto; width: 987px; text-align: left; background: url(images/footer_bg.gif) repeat-y 2px top;   }

/* ----------------------------------- floats */
.right { float: right; }
.links { 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; }

#westdesign { margin-left: 16px; float: left; width: 450px; height: 28px; font-size: 1.1em; font-weight: bold; background:url(images/bg_westddesign.gif) no-repeat;  }
#westdesign  a {
	font-size: 1em;
	padding-left: 23px;
	padding-right: 32px;
	height: 2.2em; line-height: 2.2em;
	text-decoration: none;
	background: url(images/pijl.gif) no-repeat right;
}
#westdesign  a:hover {
	font-size: 1em;
	height: 2.2em; line-height: 2.2em;
	text-decoration: none;
	background: url(images/pijl_o.gif) no-repeat right;
}
.home .right div.bericht_mail {
	background: url(images/bg_ontvangmail.jpg) no-repeat;
	padding-top: 88px;
	padding-left: 10px;
}
#home_link {
	top: 40px;
	left: 25px;
	position: relative;
}
.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-top: 1.0em;
	border: 1px solid #fff;
	background: #fff;
	text-decoration: none;
	font-size: 11px;
}

.pagebar a,.pageList .this-page {
	border: 1px solid #000;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar a:visited {
	border: 1px solid #000;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	border: 1px solid #000;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #f47a0e;
	color: #fff;
}

.pagebar a:hover {
	border-color: #2E6AB1;
}

.pagebar .inactive
{
   border: 1px solid #cccccc;
	 color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;
}
p.first-letter {
font-size:400%; 
float:left;
line-height:.8em;
color:#D4D4C7;
}
.scrollable { clear: both; width: 250px; height: 30px;}

.scrollable ul { padding: 0px; margin: 0px;}

.scrollable ul li { float: left;}

.ngg-widget-slideshow { padding: 20px;}

div#slideshow {
	position:absolute;
	top:232px;
	background:#d3dfec;
	width:100%;
	height:846px;
	overflow:hidden;
	z-index:1;
	text-align:center;
	padding-bottom: 73px;
	background: url(images/bg_slideonder.png) repeat-x bottom;
}
#slideronder {  height: 49px;}
#accordion1 { background-color: #fff; padding: 0px 7px;}
h4 span  { color: #FFF; padding-left: 7px;}
h4 { border-bottom: 1px solid #fff;}
.pane_end { background:url(images/bg_panefoot.gif) no-repeat left 10px; height: 10px; display: block; padding: 10px 0px;}

a.toggle{
 margin: 0 auto; 
display:block;
color:#fff;
background: url(images/top_close.png) no-repeat;
text-align: left;
height: 23px;
width: 987px;
z-index: 3;
position: relative;
top: 49px;
}
a.toggle:hover{
background: url(images/top_close_o.png) no-repeat;
}