/*
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 WordPrepagess 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 {
  height: 101%;
}

body {
  margin: 0px;
  background: #179bb5 url(userimg/bgdfade2.png) repeat-x;
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 62.5%;
  color: #363844;
}

body.bgmain{
  background: #17c6e5 url(userimg/bg.jpg) no-repeat center top;
}

#wrapper{
  width: 960px;
  margin:0 auto;
  min-height: 100%;
}

p {
  margin: 0px 0px 12px 0px;
  line-height:1.5;
}

h1, h2, h4, h5 {
  font-family:"Times New Roman", Georgia, Times, serif;
  font-weight: normal;
  margin-bottom: 10px;
  padding:0px;
  color: #ff9d02;
}

h6 {
  font-family:"Times New Roman", Times, serif;
  font-weight: normal;
  font-size:18px;
  margin-bottom: 10px;
  padding:0px;
  color: #000;
  }

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

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

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


img {
  border: 0px;
}


#header-logo-gravatar {
  margin: 11px 0 0 27px;
}


/* 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:1px solid #84ad5b;
}

#dropmenu ul a {
}

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

#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 {
  display: inline;
  
}

#content {
  margin-top:10px;
  width: 650px;
  float: left;
  position:relative;
  font-size: 120%;
  line-height: 130%;
  padding:6px;
  background-image: url(userimg/wht_box.png);
}
#content-goldbg{
  height:6px;
  background-image: url(userimg/hr.jpg);
}
#content-bg{
  background-color:#fff;
  padding:0px 15px;
  width:620px;
  position:relative;
}

#filler #content-bg-top{
  background-color:#fff;
  width:620px;
  height:1100px;
  padding:5px 15px;
}

#content-bg-top{
  background-color:#fff;
  padding:5px 15px;
  margin-bottom:1px;
  
}


#catbanner {
margin: -1px 0px 0px 0px;
background-color:#FFFFFF;
width:650px;
height:125px;
border-top:1px solid #12AFCC;
border-bottom:1px solid #12AFCC;
  
}

#content-bg-top h1 {
  color:#e84b0a;
  clear:both;
  padding:0px;
  margin:0px;
  font-size:265%;

}

#content-bg-top h2 {
  color:#363844;
}


#content-bg h1, #content-bg h1 a {
  color:#e84b0a;
  clear:both;
  display:block;
  padding:0px;
  margin:25px 0px 0px 0px;
  text-decoration:none;
  line-height:110%;
}

#content-bg h1 a:hover
{
color:#FF9D02;
}


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

#content h1.pagetitle {
display:block;
margin:10px 0px;
}

#content .more-link {
background-color:#363844;
color:#fff;
display:block;
width:140px;
margin: 10px 0px 10px 00px;
padding: 2px 12px;
font-size:78%;
}

#content ul {
  padding: 0 0 0 20px;
  margin-top:0px;
  margin-bottom: 0px;
  list-style: square;
}

#content ul li, #content-bg ol li {
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
}

#content.content_categories ul
{
width:650px;
padding:0px;
margin:0px;
}

#content.content_categories ul li, #content_categories ol li {
  margin: 1px 0px 0px 0px;
}


#page img {
float:left;
}
#page div.page-item-text{
background:url(userimg/page-header.jpg) no-repeat 0px 0px;
margin:0 0 0 140px;
padding:0 0 0 20px;
position:relative;
bottom:10px;
}
#page div.page-item-text ul{
margin-top:8px;
}
#page div.page-item-text ul li {
list-style:none;
margin:0px 0px 1px 0px;
text-indent:-1.5em;
list-style-position:outside;
padding:0px;
}
#page h2{
color:#17c5e5;
font-family: Helvetica, Arial, sans-serif;
}

#page h2 a {
color:#17C5E5;
}

#page h2 a:hover {
color:#FF9D02;
}

ul#page {
padding:0px;
margin-bottom:1px;
list-style:none;
list-style-position:inside;
}
ul#page li{
padding:15px;
background:#fff;
}

/* BEGIN WIDGETS */


