/*  
Theme Name: Ecogreen
Theme URI: http://marketingcherry.com/ecogreen-wordpress-theme/
Author: Ventsislav Vasilev
Author URI: http://marketingcherry.com/
Description: Ecogreen theme is a new fresh colorful html5css3 theme for WordPress with main features: responsive or adaptive design, breadcrumbs navigation, microdata (schema.org) or microformats, 5 widget-ready areas, left sidebar, custom top menu area, custom background, post views counter, author page, 404 page,rtl language support,  front page, category page, archive page, tag page excerpt with image,  no timthumb
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, green, two-columns, left-sidebar, fixed-width, custom-background, custom-menu, microformats, rtl-language-support, sticky-post 
Text Domain: ecogreen
*/

/* Reset CSS
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 
 
/* Main elements */
html {
padding-top:12px;
}

html,body , input, textarea {
	margin: 0 auto;
	color: #000000;
	font-family:  Tahoma, Verdana, Arial, Helvetica, Lucida, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align:left;
	font-weight: 300;
	line-height: 1.625;
	background-image: url('images/background.jpg');
	position:relative;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {
	margin-bottom: 1.625em;
}
ul, ol {
	margin: 0 0 1.625em 2.5em;
}
ul {
	list-style: square;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd, samp, var {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

table { margin: 1em; border-collapse: collapse; }
td, th { padding: .3em; border: 1px #ccc solid; }
thead { background: #fc9; }
tbody { background: #9cf; }

/* Forms */
input[type=text],
input[type=password],
textarea {
	background: #fafafa!important;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
  
}
input[type=text]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}
input#s {
	background: url(images/search.png) no-repeat 5px 6px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
}
input#searchsubmit {
	display: none;
}


.sticky {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);

}
/** Headings */
h1, h2, h3, h4, h5, h6 {
	font-family: Candara, "Myriad Pro", "Trebuchet MS", sans-serif;
	font-weight: normal;
	text-decoration:none; 
	text-transform: uppercase;
	color:#c84d5f;
}

h1 {
	margin: 0.7em 0;
	font-size: 1.8em;
	line-height: 1;
	text-decoration:none; 

}

h2 {
	margin: 1em 0;
	font-size: 1.25em;
	line-height: 1.2;
}
h3 {
	margin: 1.2em 0;
	font-size: 1em;
	line-height: 1.5;
	font-weight: bold;
}
h4, h5, h6 {
	margin: 1.5em 0;
	font-size: 1em;
	line-height: 1.5;
}


.wrapper{
	margin: 0 auto;
	width: 950px;
	display:block;
	position:relative;
    border:none;
	color: #afafaf;
	font-size:11px;
	font-family: Verdana;
	line-height:1.62;
}

.wrapper a{
	text-decoration: none;
	color:#c84d5f;
}

/** Top Navigation **/

#top-menu {
	text-align:left;
	height: 42px;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #c84d5f;
	background-color:#3cb206;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
}
#top-menu ul{
	list-style-type:none;
	padding-top:8px;
	padding-bottom:10px;
	margin: 0 0 0 -0.8125em;
}

#top-menu ul li {
	float: left;
	position: relative;
}

#top-menu ul li a {
    display: block;
	color: #fff;
	font-size:14px;
	font-weight:bold;
	font-family: Verdana;
	text-decoration: none;
	margin-right: 23px;
	margin-left: 23px;
}
#top-menu  ul ul {

	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#top-menu  ul ul ul {
	left: 100%;
	top: 0;
}
#top-menu  ul ul a {
	background: #3cb206;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 8px 10px;
	width: 168px;
	
}
#top-menu   li:hover > a,
#top-menu   ul ul :hover > a,
#top-menu   a:focus {
	background: #ffcf79;
}

#top-menu  ul li:hover > ul {
	display: block;
}

#top-menu   li:hover > a,
#top-menu   a:focus{
	color: #8d8d8d;
	margin-top:-8px;
	background-color:#ffcf79;
	font-size:14px;
	font-family: Verdana;
	text-decoration: none;
	padding-left:10px;
	padding-right:10px;
	padding-top:11px;
	padding-bottom:9px;
}


/** Main Banner **/
#banner {
	margin:0 auto;
	height:170px;
}

/** Logo **/
#logo
{
	position: absolute;
	top: 74px;
	left:40px;
	border:none;

}

/** Slogan **/
#slogan
{
	position: absolute;
	top:132px;
	left:40px;
	font-size:14px;
	font-weight:bold;
    font-family: "Trebuchet MS";
	color:#000;
}


/** Article and sitebar container **/

#container{
	min-height:573px;
	border:none;
}

