/*
Theme Name: Emerald Stretch
Theme URI: http://masnikov.com/emerald_stretch
Description: <a href="http://masnikov.com/emerald_stretch">Emerald Stretch</a> is an advanced, three column, flexible width theme featured with your own <a href="http://gravatar.com">Gravatar</a>! It will be shown in the top left corner. There are more colors: <a href="http://masnikov.com/sapphire_stretch">Sapphire</a> and <a href="http://masnikov.com/ruby_stretch">Ruby</a>.
Version: 2.4.1
Author: Nikolaj Masnikov
Author URI: http://masnikov.com
Tags: green, white, light, three-columns, flexible-width, left-sidebar, right-sidebar

  The CSS, XHTML and design is released under GNU General Public License version 3 (GPLv3):
  http://www.opensource.org/licenses/gpl-3.0.html

  In this theme are used some icons from Glass Style RSS Icon set by Bittbox (www.bitbox.com) 
  and from Diagona set by Yusuke Kamiyamane (www.pinvoke.com). 
  The both sets are licensed under GPL.
  
  WHAT'S NEW:

  2.4 (2009.08.29)
    Image alignment bug was fixed.

  2.3.1 (2009.07.24)
    Minor bug fix.

  2.3 (2009.06.29)
    Calendar styles were adjusted.
    jQuery menu bar bug (IE only) was fixed.
    Some changes in design.
    Some minor bug fixes.

  2.2 (2009.03.21)
    Drop-down menus for subpages (thanks to Stanley www.seoadsensethemes.com).
    Some minor design changes.
*/

html, body {
  height: 100%;
}

body {
  margin: 0;
  background: #c4bc96 url(img/background.gif) center repeat-y;
  font-family: Tahoma, Trebuchet, Verdana, sans-serif;
  font-size: 62.5%;
  color: #333333;
  text-align: center;
}

#wrapper{
  width: 980px;
  position: relative;
  min-height: 100%;
  margin: 0 auto;
  text-align: left;
}

p {
  margin: 0px 0px 20px 0px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Tahoma, Trebuchet, Verdana, sans-serif;
  font-weight: normal;
  margin-bottom: 10px;
  color: #6f4c23;
}

a {
  border: 0px;
  color: #6f4c23;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #9ba348;
  text-decoration: underline;
}

img {
  border: 0px;
}

hr {
  color: #dfe78c;
  background-color: #dfe78c;
  height: 0px;
  border-bottom: 1px dotted #444;
  border-style: none none dotted;
  padding: 0;
  margin-top: 5px;
  margin-bottom: 40px;
}

/*code {
  font: 12px Monaco, "Lucida Console", "Courier New", "Courier", monospace;
  padding: 15px;
  border: #cde9a7 1px solid;
  background: #e9ffcb;
  display: block;
}*/

code, pre {
  font: 'Courier New', Courier, Fixed;
  font-size: 110%;
  border: #cde9a7 1px solid;
  background: #e9ffcb;
  overflow: auto;
  padding: 5px;
	display: block;
  width: 100%; /* Important for IE6 */
}

#header {
  clear: both;
  height: 127px;
  margin-bottom: 15px;
}

#header h1 {
  font-family: Tahoma, Trebuchet, Verdana, sans-serif;
  letter-spacing: -1px;
  font-size: 250%;
  padding: 12px 0px 0px 0px;
  margin: 0;
  line-height: 90%;
}

#header h2 {
  font-family: Tahoma, Trebuchet, Verdana, sans-serif;
  font-size: 160%;
  padding: 1px 0px 0px 0px;
  margin: 0px;
}

#header a, #header a:hover, #header a:active, #header a:visited {
  color: #6f4c23;
  text-decoration: none;
  border: 0;
}

#header a:focus {
  outline:none;    /* kills dotted border around the link */
}

#header a img {
  border: 0;
}

#header-title {
  margin: 0 0 0 126px;
  text-align: left;
  height: 65px;
  border: 0;
}

#header-navi {
  border: 0px;
  height: 38px;
  font-size: 115%;
  text-transform: uppercase;
  padding: 0;
  margin: 0 8px 0 8px;
  vertical-align: middle;
  color: #82b13c;
  background: #5e3b12 url(img/sprouts.gif) left no-repeat;
  border-bottom: 8px solid #FFFFFF;
}

#header ul {
  margin: 0 0 0 209px;
  padding: 0;
  float: left;
}