#sidebar-left-Logo {
  display:block;
  width:180px;
  background-color:#000;
  color:#fff;
  height:254px;
  margin: 0 0 20px 0;  
  text-align:center;
  text-decoration:none;
}
#sidebar-left-Logo h1 {
  color:#fff;
  font-size:12px;
  margin:0px 0 0 0;
  padding:119px 0 0 0;
  font-family: Helvetica, Arial, sans-serif;
}
#sidebar-left {
  list-style: none;
  position:relative;
  float: left;
  width: 180px;
  margin: 10px 15px 0px 15px;
  display:block;
  height:auto;
  z-index:1000;
}

#sidebar-right {
  list-style: none;
  float: right;
  right:45px;
  position:relative;
  margin-top:10px;
  font-size: 110%;
  background-image: url(userimg/wht_box.png);
}

#sidebar-left h2, #sidebar-right h2 {
  font-size: 120%;
  font-weight: bold;
  line-height:1.4;
  text-align:center;
  padding: 3px 10px 0px 10px;
  font-family: Helvetica, Arial, sans-serif;

}

.widget_recent_comments h2, .widget_text h2, .widget_meta h2, .links h2, .s2class_widget_subscribe2widget h2, .widget_archive h2 {
  background-color:#363844; 
  color:#ff9d02;
}

.widget_comms_subscribe h2
{
background-color:#ffffff;
color:#363844;
width:55px;
margin:0px;
}



.widget_categories h2{
width:80px;
text-decoration:none;
background-color:#363844;
display:block;
margin:15px 0px 2px 0px;
}

.widget_categories a:hover h2
{
 cursor:pointer;
 background-color:#ff9d02;
 color:#363844;
 }

.widget_authors h2{
width:68px;
  text-decoration:none;
  background-color:#363844;
  display:block;
  margin:2px 0px;
}

.widget_authors a:hover h2
{
 cursor:pointer;
 background-color:#ff9d02;
 color:#363844;
 }

.upcoming-events h2
{
  background-color:#ffffff; 
  color:#363844;
  text-transform:uppercase;
  width:50px;
  margin:0px;
  cursor:pointer;

}


.upcoming-events a:hover h2
{
 cursor:pointer;
 background-color:#363844;
 color:#ffffff;
 }



#sidebar-left ul li.upcoming-events ul {
list-style-type:none;
margin-bottom:0px;
}

#sidebar-left ul li.upcoming-events ul li {
background-color:#ff9d02;
margin-bottom:1px;
padding: 4px 4px 1px 10px;
}


.calendar-table
{
background-color:#ffffff;
}

.calendar-table span.calnk a
{
color:#E84B0A;
}

.calendar-table span.calnk a:hover
{
color:#FF9D02;
}

#calendarcontent p
{
margin:0px !important;
}




.widget_recent_comments h2{
  width:95px;
  margin:0px;
}

.widget_archive h2{
  width:72px;
  margin:0px;
}
.widget_meta h2{
  width:52px;
  margin:0px;
}
.s2class_widget_subscribe2widget {
  background-color:#17c5e5; 
  color:#ff9d02;
}

#upcoming-events-1{
  background-color:#fe9c03; 
  color:#363844;
}

#sidebar-left .widget_categories ul, .widget_authors ul
{ width:180px;
  font-size:115%;
}

#sidebar-left .widget_categories ul li, .widget_authors ul li
{ 
border-bottom:1px solid #363844;
color:#fff;
display:block;
padding:2px 0px;
}

.widget_categories ul li a, .widget_categories ul li a:visited, .widget_authors ul li a, .widget_authors ul li a:visited {
  color:#fff;
  background:url(userimg/wht_arrow.png) no-repeat center left;
  padding-left:12px;
  display:block;
  text-decoration:none;
}


.widget_categories ul li a:hover, .widget_authors ul li a:hover{
  background:url(userimg/orangeArrow.png) no-repeat center left;
}

