/*
Theme Name: Ecolo Techno
Theme URI: http://www.simplywp.net
Description: 2 columns green theme
Author: Kathie & Andrew
Author URI: http://www.simplywp.net
*/


body {background: #bde74b url('images/background.gif') repeat-x top center !important; font: 16px "Lucida Grande", Verdana, Arial, sans-serif; line-height: 1.5}
body p {margin-bottom: 16px; line-height: 1.5em;}


/* Whole structure */
#content {display: inline;}
#container {margin: 0 auto; overflow: hidden; width: 960px;}
#overall {background:  url('images/background-bottom.gif') repeat-x bottom center;}
#header {clear:both}
#navigation {background: #006400 url('images/nav-bg.gif') repeat-x top center; clear: both; overflow: hidden; display: block; margin: 0px 10px 10px 10px; padding: 10px 0px; text-transform: uppercase;}
#content {font-size: 0.8em; background: #fff; float: left; width: 620px; margin: 0px 10px; padding: 20px 0px; overflow: hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#aside {background: #fff; float: right; width: 300px; margin: 0px 10px; font-size: 0.8em; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#footer {clear: both; overflow: hidden; margin-bottom: 140px;}


/* Navigation */
#navigation ul {display: inline; margin-left: 10px;}
#navigation ul li {display: inline; margin-right: 20px;}

/* Header styling */
#header .header-title {display: block; background: url('images/header.jpg') no-repeat top center; width: 960px; height:338px; text-indent: -9999px;}


/* Entry body structure */
#content .entry-body {margin: 0px 20px 50px 20px;}
#content .entry-title {font-size: 1.6em; color: #006400; text-transform: uppercase; font-weight: normal;}
#content .entry-date {margin-right: 20px;}
#content .entry-edit {font-weight: bold;}
#content .entry-category {margin-right: 20px;}
#content .entry-comment {margin-right: 20px;}
#content .entry-meta {background-color: #BDE74B; border: 2px solid #80b280; padding: 8px 10px;}
#content .entry-footer {border: 1px solid #ccc; padding: 5px;}
#footer-navi {clear: both; overflow: hidden; margin: 10px;}
#footer-navi .navleft {float: left;}
#footer-navi .navright {float: right;}
#content .wp-pagenavi {background: #f7f6f6; margin: 0px 10px; padding: 10px; text-align: center;}
#content h3.entry-share {font-size: 1.6em; color: #006400;}

/* Container/Entry styling */
#content .entry-body h1, #content .entry-body h3, #content .entry-body h4,{font-size: 1.6em; color: #006400;}
#content .entry-body h2 {font-style: normal; padding-top: 20px; padding-bottom: 15px; font-weight: normal; font-size: 1.5em; color: #006400;}
#content .entry-body blockquote {margin: 0px 30px 15px 30px; font-style: italic; color: #666; border-left: 3px solid #666; padding-left: 20px;}
#content .entry-body ul {line-height: 20px; margin: 0px 20px 15px 20px; list-style: disc;}
#content .entry-body ol {margin: 0px 20px 15px 20px; list-style: decimal;}
#content .entry-body li {padding: 2px 0px;}
#content .entry-share {overflow: hidden;}
#content .entry-body .postmetadata {font-size: 0.8em; color: #999; overflow: hidden; padding: 5px;}


/* Sidebar styling */
#aside h2 {font-size: 1.6em; color: #006400; text-transform: uppercase; font-weight: normal; margin-bottom: 10px;}
#aside ul li {padding: 3px 0px;}
#aside .sidebox {margin: 20px 20px 40px 20px;}
#aside p {margin: 0px !important;}
#aside .sidebox .side-rss {font-weight: bold; background: #fff url('images/rss-feed.gif') no-repeat left center; padding: 20px 0px 20px 85px; overflow:hidden;}
#aside #side-search-text {margin-right: 5px; width: 65%; border: 1px solid #006400;}
#aside #side-search-submit {background: #006400; color: #fff; width: 30%; border: 1px solid #006400;}

/* Footer styling */
#footer .footer-inner {background: #fff; font-size: 0.8em; overflow: hidden; margin: 20px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#footer .footer-inner .footer-block h3 {font-size: 1.6em; color: #006400; text-transform: uppercase; font-weight: normal;}
#footer .footer-inner .footer-block {float: left; display: block; width: 290px; margin: 20px 10px;}
#footer .footer-inner li {padding: 3px 0px;}
#footer .footer-inner .footer-navi {display: inline;}
#footer .footer-inner .footer-navi li {display: inline; margin-right: 5px;}
p.footer-copy {text-align: center; color:#fff; font-size: 0.8em; overflow: hidden; margin: 10px 0px;}


/* Begin Comments*/
#comment-box {margin: 0px 30px; overflow: hidden;}
#comment-box #comment {width: 90%;}
#comment-box #author, #comment-box #email, #comment-box #url {width: 200px;}
#comment-box h3 {font-size: 1.4em; color: #006400; margin: 10px 0px;}
#comment-box code {color: #999; font-size: 1.2em;}
#comment-box #cancel-comment-reply-link {background: #006400; color: #fff; padding: 2px;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal;}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}
.commentmetadata {font-weight: normal; font-size: 0.8em;}
.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-left: 45px; border: 1px solid #eee;}
.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;}
.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd;}
.comment-reply-link {color: #fff; font-size: 0.8em; background: #006400; overflow: hidden; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.comment-reply-link:hover {color: #006400; background: #efefef;}



/* Begin calendar */
#wp-calendar {text-align: center; width: 100%;}
#wp-calendar caption {font-weight: bold; text-align: center; padding: 10px 0px;}
#wp-calendar th {font-style: normal; text-transform: capitalize; padding: 2px;}
#wp-calendar td {font-style: normal; padding: 2px;}


/* Begin Images */
img.centered {display: block; margin: auto;}
img.alignright {display: inline; margin: 0px 0px 2px 5px; padding: 2px;}
img.alignleft {padding: 2px; margin: 0px 5px 2px 0px; display: inline;}
.alignleft {float: left;}
.alignright {float: right;}

/* Captions */
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #CCCCCC; background: #EFEFEF; margin: 10px; padding-top: 4px; text-align: center;}
.wp-caption img {border: 0px;}
.wp-caption p.wp-caption-text {font-size: 0.8em; line-height: 15px;}


/* Social Network Icons */
.furl {background: url('images/buttons/furl.png') no-repeat center; display: block; float: left; height: 24px; margin-right: 5px; text-indent: -9999px; width: 24px;}
.magnolia {background: url('images/buttons/magnolia.png') no-repeat center; display: block; float: left; height: 24px; margin-right: 5px; text-indent: -9999px; width: 24px;}
.delicious {background: url('images/buttons/delicious.png') no-repeat center; display: block; float: left; height: 24px; margin-right: 5px; text-indent: -9999px; width: 24px;}
.digg {background: url('images/buttons/digg.png') no-repeat center; display: block; float: left; height: 24px; margin-right: 5px; text-indent: -9999px; width: 24px;}
.reddit {background: url('images/buttons/reddit.png') no-repeat center; display: block; float: left; height: 24px; margin-right: 5px; text-indent: -9999px; width: 24px;}
.stumbleupon {background: url('images/buttons/stumbleupon.png') no-repeat center; display: block; float: left; height: 24px; margin-right: 5px; text-indent: -9999px; width: 24px;}
.facebook {background: url('images/buttons/facebook.png') no-repeat center; display: block; float: left; height: 24px; margin-right: 5px; text-indent: -9999px; width: 24px;}
.twitter {background: url('images/buttons/twitter.png') no-repeat center; display: block; float: left; height: 24px; margin-right: 5px; text-indent: -9999px; width: 24px;}


/* Link Styling */
a {color: #006400; text-decoration: none;}
a:hover {text-decoration: underline;}
#aside a {margin: 0px 2px 4px 0px;}
#navigation a {color: #fff;}
#navigation a:hover {text-decoration: underline;}
p.footer-copy a {color:#fff; text-decoration: underline;}