/*
Theme Name: Go Green
Theme URI: http://themesphere.com/go-green-free-wordpress-theme.html
Description: Go Green Free Theme brought to you by Theme Sphere.
Version: 1.0.3
Author: Theme Sphere
Author URI: http://themesphere.com
Tags: green, two-columns, fixed-width, theme-options
*/

* {
  margin: 0;
  padding: 0;
}
body {
  background: #f0efe0;
  font-family: Verdana, Tahoma, Sans-Serif; font-size: 12px;
  text-align: center;
}

#container {
  margin: 0 auto;
  text-align: left;
  width: 960px;
}

#fullwidth {
    float: center;
    padding: 5px 5px 5px 5px;
    width: 95%;
}

img {
  border: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, Sans-Serif;
  font-weight: normal;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.clear {
  clear: both;
  font-size: 0px;
  height: 0;
}

a {
  color: #517700;
}

a:hover {
  color: #000;
  text-decoration: underline;
}

a:active {
  outline: none;
}

a:focus {
  -moz-outline-style: none;
}

.navigation div {
  margin-bottom: 10px;
}

/* Header */

#header-asides {
  background: #565656;
  height: 34px;
  padding: 0 20px;
  width: 920px;
}

#header-asides .rss {
  background: url('imgs/rss.jpg') no-repeat 0 0;
  color: #adadad;
  display: inline-block;
  height: 21px;
  line-height: 20px;
  margin-top: 7px;
  padding-left: 40px;
  text-decoration: none;
}

#header-asides .rss:hover {
  background: url('imgs/rss_active.jpg') no-repeat 0 0;
  color: #d2d2d2;
}

#header-asides form {
  margin-top: 6px;
}

#header-asides form p {
  position: relative;
}

#header-asides form input.text {
  background: transparent url('imgs/search_bg.jpg') repeat-x top left;
  border: 0;
  border-bottom: 1px solid #6e6e6e; border-right: 1px solid #6e6e6e;
  color: #fff;
  font-size: 11px;
  height: 13px;
  padding: 4px;
  width: 200px;
}

#header-asides form input.search {
  position: absolute; right: 3px; top: 4px;
}

/* Header */

#header {
  background: #383838;
  margin-bottom: 35px;
  padding: 16px 20px;
  position: relative;
  width: 920px;
}

#header h1 {
  float: left;
}

#header h1 a {
  color: #78AF00;
  display: block;
  font-size: 26px; font-weight: bold;
  text-decoration: none;
}

#header ul {
  list-style-type: none;
  float: right; margin-top: 5px;
  height: 23px;
}

#header ul li {
  float: left;
  position: relative;
  margin-left: 40px;
}

#header ul li a {
  border: 1px solid #383838;
  color: #84be07;
  font-size: 14px;
  display: inline;
  float: left;
  height: 23px;
  line-height: 23px;
  padding: 0 10px;
  text-decoration: none;
}

#header ul li a:hover, #header ul li.hover a, #header ul li.current_page_item a,
#header ul li.current_page_parent a {
  background: #689800;
  border: 1px solid #87b316;
  color: #eeeeee;
}

#header ul li ul {
  display: none;
  width: 130px;
}

#header ul li:hover ul, #header ul li.hover ul {
  display: block;
  position: absolute; top: 20px;
}

#header ul li ul li {
  float: none;
  width: 130px;
  margin-left: 0;
}

#header ul li ul li a, #header ul li.hover ul li a, #header ul li.current_page_item ul li a,
#header ul li.current_page_parent ul li a {
  border: 1px solid #ccc; border-top: 0;
  background: #fff;
  color: #000;
  font-size: 10px;
  width: 130px;
}

#header ul li ul li a:hover, #header ul li ul li.current_page_item a {
  color: #689800;
}

/* Wrapper */

#wrapper {
  background: #fff;
  border: 1px solid #d1d0c5;
  color: #2a2a2a;
  overflow: hidden;
  padding: 25px;
  width: 910px;
}

/* Col 1 */

#col-1 {
  float: left;
  width: 586px;
}

#col-1 h3 {
  color: #000;
  font-size: 18px; font-weight: bold;
  margin-bottom: 30px;
}

#col-1 h2.pagetitle {
  margin-bottom: 30px;
}

#col-1 .post {
  border-bottom: 1px solid #c0c0c0;
  margin-bottom: 50px;
  padding-bottom: 10px;
}

#col-1 .post img {
  background: #fff;
  border: 1px solid #c8c8c8;
  padding: 5px;
}

#col-1 .post img.alignright {
  margin-left: 15px;
}

#col-1 .post img.alignleft {
  margin-right: 15px;
}