.widget_meta, .widget_text, .widget_links, .widget_archive{
  color:#363844;
}

.widget_text {display:none;}

.addtoany_share_save{
padding:0px;
}

.search {
margin: 0 0 0 18px;
}
.widget_metatext, .blogrolltext, .search {
  padding: 4px 4px 2px 12px;
/*  background-image: url(userimg/whter_box.png); */
background-color:#fff;
}


.widget_metatext a, .blogrolltext a, .search a, .search p, .widget_archive ul a {
color:#363844;
text-decoration:none;
}


#sidebar-left ul .widget_archives_text ul li {
background-color:#FFFFFF;
border:0 none;
color:#000000;
list-style-type:none;
margin:0 0 1px;
padding: 4px 4px 4px 12px;
}


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

}

 #sidebar-right ul#fathomshares
 {
  list-style: none;
  margin: 0px;
  padding: 3px 3px;
  height:auto;
}

#sidebar-right ul li {
margin:1px 0px 0px 0px;
}


#sidebar-left ul ul li a:hover{
color:#ff9d02;
}



li.recentcomments a {
color: #e84b0a;

}


#sidebar-left ul .widget_recent_comments
{
display:block;
margin-top:15px;
}

#sidebar-left ul .widget_recent_comments ul li{
  margin: 0 0px 1px 0px;
  padding: 6px 5px 4px 12px;
  list-style-type:none;
  color:#000;
  border:0px; 
background-color:#ffffff;
}


/* END WIDGETS */

#toppostmeta {
  font-size: 80%;
  margin-bottom: 10px;
  padding-bottom: 3px;
  color: #fff;
  clear: both;
  line-height: 100%;
}
#date {
float:left;
padding:4px 7px 4px 4px;
background-color:#ff9d02;
text-transform: uppercase;
height:9px;
}
#theauthor {
float:left;
padding:4px 8px 4px 8px;
background-color:#363844;
text-transform: uppercase;
height:9px;
}

#theauthor a {
color:#fff;
}

#theauthor a:hover {
color:#FF9D02;
}



#categories{
clear:both;
color:#363844;
margin:15px 0 15px 0;
font-size:80%;
text-transform:uppercase;
font-weight:normal;
}

#categories a{
color:#17c5e5;
text-decoration:none;
}

#categories a:hover
{
color:#FF9D02;
}

#postmeta {
  font-size: 80%;
  padding-bottom:3px;
  margin-bottom: 0px;
  margin-left:390px;
  color: #363844;
  clear: both;
  line-height: 100%;
}
#postmeta a{
color:#ff9d02;
}
#postmeta p, #toppostmeta {
  line-height: 100%;
}

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

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

}


#postnav {
  width: 650px;
  background-image: url(userimg/hr.jpg);
  height:20px;
  list-style: none;
  margin-top: 1px;
  margin-bottom: 0px;
  padding: 0px !important;
  display:block;
  text-align:center;
}
#postnav a:link, #postnav a:visited{
  color:#ffffff;
  text-decoration:none;}

#postnav a:hover, #postnav a:active{
  color:#363844;}

#postnav .left {
width:115px;
  display: block;
  position:relative;
  float: left;
  padding: 0;
  margin: 0;

}

#postnav .right {
width:100px;
  display: block;
  position:relative;
  float: right;
  padding: 0;
  margin: 0;

}

#comments {
margin: 0px 0px 1px 0px;
background-color:#12AFCC;
}

#comments a {
color:#ffffff;
}


#comments-padding {
padding:0 15px 15px;
}


#comments h1.h1commentnumber {
font-size:100%;
font-weight:bold;
color:#fff;
margin:0px;
font-family: Helvetica, Arial, sans-serif;
background-color:#fff;
width:650px;
}

#comments h1 a
{
display:inline-block;
font-size:90%;
width:auto;
color:#fff;
background-color:#12afcc;
padding:3px 10px 1px 8px;
position:relative;
left:400px;
}

