/*  

Theme Name: Queropost

Theme URI: /

Description: Design Pr-post by queromedia

Version: 1.0

Author: Bram Jacobs

Author URI: http://users.telenet.be/jacobs3



This theme was designed and coded by Bram Jacobs.

You can find his ramblings and additional work at http://users.telenet.be/jacobs3

Please give credit where credit is due.



The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php

*/



/* +global

************************************/

* {margin: 0; padding: 0;}

h1, h2, h3, p, pre, blockquote, form, fieldset, ul, ol {margin: 1em 0;}	



a {text-decoration: none; outline: none;}

a:link, a:active, a:visited {color: #44563d;}

a:hover {color: #246b00}

h1, h2, h3 {letter-spacing: -1px;}

h1{font-size: 1.3em;}

h2{font-size: 1.2em;}

h2 span {color: #6699CC;}

h3{font-size: 1em;}

strong {text-transform: lowercase;}



/* +header content

************************************/

#shelf {

	background: #6699CC;

	color: #eee;

	}

#shelf a {color: #feffb3;}

#shelf a:hover {color: #fff;}



#shelfwrap {

	width: 800px;

	margin: 0 auto;

	}



	#shelfcontent {

		width: 700px;

		margin: 0 auto;

		padding: 1em 0;

		text-align: left;

		}

	

#navigation {

	border-top: 4px solid #75a9dd;

	margin: 0 auto;

	text-align: left;

	text-transform: lowercase;

	font-size: 1.2em;

	font-weight: bold;

	letter-spacing: -1px;

	}

	

ul#navlinks {

	width: 700px;

	margin: 0 auto;

	padding: 0.8em 0 0;

	}



	#navlinks li {display: inline;}



	#navlinks a {

		color: #6699CC;

		padding: 0 0.7em 0.5em 0;

		}



	#navlinks form {

		color: #6699CC;

		padding: 0 0.7em 0.5em 0;

		}



	#navlinks a:hover {color: #8ab1cc;}

	

#customHeader {

	margin: 0 auto;

	width:454px;

	position: relative;

	}

	

	#wasabiText {

		background: url(images/searchthis.gif) no-repeat top left;

		display: block;

		height: 40px;

		width: 157px;

		z-index: 900;

		position: absolute;

		right: 225px; /* positions wrinkle your nose */

		top: 5px;

		}

	#wasabiText span {display: none;}



/* +top content

************************************/

#top {

	background: #fff url(images/bottom_grad.gif) repeat-x bottom left;

	color: #444;

	padding-bottom: 20px;

	}



	#topcontent {

		width: 700px;

		margin: 0em auto 0;

		text-align: left;

		}



#recentpost {

	float: left;

	width: 450px;

	}



	.post h2 a {color: #444;}

	.post h2 a:hover {color: #6699CC;}

	.indexComment, .asideComments {margin-right: 3px;}

	.indexComment a:link, .indexComment a:active, .indexComment a:visited {color: #ddd;}

	.asideComments a:link, .asideComments a:active, .asideComments a:visited {color: #4f4f4f;}



#home_links {

	float: right;

	width: 220px;

	background: url(images/sidebar_bigger.gif) no-repeat top left;

	margin-top: -0.20em;

	padding-top: 3.8em;

	}



#home_links h2 {

	margin: 0;

	padding: 7px 0 0 9px;

	}

	

	ul.home_linkage {

		list-style: none;

		padding: 0 4px;

		}

	

	.home_linkage li {

		border: 1px solid #eee;

		border-width: 1px 0 0 0;

		display: block;

		overflow: hidden;

		}

	

	.home_linkage li a {

		display: block;

		width: 192px;

		padding-left: 16px;

		background: url(images/li_small.gif) no-repeat 0.2em 0.4em;

		}

	

	.home_linkage li a:hover {

		color: #8ebce1 !important;

		background: #E6EEFF url(images/li_small.gif) no-repeat 0.2em 0.4em;

		width: 192px;

		border-right: 3px solid #8ebce1;

		}

	

/* +single post

************************************/

#singlecontent {

	float: left;

	width: 450px;

	}



	.entry blockquote, .entry li {

		margin-left: 1.5em;

		color: #7f7f7f;

		}

	

	.entry ol {margin-left: 0.2em;}

	

	.entry ul {

		width: 415px;

		margin: 0;

		padding: 0;

		}

	

	.entry ul li {

		list-style: none;

		background: url(images/li.gif) no-repeat 0 0.4em;

		padding-left: 1.2em;

		}



#singlemeta {

	float: right;

	width: 210px;

	margin-left: 20px;

	}



