/*

Theme Name: CMS 2

Theme URI: http://www.bos89.nl/

Description: CMS theme for Wordpress

Version: 0.3

Author: Martijn Stegink

Datum: September 11, 2008

*/



/* RESET ALL MARGINS AND PADDING */



* {
	margin: 0;
	padding: 0;
}



p {
	margin-bottom: 23px;
}



h1 { 

  font-size: 24px; 

  line-height: 42px;

}



h2 {

  font-size: 16px; 

  line-height: 21px; 

}



h3 { 

  font-size: 12px; 

  line-height: 21px; 

}



h1, h2, h3 {

	

}



ul, 

ol { 

	margin: 11px 0 10px 18px; 

}



/* GENERAL */



body {

	background: #333 url(img/bg.png) repeat;

	font: 13px/21px "Helvetica Neue", Arial, Helvetica, sans-serif;

	color: #333;

	margin: 0;

	padding: 0;

}





#wrap {
	width: 819px;
	border: 0px solid #3c3c3c;
	background-image: url(content_color.jpg);
	background-repeat: repeat;
	height: 323px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



#main {

	background: url(img/content_color.jpg) repeat top left;

}



#content {

	width: 470px;

	padding: 40px 30px 0;

	float: left;

}



a {

	color: #0084B4;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



br.clear {

	clear: both;

}



/* HEADER */






#head h1 {

	background:  url(img/) no-repeat;

	position: relative;

	top: 25px;

	left: 30px;

}



#head h1 a {

	display: block;

	text-indent: -9000px;

	height: 33px;

	width:  217px;

}





/* Slogan */



#slogan {
	padding: 0px 0px 0;
	
	font-weight: normal;
	clear: both;
	height: 323px;
	background-image: url(img/content_color.jpg);

}



/* MENU */



#menu {

	float: right;

	width: 140px;

	margin: 31px 30px 21px 0px;

	margin-right: 15px;

	border: 3px solid #00B0F1;

	border-width: 3px 0;

	background: #f8f8f8;

	padding: 10px 20px;

}



#menu ul{

	margin: 0;

}



#menu li {

	list-style: none;

	border-bottom: 1px solid #ccc;

}



#menu ul ul li {

	border-top: 1px solid #ccc;	

	padding-left: 10px;

}



#menu ul ul li a:before {

	content: "» ";

}



#menu li a {

	padding: 0 10px;

	display: block;

	line-height: 30px;

	text-decoration: none;

}



#menu li a:hover {

	background: #00B0F1;

	color: #fff;

}



.page_item ul {

	display: none;

}



.current_page_item ul, .current_page_parent ul {

	display: block;

}



#menu .current_page_item li, #menu .current_page_parent ul li {

	border: 1px solid #f8f8f8;

	border-top: 1px solid #ccc;

}







/* WEBLOG */



.post {

	border-bottom: 1px solid #ccc;

	margin-bottom: 15px;

}



.comment-list {

	width: 460px

}



.avatar {

	float: right;

}



#comment {

	width: 460px;

}







/* FOOTER */



#footer {
	background: url(img/bottom.jpg) repeat;
	padding: 0px 0px 0px;
	height: 239px;
	clear: both;
	border-top-width: 0px;
	border-top-style: solid;
}



#footer p {
	font-size: 90%;
	margin: 0px;
	padding: 0px;
}