#comments h1 a:hover
{
color:#FF9D02;
}

#comments h1.bigreply{
color:#fff;
margin:20px 0 20px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:200%;
}
#comments h1.reply{
color:#fff;
padding: 2px 0 0 475px;
font-size:100%;
}

#comments ol {}

#comments ol li {
  border-bottom: 1px solid #1f687a;
}

#comment-area {
padding:0px 15px 0px 0px;
margin:20px 0 0 0;
}


#comment-form {
padding: 0px 0px 15px 35px;
}


img.avatar{
  float:left;
}

div .commenter {
  color: #fff;
  display:block;
  float:left;
  position:relative;
  margin:10px 0px 5px 0px;
  height:35px;
  width:200px;
}

div .commentauthor{
float:left;
padding:0px 5px;
background-color:#ff9d02;
line-height:16px;
font-size:80%;
text-transform: uppercase;
height:16px;
display:block;
}

div .comment-info {
clear:both;
float:left;
display:block;
height:16px;
width:auto;
padding:0 6px;
background-color:#363844;
line-height:16px;
font-size:80%;
text-transform: uppercase;
color:#fff;
}

a.url
{text-decoration:none;}


div .clearfloat{
clear:both;
padding:5px 0 0 0;
}

.comment-moderation {
  color: #fff;
font-weight:bold;
}



#footer {
display:block;
  width:950px;
  margin: 0px auto;
  padding:10px 0 50px 0;
  clear: both;
  height: 45px;
  color: #fff;
  font-size: 110%;
    text-align: right;
  font-weight:bold;
 
  
}

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

#footer a:hover {
  color:#FF9D02;
}


.footer-logo{

float:right;
margin-left:15px;
margin-right:85px;
}
.footer-credit{
font-size:80%;
}
.hasFloat:after {
  content: "";
  display: block;
  clear: both;
}



#search h2{
color:#fff;
margin:0px;
padding:0px;
font-weight:normal;
}

#searchform input {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  margin: 0 0 3px 0px;
  border:#fff 1px solid;
  color:#e9ffcb;
}

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

#searchform #s {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:#fff;
  padding: 2px 4px 1px 4px;
  color:#363844;
  width:147px;
  margin:0px;
}

#searchform #searchsubmit {
  background: #fff url(userimg/search_go.jpg) left no-repeat;
  height:21px;
  width:21px;
  margin:0 0 0 -2px;
}

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;
}


/*COLOR DECLAIRATIONS*/
.gray        {color:#363844;}
.bgBlue      {color:#17bbda;}
.ltBlue      {color:#17c5e5;}
.drkBlue     {color:#177386;}
.commentBlue {color:#12afcc;}
.yellow      {color:#fe9c03;}
.orange      {color:#ff9d02;}
.red         {color:#e84b0a;}



/* [Read More...] Home/Main summary link   */

a.readmorelink

{
color:#e84b0a;
text-decoration:none;
font-weight:normal;
font-style:normal;
}

a.readmorelink:hover

{
color:#ff9d02;
}


ul.twittermain
{}

ul.twittermain span
{
  background: url(userimg/twitter_logo.png) no-repeat 0 0;
  display:block;
  height:24px;
  width:80px;
  }

ul.twittermain li
{
background-color:#fff;
margin:0px 0px 1px 0px;
padding:4px 10px 4px 12px;
width:157px;
overflow:hidden;
}

#sidebar-left ul.twittermain h2
{
font-family:Helvetica,Arial,sans-serif;
font-weight:bold;
padding:3px 12px 0;
text-align:center;
background-color:#363844;
display:block;
margin:0px;
text-decoration:none;
width:55px;
}

#searchresults #content-bg
{
border-top: 1px solid #12AFCC;
}

#calendarcontent #content-bg
{padding:0px; width:650px;}

.imgtfe

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

ul#recentposts

{list-style-type:disc; margin:0px 0px 0px 15px; padding:0px;}