/*  
Theme Name: Ecomagazine 
Theme URI: http://ecomagazine.cautsite.com/
Description: Stylish green magazine theme designed on two columns
*/


body {
	background-image:url(images/bg.jpg);
	text-align: center;
}
/*all page*/
#container {
	background-image:url(images/wrap.jpg);
	background-repeat:repeat;
	width: 889px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-top:20px;
}

/*end all page*/

/*header*/

#header {
	background-image:url(images/banner.jpg);
	background-repeat:no-repeat;
	width: 889px;
	height: 160px;
}

#logo {
	float: left;
	display: inline;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
}

#logo h1 {
	color:#99cf4d;
	text-transform:none;
	padding-top: 9px;
	font-size: 28px;
	font-weight: bold;
}

#logo h1 a {
	color:#f2f6ed;
	text-transform:none;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 1px;
}

#logo h1 a:hover {
	color: #5CCA00;
}

#logo .description {
	color:#000000;
	padding-left:40px;
	padding-top:5px;
	font-size: 13px;
	line-height: 1.4em;
}

#searchform {
	float: right;
	margin-right:40px;
	width: 333px;
	height: 45px;
}

#searchform form {
	float: right;
	margin-top:12px;
	display: inline;
	background-position: left 0px;
	width: 333px;
	height: 45px;
}

#searchform fieldset {
	float: right;
	display: inline;
	padding-top: 10px;
	height: 35px;
}



#searchform input {
background:transparent;
	display: inline;
	vertical-align: middle;
	font-size: 14px;
}

#searchinput {
	width: 177px;
	height: 20px;
	padding-left: 6px;
	padding-top: 6px;
	color: #ffffff;
}

#searchbutton {
	height: 25px;
	line-height: 1.4em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
form#srcform {
	margin: 0px 0px 10px 0px;
}



form#srcform input {
	vertical-align: middle;
	font-size: 11px;
}

form#srcform #srcinput {
	padding: 2px;
	width: 250px;
	background: #FFF;
	color: #333;
	font-weight: normal;
}

form#srcform #srcbutton {
	padding: 2px;
	width: 50px;
	background: #aaa;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}


#pagenav {
	float: left;
	margin-left:-180px;
	margin-top:42px;
	width: 627px;
	height: 45px;
}

#pagenav ul {

	float: left;
	padding-top: 4px;
	margin-left: -162px;
	height: 25px;
}

#pagenav ul li {

	float: left;
	height: 25px;
	text-align: center;
	margin-right: 10px;
}

#pagenav ul li a {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	background:#85da00;
	float: left;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 25px;
	height: 22px;
	font-size: 13px;
	letter-spacing: 1px;
	color: #000000;
	font-family:"verdana";
	font-weight:bold;
}

#pagenav ul li a:hover {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	color: #000000;
	background: #f2f6ed;
}

#pagenav ul li.current_page_item a {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	color: #fff;
	background: #cb0c00;
}

#pagenav ul li.current_page_item a:hover {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	background: #f2f6ed;
	color: #000000;


}
/*end header*/

/*continut*/
#column {
	float: left;
	width: 500px;
	margin-left: 27px;
	background: #f2f6ed;
}


#cat{
float:left;
margin-top:-18px;
margin-left:20px;
}
ul.listcat {
	margin-top: 2px;
}

ul.listcat li {
	float: left;
	display: inline;
	margin-right: 1px;
}

