/*

Theme Name: Blog.NL Blogagazine

Author: Léon Doornkamp

Author URI: http://leondoornkamp.nl/

*/



/* Body, links, basics */

html, body{ font-family: Lato, Arial, Helvetica, sans-serif; font-size:12px; color: #444;background: #fff;}

body{ padding:0 5px; margin:auto; width:1000px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

::selection {
	background: #ff9900;
	color: #fff;
}

a{ 
	outline: none; 
	color: #0099cc; text-decoration:none; 
	transition: color 0.2s ease 0s;
		-webkit-transition: color 0.2s ease 0s;
		-moz-transition: color 0.2s ease 0s;
		-o-transition: color 0.2s ease 0s;
		-ms-transition: color 0.2s ease 0s;
}
a:hover{
	color: #00BBFF;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal; 
	margin-top:0px; 
	margin-bottom:0px;
}
h1{
	font-size: 30px;
	color: #515151;
}
h2{
	font-size: 24px; 
	color: #757575;
}

img{ border:none;}
ul, ol, li{ 
	margin: 0;
	padding: 0;
	list-style: none outside none;
}
blockquote{
	font-style: italic;
	margin: 5px;
	padding: 0;
}
.clear{
	clear:both;
}
#header{ height: 125px; }
#header a{ display: inline-block; height: 125px;}

#searchform{ height:28px; overflow:hidden;}

.search_box{ float:right; width: 225px; padding: 5px; text-align: right;}
.search_box input[type="text"]{
	border: 1px solid #666666;
	box-shadow: 1px 1px 6px #999999 inset;
	padding: 5px 5px 5px 25px;
	border-radius: 4px;
	width: 75px;
	background: url( 'images/search.png') no-repeat 5px 2px #fff;	
	transition: width ease 0.5s;-webkit-transition: width ease 0.5s; -moz-transition: width ease 0.5s; -o-transition: width ease 0.5s;
}
.search_box input[type="text"]:focus, .search_box input[type="text"]:active, .search_box input[type="text"]:hover{ width: 125px; }

.nav-menu{ width: 700px; float: left;}

.search_box .search-query{ background:#000000; border:none; color:#FFFFFF; font-size:12px; width:140px; height:25px; padding:0px; position:relative;}
.search_box .search-query{ width: 50px;transition: width 0.5s; -webkit-transition: width 0.5s; -moz-transition: width 0.5s; -o-transition: width 0.5s;}
.search_box .search-query:focus{width:150px;}

.search_box #searchsubmit{
	background-color: #4cbaff;
	background: linear-gradient(to bottom,#76c8fc, #4cbaff);
	box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset;
	color: #FFFFFF;
	text-decoration: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #0c6899;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	height: 24px;
	line-height: 23px;
	margin: 0;
	padding: 0 10px 1px;
}
.search_box #searchsubmit:hover{
	background: linear-gradient(to bottom,#4cbaff, #76c8fc);
}
.search_box #searchsubmit:active{
	background: linear-gradient(to bottom,#4cbaff, #41b5fe);
}

/* Navigation Menu */

.main-navigation a.assistive-text{
	display:none;
}
.main-navigation{
	height:37px;
	background-color:#333;
	margin-top: 2px;
	background: linear-gradient(to top, #222222 0px, #333333 15px) repeat scroll 0 0 #333333;
}
.main-navigation ul{
	width: 750px;
	overflow: hidden;
	float: left;
	margin: 0;
	text-indent: 0;
	height: 37px;
}
.main-navigation li {
	font-size: 0.857142857rem;
	line-height: 1.42857143;
	margin: 0;
	position: relative;
	border-left: 1px solid #111;
	float:left;
	text-align:center;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover {
	color: #21759b;
}
.main-navigation ul.nav-menu,.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,.menu-toggle {
	display: inline-block;
}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	display: inline-block !important;
	text-align: left;
	padding:0px;
	margin:0;
}
.main-navigation li a, .main-navigation li {
	display: inline-block;
	text-decoration: none;
}
.main-navigation li a, .main-navigation li > span {
	border-bottom: 0;
	border-left: 1px solid #444;
	padding: 10px 8px;
	height: 16px;
	color: #FFF;
	text-transform: none;
	white-space: nowrap;
	font-size:11px;
	display: inline-block;
}

.main-navigation li > span a {
	padding: 0;
	height: auto;
}
.main-navigation li a:hover, .main-navigation li a:active {
	color: #7F7F7F;background: none;
}
.main-navigation li:first-child {
	border-left: none;
}

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
	color: #FFF;
	font-weight: normal;
}

.menu-toggle {
	display: none;
}
main{ 
	padding-top:5px;
	display: block;
}
.content{ 
	width: 515px;
	float: left;
	margin-right: 15px;
}
.content > article{
	overflow: visible;
	margin-bottom: 1px;
	padding-bottom: 2px;
	border-bottom: 1px solid rgba(0, 153, 204, 0.25) !important;
	padding-top: 20px;
}
.content > article:first-child{
	padding-top: 0;
}

.content > article h2 {
	font-size: 24px;
	line-height: 24px;
	padding: 14px 0 10px;
}

article footer{
	color: #666;
	margin-top: 10px;
	border-bottom: 1px solid rgba(0, 153, 204, 0.25);
	padding-bottom: 30px;
	clear: both;
}

article footer a{
	background: #0099cc;
	color: #fff;
	letter-spacing: 1px;
	border-radius: 2px;
	padding: 1px 3px;
	font-weight: 100;
	display: inline-block;
	white-space: nowrap;
	transition: background 0.1s ease;
	font-size: 14px;
	line-height: 20px;
}
article footer a:hover{
	background: #00BFFF;
	color: #fff;	
}

/** Widgets **/
.sidebar{
	width:460px;
	float:left;
}
.sidebar aside {
	width: 225px;
	border:none;
}
.left-sidebar{
	float: left;
	margin-right: 10px;
}
.right-sidebar{
	float: left;
}

aside article{
	margin-bottom: 10px;
	zoom:1;
	background: #fff !important;
	border-radius: 2px;
}
aside article a{
	color: #333;
}
aside article a:hover{
	text-decoration: underline;
}
aside article img {
	max-width: 100%;
	background: #fff;
}
aside article li{
	border-bottom: 1px dotted #ddd;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
aside article li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0px;
}
aside article:before,aside article:after {
	content:"";
	display:table;
}
aside article:after {
	clear:both;
}
aside article > h3{
	color:#FFFFFF;
	font-size:20px;
	word-break: break-word;
	letter-spacing: 1px;
	font-weight: 100;
	margin: 0;
	padding: 10px 5px;
}
aside article h3 a {
	color: #fff;
}
aside article h3 a:hover {
	color: #fff;
}
aside article > div {
	padding: 5px;
}
aside article > div.fb-like-box {
	padding: 0px;
}
/*
aside article > div:not(.fb-like-box){
	padding: 5px;
}
*/

.left-sidebar > article{
	border: 1px solid #ff9900;
}
.right-sidebar > article{
	border: 1px solid #0099cc;
	border-top: none;
}

.right-sidebar > article > h3{
	background: #0099cc;
}
.left-sidebar > article > h3{
	background: #ff9900;
}
/*
**
*** 
	Widget Recente Berichten
***
**
*/
	.widget_recent_posts li{
		display: block;
		overflow: hidden;
	}
	.widget_recent_posts li:last-child{

	}
	.widget_recent_posts li a{line-height: 20px;
		display: inline-block;
	}
	.widget_recent_posts img{
		width:50px;
		height:37px;
		float:left;
		margin-right: 5px;
		margin-top: 2px;
	}
	.widget_recent_posts span{ 
		display: flex;
	}
/*
**
*** 
	//Widget Recente Berichten
***
**
*/

/*
**
*** 
	Widget Sidebar Post & Widget Views
***
**
*/
.sidebar_post_title a, .widget_views a{
	line-height: 20px;
	display: block;
	font-size: 14px;
}
.sidebar_post_cat_name a{ 
	color:#0099cc;
}
.sidebar_post_cat_name a:hover{ 
	color:#333;
}
/*
**
*** 
	//Widget Sidebar Post & Widget Views
***
**
*/

.fb-like-box{
	padding: 0;
}
.advertorial .sidebar_latest_post_image img {
	max-width: 100%;
	height: auto;
}
/*
**
*** 
	Widget Recent Comments
***
**
*/
.widget_recent_comments ul{
	margin:0px;
	padding:0px;
}
.widget_recent_comments li{
	list-style:none;
	font-size:12px;
}
/*
**
*** 
	//Widget Recent Comments
***
**
*/

.linkcat{
	list-style: none;
	padding: 10px 0;
}
.link_rec_comments1{font-style: italic;}
.blog_links{ font-size: 14px;}

.widget_blog_summary li > ul{
	display: none;
}
.widget_blog_summary .linkcat > a{
	display:block;
	height: 20px;
	padding-top: 2px;
}
.widget_blog_summary .blogroll {
	margin-left: 0px;
}
.widget_blog_summary .linkcat{
	font-size: 14px;
	margin-bottom: 5px;
	clear:both;
	overflow: hidden;
}
.widget_blog_summary .linkcat img{
	float: left;
	margin-right: 5px;
}
.widget_blog_summary .blog_sidebar{
	padding: 2px 40px;
	list-style: circle inside;
}
.widget_eigeninbreng p{
	margin: 5px 0;
}
.widget_eigeninbreng a{
	color: #0099cc;
}


.latest_post_right_ad{ width:120px; height:600px; float:right; margin-top:-305px;}
.content_page_category{ color: #ff9900; font-size: 20px;}

article header h1, article header h2{ font-size: 22px; }

article header aside{ border-top:1px dotted #000; border-bottom:1px dotted #000; font-size: 10px; margin: 5px 0; padding: 5px 0;}

.vcard .fn{ font-weight: bold; }

.entry-content, .entry-summary{ font-size:14px; line-height: 20px; padding-top: 5px; overflow: hidden;}
.entry-content p, .entry-summary p{ margin: 0 0 10px; }
.entry-content p:last-child{
	margin: 0;
}
.entry-content img, .entry-summary img{ max-width: 515px;height: auto; }
.entry-content object, .entry-summary object, .entry-content embed, entry-summary embed{ max-width: 515px; }
.entry-content ul, .entry-summary ul, .entry-content ol, entry-summary ol{ padding-left: 20px; margin: 0 0 10px; }
.entry-content ul li, .entry-summary ul li{ list-style: disc outside !important; }
.entry-content ol li, .entry-summary ol li{ list-style: decimal outside !important; }

.similarposts {
	clear: both;
}

img.alignright{ margin:4px 0 1px 4px;}
img.alignnone, img.alignleft{ margin:4px 4px 1px 0;}

.wp-caption-text{ 
	margin: 0 0 2px 0;
	font-style:italic; font-size: 11px;
}

.social_box{ border-top: 1px solid rgba(0, 153, 204, 0.25); overflow: visible; padding: 5px 0 0; }

.social_box > div{
	width: 49%;
}
.social_buttons{
	float: left;
	line-height: 9px;
}
.comments_meta{
	float: right;
	text-align: right;
	font-size: 16px;
	overflow: hidden;
}
a.more-link-sticky{
	float: left;
}
a.comments-link{
	float: right;
}

.comments-area{ 
	margin-top:10px; 
	word-wrap: break-word;
}

.comments-area .comments-title{ 
	display:none;
}
.children li {
	border-left: #dfdfdf 1px solid;
}
.comments-area ol{ margin:0px; padding:10px;}

.comments-area ol li{ background-color:#f1f1f1; padding:15px; margin-bottom:7px; border-radius: 2px;}

.comment-meta .fn{font-weight:bold; font-style: normal;}

.reply time{ color:#A6A6A5;}

.comments-area #respond{ 
	margin-top: 25px;
	background: #fff;
	padding: 5px;
	border-radius: 2px;
}

.comments-area #commentform{
	padding: 0;
}
.comments-area #respond #reply-title{
	font-size:20px; font-weight:bold;
	height: 25px;
}
.comments-area #respond #commentform input[type="text"]{
	border: 1px solid #0C88CF;
	border-radius: 5px;
	height: 20px;
	text-align: left;
	width: 250px;
	transition: border-radius 0.5s ease-out; -webkit-transition:border-radius 0.5s ease-out; -moz-transition:border-radius 0.5s ease-out; -o-transition:border-radius 0.5s ease-out;
	padding: 5px 10px;
	outline: none;
}
.comments-area #respond #commentform input[type="text"]:focus{
	padding: 5px 10px;
	border-radius: 10px;
	border: 1px solid #0c6899;
	transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
.form-submit input[type="submit"]{
	background-color: #21759B;
	background: linear-gradient(to bottom,#76c8fc, #4cbaff);
	box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset;
	color: #FFFFFF;
	text-decoration: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #0c6899;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	height: 24px;
	line-height: 23px;
	margin: 0; padding: 0 10px 1px;
	text-decoration: none;
	white-space: nowrap;
}
.form-submit input[type="submit"]:hover{
	background: linear-gradient(to bottom,#4cbaff, #76c8fc);
}
.form-submit input[type="submit"]:active{
	background: linear-gradient(to bottom,#4cbaff, #41b5fe);
}
#respond textarea{
	padding: 5px 10px;
	border: 2px solid #0C88CF;
	border-radius: 5px;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: border-radius 2s ease-out;
		-webkit-transition: border-radius 2s ease-out;
		-moz-transition: border-radius 2s ease-out;
		-o-transition: border-radius 2s ease-out;
}

.alignright{ 
	float:right;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*.alignnone,*/ .alignleft{ float:left;}

.blogroll{
	margin-left: 10px;
}
.begin-of-title{
	color: #0C86CF;
}
.small {
	font-size: 8px !important;
}
.medium {
	font-size: 13px !important;
}
.large {
	font-size: 13px !important;
}
.navigation-paging{
	width: 515px;
	float: right;
	padding: 10px 0;
}
.navigation-paging li{
	margin: 0 6px 0 0;
	float: left;
	border: 1px solid #eee;
	font-size: 14px;
}
.navigation-paging li a{
	transition:color 0.5s;
		-webkit-transition: color 0.5s;
		-moz-transition: color 0.5s;
		-o-transition: color 0.5s;
	padding: 5px;
	display: block;
}
.navigation-paging li a:hover{
	colo	r: #000;
}
.navigation-paging li span{
	padding: 5px;
	display: inline-block;
}


footer[role="contentinfo"]{
	padding-bottom:10px; 
	color: #fff; 
	background-color: #0099cc; 
	border-radius: 2px;
	font-size:18px;
	line-height: 20px;
}
footer[role="contentinfo"] a{
	color: #fff;
}
footer[role="contentinfo"] a:hover{
	text-decoration: underline;
}
.footer_category_list{
	padding:10px 15px;
}
.footer_category_title h2{
	font-size:30px;
	color: inherit;
	padding: 10px;
}
.footer_category{
	padding:10px;
	font-weight: 300;
}
.footer_logo_area{
	text-align: center;
}
.footer_logo{ 
	width:317px;
	height:83px;
	background: url( 'images/blog_nl_logo.png' ) top left no-repeat transparent;
	text-indent: -9999px;
	display: inline-block;
}
.footer_site_info{
	text-align:center;
	padding:25px;
	font-size:17px;
}


/* For modern browsers */
.clearfix:before, .clearfix:after{
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom:1;
}
/* For modern browsers */
#primary:before,
#primary:after {
	content:"";
	display:table;
}
#primary:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
#primary {
	zoom:1;
}

/**
* ADS
*/
.leaderboard{
	/*min-height: 95px;*/
}
.rectangle{
	min-height: 285px;
	padding-top: 5px;
}
.skyscraper_wrapper{
	position: relative;
}
.skyscraper{
	width: 120px; height: 600px;
	display: inline-block;
	position: absolute;
	right: -125px;
}
.statcounter{
	height: 1px;
	display: block;
}
/* WP POLLS */
.wp-polls-ans{

	width: 95% !important;
}
.wp-polls .pollbar{
	margin: 1px;
	font-size: 6px;
	line-height: 8px;
	height: 8px;
	background-image: url('data:image/gif;base64,R0lGODlhAQAIAKIAAN7n89Ha49Td6MjR2s3W4Nzl8ODq9djh6yH5BAAAAAAALAAAAAABAAgAAAMGaBRyBSMBADs=');
	border: 1px solid #c8c8c8;
}
.wp-polls-ul{
	margin: 0 0 10px 5px;
	padding: 0;
}
.wp-polls ul, .wp-polls-ul, .wp-polls-ans ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-align:left;
}
.wp-polls li, wp-polls-ul li, .wp-polls-ans li{
	background-image:none;
	display:block;
	text-align:left;
}
.wp-polls-loading{
	display:none;
	height:16px;
	line-height:16px;
	text-align:center;
}
.wp-polls-ul li > input[type="radio"]{
	float: left;
	cursor: pointer;
}
.wp-polls-ul li > label{
	display: flex;
	cursor: pointer;
	padding: 2px;
	transition: color 0.2s ease;
		-webkit-transition: color 0.2s ease;
		-moz-transition: color 0.2s ease;
		-ms-transition: color 0.2s ease;
		-o-transition: color 0.2s ease;

}
.wp-polls-ul li > label:hover{
	color: #0099cc;
}

table.user_rate{
	table-layout: fixed;
	color: #fff;
	margin-bottom: 15px;
	border-spacing: 0;
}
a.rate {
	display: block;
	text-align: center;
	background: #0099cc;
	border-radius: 0px;
	color: #fff;
	padding: 3px 0px 0px;
	transition: all 0.3s ease;
	font-size: 10px;
	font-family: arial;
}
a.rate:hover{
	background: #67D2F7;
}
a.rate > span {
	display: block;
	background: #ff9900;
	height: 5px;
	position: relative;
	left: 0;
	bottom: 0;
	transition: width 0.5s ease;
		-webkit-transition: width 0.5s ease;
		-ms-transition: width 0.5s ease;
		-o-transition: width 0.5s ease;
		-moz-transition: width 0.5s ease;
}
a.rate:active{
	box-shadow: inset 0px 0px 10px #999;
}
a.selected{
	background: #2ecc71;	
}
.user_rate th{
	background: #0099cc;
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
	padding-top: 5px;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 5px;

}
.user_rate td{
}
.user_rate td img{
	position: relative;
	left: 6px;		
}
.voted a.rate{
	cursor: default;
}
.voted a.rate:hover{
	background: #0099cc;
}
.voted a.selected:hover{
	background: #2ecc71;
}
@media screen and (max-width: 1024px) {

	.content{
		width: 450px;
	}
}