ul#metatags, ul#metaRecently , ul#monthly {

	list-style: inside;

	width: 186px;

	}



	ul#metaRecently {

		padding: 0;

		margin: 0;

		}



#metatags li, #metaRecently li, #monthly li {

	display: block;

	width: 183px;

	padding-left: 3px;

	}

	

	#metatags li a, #metaRecently li a, #monthly li a {

		display: block;

		width: 180px;

		background: url(images/li_small.gif) no-repeat 0.2em 0.4em;

		padding-left: 1.1em;

		}



	#metatags li a:hover, #metaRecently li a:hover, #monthly li a:hover {

		color: #8ebce1 !important;

		width: 176px;

		background: #E6EEFF url(images/li_small.gif) no-repeat 0.2em 0.4em;

		padding-left: 1.1em;

		border-right: 3px solid #8ebce1;

		}



ul.utwrelposts {

	width: 415px;

	border: 1px solid #efefef;

	border-width: 0 0 1px 0;

	list-style: inside;

	margin: 0 0 0 0.8em;

	padding: 0;

	}



	.utwrelposts li {

		border: 1px solid #efefef;

		border-width: 1px 0 0 0;

		display: block;

		width: 415px;

		}



	.utwrelposts li a {

		width: 393px;

		display: block;

		background: url(images/li.gif) no-repeat 0.2em 0.4em;

		padding-left: 1.1em;

		}



	.utwrelposts li a:hover {

		color: #8ebce1 !important;

		display: block;

		background: #E6EEFF url(images/li.gif) no-repeat 0.2em 0.4em;

		padding-left: 1.1em;

		border-right: 3px solid #8ebce1;

		}

	

	.utwrelposts li a:visited {

		width: 393px;

		border-right: 3px solid #8ebce1;

		}



/* +comments

************************************/

#commentleft {

	float: left;

	width: 470px;

	}



ol.commentlist, ol.pingslist {list-style: none;}



.commentlist li, .pinglist li {

	margin: 0 0 3px 0;

	padding: 0;

	}



ol.pingslist {

		background: #ececec;

		border: 1px solid #ececec;

		margin: -0.5em 0 2.5em 0;

		padding: 1em 1em 1em 1.5em;

		}

	

	.pingslist a {color: #eee;}

	.pingslist a:hover {color: #fff;}



.commentlist li {

	background: #3f3f3f;

	border: 1px solid #4f4f4f;

	padding: 1em 1.5em 0.3em;

	margin-bottom: 0.5em;

	overflow: hidden;

	}

	.commentlist blockquote {margin-left: 1em;}

	.commentlist .alt {

		background: #b5f40d;

		border: 1px solid #b5f40d;

		}

	.commentlist .author {background: #b5f40d; border: 1px solid #b5f40d;}

    .commentlist .author a {color: #eee;}

	.commentText a {border-bottom: 1px dotted #eee;}

	.commentText ul {list-style:  none;}

	.commentText ul li {

		border: 0;

		margin: 0 0 0 1em; 

		padding: 0 0 0 1.1em;

		background: #6699CC url(images/comments_li.gif) no-repeat 0.2em 0.4em;

		}

	.author a {color: #eee;}

	.author a:hover {color: #fff;}

	.commentAuthor {font-size: 1.1em;font-weight: bold;text-transform:lowercase;}

	.commentAuthor a:link, .commentAuthor a:active, .commentAuthor a:visited {color: #000000}



#commentright {

	float: right;

	width: 215px;

	margin-left: 15px;

	}

	.cdirections {color: #555;}

	.cdirections a {color: #888;}

	.cdirections a:hover {color: #ccc;}



	#author, #email, #url, #comment {

		color: #eee;

		width: 100%;

		background: #333;

		border: 1px solid #555;

		padding: 2px;

		font-size: 1em;

		font-family: "arial", verdana, sans-serif;

		}

	

		#author:focus, #email:focus, #url:focus, #comment:focus {

			background: #eee;

			color: #333;

			}

		#comment {overflow: auto;}

		#author:focus, #email:focus, 

		#url:focus, #comment:focus, 

		#submit:focus {border: 1px solid #6f6f6f;}

		#submit {

			background: #333;

			border: 1px solid #555;

			color: #555;

			font-size: 1em;

			padding: 1px;

			}



/* +footer content

************************************/

#bottom {

	color: #ddd;

	border-top: 4px solid #666;

	padding-top: 2em;

	}



#footercontent {

	width: 700px;

	margin: 0 auto;

	padding-bottom: 2em;

	text-align: left;

	}

	

	#footercontent h2 {margin-top: 0;}



#recentshorts {

	}



	.recentshorts-title {

		color: #6699CC;

		font-weight: bold;

		font-size: 1.2em;

		letter-spacing: -1px;

		text-transform: lowercase;

		padding-bottom: 0.2em;

		}



	.recentshorts-excerpt a:link, .recentshorts-excerpt a:active,

.recentshorts-excerpt a:visited	{color: #ddd;}

	.recentshorts-excerpt a:hover {color: #eee;}



	#recentshorts ul {

		list-style: none;

		margin: 0;

		padding: 0;

		}

	

	#recentshorts li {

		float: left;

		width: 315px;

		display: block;

		margin: 0 0 2em 0;

		padding: 0 2em 0 0;

		}

	

	#recentshorts li a {display: block;}

	#recentshorts li a:hover {display: block;}



#realfooter {

	width: 700px; 

	margin: 0 auto 1em;

	padding: 1em;

        font-size: 0.6em;

	}



#rssicon a {

	float: right;

	text-indent: -9999em;

	display: block;

	width: 36px;

	height: 25px;

	background: transparent url(images/rssicon.gif) no-repeat top left;

	margin-top: -7px;

	}



	#rssicon a:hover {background: transparent url(images/rssicon.gif) no-repeat bottom left;}



/* +misc & images

************************************/

.entry img {

	padding: 4px;

	border: 1px solid #eee;

	border-bottom-color: #ddd;

	border-left-color: #ddd;

	background: #fff;

	}



	.entry img a:hover {background: #E9EFF5;}

	a img {border: 0;}

	

.clear {clear: both;}

.center {text-align: center;}

.left {
float: left;
font-size:14px;
}
.left2 {
float: left;
font-size:12px;
}

.right {
float: right;
font-size:14px;}



.clearfix:after, .shortpost:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

	}



.clearfix, .shortpost {display: inline-table;}



/* Hides from IE-mac \*/

* html .clearfix, * html .shortpost {height: 1%;}

.clearfix, .shortpost {display: block;}

/* End hide from IE-mac */



/* +search modal

*************************/

#modalWrapper {

	background: transparent url(images/modal_grad.gif) repeat-x bottom left;

	width: 280px;

	margin: 0 auto;

	}



#h2wrapper {

	background: #A0C65D;

	margin: 0;

	padding: 0;

	height: 40px;

	}