ul.listcat li a {
	padding-left: 20px;
	padding-right: 10px;
	background: transparent;
	font-size: 12px;
	color: #ffffff;
	line-height: 22px;
	height: 22px;
	display: block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul.listcat li a:hover {
	background: transparent;
	color: #000000;
}


.entry {
	border-right: 5px solid #4B8B14;
	border-left: 5px solid #4B8B14;
	background: #f2f6ed;
}

.entry h2 {
	background:#4b8b14;
	border-left: 0px solid #cb0c00;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	line-height: 1.3em;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
}

.entry h2 a {
	line-height: 1.3em;
	font-size: 20px;
	letter-spacing: -1px;
	color:#ffffff;
}



.entry .date {
	display: block;
	margin-left: 15px;
	margin-right: 15px;
	color: #cb0c00;
	padding-bottom: 5px;
	padding-top:5px;
	font-size: 0.7em;
	line-height: 1.3em;
}


.info {
	background: #e1e5dd;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 11px;
}

.info .cat {
	float: left;
	color: #cb0c00;
}

.info .comments {
	float: left;
}

.info .cat a {
	line-height: 26px;
	background: url(images/ico-date.png) no-repeat;
	background-position: left center;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
}

.info .comments a {
float:left;
	line-height: 26px;
	background: url(images/comment.gif) no-repeat;
	background-position: left center;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
}


.post {
	margin-top: 10px;
}

.post a {
	color: #000000;
}

.post a:hover {
	color: #000000;
}

.post-top {

	width: 500px;
	height: 10px;
}

.post-bottom {
	width: 540px;
	height: 10px;
}


.content {
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 1px;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	line-height: 1.5em;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

.content p {
text-align:justify;
	color:#000000;
	font-size: 12px;
	line-height: 1.6em;
	margin: 0px 0px 10px 0px;
	padding: 0;
}

.content .more-link {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}

.content h1 {
	letter-spacing: -2px;
	font-size: 20px;
	color: #000000;
}

.content h2 {
	letter-spacing: -1px;
	font-size: 18px;
	color: #000000;
}

.content h3 {
	letter-spacing: -1px;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.content h4 {
	font-size: 14px;
	font-weight: bold;
}

.content h5 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.content h6 {
	font-size: 11px;
	font-weight: bold;
}

.tags {
	background:#4B8B14;
	border-left: 0px solid #cb0c00;
	font-weight: bold;
	line-height: 2em;
	color: #bbb;
	padding-left: 15px;
	padding-right: 15px;
	text-align: right;
	font-size: 11px;
}

.tags a {
	font-weight: normal;
	color: #FFF000;
	text-transform:lowercase;
}

.tags a:hover {
	color: #FFFFFF;
}
#comenturi {
border-bottom:5px solid #4B8B14;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

h3#respond {
color:#CB0C00;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	padding-bottom: 5px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #ddd;
}

h3#comments {
color:#CB0C00;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	padding-bottom: 5px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #ddd;
}

ol.commentlist {
	list-style-type: none;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

ol.commentlist li {
	background: #f8fcef;
	border: 1px solid #eee;
	padding: 20px;
	margin-top: 20px;
}

ol.commentlist li.alt {
	background: #FFF;
	border: 1px solid #eee;
	padding: 20px;
	margin-top: 20px;
}


.commentbody {
	float: left;
	display: inline;
	margin-left: 10px;
	width: 400px;
}

.commentbody em {
	font-size: 11px;
}

.reply form {
	width: 400px;
}

.reply p {
color:#CB0C00;
	margin-top: 10px;
	font-size: 11px;
}

.reply fieldset {
	vertical-align: middle;
	display: inline;
}

.reply input {
	vertical-align: middle;
	display: inline;
	font-size: 11px;
}

.reply textarea {
	vertical-align: middle;
	display: inline;
	font-size: 11px;
}

.reply label {
	vertical-align: middle;
	display: inline;
	font-size: 11px;
	font-weight: bold;
	font-family: tahoma;
	margin-left: 10px;
}

.replytext {
	background:#E1E5DD;
	border: 1px solid #eee;
	width: 180px;
	padding: 5px;
	color: #000000;
}

.replytext:focus {
	background: #E1E5DD ;
}

.replyarea {
	background:#E1E5DD;
	border: 1px solid #eee;
	line-height: 1.5em;
	padding: 5px;
	width: 450px;
	height: 120px;
	color: #000000;
}

.replyarea:focus {
	background: #E1E5DD;
}

.replybutton {
	text-align: center;
	width: 100px;
	height: 25px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	background: #7EA957;

}

/*end continut*/


/*sidebar*/

#sidebar {
	float: right;
	width: 350px;
}


.box {
	width: 350px;
}

.box h2 {
	margin-top: 20px;
	display: block;
	width: 318px;
	height: 22px;
	border-left:5px #4b8b14 solid;
	background:#ca0900;
	color: #fff;
	line-height: 22px;
	font-weight: bold;
	text-indent: 10px;
	font-size: 13px;
}


.tabs {
	margin-top: 20px;
	width: 370px;
	overflow: hidden;
}

.tabs li {
	float: left;
	display: inline;
	margin-left: 1px;
	text-align: center;
	overflow: hidden;
	font-size: 10px;
}

.tabs li a {
width:110px;
background-image:url(images/tab.png);
background-repeat:no-repeat;
	float: left;
	margin-right:-5px;
	display: block;
	color: #ffffff;
	font-weight: bold;
	line-height: 26px;
	height: 26px;
}

.tabs li a:hover {
background-image:url(images/tab2.png);
background-repeat:no-repeat;
	color: #000000;
	display: block;
}

.tabs li a.selected {
background-image:url(images/tab1.png);
background-repeat:no-repeat;
	display: block;
	color: #000000;
}

.tabs li a.selected:hover {
background-image:url(images/tab2.png);
background-repeat:no-repeat;
	display: block;
	color: #FFF;
}

.tabcontent {
	display: none;
	overflow: hidden;
	font-size: 11px;
}

.tabcontent a, .tabcontent a strong {
	color: #000000;
	line-height: 1.4em;
}

.tabcontent a:hover, .tabcontent a:hover strong {
	color: #cb0c00;
}

.tabcontent ul li {
width:312px;
	display: block;
	border-bottom: 1px solid #4b8b14;
	color: #000000;
	line-height: 1.4em;
	font-size: 11px;
	padding: 5px;
}

.tabcontent ul li a {
	color: #ca0900;
	line-height: 1.4em;
}

.tabcontent ul li a:hover {
	color: #4b8b14;
}

.tabcontent ul li span {
	display: block;
	color: #000000;
}

@media print {
	.tabcontent {
	display: block !important;
	}
}


#ads {
	float: right;
	display: inline;
	margin-top: 20px;
	width: 468px;
	height: 60px;
}

