/*  
Theme Name: Grid Focus
Theme URI: http://5thirtyone.com/
Description: Grid aligned WordPress theme
Version: 1.1
Author: Derek Punsalan
Author URI: http://5thirtyone.com/
Tags: white, grid, whitespace, minimal, clean, widgets

Grid Focus was designed and coded by Derek Punsalan. Find
more info about the guy at http://5hthirtyone.com

Notes: Inspired and created for minimalist, content focused blogs 
or websites. Customize, edit, poke, prod, and adapt to your own 
style. Please leave credit where credit is due so that others may
find the source for your site and adapt a suitable version for their
own website.

See line 53 for a collection of the main font rules - size, line-height,
and color - combined for your convenience.

*/



*{margin:5;padding:0;}
html,body{ /*background:url(images/vandaagrood.jpg) repeat top left; */ background: #D1041D; color: #000;text-align:center; margin-top:1px;} 
body{font:12px arial,helvetica,verdana,sans-serif;}
h1{font-size:22px;}
h3{font-size:16px;}
h4{font-size:14px;}
a {text-decoration:none; }
a:hover{text-decoration:underline;}
#wrapper{margin:5px auto;text-align:left;width:940px; background: #FFF /*url(images/bgdotgray.jpg) repeat top left*/; padding-top:1px;} 

/* Color scheme*/


a, .post .entry p a:hover, .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active {color: #2c2c2c;}
#page-bar li:hover, #recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover { background: #2c2c2c; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active {
	border: 1px solid #2c2c2c;
}
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
	background: #d1041d; }

#front-popular ul li:hover {
	background: #d1041d;
}

.middle_links h3 {
	background:url(images/h3.jpg) repeat top left;
	}

/* Font*/



/* Header*/
#header {
	margin:0px; 
	padding:0px;
	background: url(images/headerv2.jpg) no-repeat top center #FFF;
	height:140px;
}
#headerlogo {
	width:920px;
	background-color:#ececec;
	float:center;

}
.shadowhead {
	background: url (images/shadowhead.png) top right;
	width:0px;
	height:0px;
	}


#bannerheader {
	float:right;
	background-color:#ececec;
	margin:0 auto;
	width:0px;
	padding:0px;
}


/* Navigation Bar*/
#navbar {
	margin:0 auto;
	margin-top:0px;
	padding:0px 0px;
	font: "Arial", Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.01em;
	background: #d1041d;
	color:#FFF;
	}

#page-bar {
	width:600px;
        height:10px;
	font-size:11px;
	}

#page-bar ul {
	list-style: none;
	}

#page-bar li {
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	border-right: 1px solid #FFF;
	}


#page-bar a, #page-bar a:visited {
	margin: 0px;
	padding:0px 15px; 
	font-weight:normal;
	color: #FFF;
	display:block;
	}

#page-bar a:hover {
	text-decoration:none;
	display:block;
	background:#FFF;
	color:#d1041d;
	}

#searchform {
	float:right;
	text-align:right;
	margin-right:0px;
	text-align:middle; 
	}
	
#searchWrap input { vertical-align:right; }
#searchWrap #s{ font-size:10px; border:1px solid #BBB; padding:3px; margin:3px; width:120px; }

/* Dropdown Menus */		
#page-bar li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#page-bar li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 122px;
	text-transform:none;
	}
	
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
	width: 122px;
	float: none;
	margin: 0px;
	padding: 5px 10px 5px 5px;
	border-top: 1px solid #C0C0C0;
	}
	
#page-bar li li a:hover, #page-bar li li a:active {
	background: #666666;
	padding: 5px 10px 5px 5px;
	}

#page-bar li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#page-bar li:hover ul {
	left: auto;
	display: block;
	}
	
#page-bar li:hover ul, #page-bar li.sfhover ul {
	left: auto;
	}

#datebar {
	background: /*url(images/dotsx3orangesm.gif) repeat-x center left*/ #FFF;
	margin:10px;
	margin-bottom:0px;
	padding:5px;
	font-size:11px;
	clear:both;
	height:15px;
}

.span {
	background:#FFF;
	float:right;
	padding-left:3px;
	padding-right:3px;
}