#header-navi ul li {
  line-height: 38px;
  text-align: center;
  float: left;
  list-style: none;
}

#header-navi li a {
  padding: 0px 13px;
}

#header-navi li a:hover {
  background: #edf3aa;
  color: #6f4c23;
}

#header-navi li.current_page_item {
  background: #edf3aa;
  color: #6f4c23;
}

#header-navi li.current_page_item a {
  color: #6f4c23;
}

#header-navi a, #header-navi a:active, #header-navi a:visited {
  color: #82b13c;
  text-decoration: none;
  display: block;
}

/* Drop-down menus */
#dropmenu, #dropmenu ul {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:relative;
  z-index:300;
  width:763px;
}

#dropmenu a {
  display:block;
  padding:0.25em 1em;
  text-decoration:none;
}

#dropmenu a:hover {
}

#dropmenu li {
  float:left;
  position:relative;
}

#dropmenu ul {
  position:absolute;
  display:none;
  width:13em;
  top:1.9em;
}

#dropmenu ul a {
}

#dropmenu li ul {
  width:13em;
  top:auto;
  background:#edf3aa;
}

#dropmenu li ul a {
  width:  9.2em;
  height: auto;
  float:  left;
  text-align: left;
  text-transform: capitalize;
  font-weight: normal;
  font-size: 115%;
}

#dropmenu li ul a:hover {
color: #8c924d;
}

/* Sub-menu */
#dropmenu ul ul {
  top:auto;
}

#dropmenu li ul ul {
  left: 13em;
  margin:0px 0 0 0px;
}

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
/* Drop-down menus */

#content-wrapper {
  margin: 11px 0 1em 0;
  float: right;
  width: 756px;
  display: inline;
  position: relative;
} 

#content {
  width: 385px;
  float: left;
  font-size: 130%;
  line-height: 150%;
  display: inline;
  background: #dfe78c;
  color: #333333;
  padding: 0px 50px 3em 50px;
}

#content a {
  text-decoration: none;
  color: #6f4c23;
  font-size: 90%;
}

#content a:visited {
  color: #6f4c23;
}

#content a:hover {
  color: #9ba348;
  text-decoration: underline;
}

#content img {
  /*margin: 0 10px 10px 0;*/
}

#content h1 {
  margin-top: 30px;
  font-size: 170%;
  line-height: 115%;
  font-weight: bold;
}

#content h1.pagetitle {
  background-color: #9ba348;
  color: #ffffff;
  text-transform: lowercase;
  margin: -3px -50px 20px;
  padding: 0px 0 1px 50px;
  font-size: 140%;
  line-height: normal;
  font-weight: normal;
}

#content h2 {
  font-size: 130%;
  line-height: 110%;
  font-weight: bold;
  color:#6f4c23;
  margin-bottom: 4px;
}

#content h3 {
  font-size: 90%;
  line-height: normal;
  margin: 0;
  font-weight: bold;
  color: #333333;
}

#content h4 {
  font-size: 100%;
  line-height: normal;
  margin: 0 0 4px 0;
  font-weight: bold;
  color: #333333;
}

#content h5 {
  font-size: 85%;
  line-height: normal;
  margin: 0 0 4px 0;
  font-weight: normal;
  color: #333333;
}

#content h6 {
  font-size: 85%;
  line-height: normal;
  margin: 0 0 4px 0;
  font-weight: normal;
  color: #333333;
  text-transform: uppercase;
}

#content h7 {
  font-size: 85%;
  line-height: normal;
  margin: -20px 0 4px 0;
  font-weight: normal;
  color: #333333;
  text-transform: uppercase;
}

.strongsmall {
  font-size: 95%;
  line-height: normal;
  margin: 0;
  font-weight: bold;
  color: #333333;
}

#content blockquote {
  background-color: #e9ffcc;
  border-left: 3px solid #cde9a7;
  margin: 0 0 5px 15px;
  padding: 5px 10px 1px 8px;
}

#content h1 a, #content a h1,
#content h2 a, #content a h2,
#content h3 a, #content a h3 {
  text-decoration: none;
}

#content h1 a:visited, #content a:visited h1,
#content h2 a:visited, #content a:visited h2,
#content h3 a:visited, #content a:visited h3 {
  color: #6f4c23;
  text-decoration: none;
}

#content h1 a:hover, #content a:hover h1,
#content h2 a:hover, #content a:hover h2,
#content h3 a:hover, #content a:hover h3 {
  color: #82b13c;
  border-bottom: 1px dotted;
  text-decoration: none;
}