/** Articlies */
#main-wrap{
    float:left;
    width:625px; 
	display:block;
	padding:10px;
	background-color:#e5e4d7;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #c84d5f;
	overflow:hidden;
}

/** Sitebar */

.sitebar
{
    float:right;
    width:270px;
    background-color: #ffcf79;
	margin-left:9px;
	padding-top:14px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
    -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #c84d5f;
}

.sitebar-menu
 {
	margin-left:30px;
    list-style-image:url('images/bulet.png');	
}
.sitebar-menu ul
 {
    list-style-image:url('images/bulet.png');	
}

.sitebar-menu li
 {
padding:5px;
}

.sitebar-menu a 
 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight:bold;
	text-decoration:none;
	color:#373434;
	margin: 10px 10px 30px 5px;
}

.sitebar-menu a:visited {
	color: #7a7575;
}
.sitebar-menu a:active,
.sitebar-menu a:hover {
	color: #3cb206;
}

.sitebar-title {
    width:230px;
	height:33px;
	font-family:'Lobster', cursive; "Trebuchet MS";
	font-weight: bold;
	font-size: 14px;
	color:#fff;
	margin-left:-15px;
	margin-top:15px;
	margin-bottom:15px;
	padding-left:10px;
	background:#3cb206;
	line-height:30px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #c84d5f;
	overflow:hidden;
}

/** Articles */

article a {
	
	text-decoration:none; 
	font-weight: bold;
    color:#c84d5f;
}
article a:hover {
    color: #ffcf79;
}
article {
	color: #333333;
	font-size:14px;
	font-family: Verdana;
	line-height:1.62;
}

article .time {
	position:relative;
	font-style:italic;
	color: #706262;
	font-size:13px;
	font-family: Verdana;
}

article .view {
	float:right;
	margin:10px;
	font-style:italic;
	color: #706262;
	font-size:13px;
	font-family: Verdana;
}
article .tags {
	float:left;
	margin:10px;
	font-style:italic;
	color: #706262;
	font-size:13px;
	font-family: Verdana;
}

.article img 
{
	float:left;
	border: 1px solid #dfdfdf;
	margin-right: 9px;
	margin-bottom: 9px;
}
/** Begin breadcrumb  */

#breadcrumb {
    font: 11px Arial, Helvetica, sans-serif;
	height:30px;
    line-height:30px;
    color:#888;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
}

#breadcrumb li {
    list-style-type:none;
    padding-left:5px;
	display:inline-block;
	float:left;
}

#breadcrumb a {
	display:inline-block;
    padding-right: 5px;
    text-decoration: none;
    color:#333333;
	outline:none;
}

.home {
    border:none;
}

#breadcrumb a:hover {
	color:#c84d5f;
}
/** End breadcrumb  */

/** Begin single post navigarion*/

.article-nav {
	height:40px;
}

.left {
    float:left;
	font-family: Verdana;
	font-size:12px;
	color:#000;
	font-style:italic;
	margin-top:15px;
	margin-bottom:10px;
	margin-left:20px;
	text-decoration:none;
}
.left a {text-decoration:none}
.right {
    float:right;
	font-family: Verdana;
	font-size:12px;
	font-style:italic;
	color:#000;
	margin-top:15px;
	margin-bottom:10px;
	margin-right:330px;
	}
.right a {text-decoration:none}

/** End single post navigarion*/

/** Begin Archive*/

.archive {
    text-align:left;
}

/** End Archive*/
/** Footer */

#footer{
	background:#2c6700;
	font-family: Verdana;
	font-size:12px;
	font-weight: bold;
	color:#fff;
	margin-top:10px;
	margin-bottom:40px;
	padding-left:40px;
	padding-top:10px;
	padding-bottom:10px;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #c84d5f;
	overflow:hidden;
}
#area1 {
	float:left;
	width:225px;
}
#area2 {
	float:left;
	width:225px;
}
#area3 {
	float:left;
	width:225px;
}
#area4 {
	float:left;
	width:225px;
}

.footer-title {
	font-size: 16px;
	margin-top:10px;
	margin-bottom:10px;
	line-height: 1;
	text-decoration:none; 
	color:#c84d5f;
}
.footer-menu ul
 {
 
    list-style-image:url('images/bulet-footer.png');	
}
.footer-menu a {
	color:#fff;
	text-decoration:none; 
}
.footer-menu a:hover {
	color:#ffcf79;
	text-decoration:none; 
}

#footer-link{
	font-size: 10px;
    text-align:center;  
}
/** End Archive*/

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	text-align:center;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	padding:5px;
	float: right;
	color:#fff;
	background:#2c6700;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #c84d5f;
	
	}
/* End Form Elements */

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

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

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text,
.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}


/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/** clear */
.clear {
	content: "";
	display: block;
	clear:both;
	_zoom: 1;
}