/*   
Theme Name: Ecolutionist
Theme URI: http://ecolutionist.com
Description: Ecolutionist Theme 
Template: thematic
Version: 1.0
Tags: Thematic
*/

/* Color Palette ........................
Lightest Green: #66930a;
Medium Green:#4c6f05;
Dark Green:#395304
pale pale green :#e8fac2
Titles:#4c6f05
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/3c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* Layouts */

body, input, textarea {
    
    font: 12px Arial,sans-serif;
    line-height:18px;
}
#wrapper{
width:1060px;
margin:0 auto;
 }
#header{
width:1060px;
height:180px;
border-bottom:3px solid;
border-color:#e8fac2; 

}
#blog-title a {
background:url(http://ecolutionist.com/images/logo3.gif);
background-repeat:no-repeat;
display:block;
text-indent:-9000px;
width: 200px;
height: 177px;
position:relative;
top:12px;

}
#blog-description{
display:none;
 }
#branding  {
padding:2px 0 0px;
}

#branding {
float:left;
width:200px;
}
#access {
float:left;
border-bottom:0;
font-size:13px;
height:35px;
overflow:visible;
z-index:100;
width:725px;
margin-top:8px;
margin-left:70px;
padding-left:1px;


}

/* Menu item styles */
.menu {

width:960px;
}
.sf-menu{
font-family:Arial;
letter-spacing:.03em;
border:0;

 }
 sf-menu li{
 color:#fff;
  }
.sf-menu a{
color:#fff;
background-color:#66930a;
 }
.sf-menu a:visited{
color:#fff;
 }
.sf-menu a:hover{
color:#66930a;
background-color:#E8FAC2;
border-top:1px solid;
border-right:1px solid;
border-bottom:3px solid;
bordercolor:#ffffff;
}
.sf-menu a:visited, .sf-menu a:active{
color:#fff; }
.sf-menu li.page-item a:hover{
background-color:#fff;
color:#395304; }

.sf-menu li.page-item-2 a{
color:#fff;
background-color:#4c6f05; 
}
.sf-menu li.page-item-2 a:hover{
color:#66930a;
background-color:#E8FAC2;
border-top:1px solid white;
border-left:1px solid white;
border-right:1px solid white;
border-bottom:3px solid #e8fac2;
}
.sf-menu li.page-item-71 a{
color:#fff;
background-color:#395304; 
}
.sf-menu li.page-item-71 a:hover{
color:#66930a;
background-color:#E8FAC2;
border-top:1px solid white;
border-left:1px solid white;
border-right:1px solid white;
border-bottom:3px solid #e8fac2;
}
.sf-menu li.page-item-74 a{
color:#fff;
background-color:#66930a; 
}
.sf-menu li.page-item-74 a:hover{
color:#66930a;
background-color:#E8FAC2;
border-top:1px solid white;
border-left:1px solid white;
border-right:1px solid white;
border-bottom:3px solid #e8fac2;
}
.sf-menu li.page-item-15 a{
color:#fff;
background-color:#4c6f05; 
}
.sf-menu li.page-item-15 a:hover{
color:#66930a;
background-color:#E8FAC2;
border-top:1px solid white;
border-left:1px solid white;
border-right:1px solid white;
border-bottom:3px solid #e8fac2;
}
.sf-menu li.page-item-65 a{
color:#fff;
background-color:#395304; 
}
.sf-menu li.page-item-65 a:hover{
color:#66930a;
background-color:#E8FAC2;
border-top:1px solid white;
border-left:1px solid white;
border-right:1px solid white;
border-bottom:3px solid #e8fac2;
}
.sf-menu li.page-item-444 a{
color:#fff;
background-color:#66930a; 
}
.sf-menu li.page-item-444 a:hover{
color:#66930a;
background-color:#E8FAC2;
border-top:1px solid white;
border-left:1px solid white;
border-right:1px solid white;
border-bottom:3px solid #e8fac2;
}
.sf-menu li.page-item-9 a{
color:#fff;
background-color:#4c6f05; 
}
.sf-menu li.page-item-9 a:hover{
color:#66930a;
background-color:#E8FAC2;
border-top:1px solid white;
border-left:1px solid white;
border-right:1px solid white;
border-bottom:3px solid #e8fac2;

}
.sf-menu li.current_page_item a {
color:#66930a;
background-color:#E8FAC2;
border-top:1px solid white;
border-left:1px solid white;
border-right:1px solid white;
border-bottom:3px solid #e8fac2;


}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
color:#66930a;
background-color:#E8FAC2;
border-top:1px solid white;
border-left:1px solid white;
border-right:1px solid white;
border-bottom:3px solid #e8fac2;
}



/*add search to access bar*/
#access-search{
    position:absolute;
    left:61.3%;
    width:195px;
    margin-left:159px;
    height:34px;
   
    
   
}
input#searchsubmit{
float:left;
height:32px;
background-color:#395304;
color:#fff;
border-right:1px solid #66930a;
border-top:1px #66930a;
border-bottom:1px #66930a;
margin-left:5px;
font-size:12px;
font-family:Arial;
letter-spacing:.03em;

 }
