/*

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: 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: #2f4f4f;

}



ul, 

ol { 

	margin: 11px 0 10px 18px; 

}

.linklist, linklist li, linklist ul {

       display: block;

       width: 400px;

       border: 1px solid #333333;

       background-color: #e8e8e8;

       color: #666666;

}



/* GENERAL */



body {

	background: transparent url(img/bg-rgb.jpg) repeat top left;

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

	color: #333;

	margin: 0;

	padding: 0;

}





#wrap {

	width: 950px;

	margin: 10px auto 10px;

	background-color: #336666;

	border: 13px solid #666666;

}





#main {

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

}



#content {

	width: 570px;

	padding: 30px 30px 0;

	float: left;

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



}



a {

	color: #2f4f4f;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

       }



br.clear {

	clear: both;

}



/* HEADER */



#head {

	background-color: #336666;

	height: 60px;

	padding-top: 5px;

  padding-bottom: 5px;

        }



#head h1 {

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

	position: relative;

	top: 10px;

	left: 0px;

        margin: 0;

        height: 55px;

}



#head h1 a {

	display: block;

        text-indent: -9000px;

	height: 33px;

	width:  217px;

}



#toppics {

	width: 860px;

	margin: 0 auto;

	height: 200px;

	padding: 0;

	background-color:#336666;

}

/* Slogan */



#slogan {

	background: #ffffff  url(img/slogan-bg.png) no-repeat center center;

	padding: 10px 2px;

	color: #333333;

	font: 230% Brush Script MT,Serif;

	font-weight: normal;

	clear: both;

	height: 65px;

        text-align:center;

}



/* MENU */



#menu {

	float: right;

	width: 180px;

	margin: 31px 20px 11px 0px;

	border: 3px solid #2f4f4f;

	border-width: 3px 0;

	background: #f8f8f8;

	padding: 10px 5px;

}



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

        background: transparent url(img/menu-bg.jpg) no-repeat top left

}



#menu li a:hover {

	background: #d9d5c3;

	color: #2f4f4f;

}



.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 {

	padding: 20px 30px 1px;

	border-top:  2px solid #00B0F1;

	clear: both;

}



#footer p {

	font-size: 90%;

}

.plot {

      padding: 4px; 

      font-size: 1.3em; 

      font-family: 'Comic Sans MS','Monotype Corsiva',cursive; 

      background-color: #f5f5dc; 

      text-decoration: underline;

}


alignleft {
float:left;}

alignright {
float: right;}