/*

Theme Name: CMS 2

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

Description: CMS theme for Wordpress

Version: 0.1

Author: Martijn Stegink

Datum: 10 juli 2007

*/



/* RESET ALL MARGINS AND PADDING */



* { 

  margin: 0; 

  padding: 0;

}



p { 

  margin-bottom: 21px; 

}



h1 { 

  font-size: 24px; 

  line-height: 42px;

}



h2 {

  font-size: 16px; 

  line-height: 21px; 

}



h3 { 

  font-size: 12px; 

  line-height: 21px; 

}



h1, h2, h3 {

	color: #0084B4;

}



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: 760px;

	margin: 40px auto 10px;

	background: #fff;

	border: 13px solid #3c3c3c;

}



#main {

	background: url(img/bg-content.png) repeat-x top left;

}



#content {

	width: 470px;

	padding: 30px 30px 0;

	float: left;

}

#content2 {

	width: 760px;

	padding: 30px 30px 0;

	float: left;

}



a {

	color: #884055;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



br.clear {

	clear: both;

}



/* HEADER */



#head {

	background: #ffffff;

	height: 100px;

	padding-top: 10px;

}



#head h1 {

	background:  url(img/logo.gif) no-repeat;

	position: relative;

	top: 5px;

	left: 30px;

}



#head h1 a {

	display: block;

	text-indent: -9000px;

	height: 100px;

	width:  680px;

}





/* Slogan */



#slogan {

	background: #848789;

	padding: 25px 30px 0;

	color: #fff;

	font: 145% Times, "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;

	font-weight: normal;

	clear: both;

	height: 50px;

}



/* MENU */



#menu {

	float: right;

	width: 140px;

	margin: 31px 30px 21px 0px;

	_margin-right: 15px;

	border: 3px solid #884055;

	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: #884055;

	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;

}



/* FOOTER */



#footer {

	padding: 20px 30px 1px;

	border-top:  2px solid #884055;

	clear: both;

}



#footer p {

	font-size: 90%;

}