#ads img {
	display: block;
}


.ads {
	padding: 10px;
}

.ads ul {

}

.ads ul li {
	float: left;
	display: inline;
	width: 125px;
	height: 125px;
	margin-left: 5px;
	margin-right: 2px;
}

.ads ul li a {
	float: left;
	display: block;
	width: 125px;
	height: 125px;
}

.ads ul li a img {
	float: left;
	display: block;
	width: 125px;
	height: 125px;
}

.subscribe {
	padding: 10px;
}

.rssfeed {
color:#CA0900;
	font-size: 12px;
	line-height: 1.4em;
	margin-bottom: 5px;
}

.rssfeedlinks {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #4B8B14;
	width:312px;
	font-size: 11px;
}

.rssfeedlinks a {
width:51px;
height:55px;
	float: left;
	font-weight: bold;
	background: url(images/rss2.jpg) no-repeat left;
	padding-left: 52px;
	line-height: 1.5em;
	padding-top:12px;
	color: #000000;
	margin-right: 40px;
}

.rssfeedlinks a:hover {
	color: #4B8B14;
	line-height: 1.5em;
}

.subscribe form {
	display: inline;
}

.subscribe fieldset {
	display: inline;
}

.subscribe input {
	display: inline;
	vertical-align: middle;
	font-size: 11px;
}

#rssinput {
	width: 300px;
	height: 16px;
	padding: 3px;
	background: #fffe9a;
	color: #333;
}

#rssinput:focus {

}

#rssbutton {
	background: #1894e2;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.7em;
	font-weight: bold;
	cursor: pointer;
	height: 22px;
}

#rssbutton:hover {background: #333}

.sidebar {
	float: left;
	width: 323px;
	margin-right: 20px;
	font-size: 11px;
}

.sidebar a {
	color: #fff;
}

.sidebar a:hover {
	color: #fff;
}

.sidebar ul li h2 {
	margin-top: 20px;
	display: block;
	width: 330px;
	height: 22px;
	border-left:5px #4b8b14 solid;
	background:#ca0900;
	color: #FFFFFF;
	line-height: 22px;
	font-weight: bold;
	text-indent: 10px;
	font-size: 13px;
	margin-bottom: 5px;
}

.sidebar ul li div {
	padding: 10px;
	line-height: 1.4em;
	font-size: 11px;
}


.sidebar ul ul {
}

.sidebar ul ul ul {
}

.sidebar ul li ul li {
	display: block;
}

.sidebar ul li ul li a {
	background:#4b8b14;
	border-left:5px #ca0900 solid;
	display: block;
	color: #fff;
	line-height: 1.4em;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 1px;
}

.sidebar ul li ul li a:hover {
	border-left: 5px solid #4b8b14;
	background:#ca0900;
}
/*end sidebar*/


/*footer*/

#footer {
	width: 889px;
	height: 85px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	background:#4b8b14 url(images/footer.jpg);
	background-repeat:no-repeat;
	margin-right: auto;
	margin-left: auto;

}

#footercontent {
	width: 904px;
	height: 90px;
	margin-right: auto;
	margin-left: auto;
}

#footercontent ul {
	float: left;
	margin-bottom: 10px;
}

#footercontent ul li {
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px dotted #d6d3a4;
	line-height: 1.5em;
}

#footercontent ul li a {
	float: left;
	display: block;
	color: #666;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
	line-height: 1.5em;
}

#footercontent ul li a:hover {
	color: #333;
	line-height: 1.5em;
}

.footerlinks{
padding-top:60px;
padding-left:30px;
	float: left;
	color: #fff;
	line-height: 1.5em;
	font-size: 11px;
}

.footerlinks a {
	font-weight: bold;
	line-height: 1.5em;
	color: #fff;
}

.footerlinks a:hover {
	color: #fff;
	line-height: 1.5em;
}

/*end footer*/


/*altele*/

* {
	font-family: "Trebuchet MS";
	color: #000000;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0 none;
	text-decoration: none;
	white-space: normal;
	vertical-align: baseline;
}

html, body {line-height: 1}
hr {display: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''}
blockquote, q {quotes: "" ""}
ul {list-style-type: none}
ol {list-style-type: decimal}
.clear {clear: both}

.alignleft img, .alignright img, .aligncenter img {
	border: 4px solid #ccc;
}

.alignleft {
	float: left;
	display: inline;
	margin-right: 10px;
	margin-bottom: 4px;
}

.alignright {
	float: right;
	display: inline;
	margin-left: 10px;
	margin-bottom: 4px;
}

.aligncenter {
	text-align: center;
	display: inline;
}

.alignnone {
}

p.wp-caption-text {
	padding: 3px;
	margin: 0;
	font-size: 11px;
	color: #999;
}

/*end altele*/