#col-1 .post .postmetadata {
  color: #909090;
  overflow: hidden;
  width: 586px;
}

#col-1 .post .read-more-box {
  margin-top: 20px;
}

#col-1 .sticky .read-more-box {
  margin-bottom: 0;
}

#col-1 .post .postmetadata small {
  font-size: 11px;
}

#col-1 .post .postmetadata .read-more a {
  background: #689800;
  color: #fff;
  display: block;
  padding: 5px;
  text-decoration: none;
}

#col-1 .post .postmetadata .read-more a:hover {
  background: #5a8300;
  color: #fff;
  display: block;
  padding: 5px;
  text-decoration: none;
}

#col-1 .post .comments, #col-1 .post .comments a {
  color: #000000;
  font-style: italic;
  text-decoration: none;
}

#col-1 .post .comments a:hover {
  text-decoration: underline;
}

#col-1 .post h2, #col-1 .post h2 a {
  color: #517700;
  font-size: 18px; font-weight: bold;
  margin-bottom: 20px;
  text-decoration: none;
}

#col-1 .post h2 a:hover {
  color: #000;
  text-decoration: underline;
}

#col-1 .post .content h1, #col-1 .post .content h1 a {
  color: #676661;
  font-size: 20px;
  margin-bottom: 10px;
  text-decoration: none;  
}

#col-1 .post .content h2, #col-1 .post .content h2 a {
  color: #676661;
  font-size: 18px; font-weight: normal;
  margin-bottom: 10px;
  text-decoration: none;  
}

#col-1 .post .content h3, #col-1 .post .content h3 a {
  color: #676661;
  font-size: 16px;
  margin-bottom: 10px;
  text-decoration: none;  
}

#col-1 .post .content h4, #col-1 .post .content h4 a {
  color: #676661;
  font-size: 14px; font-weight: bold;
  margin-bottom: 10px;
  text-decoration: none;  
}

#col-1 .post .content h5, #col-1 .post .content h5 a {
  color: #676661;
  font-size: 12px; font-weight: bold;
  margin-bottom: 10px;
  text-decoration: none;  
}

#col-1 .post .content h6, #col-1 .post .content h6 a {
  color: #676661;
  font-size: 11px; font-weight: bold;
  margin-bottom: 10px;
  text-decoration: none;  
}

#col-1 .post .content ol, #col-1 .post .content ul {
  margin-left: 50px;
  margin-bottom: 10px;
}

#col-1 .post .content li {
  margin-bottom: 10px;
}

#col-1 .post .content blockquote {
  background: #F0EFE0;
  border: 1px solid #D1D0C5;
  font-style: italic;
  padding-left: 20px; padding-right: 50px;
  margin: 10px 0px;
}

#col-1 .post .title {
  overflow: hidden;
  width: 586px;
}

#col-1 .post .content {
  overflow: hidden;
  width: 100%;
}

#col-1 .sticky .content {
  overflow: hidden;
  width: 100%;
}

#col-1 .post .content p {
  display: block;
  line-height: 20px;
  padding: 10px 0;
}

#col-1 .post .postmetadata p {
  margin-bottom: 5px;
}

#col-1 .sticky {
  background: #f1f1f1;
  border: 1px solid #cccccc; border-top: 3px solid #cccccc;
  padding: 10px 15px;
}

#col-1 .sticky .postmetadata {
  width: 556px;
}

#col-1 .sticky .postmetadata .featured {
  border: 1px solid #cdcdcd;
  color: #6e6e6e;
  font-family: Arial, Helvetica, Sans-Serif; font-size: 16px;
  padding: 0;
}

#col-1 .sticky .postmetadata .featured span {
  display: block;
  border: 1px solid #fff;
  padding: 3px 10px;
}

#col-1 .wp-pagenavi {
  margin-bottom: 50px;
}

#col-1 .wp-pagenavi span.pages, #col-1 .wp-pagenavi a {
  background: #5A8300;
  border: 0;
  color: #fff;
  padding: 5px;
}

#col-1 .wp-pagenavi span, #col-1 .wp-pagenavi a {
  display: inline;
  padding: 5px;
  text-decoration: none;
}

#col-1 .wp-pagenavi span.on, #col-1 .wp-pagenavi span.current {
  background: #364F00;
  border: 0;
  color: #fff;
}

#col-1 ol.comments {
  float: left;
  display: inline;
  padding-bottom: 10px;
}

#col-1 ol.comments, #col-1 ol.comments ul {
  list-style: none;
}