#content .pagetitle {
  margin-bottom: 20px;
}

#content ul, #content ol {
  padding: 0px;
}

#content ul {
  list-style: none;
}

#content ul li, #content ol li {
  margin: 0 0 0 18px;
  padding: 0;
  font-size: 95%;
  line-height: normal;
}

#content ul li ul li, #content ol li ol li{
  margin: 0 0 18px 18px;
  padding: 0;
}

#content input {
  font-family:Tahoma, Trebuchet, Verdana, sans-serif;
  font-size:13px;
  font-weight: normal;
  background-color:#e8ef9b;
  margin: 0 2px 12px 0;
  padding: 2px 2px 4px 4px;
  border:#71a241 1px solid;
  color:#333333;
}

#content textarea {
  font-family:Tahoma, Trebuchet, Verdana, sans-serif;
  font-size:13px;
  font-weight: normal;
  background-color:#e8ef9b;
  margin: 0 2px 12px 0;
  padding: 2px 2px 4px 4px;
  border:#71a241 1px solid;
  color:#333333;
}

#content input.submit {
  font-family:Tahoma, Trebuchet, Verdana, sans-serif;
  font-size:13px;
  font-weight: bold;
  margin: 0;
  padding: 2px 8px 4px 8px;
  border: 1px solid #f4faba;
  color: #f4faba;
  background-color: #6f4c23;
}

#content img {
  border: 4px solid #FFFFFF;
}

#content img.noborder {
  margin: 8px 5px 7px 0px;
  border: 0;
  clear: all;
}

#content img.left {
  margin: 8px 12px 12px 0px;
  border: 0;
  float: left;
}

#content img.leftborder {
  margin: 8px 12px 12px 0px;
  float: left;
}

#content p.caption {
  margin: -15px 0 0 0;
  text-transform: uppercase;
  font-size: 85%;
}

#sidebar-left {
  list-style: none;
  float: left;
  color: #FFFFFF;
  background-color: #6f85aa;
  width: 208px;
  margin: 11px 0 0 8px;
  font-size: 110%;
  display: inline;
  line-height: 125%;
}

#sidebar-right {
  list-style: none;
  float: right;
  color: #dfe78c;
  background-color: #5e3b12;
  width: 255px;
  margin: 0 8px 0 0;
  padding: 0;
  font-size: 110%;
  display: inline;
  line-height: 125%;
}

#sidebar-left h2 {
  margin-top: -3px;
  font-size: 160%;
  font-weight: normal;
  text-transform: lowercase;
  color: #FFFFFF;
  background-color: #8a9cb9;
  padding: 1px 0 5px 36px;
  line-height: 100%;
}

#sidebar-right h2 {
  margin-top: -3px;
  font-size: 160%;
  font-weight: normal;
  text-transform: lowercase;
  color: #93c24d;
  background-color: #775329;
  padding: 1px 0 5px 29px;
  line-height: 100%;
}

#sidebar-left h2 a, #sidebar-right h2 a{
  color: #FFFFFF;
  text-decoration: none;
}

#sidebar-left a{
  color: #FFFFFF;
  text-decoration: none;
}

#sidebar-right a{
  color: #dfe78c;
  text-decoration: none;
}


#sidebar-left ul, #sidebar-right ul {
  list-style: none;
  margin: 0 0 50px 0;
  padding: 0;
}

#sidebar-left img, #sidebar-right img {
  float: left;
  margin: 0 8px 2px 0;
  border: 2px solid #FFFFFF;
}

#sidebar-left img, #sidebar-right img {
  float: left;
  margin: 0 8px 2px 0;
  border: 2px solid #FFFFFF;
}

#sidebar-left ul ul {
  padding: 0 20px 0 36px;
}

#sidebar-right ul ul {
  padding: 0 20px 0 29px;
}

#sidebar-left p {
  margin-left: 8px;
  font-size: 95%;
}

#swt-outter ul ul {
  padding-top: -20px;
}

#swt-outter p {
  margin-left: 8px;
}

#sidebar-right p {
  font-size: 95%;
}

#sidebar-left ul ul li, #sidebar-right ul ul li,
#sidebar-left ul ul ul li, #sidebar-right ul ul ul li {
  margin: 5px 0;
}

#sidebar-left input {
  font-family:Tahoma, Trebuchet, Verdana, sans-serif;
  font-size:10px;
  font-weight: bold;
  background-color:#8a9cb9;
  margin: -8px 0 10px 8px;
  padding: 1px 2px;
  border:#3452a2 1px solid;
  color:#FFFFFF;
}

