/*
 Theme Name: Ecopol
 Theme URI:
 Description: Ecopol
 Author: Ecopol
 Author URI:
 */

* { padding: 0; margin: 0; }
body { font-family: Georgia; font-size: 62.5%; text-align: center; background:url(images/bg.jpg) repeat-x top; }

/*********************/
/*    G L O B A L    */
/*********************/
/*links*/
a, a:link,
a:visited { color: #009345; text-decoration: none; }
a:hover, a:active { color:black; }
blockquote { display: block; margin: 5px 20px 5px 20px; padding: 0 0 0 10px; border-left: dotted black 1px; }
blockquote blockquote { padding: 0 0 0 10px; border-left: dotted black 1px; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
img { border: none; }
.alignleft{ float: left; text-align: left; }
.alignright{ float: right; text-align: right; }
.center{ text-align: center; }
.green{color: #009345;}
/*********************/
/* S T R U C T U R E */
/*********************/
#container { width: 975px; margin: 0 auto; text-align: left; }
#header { position:relative; width: 975px; height: 130px; background-color: #009345; }
/*wraps content and sidebar*/
#wrapper { float: left; width: 100%; margin:40px 0 0 0; position: relative; background:url(images/bg-wrapper.jpg) repeat-y right; }
#wrapper-home { float: left; width: 100%; margin:40px 0 0 0; position: relative; background:none; }
#sidebar { float: right; width: 390px; height: auto; margin:0 2px 0 0; padding:10px 0px 10px 0px; border-top:1px solid black; display: inline; }
#content { position:relative; float: left; width: 550px; height: auto; border-top:1px solid black; }
#content-home { position:relative; float: left; width: 100%; height: auto; background:url(images/dashed-line.jpg) repeat-x top; }
#footer-wrapper { position:relative; width: 100%; height: 75px; top:30px; background: #009345; clear: both; }
#footer { position:relative; width: 975px; height: 75px; margin:0 auto 0 auto; clear: both; }

/*********************/
/* H E A D E R       */
/*********************/
img.logo { position:relative; width: 330px; height: 50px; margin: 10px 0 0px 0px; display: inline; }
ul#nav{ position:relative; width:auto; height:30px; margin:20px 0 0 5px; list-style:none; font-size:1.7em; font-weight:bold;}
ul#nav li{ float:left; margin:0 20px 0 0;}
ul#nav li a,
ul#nav li a:link,
ul#nav li a:visited{ color:white;}
ul#nav li a:hover,
ul#nav li a:active{ color:black;}

/*********************/
/*  S I D E B A R    */
/*********************/
.widget { width: 390px; margin: 0px auto 10px auto; padding:10px 0px 10px 0px; text-align: left; background:url(images/dashed-line.jpg) repeat-x bottom; overflow: hidden;}
.widget h2 { width:auto; height:20px; padding:0 20px 0 20px; line-height:20px; font-size:1.8em; font-weight:bold; text-align:left; color:#009345; background:none;}
.widget a:link,
.widget a:visited { text-decoration: none; font-weight: normal;  color:#949398; line-height: 1.1em; }
.widget a:hover,
.widget a:active { color:#009345; text-decoration: none; }
.widget ul { list-style-type: none; color: black; margin: 20px 20px 10px 20px; text-align: left; color:#949398; font-size:1.7em; font-weight:bold;}
.widget ul ul { margin-left: 10px; }
.widget ul ul li { list-style-type: none; color: black; }
.sidebar-bottom{ position:relative; float:right; width:390px; height:1px; top:-31px; left:-2px; background-color:black;}
.soundslides { width: 350px; height:320px; margin:0px 0 0 0px; padding:20px 20px 20px 20px; border-bottom:1px solid black; }
.soundslides .meta{ width:auto; height:30px; line-height:30px; font-size:1.6em; font-weight:bold; color:#009345;}
.soundslides .meta img{ vertical-align:middle; margin:0 5px 0 5px;}
.soundslides  .meta span.date{ color:#949398; font-weight:normal; font-family:Tahoma; font-size:.85em;}
.below a{font-size:.95em;}

/*********************/
/*      P O S T      */
/*********************/
.post-content { width: 100%; margin: 20px 0px 20px 0px; padding:0 0 10px 0; background-color: white; background:url(images/dashed-line.jpg) repeat-x bottom; }
.post-content .meta{ width:auto; height:auto; line-height:30px; font-size:1.8em; font-weight:bold; margin:0 0 10px 0;}
.post-content .meta img{ vertical-align:middle; margin:0 5px 0 5px;}
.post-content .meta span.date{ color:#0C0C0C; font-weight:normal; font-family:Tahoma; font-size:.85em;}
.below a{font-size:.95em;}
.post-content .meta-single{ height:auto; font-size:2.4em;}
.post-content .meta-single span.date{ position:relative; display:block; font-size:.60em; margin:15px 0 0 0;}
span.more{ position:relative; float:right; width:auto; height:20px; bottom:-35px; font-size:1.2em; font-weight:bold;}
.post-content h1{ font-size: 4.8em; }
.post-content h1 a,
.post-content h1 a:link,
.post-content h1 a:visited{ color:black;}
.post-content h1 a:hover,
.post-content h1 a:active{ color:#009345;}
.post-entry { margin: 10px 0 10px 0; font-size: 1.5em; color:#0C0C0C; }
.post-entry p{ padding: 5px 0 5px 0; }
.post-entry ul { padding: 5px 0 5px 30px; }
.post-entry ol { padding: 5px 0 5px 33px; }
.post-entry img { margin: 5px 5px 5px 5px; }
.post-entry table{ border-bottom: 3px solid #DDD; border: 1px solid #DDD; }
.post-entry table td,
.post-entry table th{ text-align: left; padding: .2em .4em; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
.post-entry table th{ background: #ebebeb; border-bottom: 2px solid #d9d9d9; }
.post-entry table tr.odd{ background: #ebebeb; }
/*navigation*/
.navigation a,
.navigation a:link,
.navigation a:visited { color:white;}
.navigation a:hover,
.navigation a:active{ color:black;}
.navigation .alignleft{ margin:25px 0 0 0;}
.navigation .alignright{ margin:25px -390px 0 0;}
.nav-bottom { position:relative; width: 975px; height: 75px; font-size: 2.2em; font-weight:bold; color:white;}
/*   S E A R C H     */
#searchform { float:right; width: 170px; height: 28px; margin-top:-90px; background:url(images/search.jpg); }
#searchfield { float: left; width: 132px; height: 20px; margin: 3px 0px 0px 5px; padding: 1px 2px 0px 2px; font-size: 1.4em; background: none; border: none; display: inline; font-family:Georgia; }
#searchsubmit { float: right; width: 24px; height: 28px; margin: 0px 0px 0 0px; color: #FFFFFF; border: 0px none; cursor: pointer; display: inline;  background:none;}
p.lang{ color:white; font-size:1.3em; position:relative; float:right; margin:-20px 0 0 0 ;}
p.lang a:link,
p.lang a:visited{ color:white;}
p.lang a:hover,
p.lang a:active{ color:black;}
h3#search { font-size:2.4em; color:black; margin: 10px 30px 10px 0px; }
/*share*/
.share{ width:100%; height:auto; line-height:1.0em; background:url(images/dashed-line.jpg) repeat-x bottom;}
.share h3{ font-size:2.4em; color:black;}
/*********************/
/*  C O M M E N T S  */
/*********************/

/*form*/
#commentform { display:block; width: 550px; height:430px; margin: 0 0 0 0px; background:url(images/dashed-line.jpg) repeat-x bottom; }
#commentform input { width: 540px; height:23px; padding: 5px 5px 0 5px; margin: 10px 5px 1px 0; background-color:#DCDDDF; border:none; color:gray; font-size:1.4em; font-weight:bold; font-family:Georgia;}
#commentform textarea { width: 540px; margin:10px 0 0 0; padding: 5px; background-color:#DCDDDF; border:none; color:gray; font-size:1.8em; font-weight:bold; font-family:Georgia;}
#commentform #submit { width:100px; height:30px; margin: 0 0 20px 0; float: right; background:none; font-size:2.2em; color:#009345; cursor:pointer; }
.alt { margin: 0; padding: 10px; }
h3#comments,
#respond h3 { font-size:2.4em; color:black; margin: 10px 30px 10px 0px; }
#commentform p { margin: 5px 0; }

/*comments*/
ol.commentlist { width: 550px; list-style: none; margin: 0 auto 0 auto; padding: 0; }
ol.commentlist li { margin: 0 0 10px; padding: 5px 0px 5px 0px; position: relative; background:url(images/dashed-line.jpg) repeat-x bottom; color:#949398; font-family:Georgia; }
ol.commentlist li.bypostauthor {background-color:white;}/*admin's comment*/
ol.commentlist li.byuser {}
ol.commentlist li.pingback comment-author { padding: 0 170px 0 0; }
ol.commentlist li div.vcard { display:block; position:relative; font-weight: bold; font-size: 14px; line-height: 20px; font-family:Georgia; }
ol.commentlist li div.vcard  img.dot{ position:absolute; margin:9px 0 0 0; }
ol.commentlist li div.vcard cite.fn { font-style: normal; font-size: 20px; color: #009345; }
ol.commentlist li div.vcard cite.fn a.url { color: #009345; text-decoration: none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color: #000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border: 1px solid #aaa; padding: 5px; position: absolute; left: 7px; _left: -57px; top: 7px; }
ol.commentlist li span.comment-meta { font-weight:normal; font-size: 16px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li span.comment-meta a { color:#949398; text-decoration: none; }
ol.commentlist li p { font-weight: normal; font-size: 16px; line-height: 20x; font-family:Georgia; margin: 10px 0 12px; }
ol.commentlist li ul { font-weight: normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style: square; margin: 0 0 12px; padding: 0; }
ol.commentlist li div.reply { background: #999; border: 1px solid #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #fff; font: bold 9px/1 helvetica,arial,sans-serif; padding: 6px 5px 4px; text-align: center; width: 36px; }
ol.commentlist li div.reply:hover { background: #cc0000; border: 1px solid #cc0000; }
ol.commentlist li div.reply a { color: #fff; text-decoration: none; text-transform: uppercase; }
ol.commentlist li ul.children { list-style: none; margin: 12px 0 0; text-indent: 0; }
ol.commentlist li ul.children li.depth-2 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-6 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-7 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-8 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-9 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-10 { margin: 0 0 3px; }
ol.commentlist ul.children li.even { background: white; }/*2nd,4th,6th etc..*/
ol.commentlist ul.children li.odd { background: white; }/*3rd,5th,6th etc..*/
ol.commentlist li.pingback div.vcard { padding: 0 170px 0 0; }

/*********************/
/*  TEMPLATE WHO  */
/*********************/
p.right{ float:right; width:640px; height:auto;}
img.left{ float:left; width:245px; height:auto; }

/* sociable */
div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0 15px 0 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/* clearfix */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { min-width: 0; display: inline-block; /* \*/ display: block; }
* html .clear { /* \*/ height: 1%; }