/*
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
*/

html {
   overflow-y: scroll;
   }

/* RESET ALL MARGINS AND PADDING */

* { 
  margin: 0; 
  padding: 0;
}

p { 
  margin-bottom: 15px; 
}
blockquote     { background-color: #eef8f0; margin-bottom: 2px; padding: 5px 4px 1px 9px }

h1    { color: #008799; font-size: 23px; line-height: 31px; padding-bottom: 15px }

h2        { color: #7eaf45; font-size: 16px; line-height: 22px; padding-top: 12px; padding-bottom: 5px }

h2 a {color: #7eaf45;}

h3, h3 a   { color: #4e9d76; font-size: 14px; line-height: 19px; padding-top: 12px; padding-bottom: 5px }

blockquote h3   { padding-top: 1px; padding-bottom: 0 }

h1, h2, h3   { font-weight: bold }

ul, 
ol    { margin: 8px 0 0 18px }



body    { color: #333; font: 13px/20px Arial, Helvetica, sans-serif; margin: 0; padding: 0 }

#wrap    { background: white; margin: 10px auto; width: 860px; border: solid 5px #c5c5c5 }

#main   {  }

#content   { padding: 30px 110px 0 30px; width: 450px; float: right ; background-image: url("img/bg-content.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: right top}

a  { color: #007ba4; text-decoration: none }

a:hover  { text-decoration: underline }

br.clear {
	clear: both;
}

/* HEADER */

#head    { background: url("img/bg-head.png") repeat-x left bottom; padding-top: 5px; padding-right: 10px; padding-left: 5px; height: 130px }

#head h1   { background: url("img/logo.gif") no-repeat right 0; position: relative; top: 0; left: 0 }

#head h1 a  { text-indent: -9000px; display: block; width: 800px; height: 130px }


/* Slogan */

#slogan    { color: #fff; font: 100% Times, "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; background: #7ec2c7 no-repeat; padding: 0 30px 0; height: 3px; clear: both }

/* MENU */

#menu      { background: #f8f8f8; margin: 31px 0 21px 10px; padding: 10px; width: 180px; float: left; border-style: solid; border-width: 3px 0; border-color: #7ec2c7; _margin-right: 15px     }

#menu ul { margin: 0; padding: 0 }

#menu ul li {width: 100%;}
#menu ul li a {height: 1%;}

#menu li {
	list-style: none;
	border-top: 1px solid #ccc;
}

#menu ul ul li {
	border-bottom: 1px solid #ccc;	
	_padding-left: 10px;
}

#menu ul ul li a:before {
	content: "» ";
}

#menu ul ul li a    { font-size: 11px; line-height: 15px; padding-left: 17px }

#menu li a     { line-height: 17px; text-decoration: none; display: block; padding: 3px 10px }

#menu li a:hover  { background: #c4e1e6 }


.current_page_item    { font-weight: bold; background: #f2f6f7 url("img/bg-content2.png") repeat-x; margin-left: 0; padding-left: 0; position: relative; top: 0; left: 0 }

.current_page_item a  { color: #279979 }


.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; clear: both; border-top: 2px solid #72b8bd }

#footer p  { font-size: 85% }