input#s{
width:115px;
height:27px;



 }
 

button, input[type="reset"], input[type="button"], input[type="submit"] {
-moz-appearance:none;
-moz-binding:none;
-moz-box-sizing:border-box;
-moz-user-select:none;
background-color:none;
border:1px;
color:#66930a;
cursor:default;
font:georgia, serif;
line-height:18px!important;
padding:0 6px;
text-align:center;
text-shadow:none;
white-space:pre;

}


#main{
width:1060px;
background-color:#e8fac2;
border-top:3px solid;
border-color:#e8fac2;
padding:0 0 22px;
position:relative;
 top:-5px;
  }


a:link{
color:#395304;
text-decoration:none;
 }
a:hover{
color:#66930a;
 }
a:visited{
color:#395304;
text-decoration:none;
 }
/* Asides */
#header-aside{
width:790px;
height:90px;
float:right;
margin:39px 10px 8px 0px;

}


.aside h3 {
font-size:14px;
font-style:normal;
line-height:22px;
color:#395304;
font-weight:bold;
}

.aside a {
color:#66930a;
text-decoration:none;
}
.aside a:hover{
color:#395304;
 }

 }


.aside ul {
list-style:none outside none;
margin-left:0;
}

.main-aside ul{
padding:0;
text-align:left;

 }

.aside p, .aside ul, .aside ol, .aside dd, .aside pre {
margin-bottom:18px;
}

p, ul, ol, dd, pre {
margin-bottom:22px;
}

ul {
list-style:disc outside none;
color:#395304;
}

ul {
margin:0 0 18px 0;
}

ol, ul {
list-style:none outside none;
}
.aside ul ul li {
padding:1px 0;
text-decoration:none;
}
#primary .widgetcontainer{
background-color:#fff;

 }
#primary {
border:0px;
padding:0;
width:280px;
margin-top:10px;

}
#secondary{
width:160px;
border:0px;
padding:0;
margin-top:10px;
 }

 
 
/*content area */

.hentry {
padding:0 5px 12px;
background-color:#fff;
margin:15px 5px 5px;
}
/********************************************************************************************************************
*********************************************************************************************************************
THIS IS WHERE YOU WOULD CHANGE THE FONT COLOR AND TYPE FOR THE HEADINGS..
*********************************************************************************************************************
********************************************************************************************************************/
h1.entry-title{/* HEADER COLOR CHANGES MADE HERE*/
color:#395304;
 }
.entry-title {/* HEADER FONT FAMILY CHANGE HERE*/
font-family:Century Gothic,sans-serif;
font-size:22px;
font-weight:normal;
line-height:26px;
padding:0 0 7px;
font-color:#395304;
margin-left:9px;
}
.entry-title a, entry-title a:visited {
color:#395304;
text-decoration:none;
}
.entry-title a:hover {
color:#4c6f05;
text-decoration:none;
}
/***********************END FONT CHANGES HERE, DO NOT ALTER ANY OTHER LINES AS IT WILL BREAK THE LAYOUT****************
**********************************************************************************************************************/
.entry-content {
width:540px;
padding:2px 0 0;
margin-left:10px;
}
.entry-meta, entry-meta a:visited; {
color:#4c6f05;
font-size:13px;
font-style:italic;
line-height:18px;
text-decoration:none;
}
.entry-meta a:active, .entry-meta a:hover{
color:#66930a;
 }

.entry-content img {
margin:0 0 3px;
margin:0 auto;
text-align:center;
}


address{
margin-bottom:5px; }

.alignleft, img.alignleft {
float:left;
margin-right:15px;
}
strong{
	color:#4c6f05;
}