#h2wrapper h2 {

	margin: 0;

	padding: 18px 3px 0 0;

	text-align: right;

	letter-spacing: -3px;

	color: #fff;

	font-size: 2.7em;

	}



#searchform {





	//padding: 0;

	}



#modal_desc {padding: 0 0.7em 0 1em;}



ul.recents {

	list-style: none;

	width: 280px;

	border: 1px solid #efefef;

	border-width: 0 0 1px 0;

	}



	.recents li {

		display: block;

		width: 280px;

		border: 1px solid #efefef;

		border-width: 1px 0 0 0;

		}



	.recents li a {

		display: block;

		width: 233px;

		padding: 0 15px 0 32px;

		background: url(images/li_small.gif) no-repeat 1em 0.4em;

		}

	

	.recents li a:hover {

		color: #8ebce1 !important;

		display: block;

		width: 233px;

		padding: 0 15px 0 32px;

		background:#E6EEFF url(images/li_small.gif) no-repeat 1em 0.4em;

		}

	



	#searchsubmit {

		font-size: 1em;

		background: #333;

		border: 1px solid #eee;

		color: #eee;

		padding: 1px;

		}

	

/* +lightbox (required for modal search window)

*********************/

.lightbox {

	color: #333;

	display: none;

	position: absolute;

	top: 50%;

	left: 50%;

	width:500px;

	margin:-220px 0 0 -250px;

	background: transparent;

	text-align: left;

	z-index:1001;

	overflow: auto;	

	}



#overlay{

	display:none;

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	z-index:1000;

	background-color:#111;

	-moz-opacity: 0.8;

	opacity:.80;

	filter: alpha(opacity=80);

	}



/* contactform styling */

.contactright {color: #bbb;}



#contactsubmit {

	background: #A1C65E;

	color: #eee;

	border: 1px solid #9abd5c;

	font-size: 1em;

	padding: 1px;

	}



.contacterror {

	padding:2px;

	font-size: 0.9em;

	border: 1px solid #A1C65E !important;

	width:208px;

	}



.contacterror:focus {

	color: #444;

	border: 1px solid #A1C65E !important;

	}



#wpcf_your_name,

#wpcf_email,

#wpcf_website,

