/*
Theme Name: MrWebsite Wordpress Theme
Theme URI: http://www.mrwebsite.nl/
Description: The MrWebsite Base Template.
Version: 0.1
Author: Peter Arends
Author URI: http://www.mrwebsite.nl/
Tags: MrWebsite

*/

body{
	background-color:#26282a;
	background-image:url(images/body-bg.jpg);
	background-repeat:repeat-x;
	font:	14px/20px Helvetica, sans-serif;
	color:#26282a;
}



#page{
	width:960px;
	margin:auto;
	background-color:#f6f5f3;
	background-image:url(images/contentback.gif);
	background-repeat:repeat-x;
}

#header{
	width:960px;
	height:100px;
}

#headerimg{
	margin-left:30px;
	padding-top:5px;
	width:276px;
	float:left;
	display:block;
}

#content{
	width:960px;
	display:block;
	float:left;
	clear:both;
}



	ul#nav {
		width:630px;
		list-style-type:none;
		margin:0;
		padding:0;
		display:block;
		float:left;
		height:30px;
		padding-left:30px;
		margin-top:47px;
		margin-right:-20px;

	}
	#nav li {
		margin:0;
		padding:0;
		float: left;
		position: relative;
		font:	15px/18px Helvetica, Arial, sans-serif;
		font-size:14px;x
		z-index:3000;
		
	}
	
	#nav li li{
		width:160px;
		font-size:13px;
		margin:0;
		padding:0;
	}

	#nav li a {
		/*height: 15px;*/
		display:block;
		text-decoration: none;
		padding-left:8px;
		padding-right:8px;
		color:#26282a;
		line-height:24px;
		font-size:110%;
		font-weight:bold;
		text-decoration:none;
	}
	
	#nav li a:hover{
		color:#26282a;
		background:#f6f5f3;
	}
	
	#nav li ul li a{
		background:#fff;
		font-weight:normal;
	}


	#nav li.onhover ul { margin-left:0; }

	#nav li.onhover ul ul { margin-left: -9999px; }

	#nav li ul {
		position: absolute;
		left: auto;
		height: auto;
		width: 120px;
		margin-left: -9999px;
		border:0;
		list-style-type:none;
		opacity:0.9;
		margin:0;
		padding:0;
	}

	#nav ul li.onhover ul { margin-left:0; }

	#nav li ul ul{
		position: absolute;
		left:10px;
		height: auto;
		width: 120px;
		top: 0;
		
	}
/* Search */

#search { position:absolute; right:20px; top:10px; width: 178px; height:32px; display:block; }
#search input { 
	background:url(images/bg-search.jpg) no-repeat; 
	border:0; 
	color:#fff;
	padding: 8px 10px;
	width:157px;
}

/* Header */


/* Content */

#footer {
color:#b7b6b6;
text-align:right;
display:block; clear:both;
}

#footer a{
	color:#b7b6b6;
}

#footer ul li{
	float:right;
	display:block;
	padding-left:15px;
	margin-top:5px;
	font-size:90%;
}

.post{
	width:718px;
	border-right:1px solid #b7b6b6;
	display:block;
	float:left;
}


#featured {	padding:20px 0px 0px 20px;	width:480px;display:block;float:left; }
#main {	padding:20px 20px 0px 0; width:425px;display:block;float:left; }
#main-full { padding:20px 0 0px 20px; width:920px; }


/* Content (style) */

#content a { text-decoration: underline; }
#content a:hover {	text-decoration: none; }
#content h2, #content h3 { font-weight: bold; }
#content h2 { font-size: 18px; line-height:24px; padding-top:0; }
#content h3 {font-size: 20px; }
#content h3.info { font-size:28px; color: #222; padding:0 0 15px; }
#content h4 { font-size: 16px; }
#content ol, #content ul { line-height: 18px; }
#content ul { padding-left: 50px; }
#content ul li { list-style: circle; padding: 3px 0; }
#content ol { padding-left: 57px; }
#content ol li { list-style: decimal; padding: 3px 0; }
#content blockquote {
	border-left:2px solid #777777;
	color:#777777;
	font-style:italic;
	margin:5px auto 15px;
	padding:0px 10px;
	width:85%;
}

/* Main Content (post) */

