/*  

Theme Name: Compass

Theme URI: http://www.mindloop.be/

Description: Theme created by <a href="http://www.mindloop.be">Mindloop Webdesign</a> (widget ready). 





Version: 1.0

Author: Andy Mathijs

Author URI: http://www.mindloop.be/



This theme was designed and built by Andy Mathijs,

whose site you will find at http://www.mindloop.be/

*/



/*reset.css*/



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}



table{border-collapse:collapse;border-spacing:0;}



fieldset,img{border:0;}



address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;}

/*fonts.css*/

body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}


/*standard theme stuff*/

#s, textarea, input

{

	border:1px solid #CC6600;
	padding:4px;

}



#searchsubmit, #submit

{

	border:1px solid #CC6600;
	background-color:#000000;
	color:#CC9900;
	font-weight:bold;

}



.post ol, .commentlist ol

{

list-style:decimal;

padding:5px 0px 5px 0px;

list-style-position:inside;

}



.post ul, .commentlist ul

{

list-style:disc;
list-style-position:inside;
padding:5px 0px 5px 0px;

}

.post li, .commentlist li

{

	padding-bottom:5px;

}

.post strong, .post b

{

	font-weight:bold;

}


.post em, .post i

{

font-style:italic;

}

.page_item .page_item, #sidebar ul.children

{

	margin-left:20px;

}



#calendar_wrap td, #calendar_wrap thead tr th

{

	padding:3px;

}



#calendar_wrap thead

{

	background-color:#666666;

	color:white;

	

}



#calendar_wrap caption

{

	text-align:center;

	

}



#searchsubmit

{

	display:block;

	margin-top:5px;

}

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

div.clear

{

clear:both;
height:0px;
width:0px;
overflow:hidden;

}


body

{

	background-color:#666666;
	/*margin:10px;*/
	margin-top:30px;
	margin-bottom:15px;
	background-image:url(images/bg.gif);

}



#page

{

	width:840px;
	margin-left:auto;
	margin-right:auto;
	background-color:#615638;
	border:1px solid #003300;
	/*background-image:url(images/content.jpg);*/
	background-repeat:repeat-y;

}



#header

{width:840px;

height:180px;

padding-left:0px;

background-color:#cccccc;

background-image:url(http://www.moppen.cc/images/header-hg.jpg);



}



#header h1 a 

{

	position:relative;

	left:250px;

	color:#615638;

	

	font-size:189%;

	text-decoration:none;

}



#header div.description

{

	position:relative;

	left:250px;

	color:#CCCCCC;

	margin-top:5px;

	width:300px;

	text-decoration:none;

}





#headerimg

{

float:left;
padding:5px;
position:relative;
top:30px;
left:35px;

}



#themenu

{

float:right;
position:relative;
left:-20px;

}



#themenu li

{

	float:left;

	display:inline;	

	padding-left:7px;

	background-image:url(images/menu_left.png);

	background-position:bottom left;

	background-repeat:no-repeat;

	margin-left:10px;

}



#themenu li a

{

	display:block;
	background-image:url(images/menu_right.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-left:10px;
	padding-right:17px;
	padding-bottom:6px;
	padding-top:6px;
	color:white;
	text-decoration:none;
	font-weight:bold;

}

#themenu li a:hover

{

	color:#000000;

}

#content

{
float:left;
clear:left;
display:inline;
margin-left:11px;
width:596px;
}



	#content .post

	{

		margin-bottom:15px;
		padding:5px;

		

	}



	#content .post img

	{

		border:0px solid #666666;

		margin-top:5px;

		margin-right:5px;

	}



	#content .post h2 , #sidebar h2, h3#comments, h3#respond, h2.pagetitle, h2.center

	{

		display:block;

		color:white;

		font-size:136%;

		margin-top:10px;

		margin-bottom:10px;

		font-family:Georgia, "Times New Roman", Times, serif;

	}



	#content .post h2 a, #content .post h3 a, .navigation a

	{

		color:white;

	}



	#content .post p, .commentlist p

	{

		line-height:170%

	}



	#content .post p a

	{

		color:white;

	}

	

	#content .post p

		{

			margin-bottom:15px;

			}



	#content .post blockquote

	{

		padding-top:25px;
                padding-left:25px;
		color:#999999;
		font-style:italic;
		min-height:50px;
                margin:10px;
		background-image: url(../../../images/quote.png); 
		background-repeat: no-repeat;
		background-position: 10px 10px; 

	}



	#content .post blockquote blockquote

	{

		background-color:white;

		color:black;

	}



#content .post small

{

	display:block;

	margin:5px 0px 7px 0px;

	color:#999999;

}



#content .post p.postmetadata

{

	display:block;

	clear:both;

	text-align:center;

	background-image:url(images/postmeta.jpg);

	background-color:white;

	

	height:30px;

	color:black;

 	padding-top:6px;

}



#content .post p.postmetadata a

{

color:black

}





/*The comments*/





.commentlist li

{

	display:block;

	background-color:#FFE0C1;

	padding:5px;

	/*border:1px solid #333333;*/

	margin-bottom:15px;

}



/*name of author*/

.commentlist li cite ,.commentlist li cite a 

{

	color:#999999;

	font-weight:bold;

}







.commentlist li small.commentmetadata

{

	display:block;

	margin:10px 0px 10px 0px;

	color:#0CC4E8;

	

}







.commentlist li a

{

	color:#CC9900;

}







#commentform

{

margin-bottom:25px;}



#commentform a

{

	color:#CC9900;

}



#commentform input, #commentform textarea

{

	margin-top:5px;

}



h3#comments, h3#respond

{

margin-top:50px;

}





#sidebar

{float:right;

margin-right:0px;

width:200px;

margin-bottom:25px;





}



#sidebar a

{

	color:#CC9900;

	text-decoration:none;

	padding-left:0px;

}









#sidebar li

{

		margin-top:5px;

}



#sidebar a:hover

{

text-decoration:underline;



}



#footer

{

clear:both;

margin-top:50px;

padding-bottom:2px;

padding-top:10px;

padding-right:10px;

text-align:right;

font-size:10px;

color:white;

background-color:#990000;

background-image:url(images/footer.jpg);

background-repeat:no-repeat;



}



#footer a

{

	color:white;

	padding-bottom:1px;

}



#footer a:hover

{

	color:white;

	border-bottom:2px solid #cccccc;

}





.commentlist li ul li, .commentlist li ol li

{

	border-left:0px solid white;

}



.commentmetadata a

{

	color:#0CC4E8;

}