/* @override 
	http://blogs.fonq.nl/wp-content/themes/fonq/style.css
*/

/*
Theme Name: Fonq.nl Blog
Theme URI: http://www.microdesign.nl/
Description: Theme gemaakt in opdracht van Fonq.nl - Microdesign
Version: 1.0
Author: Microdesign
Author URI: http://www.microdesign.nl
Tags: fonq, microdesign, corporate, blog
*/

/*=========================
 00. Browser Reset ========
=========================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after {	content: "";}
blockquote, q { quotes: "" ""; }
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
a{color: #666666 }
/*=========================
 01. Basics ===============
=========================*/

body{
	font-family: Arial, Verdana, Helvetica;	
	font-size: 12px;
	color: #5c5c5c;
	line-height: 18px;
	background: url('images/bg.gif') repeat-x #eeeeee;
}
#header{
	background: #fff;
	border-left: 1px solid #a1896c;
	border-right: 1px solid #a1896c;
}
a{
	color: #25aed5;
	text-decoration: none;
	font-weight: bold;
}
a:hover{
	text-decoration: underline;
}
h1,h2,h3,h4,h5,
h1 a,h2 a,h3 a,h4 a,h5 a, .h1{
	font-family: georgia, Arial, Verdana, Helvetica;
	color: #25aed5;
	font-weight: bold;
	margin: 0 0 8px 0;
}
h1{ font-size: 26px;}
h2{ font-size: 26px;}
h3, h3 a, .h1{ font-size: 20px; color: #796748;}
h4{ font-size: 18px;}
h5{ font-size: 14px;}
.wrap{ width: 995px; margin: 0 auto; }
/*=========================
 02. Header ===============
=========================*/
#banner{
	width: 995px;
	background: #666;
	min-height: 140px;
	margin-top: 30px;
}
#navigation{
	background: #6a6a6a;
	height: 25px;
	padding:8px 0 0 10px;
}
	#menu{
	float: left;
	}
		#menu1,#menu2{
		float: left;
		}
		#menu2{
		margin: 0 0 0 105px;
		font-size: 11px;
		}
	#navigation li{
	display: inline;
	}
	#navigation li a{
	color: #fff;
	padding: 0 10px 0 0;
	border-right: 1px solid #a1896c;
	margin: 0 10px 0 0;
	}
	#menu2 li a{
	color: #ccc;
	} 
	#navigation li.cat-item-3 a{
	border: 0;
	}
	#pathway{
	padding: 10px;
	font-size: 11px;
	color: #999;
	}
	#pathway a{
	color: #999;
	font-weight: bold;
	}
	#searchbar{
	float:right;
	width: 165px;
	margin: -3px 0 0 0;

	}
	#searchbar input{
	background: #999;
	border:1px solid #666;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;	
	padding: 3px;
	color:#ede8de
	}
/*=========================
 03. Content ===============
=========================*/
#content{
	float: left;
	width: 625px;
	margin: 0px 20px 0 0;
	padding: 20px;
	border-right: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	}
	#content .post{
	border-bottom: 1px solid #e6e6e6;
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	line-height: 19px;
	}
		#content .post img{
		border: 1px solid #e6e6e6;
		}
		.postthumb{
		float: left;
		margin: 5px 0 5px 0;
		}
	small,.postmetadata{
	display: none;
	}
	.leesverder a,.commentsbt a{
	float: right;
	background: #25aed5;
	color: #FFF;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 10px;
	padding: 2px 7px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin: 5px 0 0 0;
	}
	.postdate{
	float: left;
	font-size: 11px;
	color: #999;
	margin: 9px 0 0 0;
	}
	
	.leesverder a:hover{
	background: #75c9e1;
	text-decoration: none;
	}
	.commentsbt a{
	background: #796a4b;
	margin: 5px 5px 0 0;
	}
	.commentsbt a:hover{
	text-decoration: none;
	background: #9b8a67;
	}
	
/*=========================
 04. Sidebar ===============
=========================*/
#sidebar{
	float: left;
	width: 295px;
}
#sidebar h3, #sidebar .h1{
	font-size: 16px;
	margin: 10px 0 5px 0;
	text-transform: uppercase;
	display: block;
}
#sidebar a{
	font-weight: normal;
	color: #5c5c5c;
	display: block;
}
	#Sidebar-block{
	float: left;
	margin: 0 0 10px 0;
	}
	#Sidebar-half1, #Sidebar-half2{
	float: left;
	width: 140px;
	font-size: 11px;
	}
	#Sidebar-half1{
	margin: 0 15px 0 0;
	}
	#Sidebar3{
	float: left;
	}
	#twitter_update_list li{
	padding: 5px 2px;
	border-top: 1px solid #e6e6e6;
	font-size: 11px;
	}
	
