﻿/*
Theme Name: Het Nieuwe Werken Blog
Theme URI: http://hetnieuwewerkenblog.nl/
Description: 
Version: 1.51
Author: Alex Vermeule
Author URI: http://alexve.com
*/

html {height:101%;min-height:100%;margin-bottom:1px; !important} 
body {background:url(img/bg.gif) repeat-x center top;background-color:#929ba2}
body {font:9pt Arial, Verdana, Geneva, sans-serif;color:#464646;margin:0;padding:0}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, t	h, td {margin:0;padding:0}

/*-- CLEAR FIX -- */
.clearfix:after {visibility:hidden;display:block;font-size:0;content:' ';clear:both;height:0}
.clearfix {display:inline-block}
* html .clearfix {height:1%}
.clearfix {display:block}

/* -- GENERAL STYLING -- */
a:link, a:visited {text-decoration:none;color:#0061a0}
a:hover {text-decoration:underline}
.posts-wrap a:hover {text-decoration:none;color:#3F92D2}
img {border-width:0}
img.left {float:left;margin-right:10px}
img.right {float:right;margin-left:10px}
.right {float:right;margin-left:10px}
.left {float:left;margin-right:10px}
.centertext {text-align:center}

p {margin:0 0 10px 0;padding:0;font-size:14px;line-height:21px}
#page-content p, #post-single p {padding:0 0 10px 0}
blockquote {border-left: 2px solid #d3d3d3;padding-left:10px;font-style:italic}

.addthis_button {padding:0 0 0 20px;height:16px;background:url(img/spriteme.png) no-repeat;font-size:14px;background-position: -8px -1040px}
.v5 {height:5px;clear:both;overflow:hidden}
.v10 {height:10px;clear:both;overflow:hidden}
.v15 {height:15px;clear:both;overflow:hidden}
.v17 {height:17px;clear:both;overflow:hidden}
.v20 {height:20px;clear:both;overflow:hidden}

/* -- LAYOUT -- */
#wrapper {float:none;clear:both;margin:0 auto;padding:5px 5px 4px 5px;width:957px;background:#fff;border:none}
#header {height:152px;margin:0 auto}
#top {height:115px;background:url(img/bg_top.gif) repeat-x top}
#logo {float:left;margin:20px 0 0 10px;width:187px;height:70px;display:inline;background:url(img/spriteme.png) no-repeat;background-position:-20px -20px}
#banner {float:right;margin:10px 10px 0 0;height:90px;width:728px;display:inline}

#nav {width:957px;height:37px;background:url(img/bg_nav.gif) bottom repeat-x}
#nav ul {list-style-type:none;margin:0 0 0 10px;padding:0}
#nav ul li {height:26px;margin:0 33px 0 0;float:left;padding-top:10px;;overflow:hidden}
#nav ul li a {font-size:150%;color:#cddfee;text-decoration:none;float:left;line-height:17px}
#nav ul li a:hover {color:#fff;text-decoration:none}
#nav ul li a.active {color:#fff;text-decoration:none}

#cse-search-box {float:right;height:16px;margin:0px; padding:0;}
#cse-search-results IFRAME {width: 600px}

#content {overflow:hidden;width:100%;background-color:#eff1f2;margin-top:5px}
#breadcrumbs {color:#666;height:30px; margin:-1px -4px 0 -10px;padding:2px 0 0 11px;background:url(img/bg_postswrap.gif) repeat-x}
#breadcrumbs a:link, #breadcrumbs a:visited {color: #0a85cf;text-decoration:none}
#footer {height:40px;overflow:hidden;margin:5px 0 0 0;clear:both;float:none;text-align:right;padding: 20px 5px 0 0;background:url(img/bg_ftr.gif) repeat-x}
#footer a:link, #footer a:visited {color:#777777}
#footer a:hover {color:#777777;text-decoration:underline}

/* -- POSTS -- */
#page {margin:1px 0 10px 9px;background-color:#fff;clear:both}
/* .posts-wrap {min-height:1900px;height:100%;padding-right:10px;float:left;clear:none;width:617px;background-color:#fff} */
.posts-wrap {min-height:1900px;height:100%;padding-right:10px;float:left;clear:none;width:601px;background-color:#fff}
#topborder {margin:0px -5px 0 -10px;border-top:1px solid #DDD}

/*-- INDEX -- */
.post-index {margin:0 0 10px 5px}
.post.short {border-bottom:1px solid #DDD;padding:10px 0px 25px 0px}
.thumbnail {height:auto;width:125px;margin:15px 20px 0 5px;float:left}
/* .grid_3 {float:right;width:447px;padding-right:5px}*/
.grid_3 {float:right;width:421px;padding-right:5px}
.entry-title {margin:5px 0 0 0;clear:both}
.entry-title a:hover {color:#3F92D2;text-decoration:none} 
.post-share-index {float:right;padding:0 0 10px 5px}
.gravatar-index {float:left;margin:0 5px 0 0;height:25px;width:25px}
.entry-content-index {margin:5px 0 0 0}
.entry-content-index p {font-size:14px}
.additional-meta-index {float:left}
.more-link {margin-top:0px;padding-top:0px;float:right;padding-bottom:15px}
.byline {padding:3px 0 0 0}

/*-- SINGLE -- */
#post-single {margin:1px 0 10px 9px;background-color:#fff;clear:both}
.prev-icon {float:left;width:12px;height:15px;margin:0 5px 0 0}
.next-icon {float:right;width:12px;height:15px;margin:0 0 0 5px;background-position:right}
.single-prev {float:left;width:45%}
.single-next {float:right;text-align:right;width:45%}
.single-prev a, .single-next a {color:#666}
.single-prev a:hover, .single-next a:hover {color:#666}

.post_share {float:left;border:1px solid #DDD;position:absolute;background:#FFF;margin-left:-80px;margin-right:10px; z-index: 10001;}
.wdt_button {padding:5px}
.post_share .wdt_button {clear:left;margin:0}
.post_share .fb_wdt {width:50px}
.FBConnectButton_Small {background-position:-5px -232px !important; border-left:1px solid #1A356E}
.FBConnectButton_Text {margin-left:12px !important;padding:2px 3px 3px !important}
.addthis_button_email {background:url(img/email_share.gif) no-repeat;background-position:2px 4px}
.at300bs { display:none !important}
.post_share a.chicklet, .post_share a.addthis_chicklet {display:block;border:1px solid #e8e8e8;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:2px 2px;width:44px;margin:0;font:normal 9px/1.625 verdana, sans-serif;color:#989898;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;text-align:right}
.post_share a.addthis_chicklet {background:url(img/spriteme.png) no-repeat;background-position: -8px -1038px}

#entry-title-single, .entry-title a {color:#0061a0;} 
h1#entry-title-single {padding:0;font-size:200%;color:#0061a0}
.splitter {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:url('/../../../../../../../../../../../../../../../../../wp-content/themes/hnwblog/img/splitter_ddd_1px.png') repeat-x left center
}
.gravatar {float:left;max-width:40px;max-height:40px;margin-right:5px;line-height:40px;}
.additional-meta {float:left;position:relative;margin:0;padding:0;color:#666}
.comments-link {float:right;position:relative;padding:0 5px 0 0}
.fb-like {position:relative;top:-20px; left:45px}

.entry-meta {font-size:small;font-style:italic;clear:both}
.greybox {width:594px;background-color:#f3f3f3;padding:5px;overflow:hidden}
.authorbox {width:594px;background-color:#f3f3f3;padding:5px;overflow:hidden}
.greycommenter {background-color:#f3f3f3;padding:5px;overflow:visible}
.gravatar2 {float:left;display:inline;height:54px}
.bio{padding:0 0 0 62px}
.description {font-style:italic;line-height:16px}
#related {padding-top:10px}
#related p {padding:0}
#respond {padding-left:10px}
.archive-title, .search-title {font-size:180%;padding-left:10px}
.question {font-size:120%; font-weight:bold;font-style:italic}

/* -- SIDEBARS --*/
/* #sidebar-wrap {float:right;width:330px;height:641px;background:url(img/bg_sidebar.gif) repeat-x top;} */
#sidebar-wrap {float:right;width:346px;height:641px;background:url(img/bg_sidebar.gif) repeat-x top;}
#sidebar {padding:5px;clear:none}
#sidebar .section {margin-bottom:10px;clear:right}

/* #subscribe_widget {float:right;width:308px;height:147px;border:1px solid #d3d3d3;background:url(img/bg_abo.gif) bottom repeat-x;overflow:hidden} */
#subscribe_widget {float:right;width:334px;height:147px;border:1px solid #d3d3d3;background:url(img/bg_abo.gif) bottom repeat-x;overflow:hidden}
#about, #abo {width:300px;color:#3b3b3b}
#about {margin:5px}
#abo {margin:15px 5px 0 5px}
#subscribe_icons {width:330px;margin:0;padding:0}
#subscribe_icons ul {margin:7px 0 0 7px;padding:0}
#subscribe_icons ul li {list-style-type:none;width:62px;float:left;text-align:center;font-size:11px}
#subscribe_icons ul li a {display:block;padding-top:40px;overflow:auto;text-align:center}
#subscribe_icons ul li a:hover {display:block;color:#3b3b3b;text-decoration:none}
#nieuwsbrief {background:url(img/spriteme.png) no-repeat;background-position: -10px -110px}
#twitter {background:url(img/spriteme.png) no-repeat;background-position: -10px -174px}
#rssfeed {background:url(img/spriteme.png) no-repeat;background-position: -10px -238px}
#facebook {background:url(img/spriteme.png) no-repeat;background-position: -10px -302px}
#google{ padding-top: 13px; }
.ad_box, .ad_box_sponsors {border-top:1px solid #DDD;padding-top:10px;text-align:center}
.ad_box_sponsors {padding-top:0px}

#sidebar .section iframe.fbfanbox {border:none;padding:5px}
.fan_box .full_widget {border:1px solid #cccccc}

.rectangle {text-align:center}
.rectangle_l {text-align:left}
.skyscraper_ad {width:160px;height:600px;padding-left:150px}	

.poll_image{ float: left; padding-right: 5px; }
.wppoll_li{ margin-bottom: 5px; }

.logolinks{ border:1px solid #c6c6c6; padding:5px; width: 325px; background-color: #ffffff; text-align: left; }
.agenda_image { float: left; padding-right: 5px; }
.agenda_td { width: 70px; vertical-align: top; }

.werkentable{ width:100%; }
.werkentd{ text-align: left; padding-left: 10px; padding-right: 10px; } 
.werkenimage { height: 40px; }
.fright{ float: right; }

.eventtitle{ float: left; padding-top: 7px; }
.eventframe{ text-align: left; clear: both; }

.wp-polls .pollbar {
	margin: 1px;
	font-size: 6px;
	line-height: 8px;
	height: 8px;
	background: #126fb2;
	border: 1px solid #c8c8c8;
}

.fbframe{ width:336px; height:256px; }

/* #sponsor_buttons {padding-left:10px;padding-right:10px} */
#sponsor_buttons {padding-left:23px;padding-right:23px}
#sponsor_buttons li {float:left;margin:10px}
#sponsor_buttons img {display:block}
#sponsor_buttons ul li {list-style:none}
	
.adverteren {font-size:11px;font-weight:bold;text-align:center}

/* -- LISTS -- */
#post-single ol, #page ol {margin:5px 5px 20px 0;padding:0;font-size:14px;line-height:21px}
#post-single ul, #page ul {margin:5px 5px 10px 15px;padding:0;font-size:14px;line-height:21px}
#post-single ul li, #page ul li {margin-left:15px;margin-bottom:10px}
#post-single ol li, #page ol li {list-style:decimal;list-style-position:inside;margin-bottom:5px;margin-left:15px}
#post-single ul li li, #page ul li li {margin-left:15px;margin-bottom:5px}
#post-single ol li li, #page ol li li {margin-left:5px;margin-bottom:5px}
#post-single ul li ol, #page ul li ol {margin-left:10px}
#post-single li, #page li {list-style-type:square}
#post-single .disc, #page .disc {list-style-type:disc}


#auteur_contact li {list-style-type:none;float:left;width:80px;text-align:center;font-size:90%;font-weight:bold;margin:10px 5px 10px 0}
#auteur_contact li a {display:block; padding-top:70px;padding-bottom:4px;background:#FFF no-repeat center 4px;
-webkit-transition:all .2s ease-out
}
#auteur_contact li a:hover {color:#222;background-color:#EEF4FF;text-decoration:none;-moz-box-shadow:0 2px 4px hsla(0, 0%, 0%, .3);-webkit-box-shadow:0 2px 4px hsla(0, 0%, 0%, .3)}
#auteur_contact li.email a {background:url(img/spriteme.png) no-repeat center;background-position: 0px -366px}
#auteur_contact li.twitter a {background:url(img/spriteme.png) no-repeat center;background-position: 0px -461px}
#auteur_contact li.linkedin a {background:url(img/spriteme.png) no-repeat center;background-position: 0px -556px}
#auteur_contact li.facebook a {background:url(img/spriteme.png) no-repeat center;background-position: 0px -651px}
#auteur_contact li.skype a {background:url(img/spriteme.png) no-repeat center;background-position: 0px -746px}
#auteur_contact li.googlebuzz a {background:url(img/spriteme.png) no-repeat center;background-position: 0px -841px}
#auteur_contact li.flickr a {background:url(img/spriteme.png) no-repeat center;background-position: 0px -936px}
#auteur_rssfeed {margin-left:10px}

/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0 0 10px 0;color:#465661}
h5,h6 {padding:0}
h1.page-title {font-size:180%;color:#0061a0}
h1.entry-title {padding:0;font-size:180%;color:#0061a0}
h3.widgettitle {color:#777777;padding:5px 0 0 0;font-weight:normal;font-size:160%;border-top:1px #d3d3d3 solid;height:30px;margin:15px 0 5px 0;width:340px}
h2#comments{margin:20px auto 10px;font-size:140%}
.bio h5 {font-size:110%;margin:3px 5px 5px 0}

/* headings inside posts */
.entry-content h2 {font-size:150%}
.entry-content h3 {font-size:140%}
.entry-content h4 {font-size:120%}
.entry-content h5 {font-size:100%}
.entry-content h6 {font-size:90%}

/* -- COMMENTS -- */
.commentlist p {font-size:100%;padding:5px 5px 0 5px}
li.comment, li.pingback {list-style-type:none;margin:0;padding:0}
ul.commentlist, ul.pinglist {margin:0px;padding:0 5px 0 10px}
.comment-reply-link {padding:0 0 0 5px}
textarea#comment {overflow:auto}
#comments {padding:5px 0 0 5px;margin:10px 5px 0 10px;border-top:1px solid #D3D3D3;}

#disqus_thread {width:602px;padding-left:10px}
#dsq-content h3 {color:#464646;font-size:120%}
#dsq-content, #dsq-comments-title {border-top:1px solid #D3D3D3;padding-top:10px}
.dsq-brlink {padding-left:8px}
.dsq-comment-count {float:right}


/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 10px 10px}
img.alignleft {float:left;clear:none;margin:0 10px 10px 0}
img.aligncenter {display:block;margin:1em auto;text-align:center}
img.alignnone {margin:0 0.5em 0 0}

#wpcf label {font: normal normal 14px Arial;clear:both;float:left;width:240px}
#wpcf input {font: normal normal 14px Arial;float: left; width: 255px;padding:1px;margin:0px 5px 10px 0px}
#wpcf textarea {width:570px;height:250px;padding:1px;margin: 3px 5px 10px 0px}
#wpcf #contactsubmit {color: #465661;float:left;clear:both}

#pagenavi {border-top:1px #d3d3d3 solid;clear:both;margin-right:-5px}
.wp-pagenavi {text-align:center;margin:10px 0 5px 0;font-size:1.5em}
.wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #777777; color: #0066cc; background-color: #FFFFFF; }
.wp-pagenavi a:visited { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #777777; color: #0066cc; background-color: #FFFFFF; }
.wp-pagenavi a:hover { border: 1px solid #777777; color: #0066cc; background-color: #FFFFFF; }
.wp-pagenavi a:active { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #777777; color: #0066cc; background-color: #FFFFFF; }
.wp-pagenavi span.pages { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #777777; border: 1px solid #777777;background-color: #FFFFFF; }
.wp-pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #777777; color: #ffffff;background-color: #777777; }
.wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #777777; color: #777777; background-color: #FFFFFF; }
.wp-pagenavi span.extend.right {float:none;}
.wp-pagenavi span.extend.left {float:none;}

/* -- Admin -- */
#bioext {width:500px}

.box1 {background:#f9f9f9; border: 1px solid #cdcdcd; padding:0 15px; margin: 13px 0 20px}


.payoffhome{
	font-size: 12px;
	font-weight: normal;
}
.payoff{
	text-align: center;
}
.singlePopup{
	background:url(img/bg_sidebar.gif) repeat-x top;
	padding: 10px;
}

.footer_feedback{
	position:fixed;
	top:0px;
	right: 0px;
	width:160px;
	text-align:left;
}

.dwvhnw_image_new{
	position:absolute;
	top: 35;
	left: -10;
	margin-left: -46px;
	margin-top: 10px;
	z-index: 10000;
}