#wpcf_msg {

	font-family: "arial", verdana, sans-serif;

	padding:2px;

	font-size: 0.9em;

	border: 1px solid #bbb;

	width:208px;

	}



#wpcf_your_name:focus,

#wpcf_email:focus,

#wpcf_website:focus,

#wpcf_msg:focus {

	color: #444;

	border: 1px solid #A1C65E !important;

	overflow:auto;

	}



.sociable ul li {

display: inline;

list-style-type: none;

background: none;

padding-left: 0em;

}
body {
	background-image: url(images/bgbanner2.png);
	background-color:#44563d;
	background-repeat: repeat-x;
	margin:0px;
	font-family:Calibri;
}
#s{
	background-image:url(images/vergrootglas.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.wrapper{
	width: 900px;
	height: 600px;
	background-image: url(images/banner2.png);
	background-repeat: no-repeat;
	margin:0 auto;
	text-align:left;
	font-family: Calibri;
	font-size: 11px;
}
.contentbar
{
	width: 500px;
	height: auto;
	float:left;
	margin-left: 95px;
	display: inline;

}
.contentspacer
{
	height: 75px;
	padding-top: 100px;
	padding-left:0px;
	font-size:18px;
	font-weight:bold;
	position: relative;
}

.contentspacer a
{
    position: absolute;
    top: 0;
    left: 0;
    width: 345px;
    height: 100px;
}

.contentspacer a h1
{
    display: none;
}


.zoeken
{
padding-left:25px;
}
.fullcontent
{
	background-color:#ececec;
	width: auto;
	height: auto;
	border: 10px solid #FFFFFF;
}
.middlecontent
{
padding: 5px;
font-size: 12px;
}

.registercontent
{
	height: 100px;
	border-bottom: 10px solid #FFFFFF;
	background-image: url(images/bgcontent.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.registeritem
{
	font-family: Calibri;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	font-variant: small-caps;
	text-align:left;
	color: #44563d;
	height:50px;
}

.registericon
{
	background-image: url(images/sterretje.gif);
	background-repeat: no-repeat;
	margin-left:20px;
	padding-top: 13px;
	padding-left: 14px;
	padding-bottom: 13px;
	padding-right: 14px;
	float:left;

}

.registertext
{
	padding-left:75px;
	padding-top:10px;
	
}

.content
{
height:auto;
}
.headercontent
{
	height: auto;
	width: auto;
	background-image: url(images/h1.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-left: 10px;
	text-align:left;
	padding-top: 3px;
	padding-left: 50px;
	font-family: Calibri;
	font-size: 24px;
	font-weight: bold;
	color: #44563d;
}
.headercontent a{
	color: #44563d;
	}
	.headercontent a:hover{
	color: #246b00;
	}
	
.contentitem
{
	height: auto;
	background-image: url(images/blogitem.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 25px;
}
.contentitem h1
{
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
}

.menubar
{
width: 200px;
height: auto;
margin-left: 628px;
}

.menu
{
	background-color:#ececec;
	width: 175px;
	height: auto;
	border: 10px solid #FFFFFF;
}
.menuheader
{
	width: 175px;
	height: 25px;
	background-image: url(images/menuheader.gif);
	background-repeat: no-repeat;
	padding: 5px;
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align:left;
}
.menuspacer
{
	height: 10px;
}
.hoofdmenu ul{
	line-height: 27px;
	text-indent: 2px;
	padding-bottom: 5px;
	padding-left: 8px;
	margin: 0px;
	font-family: Calibri;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #44563d;
	list-style-position: inside;
	list-style-type: disc;
}
.aanmelden ul{
	line-height: 27px;
	text-indent: 2px;
	padding-bottom: 5px;
	padding-left: 8px;
	margin: 0px;
	font-family: Calibri;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #44563d;
	list-style-position: inside;
	list-style-type: disc;
}
.menucontent
{
padding: 5px;
	font-family: Calibri;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #44563d;
}

.menucontent ul{
	line-height: 17px;
	text-indent: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	margin: 0px;
	list-style-position: inside;
	list-style-type: disc;
}
.post-meta{
	line-height: 17px;
	text-indent: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	margin: 0px;
	list-style-position: inside;
	list-style-type: disc;
	}
.realfooter
{
font-size: 11px;
background-color:#FFFFFF;
height:20px;;
padding-left:15px;
padding-right:15px;
padding-bottom:5px;
}
.geengebruikersnaam{
font-size:12px;
color: #44563d;
padding: 5px;
}
.searchtext
{
padding: 5px;
font-family:Calibri;
font-size:12px;
}
.contentcontent
{
}