/*=========================
 05. Comment ===============
=========================*/	
#comments{float: left; width: 620px;margin-top:0px; border-top: 1px solid #e6e6e6; margin: 20px 0 0 0;padding: 10px 0 0 0;}

.comment-text{
	color:#888888;
	left:25px;
	margin:10px 0;
	min-height:90px;
	overflow:hidden;
	padding-right:40px;
	padding-top:8px;
	position:relative;
	text-shadow:1px 1px 1px #FFFFFF;}
.comment-author{
	float:left;
	overflow:hidden;
	width:90px;}
h4#comments {clear: both;margin: 45px 0 5px 0;font-size:20px;}
.commentlist cite {
	display:inline-block;
	font-style:normal;
	line-height:16px;
	padding-left:2px;
	padding-top:5px;
	text-transform:capitalize;
	font-size: 11px;
	}
.commentlist cite , .commentlist cite a:link, .commentlist cite a:visited {color: #666;}
.commentmetadata ,.commentlist .reply {
	float:left;
	font-size:10px;
	margin-right:5px;
	text-transform:lowercase;}
.commentlist {margin: 0 0 20px 0;}
.commentlist li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:20px 0;
	overflow:hidden;
	clear:both;}
.commentlist li ul li { margin-left: 20px;}
.cancel-comment-reply a{color:#bbb;font-size:9px;padding-left:2px;line-height:15px;}
.comms-navigation, .navigation {clear: both;display: block;margin-bottom:0px;overflow: hidden;}
.children {padding: 0;}
#commentform{padding-top:20px;}
#respond{float: left; padding-top:20px;}
#respond h3{margin-bottom:0px;}
.date{color:#aaa;font-size:10px;line-height:15px;}

.awaiting_moderation{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #EEEEEE;
	display:inline-block;
	font-size:10px;
	margin-bottom:10px;
	padding:0 10px;}
.logged{margin-bottom:5px;}	
.small_frame img{
	border: 1px solid #e6e6e6;
	padding:3px
}

#commentform{
	float: left;

}
#commentform input,#commentform textarea,#commentform button{
	float: left;
	clear: left;
	border: 1px solid #e6e6e6;
	background: #f7f7f7;
	padding: 4px;
	width: 250px;
	margin: 0 0 10px;
}
#commentform textarea{
	width: 400px;
	height: 100px;
}
#commentform button{
	color: #fff;
	background: #666;
	padding:5px 15px;
	cursor: pointer;
	width: 100px;
}
.commentcontent{
	background: #f7f7f7;
	border: 1px solid #e6e6e6;
	background: #f7f7f7;	
	padding: 12px;
}
.commentname{
	font-size: 19px;
	margin: 0 0 5px 0;
}
.commentname a{
	font-weight: normal;
	color: #333;
}
.commentname span{
font-style: italic;
font-size: 12px;
}
.commentimg{
	float: right;
	margin: -20px 10px 0 10px;
}
.commentmeta{
float: right;
margin: 5px 0 0 0;
text-transform: capitalize;
font-size: 11px;
}
div.pagerbox a.current{

	font-weight: bold;
	color: #666;
	
}
.auth-bio{
	float: left;
	width: 600px;
	background: #f7f7f7;
	border: 1px solid #e6e6e6;	padding: 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;	
	margin: 10px 0 0;
	
}
.auth-bio img{
	float: right;
	width: 50px;
	height: 50px;
	}
.tags{
	float: left;
	clear: both;
	margin: 1px;
}
.tags a{
	
	background: #d3eff7;
	color: #FFF;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 10px;
	padding: 2px 7px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin: 5px 0 0 0;
}
.tags a:hover{
	background: #25aed5;
}
/*=========================
 06. footer ===============
=========================*/	
#footer{
	float: left;
	width: 995px;	
	border-top: 1px solid #e6e6e6;
	font-size: 11px;
	line-height: 22px;
	border-bottom: 1px solid #a1896c;
}
#footer a{
	font-weight: normal;
	color: #5c5c5c;
}
	.footcol1,.footcol2,.footcol3{
	float: left;
	width: 300px;
	padding:0 16px 0 15px;
	margin:25px 0px;
	
	}
	.footcol2{
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	}
.smallfoot{
	font-size: 9px;
	color: #999;
	margin: 0 auto;
	width: 995px;
	text-align: right;
	margin-bottom:50px;
	margin-top:5px;
	
}
.smallfoot a{
	font-weight: normal;
	color: #ccc;
}