.breadcrumbs a, .breadcrumbs { color:#666; font-size:11px; padding-bottom:5px; }
span .breadcrumbs {margin-bottom: 5px;}
/* main  */


#archives{background:#333;}
#archives ul{list-style:none;padding:5px 0 3px 0;}
#archives li{float:left;display:block;width:101px;}
#archives li a{font-weight:bold;color:#7F7F7F;width:99px;display:block;padding:2px 0 4px 5px;}
#archives li a:hover{color:#EEE;}

/* main - middle content and columns */
#mid{}#mainCol{float:left;margin:5px 0 5px 5px;width:580px; background:#FFF; padding:5px;}

/* style individual sidebars */
#midCol a{font-weight:normal; line-height:1.3em; vertical-align:middle;}
#midCol{color:#444;float:left;margin:0 0 0 10px;width:285px;line-height:1.3em; padding: 10px; background:#FFF;}
#midCol p{color:#777;}

#midCol ul{list-style:none;margin:8px 0px 15px 0px;}
.middle_links h3 {color:#FFF; font-size:11px; display:block;width:285; outline:none; margin-top: 0px; text-transform: uppercase; padding:5px; font-weight:normal; margin-bottom:5px; }
.middle_links ul li{/*background:url(images/li.gif) no-repeat 0 3px;*/color:#444;line-height:1.2em; padding:4px 0 4px 0px; border-bottom:1px solid #CBCBCB;}
.middle_links ul li a{color:#444;}
#tertCol{float:left;width:214px;margin:23px 0 0 33px;}
#tertCol p{color:#777;}
#elseWhere{margin:0 0 20px 0;}
#elseWhere h3{margin-bottom:7px;}
ul#imgLinks{list-style:none;margin:7px 0;}
/*#imgLinks li{color:#7F7F7F;line-height:1.2em;padding:0 0 1px;}
#imgLinks li a img{border:3px solid #EEE;width:208px;height:69px;color:#333;font-weight:bold;}
#imgLinks li a:hover img{border-color:#DDD;}

/* wordpress entries styling - main content column */
.postMeta{font-size:11px;margin-bottom:0px;color: #9F9F9F;}
.postMeta a{color:#9F9F9F;}
.postMeta a:hover {text-decoration:underline;}
.postMeta span.date{background:#FFF;color:#7F7F7F;padding:0 2px 0 4px;}
.postMeta span.comments{background:#FFF url(images/chat_grey.gif) no-repeat left center;padding-left:15px;margin-left:2px;}
.postMeta span.comments a,
.postMeta span.date a{color:#555;}
.postheaderborder {display:block; width:100%; outline:none; border-bottom:solid 4px #999;}
.post{margin:0 0 0px 0;}
.post h2{margin-bottom:2px; font:2.1em Georgia, "Times New Roman" bold; letter-spacing:-0.05em; padding-top:0px;}

.post span h2{margin-bottom:2px; font:2.4em Georgia, "Times New Roman" bold; letter-spacing:-0.05em; padding-top:0px;}
.post span h2{width:100%;display:block;outline:none; color:#333; padding-top:2px; padding-bottom:5px; border-bottom:1px solid #CBCBCB; border-top:4px solid #CBCBCB;}

.entry object param embed{ border:1px solid #ececec; padding:0px; text-align:center; }

.post h2 a{width:100%;display:block;outline:none;}
.entry h3, .excerpt h3{margin:1em 0;}
.post .entry{line-height:1.6em;overflow:hidden; font-size:11px; padding-bottom:3px; border-bottom:5px solid #f1f1f1;}
.post .entry p{margin:1em 0;}
.post .entry p a{ text-decoration:none; border-bottom:1px dotted #999; color:#333}
.post .entry p a:hover{ text-decoration:none; border-bottom:1px dotted #999;}
.entry blockquote{margin:0 1.3em 0;}
.entry ul{margin-left:30px; list-style: square;}
.entry li a{color:#333;}
.entry ul li{padding-left:0px;margin-bottom:4px;}
.entry ol{margin:0 1em 0 3em;}
.entry ol li{margin:0 0 7px 0;}
.entry a:hover img{border-color: #666;}
.entry table tr { padding: 15px 0; }
.entry table tr.alt { background: #eee; }
.entry a img {text-decoration:none; }
.excerpt { line-height:1.6em;overflow:hidden; font-size:11px; padding-bottom:10px; border-bottom:5px solid #f1f1f1; margin-bottom:10px; }
.post .excerpt p{margin:1em 0;}
.post .excerpt p a{ text-decoration:none; border-bottom:1px dotted #999; color:#333}
.post .excerpt p a:hover{ text-decoration:none; border-bottom:1px dotted #999;}
.excerpt span a { color: #d1041d; font-weight:normal;}
.excerpt span a:hover { color: #FFF; background:#d1041d; font-weight:normal; text-decoration:none;}


.entry .postmail {border:none; float:none;}

.postie-image {
	padding: 2px;
	border-style:solid;
	border-color: #CCC;
	border-width:1px;
	float:left;
	margin: 4px 4px 4px 0;
	
}

.excerpt img {padding: 2px;
	border-style:solid;
	border-color: #CCC;
	border-width:1px;
	float:left;
	margin: 4px 4px 4px 0;}

.entry img {padding: 2px;
	border-style:solid;
	border-color: #CCC;
	border-width:1px;
	margin: 4px 4px 4px 0;}

#tag_cloud {
	text-transform:lowercase;
	line-height:1.0em;
	
}

#bannersidebar {text-align:center; margin:0 auto; margin-bottom:10px;}
#bannersidebar a img { border:none;}

#bestrated {}

#rssfeed img {
	float:left;
	border:none;
	
	}

/* style pagination buttons */
#more_reading { color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin-bottom: 5px; text-align: center; margin-top:15px; }
#more_reading p, #more_reading img { vertical-align: middle; }
#more_reading a img { border: none; margin:0 0 3px 2px; }

#photoAlbum {margin-bottom:15px;}

/* style me some comments and inputs */
#comments{width:435px;padding:12px 0 0 0;}
#comments h3,
h3#respond{color:#555;margin-bottom:7px;}

p.author_meta{font-weight:bold;text-transform:uppercase;margin:0 0 0 7px;}
p.post_meta{text-transform:uppercase;text-align:right;margin:0 7px 0 0;}


ol.pingslist{margin:1.5em 2em;}
.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}
.pingslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}

#commentform p a{font-weight:bold;}
#author,
#email,
#url,
#comment{border:1px solid #BBB;padding:2px;}
#commentform p small{font-size:10px;color:#7F7F7F;}
.commentslist code{background:transparent;}


#banner1 { 
	width:250px;
	heigt:250px;
}

/* footer - text string and links */
#footer p {padding-top: 7px; }
#footer p a{font-weight:bold;color:#333;}

/* float rules */
.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{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;}

/* Tags*/

#tags {text-transform:lowercase; font-size:13px; padding-top:13px; font-weight:normal;}
#tags h3, h3 a {color: #9F9F9F; font-weight:normal;}

#ratings {clear:both; /* padding-top:8px; */ padding-bottom:5px; margin: 40px 0 10px 0; border-top: 4px solid #CBCBCB; border-bottom:1px solid #CBCBCB; text-transform:lowercase; color:#666;}
#ratings h4{font-size:16px; color:#333; text-transform:none; line-height:1.7em;}

/* Comments*/

.commentlist cite {
	font-style:normal;
	margin-bottom:4px;
	display:block;
	}	

.commentlist blockquote {
	background:#ededed;
	}
			
.commentlist li {
	padding: 10px 0px 10px 0px;
	list-style:none;
	margin-bottom:3px;
	}

.commentlist li li {
	background:none;
	border:none;
	list-style:square;
	margin:3px 0 3px 20px;
	padding:3px 0;
	}

.commenttext {
	padding: 10px 10px 0px 10px;
	background:#f2f2f2;
	border-top:1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width:495px;
	float:right;
	}
.commenttext p, #comments_wrapper p {padding-bottom:1.1em; line-height:1.6em; font-size:11px;}		
.commentlist cite strong {
	font-size:1.1em;
	}

li.my_comment {
	background: #FFF;
	border:none;
	}

li.my_comment cite strong {
	}
	
#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	color:#4d4d4d;
	display: block;
	margin-top:3px;
	text-align:right;
	font-size:0.9em;
	}

.commentmetadata a, .commentmetadata a:visited {
	color:#959382;
	}
	
.commentlist small {
	background:#e9e9e9;
	}

.avatar {
	border:1px solid #bbb;
	margin:0px 10px 0px 0px;
	float:left;
	padding:2px;
	width:55px;
	height:55px;
	}	

#comment {
	width:590px;
	background:#fff;
	font-family:arial;
	font-size:11px;
	line-height:1.1em;
	}
	
/* Footer \*/

#front-popular {
	font-size:1.0em;
	color:#fff;
	width: 920px;
	padding:10px;
	background-color:#333;
	}

#recentpost, #mostcommented {
	width:280px;
	float:left;
	padding:5px;
	border:1px solid #fff;
	}

#mostcommented {
	margin-left: 20px;
        width:280px;
	}

#recent_comments {
	width:280px;
	float:right;
	padding:5px;
	border:1px solid #fff;
	}

#recentpost a, #mostcommented a, #recent_comments a {
	color:#fff;
	}

#recentpost ul, #mostcommented ul, #recent_comments ul {
	margin-top:5px;
	}

#recentpost ul li, #mostcommented ul li, #recent_comments ul li {
	list-style:none;
	border-top:1px dotted #fff;
	padding:10px;
	display:block;
	}

#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
	color:#fff;
	}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
	border-top:0px dotted #fff;
	}

#footertext p {padding:10px; vertical-align:middle; text-align:center; }
#footertext img {float:right; height:37px; padding:10px;}
#footertext {height:50px; margin-bottom:0px;}

#footer {
	width: 900px;
	font-size:0.6em;
	padding-top:10px;
	padding-bottom:10px;
	}
	.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display: inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}
	
.excerpt .leesverder { float:none; border:none; padding:0px; margin:0px; border:#999 solid 1px;}