/*  
Theme Name: H2-O@
Theme URI: 
Description: H2-O2 style for H2-O2 use.
Version: 1.0
Author: OF
Author URI: http://www.h2-o2.com

	This theme was designed and built by Olivier Forget.

*/

*{
margin:0;
padding:0;
}

body{
/*font: 1em verdana, tahoma, arial,  sans-serif; */

}

/*
a:link, a:active, a:visited{
color: #057000;
text-decoration:none;
border-bottom: 1px dashed #3C5A02;
}
a:hover{
color: #A2C460;
text-decoration:none;
border-bottom: 1px solid #cccccc;
}
*/
blockquote
{
	color:#666;
	margin: 1em;
	padding: 0 0 10px 50px;
	background: url(images/blockquote.gif) no-repeat left top;	
}

#page{
margin:10px auto;
text-align: center;
}
#topnav ul
{
list-style:none;
float: right;
padding:5px;
}
#topnav dd{
display: inline; 
	margin-right: 5px; 
	height: 45px;
	background:url(images/feed_img.gif) no-repeat left center;
	padding-left:16px;
}
#topnav li
{
list-style:none;
float: left;
padding-right:5px;
}
#topnav
{
	width: 100%;
	float: left;
	color: #999999;
	background-color: #333;
}
#topnav a:link, #topnav a:active, #topnav a:visited
{	color: #A2C460;
	border-bottom: 1px dashed #cccccc;
	margin-left:3px;
}
#topnav a:hover{
color: #D1EE2E; /*D1EE2E;*/
border-bottom: 1px solid #cccccc;
}
#headimg{
	height: 216px;
	background-image: url(images/header_bg.jpg);
	}
	#navclear{
	position: relative;
	}
	
.heading{
float:left;
margin-left:10px;
margin-top:10px;
}
.heading h2 .heading a:link, .heading a:visited, .heading a:active{
font-size: 16px;
color: #057000;
border:none;
}
.heading a:hover{
color: #A2C460;
}
.heading h4{
font-size: 11px;
}
	
#navuni{
background-color: transparent;
position: relative;
display: inline;
}
#navuni ul{
list-style: none;
	margin: 0px;
	background-color: #fff;
	text-align: center;
	padding-top:2px;
	border:none;
	height: 22px;
	float: right;
}
#navuni li {
	float: left;
	text-align: center;
	margin-right: 2px;
	border-top:none;
}
#navuni a:link, #navuni a:active, #navuni a:visited{
padding:5px;
padding-left:10px;
padding-right:10px;
background-color: transparent;
border:none;
color:#A2C460;
font-weight: bold;
}

#navuni a:hover{
border-top: 4px solid #D1EE2E;
color:#fff;
font-weight: bold;
}

#navbar {
background-color: #333;
width:100%;
position: relative;
display: inline;
}
#navbar ul{
width:100%;
	list-style: none;
	margin: 0px;
	background-color: #333;
	text-align: center;
	border:none;
	float: left;
	padding: 5px;
	}
#navbar li {
	float: left;
	text-align: center;
	margin-right: 5px;
	border-top:none;
	padding: 5px;
}
#navbar .current_page_item a, #navbar .current_page_item a:visited{
	color: #fff;
	text-decoration: none;
	background: transparent;
	
	font-weight: bold;
	padding-top:4px;
	border-top: 4px solid #D1EE2E;
}
#navbar .page_item a{
	color: #A2C460;
	text-decoration: none;
	background: transparent;
	border: none;
	font-weight: bold;
	letter-spacing:1px;
	padding-top:4px;
}
#navbar .page_item a:hover {
	border-top: 4px solid #D1EE2E;
color:#fff;
font-weight: bold;
}

#headend{
padding:10px;
background-color: #333;
}

#header{
padding:5px;
width: 100%;
text-align: center;
}
#header h2{
text-align: center;
color: #003388;
letter-spacing: 1px;
}
#header h4{
text-align: center;
color: #999;
}
#headr{
width: 80%;
color: #ccc;
height: 0.5em;
float:none;
position: relative;
background-color: #cccccc;
border: none;
}

#left{
float: left; 
display: inline; 
position: relative; 
width: 75%;
margin-top: 10px;
margin-left: 10px;
/*border-right: 0.5em solid #A2C460;*/
}
#left h2{
font-size: 14px;
padding-bottom: 4px;
}
#left h4{
font-size: 11px;
padding-bottom: 5px;
}
#left h3{
font-size: 10px;
padding-bottom: 5px;
}

#post
{
padding: 5px;
}

div#maincontent #right{
float: right;
width:190px;
display: block;
position: relative;
/*margin: 0px 30px 0px 0px;*/
padding-right: 30px;
padding-top: 0px;
font-size: 0.8em;
}

div#maincontent #right h2{
font-size: 1em;
padding: 2px;
padding-left: 10px;
background-color: #e6e6e6;
border:0px solid #000;
border-top: 1px solid #c6c6c6;
}
div#maincontent #right div {
padding: 10px;
background-color:#f6f6f6;
}
div#maincontent #right div.blog-vignette {
text-align: center;
padding: 10px 0px;
}
div#maincontent #right div.blog-vignette div {
padding-top: 0px;
}
div#maincontent #right ul{
padding: 2px;
padding-bottom: 0.8em;
background-color:#f6f6f6;
}

.list1{
padding: 2px;
background-color:#eee;
border:0px solid #000;
border-top:none;
}
#right li{
list-style: none;
padding-left: 20px;
padding-right: 10px;
}
/*#right a:link,#right a:active,#right a:visited{
color: #456406;
font-size: 12px;
text-decoration: none;
padding-left: 5px;
border-bottom: 1px dashed #666;
line-height: 1.8;
padding:0px;
}
#right a:hover{
color: #fff;
text-decoration: none;
border-bottom: none;
padding-left: 5px;
}*/
.topsh{
float: left;
width:20%;
display: inline;
position: relative;
margin-left: 12px;
height: 7px;
background-color: #ddd;
margin-top: 10px;
}
.bottom{
float: left;
width:20%;
display: inline;
position: relative;
margin-left:12px;
height: 7px;
background-color: #ddd;
}