#sidebar-left input.submit {
  margin: -7px 25px 18px 90px;
  padding: 0;
  border: 0;
}

.textwidget {
  padding: 0 20px 0 29px;
  margin: 0 0 50px 0;
}

.swt-outter {
  padding: 0 20px 0 29px;
  margin: -36px 0 50px 0;
}

#sidebar-left img.noborder {
  margin: -7px -4px 0px 4px;
  border: 0;
  clear: all;
}

#sidebar-right img.noborder {
  margin: 0 0 0 -14px;
  border: 0;
}

#postmeta {
  font-size: 80%;
  margin-bottom: 30px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #444444;
  color: #333333;
  clear: both;
  line-height: 100%;
}

#postmeta a {
  text-decoration: none;
  font-weight: normal;
}

#postmeta a:visited {
  color: #6f4c23;
}

#postmeta a:hover {
  text-decoration: underline;
}

#postmeta p {
  line-height: 100%;
}

#postmeta img {
  vertical-align: middle;
  margin: 0 4px 0 0;
}

#postmeta .editlink {
  float: right;
  margin-top: 5px;
}

.postnav {
  width: 86%;
  float: left;
  list-style: none;
  line-height: 110%;
  margin-top: -10px;
  margin-bottom: 20px;
  padding: 0;
}

.postnav li.left {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}

.postnav li.right {
  display: block;
  float: right;
  padding: 0;
  margin: 0;
}

#comments {
  clear: both;
  float: none;
  margin-top: 50px;
}

#comments ul li, #comments ol li {
  margin-bottom: 40px;
  border-bottom: 1px dotted #333333;
}

#comment-area {

}

#comment-form {
  width: 380px;
  font-size: 90%;
}

#comment-form p {
  padding: 0;
  margin:0;
}

.commenter {
  color: #444444;
}

.comment-moderation {
  color: red;
}

.comment-info {

}

#footer {
  position: relative;
  margin: 0 auto;
  clear: both;
  height: 32px;
  line-height: 16px;
  color: #dfe78c;
  padding: 10px 15px 10px 39px;
  font-size: 110%;
  border: 8px solid #FFFFFF;
  background: #5e3b12;
  width: 910px;
}

#footer a {
  color: #dfe78c;
  text-decoration: none;
  font-weight: bold;
}

#footer a:hover {
  text-decoration: underline;
}

#footer p {
  margin: 0;
}

#footer img {
  margin: 0 3px;
}

#footer-left {
  float: left;
  text-align: left;
}

#footer-right {
  float: right;
  text-align: right;
}

.hasFloat:after {
  content: "";
  display: block;
  clear: both;
}

#searchform input {
  font-family:Tahoma, Trebuchet, Verdana, sans-serif;
  font-size:12px;
  background-color:#84ad5b;
  margin: 0 0 3px 0;
  padding: 2px 4px 2px 4px;
  border:#688848 1px solid;
  color:#e9ffcb;
}

#searchform input:hover {
  cursor:pointer;
  background-color:#688848;
  border:#567635 1px solid;
  color:#fff;
}

#searchform #s {
  font-family:Tahoma, Trebuchet, Verdana, sans-serif;
  font-size:12px;
  margin: 0 0 3px 0;
  background-color:#e9ffcc;
  padding: 3px 4px 3px 4px;
  border:#688848 1px solid;
  color:#222;
}

#searchform #s:hover {
  background-color:#e9ffcb;
  color:#222;
}

img#wpstats {
  width: 0px;
  height: 0px;
  padding: 0px;
  border: none;
  overflow: hidden;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 10px 10px 0;
}

.alignright {
   float: right;
   margin: 0 0 10px 10px;
}

.alignnone {
   float: none;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding: 7px;
   margin: 5px 10px 5px 0px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 90%;
   line-height: 120%;
   padding: 0;
   margin: 5px 0 0 0;
}

#wp-calendar {
  margin: 0 auto;
  line-height: 150%;
}

table#wp-calendar{
  width: 90%;
}

#wp-calendar a {
	text-decoration: underline;
  font-weight: bold;
}

table#wp-calendar tfoot td a{
  border: 0;
  font-weight: normal;
}

table#wp-calendar th, table#wp-calendar td {
  text-align: center;
}

.widget_tag_cloud {
  line-height: 200%;
}