/*
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, easy to use, three column and flexible width WordPress theme featured with your own <a href="http://gravatar.com">Gravatar</a>! It will be shown automatically in the top left corner. There are more colors:  <a href="http://masnikov.com/sapphire_stretch">Sapphire</a> &  <a href="http://masnikov.com/ruby_stretch">Ruby</a>. If you like this theme, you can make a <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=2455180">donation</a>.
Version: 2.2
Author: Nikolaj Masnikov
Author URI: http://masnikov.com
Tags: green, white, light, three-columns, flexible-width, left-sidebar, right-sidebar

  Emerald Stretch is an advanced, easy to use, three column and flexible width 
  WordPress theme featured with your own Gravatar! It will be shown automatically 
  in the top left corner.
    
  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.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: #fff;
  font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
  font-size: 62.5%;
  color: #334455;
}

#wrapper{
  min-width: 800px;
  position: relative;
  min-height: 100%;
}

p {
  margin: 0px 00px 10px 0px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: normal;
  margin-bottom: 10px;
  color: #663300;
}

a {
  border: 0px;
  color: #663300;
  text-decoration: none;
}

a:hover {
  color: #006699;
  text-decoration: none;
}

img {
  border: 0px;
}

hr {
  color: #FFF;
  height: 0px;
  border: 10px dotted #ccc;
  margin-top: 3px;
  margin-bottom: 3px;
}

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

#header {
  color: #006699;
  clear: both;
  height: 200px;
  border-top: 0px;
  background: #0099ff url(img/cirrus_header_final.jpg)left no-repeat;
  margin-bottom: 80px;
}


#header h1 {
  font-family: Helvetica, "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial;
  letter-spacing: 2px;
  font-size: 180%;
  padding: 140px 0px 0px 0px;
  margin: 0;
  line-height: 70%;
}


#header h2 {
  font-family: Helvetica, "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial;
  font-size: 130%;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

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

#header a img {
  border: 0;
}

#header-logo {
 # float: left;
 # width: 1200px;
 # height: 200px;
 # background: #0099ff url(img/cirrus_header_final.jpg)left no-repeat;
 # border: 0;



}

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

#header-navi {
  border: 0px;
  height: 35px;
  font-size: 130%;
  padding: 10;
  margin: 140px 1px 0px 5px;
  vertical-align: left;
 
}

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

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

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

#header-navi li a:hover {
  background: #FFF;
  color: #006699;
}

#header-navi a, #header-navi a:active, #header-navi a:visited {
  color: #663300;
  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:100%;
}

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

#dropmenu a:hover {
  color:#fff;
}

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

#dropmenu ul {
  position:absolute;
  display:none;
  width:13px; /*auto*/
  top:1.9em;
  border:0px solid #b8b9b9;
}

#dropmenu ul a {
}

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

#dropmenu li ul a {
  width:  11.6em;
  height: auto;
  float:  left;
  text-align: left;
}

/* 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-bottom: 1em;
  float: right;
  width: 79%;
  display: inline;
}

#content {
  width: 67%;
  float: left;
  font-size: 120%;
  line-height: 150%;
  display: inline;
}

#content h1 {
  margin-top: 0;
  font-size: 180%;
  line-height: 130%;
}

#content h2 {
  font-size: 160%;
  line-height: 130%;
}

#content h3 {
  font-size: 130%;
  line-height: 130%;
  font-weight: bold;
}

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

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

#content .pagetitle {
  margin-bottom: 20px;
  border-bottom: 1px dotted #663300;
}

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

#content ul {
  list-style: square;
}

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

#sidebar-left {
  list-style: none;
  float: left;
  width: 18%;
  margin-left: 0px;
  font-size: 110%;
  display: inline;
}

#sidebar-right {
  list-style: none;
  float: right;
  width: 26%;
  margin-right: 0px;
  font-size: 110%;
  display: inline;
}

#sidebar-left h2, #sidebar-right h2 {
  margin-top: 0px;
  font-size: 120%;
  font-weight: normal;
  color: #0099ff;
  background-color: #0099ff;
  border-top: 3px solid #0099ff;
  border-bottom: 3px solid #0099ff;
  padding: 1px 0 1px 20px;
}

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

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

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

#sidebar-left ul ul, #sidebar-right ul ul {
  padding: 10px 0 0 20px;
}

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

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

#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 {

}

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

#comment-area {

}

#comment-form {

}

.commenter {
  color: #688848;
}

.comment-moderation {
  color: red;
}

.comment-info {

}

#footer {
  position: relative;
  margin: -25px 0 0;
  clear: both;
  height: 17px;
  line-height: 17px;
  color: #FFFFFF;
  padding: 0 15px 0 15px;
  font-size: 110%;
  border-top: 4px solid #0099ff;
  border-bottom: 4px solid #0099ff;
  background: #0099ff;
}

#footer a {
  color: #b8b9b9;
  text-decoration: none;
}

#footer a:hover {
  color: #006699;
  text-decoration: none;
}

#footer p {
  margin: 0;
}

#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:Helvetica, Tahoma, Arial, sans-serif;
  font-size:12px;
  background-color:#ffffff;
  margin: 0 0 2px 0;
  padding: 2px 4px 2px 2px;
  border:#663300 1px solid;
  color:#663300;
}

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

#searchform #s {
  font-family:Helvetica, Tahoma, Arial, sans-serif;
  font-size:12px;
  margin: 0 0 2px 0;
  background-color:#ffffff;
  padding: 2px 4px 2px 2px;
  border:#663300 1px solid;
  color:#663300;
}

#searchform #s:hover {
  background-color:#b8b9b9;
  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;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   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 {
   margin: 0;
   padding: 0;
   border: 0 none;
}

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