strong:hover{
	color: #66930a;
}
.widget_tag_cloud {
margin:0 5px 0px;
}
span.cat-links, span.tag-links{
display:none; 
}


.meta-sep-edit,.meta-sep-comments-link,.meta-sep-tag-links{
display:none;
 }
 
.entry-meta{
margin-left:10px; }
 .entry-date{
 color:#66930a;
 
  }
 
.page-title {
display:none;
}
small{
font-size:8pt; }

.follow img{
 margin-right:5px;
 vertical-align:middle;
 
 }
 



#footer{
 clear:both;
 width:1060px;
 color:#000000;
 border-bottom:1px solid #395304;
 border-top:0;
 margin-top:5px;

  
  }
 #subsidiary {
padding:3px 0 0;
}
 #first.aside ul ul{
  width:100%;
  margin:0 auto;
  text-align:center;
 
  
  }

 #menu-footer{
  }
 #menu-footer li{
 display:inline;
 padding-left:10px;

  }

#menu-footer a:active, #menu-footer a:visited{
  color:#66930a; }
#menu-footer a:hover{
color:#395304;

 }






}

/*Comment Form Styles*/
.entry-utility {
color:#666666;
font-size:13px;
line-height:18px;
margin:0 0 14px;


}
.entry-utility a {
color:#66930a;
text-decoration:none;
font-style:normal;
font-size:12pt;
}

.entry-utility a:hover {
color:#4c6f05;
text-decoration:none;
}
span.comments-link{
float:right;
color:#fff;
background:url(http://ecolutionist.com/images/bubble.jpg);
background-repeat:no-repeat;
height:30px;
width:30px;
display:block;
padding:2px 0 5px;
margin-right:115px;
margin-top:-37px;
}
span.comments-link a{
color:#fff;
margin:28px 0 0 10px;
 }

#form-allowed-tags{
display:none;
 }
#comments h3 {
font-family:century gothic,sans-serif;
font-size:15px;
font-weight:bold;
line-height:22px;
padding:0 0 18px;
color:#395304;
}
#comments h3 {
font-family:Arial,sans-serif;
font-size:15px;
font-weight:bold;
line-height:22px;
padding:0 5px 18px;
}
.formcontainer{
margin:5px;
 }
.form-section textarea {
width:99%;
border-color:#395304;
}
/*****Specific page customizations******/
#post-1986 h1.entry-title{
display:none;
 }

 #cirrusCloudWidget{
 margin:0 auto;
 text-align:center; 
 }
/*leaderboard ad */
#header-aside .textwidget{
width:788px;
height:90px;
 }
/*author bio layout */ 
.entry_author_image{
width:150px;
height:150px;
float:left;
margin:10px 10px 10px 20px;
 }
.nickname{
margin-left:15px;
color:#66930a;
font-style:italic;
font-weight:bold;
 }
#author-info{
padding:0 5px 12px;
background-color:#fff;
margin:15px 5px 5px;

 }
#author-info .entry-title{
margin-top:15px;
color:#395304;

 }
.author-bio{
margin:5px 0 0 15px;
 }
 #author-email{
 display:none; 
 }
.entry-meta {
color:#4c6f05;
font-size:11px;
font-style: normal;
line-height:18px;
} 
.entry-meta .n {
text-transform:capitalize;} /* author */

.meta-prep{
text-transform:lowercase;
 }
.meta-prep-author{
font-size:8pt;
text-transform:lowercase;
 }
.meta-prep-entry-date{
display:none;
 }/*published */

 
/* next page previous page ***/

.navigation a:active, .navigation a:hover {
color:#66930a;
}

.likebutton{
float:left;
 }
.single .hentry{
padding-bottom:10px;
 }
 /* Newsletter Owl Hover effect */
 
 .owlnews a {
   display:block;
   width:250px;
   height:36px;
   overflow:hidden;
}

.owlnews a:before {
   content:url(http://ecolutionist.com/images/owlsprite.jpg);
   display:-moz-inline-block; /* for Firefox 1.5 & 2 */
   display:inline-block;
   font-size:0;
   line-height:0;
}
.owlnews a:hover:before,
.owlnews a:focus:before,
.owlnews a:active:before {margin:-36px 0 0;}

#subsidiary .aside {
margin:0 auto;
text-align:center;
width:1060px;
}

a.more-link{
text-transform:uppercase;
font-weight:bold;
 }
.paged #nav-above {
display:none;
padding:0;&#160;}