#content .post { padding:0 5px 15px 0;font-size:15px; }
#content .post-title {	width: 100%; position: relative; }
#content .post-title h2, #content .post-title p.post-details, #content .post-title h3 { padding-right: 50px; }
#content h2 a, #content h3 a { color: #2A2A2A; text-decoration: none; }
#content h2 a:hover, #content h3 a:hover { text-decoration: none; }
#content p.post-details { line-height: 18px; position: relative; }
#content p.post-details a { text-decoration: underline; color:#9F9F9F; }
#content p.post-details a:hover { color:#555; }
#content p.post-details {
	color: #9F9F9F;
	font-size: 11px;
	padding: 0 0px 0px 1px
}
#content .post h4 { margin-top: 1px; clear: both; width: 100%; }
#content .post h4.continue a {
	background: #A8BC70;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
}
#content .post h4.continue a:hover {background: #9fb26a;}
#content .post img.thumbnail {
	border:1px solid #DDDDDD;
	margin:5px 0 0;
}
#content .post img.thumbnail-left {
	margin:15px 10px 5px 0;
	float:left;
}
#content .post img.gallery { margin:0 7px 7px 0; }
#content h2.arh {
	border-bottom: #EBEBEB 1px solid;
	margin-top: -10px;
	margin-bottom: 10px;
	position: relative;
}

#featured h2 { font-size:34px; }

#featured .block { padding:0 30px 20px 0px; width:200px; float:left; }
#featured .block.last { padding-right:0px; }
#featured .block h2 { font-size:18px; line-height:20px; font-weight:normal }



/* Main Content (post>single) */

#content p.tags {
	background:url(images/ico-tag.gif) no-repeat center left;
	padding-left:25px;
	width: 100%;
	clear: both;
}
.single #content .advert_468x60 {margin: 15px 0 0px 0;}
#content .page h2 {padding-top: 5px;}

/* Comments */

#comments h3 { font-size: 20px;	font-weight: normal;padding: 10px 0 20px 0;}

#comments #comments_wrap {padding: 0; position: relative; }
#comments ol.commentlist li { list-style-type:none; }

#comments .comment { margin-top: 10px; width: 100%; }
#comments .comment a { text-decoration: underline; }
#comments .comment a:hover { text-decoration: none; }
#comments .comment small { font-size: 10px;	margin-top: -2px; }

#comments .comment .col-left {width: 110px; font-size:11px;}
#comments .comment .col-left p { padding: 0 0 0 2px; line-height: 19px;}
#comments .comment .col-left .inside {
	width: 110px;
	float: left;
	position: relative;
	overflow: hidden;
	min-height:70px;
}

#comments .comment .col-right {
	min-height: 92px;
	background: #e6e6e6;
	padding: 10px 15px;
	margin-left:100px;
	float:none; 
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
}

* html #comments .comment .col-right { height: 100px; }
#comments .comment div.reply { float:right; padding: 3px 3px 0; font-size:11px; }
#comments .comment div.reply a { text-decoration:none; color:#aaa; }

#comments ul.children { margin:10px 0 0 25px; padding:0; }

#comments .navigation .alignright, #comments .navigation .alignleft { margin:10px 0;}
#comments .navigation a {
	color: #555;
}
#comments .commentlist {padding:0;}
#comments .commentlist p{padding:0 0 10px;}

#comments .commentlist #respond #form_wrap {
	padding:0 0 25px;
	margin:0;
	border:0;
	width:auto;
}
#comments .commentlist .children #respond #form_wrap .col-right{float:none;}
#comments .cancel-comment-reply {margin-bottom:10px;}

#commentform .btn {
	margin:0; 
	background:url(images/btn-submit.png) no-repeat;
 	color:#FFFFFF;
	font-weight:bold;
	width:79px;
	height:41px;
	padding:0;
	border:0;
	cursor:pointer;
}

textarea#comment{
	width:300px;
}

.current_page_item{
		color:#26282a;
		background:#fff;
}

.third{
	width:300px;
	display:block;
	float:left;
	padding:9px;
	padding-bottom:-18px;
	min-height:200px;
}

#third1{
	border-right:1px solid #b7b6b6;
}

#third1{
	width:462px;
	font-size:15px;
	line-height:22px;
}

#third1 p{
	margin-left:9px;
}

#third2,#third3{
	width:219px;
	font-size:13px;
}

#third2 ul{
	margin:0;
	padding:0;
	padding-left:16px;
}

#third2 ul li{
	margin:0;
	padding:0;
	list-style-type:square;
	padding-bottom:5px;
}

#third3{
	border-left:1px solid #b7b6b6;
	clear:right;
}

p{
	padding-bottom:15px;
}

#content{
	padding-bottom:20px;
}

#foot{
}

#foot a{
	border:1px solid #b7b6b6;
}

#foot a#img1{
	border-left:none;
}

#foot a#img3{
	border-top:none;
}

#pages{
	width:160px;
	float:left;
	display:block;
}

#pages ul{
	padding-left:10px;
}

#pages ul li{
	list-style-type:none;

}

#pages ul li a{
	color:#000;
	text-decoration:none;
	padding:5px;
}

.googlemap{
	height:400px;
}