#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}


.post
{
	position: relative;
	padding: 5px;
	line-height:
}
div#maincontent .post h2 a {
color:#333333;
font-weight:normal;
text-decoration: none;
}
div#maincontent .post h2 a:hover {
text-decoration: underline;
}
/* Sidebar  Area */	
#sidebar{
	float: left;
	width:20%;
	display: inline;
	position: relative;
	margin-left: 5px;
	margin: 0 0 1em 10;
	list-style: none;
	background:#fff;
}
#sidebar h2{
	color: #fff;
font-size: 14px;
padding: 2px;
padding-left: 5px;
background-color: #456406;
}
#sidebar ul{
	background-color:#A2C460;
	border-right:7px solid #ddd;
	margin-bottom: 10px;
	position: relative;
	display: inline;
}
#sidebar li{
	list-style: none;
	margin-left: 5px;
}
#sidebar a:link,#sidebar a:active,#sidebar a:visited{
	color: #666;
	font-size: 12px;
	text-decoration: none;
	padding-left: 5px;
	border-left: 4px solid #003388;
	border-bottom: none;
	line-height: 1.8;
}
#sidebar a:hover{
	color: #ff9900;
	text-decoration: none;
	border-bottom: none;
	padding-left: 5px;
	border-left: 4px solid #ff9900;
}
.feedo{
	background: transparent;
	border: none;
	}
.feedo img{
	border: none;
	}

/* Archives Area */	
.archs{
	list-style: none;
}	
	
#s{
border: #999 1px solid; 
	font-size: 0.9em; 
	background: #ddd; 
	margin: 0 0 2px 2px; 
	/*color: #265e15; */
	padding: 2px;
	width:120px;
}
#s:focus{
background:#fff;
	border:#999 1px solid;
}
#searchsubmit{
border: #999 1px solid; 
	font-size: 0.9em; 
	background: #ddd; 
	margin: 0 0 0 2px; 
	color: #666; 
	padding: 2px;
}

/* Content Area */
div#maincontent #content{
	display: block; 
	position: relative; 
	margin-left: 125px;
	margin-right: 250px;
	padding-top: 0px;
	
}
#content h2{
	font-size: 14px;
	padding-bottom: 2px;
}
#content h4{
	font-size: 11px;
	padding-bottom: 10px;
}
#content h3{
	font-size: 1.2em;
	font-weight: normal;
	color: #333;
	padding-bottom: 0.6em;
}

div#maincontent .post {
	padding: 15px;
	padding-bottom: 0px;
	border:1px solid #ddd;
	margin: 5px 0px 10px 0px;
	margin-bottom: 2em;
}
div#maincontent .post small {
	color: #666;
}
.post p {
	padding-bottom: 0.6em;
}
div#maincontent .entry{
margin-bottom: 0px;
padding-bottom: 0px;
}
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}
.entry ul li:before{
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}
/*div#maincontent .postmetadata{
margin: 8px 0 0 0px;
font-size:0.9em;
padding: 0px;
color: #666;
}*/
div#maincontent .postmetadataalt, div#maincontent .postmetadata, div#maincontent .commentmetadata-bot{
	display: inline;
	position: relative;
	top: 0.8em;
	left: 30px;
	background-color: #fff;
	color: #666;
	margin-top: 0px;
	padding: 0.4em 2em 0.5em 2em;
	font-size: 0.9em;
	border:1px solid #ddd;
	/*border-right:1px solid #ddd;*/
	
}
div#maincontent .navigation {
	display: block;
	text-align: center;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	}
	

/* comments area */
div#maincontent #comments, div#maincontent #respond {
	border:1px solid #ddd;
	padding: 15px;
	padding-bottom: 0px;
	margin: 5px 0px 10px 0px;
	margin-bottom: 2em;
}
div#maincontent #respond {
	padding-bottom: 15px;
}
.commentlist {
	list-style: none;
	margin: 0px 0px;
	padding: 0px;
}
.commentlist li {
	line-height: 1em;
	padding: 15px;
	position: relative;
}
.commentlist li.alt {
	background: #eee;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: normal;
	font-style: normal;
	color:#666;
}
.commentlist small {
	margin-top: -1.2em;
	margin-bottom: 5px;
	display: block;
	font-size: 0.75em;
	text-align: right;
}
.commentlist small a {
	text-decoration: none;
	color: #666;
}
.commentlist small a:hover {
	text-decoration: underline;
}

div#maincontent .commentlist .comment-text {
	padding-top: 0.1em;
	padding-bottom: 0.6em;
	font-size: 0.8em;
	line-height: 1.3em;
}
div#maincontent table.form-layout {
	padding:0px;
	margin: 0px;
}
div#maincontent table.form-layout td {
	padding: 0px;
	margin: 0px;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
	margin-left: 20px;
}
#commentform label{
	color: #787878;
	font-size: 87%;
	float: none;
}
#commentform input{
	width: 200px;
	display: inline;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 485px;
	height: 115px;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	margin-left: 292px;
}
.clear_bot{
display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}
/* ****************** */
div.tags {
	font-size: 0.9em;
}
div.tags a {
	background-color: #eee;
	padding: 0.2em 0.5em;
	margin: 0px 0.3em;
	color: #555;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
}
div.tags a:hover {
	background-color: #ddd;
}
img.rss-icon {
	vertical-align: middle;
}