/*  
Theme Name: Tonido
Theme URI: http://www.tonido-valkenswaard.nl
Description: Tonido theme
Version: 1
Author: Niels Wijers
Author URI: http://www.wijersmultimedia.nl/
*/

body {margin: 0; padding: 0; background:url(../images/bg.jpg) no-repeat #BDD2E1 center top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
#page{width:797px;background-image: url(../images/bg-page.gif); margin:0 auto; position:relative}
	
	#header{width:auto; margin: 0px}
	#header h1{height: 227px; background:url(../images/bg-header.jpg); margin: 0px; position:relative}
	#header h1 span { display:none}
	
	#content{width:auto; margin: 0px}
		/* Explorer */
		+ html #leftbar{width: 177px}
		+ html #content{width: 430px}
		+ html #content-large{width: 620px}
		+ html #rightbar{width: 190px}
		/* Other */
		#leftbar{width: 157px; float:left; margin:0 0 0 20px; padding:0; background:#D2E2F7 url(../images/bg-leftbar.gif) left bottom no-repeat;display: inline;}
		#content{width: 380px; float:left; margin:0px; padding:0 25px 25px}
		#content-large{width: 565px; float:left; margin:0px; padding:0 20px 25px 25px}
		#rightbar{width: 170px; float:right; margin:0px; padding:11px 20px 0 0}
		
	#footer{width:auto;  margin: 0px; height: 73px; background:url(../images/bg-footer.gif)}
	
.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

/* STYLES */
a {color:#11358A; text-decoration:none}
a:hover { text-decoration:underline}
p {margin: 0 0 0.8em;}

/* FRONT */
#page-front{ text-align:center; padding-top:50px}
#page-front img{border:1px solid #666666;}


/* HEADER */
#login {left:701px; top:14px; position:absolute; background:url(../images/login.gif); width:43px; height:15px;}
#login span{display:none}

/* Begin Comments*/
#content input, #content textarea {
	border:1px solid #3C8DDF;
	font-size:10px;
	padding:2px;
	width:130px;
	color:#11358A;
}
#content textarea{ width:360px;}
#content #submit { 
	padding:1px;
	background:#75AEE8;
}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	background:#F7F9FD;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

/* End Comments */

/* LEFTBAR*/
#leftbar h2 {height: 28px; background:url(../images/bg-leftbar-h2.gif); margin: 0px}
#leftbar h2 span { display:none}
#leftbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 157px; /* Width of Menu Items */
	cursor:pointer;
	cursor:hand;
}
#leftbar ul li {
	position: relative;
}
li ul {
	position: absolute;
	left: 156px; /* Set 1px less than menu width */
	width: 153px;
	top: 0;
	display: none;
	background:#D2E2F7;
	border:solid #D2E2F7 3px;
}
/* Styles for Menu Items */
#leftbar ul li a {
	margin: 0;
	padding: 5px 10px 5px 25px;
	line-height: 14px;
	text-decoration: none;
	color: #0A1F52;
	display:block;
	background:url(../images/bg-menu.gif);
}
/* Fix IE. Hide from IE Mac \*/
* html #leftbar  ul li { float: left; height: 1%; }
* html #leftbar  ul li a { height: 1%; }
/* End */
#leftbar ul li a:hover {background:url(../images/bg-menu.gif) 0px 24px; } /* Hover Styles */	
#leftbar li ul li a { 
	margin: 0;
	padding: 5px 10px 5px 25px;
	line-height: 14px;
	text-decoration: none;
	color: #0A1F52;
	display:block;
	background:#D2E2F7;
	background:url(../images/bg-menu.gif);
}
/* Sub Menu Styles */	
#leftbar li:hover ul, li.over ul { display: block; } /* The magic */

#leftbar form{margin:10px 3px 30px 5px;}
#leftbar input {
	border:1px solid #3C8DDF;
	font-size:10px;
	padding:2px;
	width:110px;
	color:#11358A;
}
#content #searchsubmit, #leftbar #searchsubmit { 
	width:25px;
	padding:1px;
	background:#75AEE8;
}

/* RIGHTBAR*/
#rightbar ul {width: 95%; margin:0; padding:0}
#rightbar ul li {margin-bottom:3px; list-style-type: none; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:15px}
#rightbar ul li a {background:url(../images/arrow.gif) no-repeat 4px 6px; margin:0; padding: 3px 3px 3px 20px; font-weight:normal}
#rightbar ul li a:hover {background:url(../images/arrow.gif) no-repeat 4px 6px #F5F9FE;}


/* FOOTER*/
#footer p{padding-top:22px; text-align:center; color:#3C8DDF}
#footer p a{color:#FFFFFF}


/* CONTENT */
#content h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px;}
#content p, #content ul li  { line-height:15px; color:#333333}

#content ul {width: 95%; margin:0; padding:0}
#content ul li {margin-bottom:3px;list-style-type: none; font-family:Verdana, Arial, Helvetica, sans-serif;display:block; background:url(../images/arrow.gif) no-repeat 4px 7px #F7F9FD; padding: 3px 3px 3px 20px; font-weight:normal; line-height:15px}
#content .post {padding-bottom:10px;}
#content ul li ul{display:block; position:relative; left:0; width:100%; background:none; border:none}