#col-1 ol.comments li .comment-container {
  background: #f9f9f9;
  border: 1px solid #d6d6d6;
  display: inline;
  float: left;
  overflow: hidden;
  margin-bottom: 15px;
  padding: 15px 15px;
  width: 554px;
}

#col-1 ol.comments li.depth-2 .comment-container {
  margin-left: 20px;
  width: 534px;
}

#col-1 ol.comments li.depth-2 .comment-container .comment,
#col-1 ol.comments li.depth-2 .comment-container .comment .commentmetadata
{
  width: 405px;
}

#col-1 ol.comments li.depth-3 .comment-container {
  margin-left: 40px;
  width: 514px;
}

#col-1 ol.comments li.depth-3 .comment-container .comment,
#col-1 ol.comments li.depth-3 .comment-container .comment .commentmetadata
{
  width: 385px;
}

#col-1 ol.comments li.depth-4 .comment-container {
  margin-left: 60px;
  width: 494px;
}

#col-1 ol.comments li.depth-4 .comment-container .comment,
#col-1 ol.comments li.depth-4 .comment-container .comment .commentmetadata
{
  width: 365px;
}

#col-1 ol.comments li.depth-5 .comment-container {
  margin-left: 80px;
  width: 474px;
}

#col-1 ol.comments li.depth-5 .comment-container .comment,
#col-1 ol.comments li.depth-5 .comment-container .comment .commentmetadata
{
  width: 345px;
}

#col-1 ol.comments li.depth-6 .comment-container {
  margin-left: 100px;
  width: 454px;
}

#col-1 ol.comments li.depth-6 .comment-container .comment,
#col-1 ol.comments li.depth-6 .comment-container .comment .commentmetadata
{
  width: 325px;
}

#col-1 ol.comments li.depth-7 .comment-container {
  margin-left: 120px;
  width: 434px;
}

#col-1 ol.comments li.depth-7 .comment-container .comment,
#col-1 ol.comments li.depth-7 .comment-container .comment .commentmetadata
{
  width: 305px;
}

#col-1 ol.comments li .comment-container .avatar {
  background: #fff;
  border: 1px solid #d7d7d7;
  float: left;
  margin-right: 25px;
  padding: 6px;
}

#col-1 ol.comments li .comment-container .comment {
  float: left;
  width: 425px;
}

#col-1 ol.comments li .comment-container .noavatar,
#col-1 ol.comments li.depth-2 .comment-container .noavatar,
#col-1 ol.comments li.depth-3 .comment-container .noavatar,
#col-1 ol.comments li.depth-4 .comment-container .noavatar,
#col-1 ol.comments li.depth-5 .comment-container .noavatar,
#col-1 ol.comments li.depth-6 .comment-container .noavatar,
#col-1 ol.comments li.depth-7 .comment-container .noavatar {
  width: 100%;
}

#col-1 ol.comments li .comment-container .comment .commentmetadata {
  background: transparent url('imgs/commentmetadata_bg.jpg') repeat-x bottom left;
  overflow: hidden;
  margin-bottom: 5px;
  padding-bottom: 15px;
  width: 425px;
}

#col-1 ol.comments li .comment-container .noavatar .commentmetadata,
#col-1 ol.comments li.depth-2 .comment-container .noavatar .commentmetadata,
#col-1 ol.comments li.depth-3 .comment-container .noavatar .commentmetadata,
#col-1 ol.comments li.depth-4 .comment-container .noavatar .commentmetadata,
#col-1 ol.comments li.depth-5 .comment-container .noavatar .commentmetadata,
#col-1 ol.comments li.depth-6 .comment-container .noavatar .commentmetadata,
#col-1 ol.comments li.depth-7 .comment-container .noavatar .commentmetadata {
  width: 100%;
}

#col-1 ol.comments li .comment-container .comment .commentmetadata cite {
  color: #000000;
  font-style: normal; font-size: 18px;
}

#col-1 ol.comments li .comment-container .comment .commentmetadata .date {
  color: #6f6f6f;
  font-style: italic;
}

#col-1 ol.comments li .comment-container .comment .comment-text {
  color: #2a2a2a;
  line-height: 20px;
  margin-bottom: 10px;
}

#col-1 ol.comments li .comment-container .comment .comment-text p {
  padding: 10px 0px;
}

#col-1 ol.comments li .comment-container .reply {
  float: right;
}

#col-1 ol.comments li .comment-container .reply a {
  background: #689800;
  color: #fff;
  float: right;
  padding: 5px 10px;
  text-decoration: none;
}

#col-1 #respond {
  background: #f1f1f1 url('imgs/respond_bg.jpg') repeat-x top left;
  border: 1px solid #d7d7d7;
  padding: 15px 15px;
  overflow: hidden;
  width: 554px;
}