img.alignleft{
	float: left;
	margin: 0 10px 10px 0;
}

img.alignright{
	float: right;
	margin: 0 0 10px 10px;
}
p{
margin:0 0 15px 0;
}
p#breadcrumbs{
margin:0;
}
strong{font-weight:bold;}
ul.rssfeeds a{
	background: url(images/rss.png) no-repeat;
	padding: 0 0 0 20px;
	vertical-align: middle;
	margin: 0 0 5px 0;
}
ul.rssfeeds a:hover{
	text-decoration: none;
}

.fblike{
display: block;
	width: 580px;
}

ul#twitter_update_list li a,ul#twitter_update_list li span {
	clear: none;
	display: inline;
}
div .UIImageBlock{
	display: none;
}
em{
 font-style: italic;
}


#fonqright {
	position:absolute;
	top:2px;
	right:5px;
}
#fonqleft {
	float:left;
	left:0px;
}
#fonqleft .divtext {
	height:28px;
	padding-top:8px;
	padding-left:6px;
	padding-right:6px;
}
#fonqheader .fonqtext {
	color:#0E79A5;
	font-size:12px;
	font-weight:bolder;
}
#fonqheader img {
	border:0px;
}
#fonqheader
{
	background-color: #cecece;
	background-image:url(http://static.fonq.nl/img/algemeen/fonqheader/background.jpg);
	background-repeat:repeat-x;
	height:28px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:300;
	padding-top:2px;
}
#fonqcontainer {
	position:relative;
	width:990px;
	margin:auto;
	z-index:300;
}
#fonqmenu {
	position:absolute;
	top:0px;
	left:460px;
	z-index:300;
}
#fonqmenu #nav_fq,
#fonqmenu #nav_fq ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:301;
}
#fonqmenu #nav_fq a {
	display: block;
	width: 72px;
}
#fonqmenu #nav_fq li { /* all list items */
	float: left;
	width: 75px;
	height: 28px;
	margin-right:1px;
	z-index:302;
}
#fonqmenu #nav_fq li a {
	display:block;
	height: 28px;
	width: 75px;
	color:#0E79A5;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	font-weight:bolder;
	overflow:hidden;
	line-height:28px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-image:url(http://static.fonq.nl/img/algemeen/fonqheader/ultitel-header.jpg);
}
#fonqmenu #nav_fq li a:hover {
	background-position:0px -28px;
	color:#fff;
}
#fonqmenu #nav_fq > li:hover > a {
	background-position:0px -28px;
	color:#fff;
}
#fonqmenu #nav_fq li ul { /* second-level lists */
	position: absolute;
	width: 222px;
	clear:left;
	left: -999em;
	margin-left:2px;
	z-index:303;
	background-image:url(http://static.fonq.nl/img/algemeen/fonqheader/libackground.gif);
	background-repeat:repeat;
}
#fonqmenu #nav_fq li ul li {
	width:222px;
	height:23px;
	overflow:hidden;
	background-image:url(http://static.fonq.nl/img/algemeen/fonqheader/libackground.gif);
	background-repeat:repeat;
	z-index:304;
	margin:0px;
	padding:0px;
}
#fonqmenu #nav_fq li ul li a {
	display:block;
	width:222px;
	height:23px;
	overflow:hidden;
	background-image:none;
	color:#FFF;
	font-weight:bolder;
	text-align:left;
	text-decoration:none;
	padding-top:4px;
	padding-left:10px;
	line-height:12px;
	font-size:11px;
	z-index:305;
	background-image:url(http://static.fonq.nl/img/algemeen/fonqheader/libackground.gif);
}
#fonqmenu #nav_fq li ul li a:hover {
	background-color:#369;
	background-image:none;
	z-index:306;
}
#fonqmenu #nav_fq li:hover ul,
#fonqmenu #nav_fq li.sfhover ul {
	left: auto;
}
#fonqmenu #nav_fq li:hover{ position: static; }