#col-1 #respond .comment_button {
  background: #f5f5f5;
  border: 1px solid #cdcdcd;
  color: #6e6e6e;
  font-size: 14px;
  height: 30px;
  width: 100px;
  padding: 0;
}

#col-1 #respond p {
  margin-bottom: 10px;
}

#col-1 #respond h3 {
  background: transparent url('imgs/comment.jpg') no-repeat top left;
  height: 30px;
  padding-left: 40px;
}

#col-1 #respond label {
  color: #535353;
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}

#col-1 #respond label span {
  color: #8b8a8a;
  font-size: 12px;
}

#col-1 #respond input {
  border-top: 1px solid #adadad; border-left: 1px solid #adadad;
  border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;
  font-size: 12px;
  height: 15px;
  padding: 5px;
  width: 544px;
}

#col-1 #respond textarea {
  border-top: 1px solid #adadad; border-left: 1px solid #adadad;
  border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;  
  padding: 5px;
  width: 544px;
  height: 190px;
}

/* Col 2 */

#col-2 {
  list-style: none;
  float: right;
  width: 288px;
}

#col-2 ul {
  list-style: none;
}

#col-2 li {
  margin-bottom: 25px;
}

#col-2 li div.tweet {
  margin-bottom: 50px;
}

#col-2 li div.tweet p {
  border: 1px solid #cccccc;
}

#col-2 li div.tweet p span {
  background: #f1f1f1;
  border-top: 3px solid #c3c3c3;
  color: #000;
  display: block;
  font-size: 12px;
  line-height: 20px;
  padding: 10px;
}

#col-2 li div.tweet .arrow {
  background: transparent url('imgs/tweet_arrow.jpg') no-repeat bottom right;
  margin-top: -1px; margin-left: 232px;
  width: 29px; height: 20px;
}

#col-2 li div.tweet a {
  background: transparent url('imgs/twitter.png') no-repeat top right;
  color: #517700;
  display: block;
  height: 48px;
  text-decoration: none;
}

#col-2 h3 {
  background: transparent url('imgs/heading_col2_bg.jpg') repeat-x bottom left;
  color: #676661;
  font-size: 16px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#col-2 li ul li {
  float: none;
  display: inline;
  margin: 0;
}

#col-2 li ul li a {
  background: transparent url('imgs/arrow.jpg') no-repeat 10px 10px;
  border-bottom: 1px solid #e5e5e5;
  color: #517700;
  display: block;
  padding: 7px 10px;
  text-indent: 20px;
  text-decoration: none;
}

#col-2 li ul li a:hover {
  background: #f1f1f1 url('imgs/arrow_highlight.jpg') no-repeat 10px 10px;
  color: #000;
}

#col-2 li div#tabs {
  background: #f1f1f1;
}

#col-2 li ul.tabs {
  background: #fff;
  overflow: hidden;
  width: 100%;
}

#col-2 li ul.tabs li {
  float: left;
}

#col-2 li ul.tabs li a {
  border-top: 3px solid #689800;
  background: #689800;
  border-bottom: 0;
  color: #fff;
  margin-right: 2px;
  text-indent: 0;
}

#col-2 li ul.tabs li a.selected, #col-2 li ul.tabs li a:hover {
  background: #f1f1f1;
  border-top: 3px solid #c3c3c3;
  border-bottom: 0;
  color: #000;
  margin-right: 2px;
  text-indent: 0;
}

#col-2 li div#tabs ul li a {
  background-image: url('imgs/arrow_grey.jpg');
}

#col-2 li div#tabs ul li a:hover {
  background-color: #fff;
  background-image: url('imgs/arrow_highlight.jpg');
}

#col-2 li div#tabs ul.tabs li a, #col-2 li div#tabs ul.tabs li a:hover {
  background-image: none;
}

#col-2 li div#tabs ul.tabs li a:hover {
  background: #f1f1f1;
}

#col-2 li.ads {
  margin-bottom: 50px;
}

#col-2 li.ads ul {
  overflow: hidden;
  width: 100%;
}

#col-2 li.ads ul li {
  float: left;
  width: auto;
  margin-right: 10px; margin-bottom: 10px;
}

#col-2 li.ads ul li a {
  background: transparent none;
  border: 0;
  padding: 0;
  margin: 0;
  text-indent: 0;
  display: block;
  
  padding: 2px;
  border: 1px solid #CCCCCC;
}

/* Footer */

#footer {
  background: #565656;
  color: #bababa;
  margin-bottom: 20px;
  padding: 10px 0px;
  text-align: center;
  width: 962px;
}

#footer a {
  color: #fff;
}
