/*
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.
*/

/************************************************
FROM LIFESTYLE
************************************************/
.postarea {
	background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
	float: left;
	width: 588px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	}
	
.postarea p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
.postarea ul {
	list-style-type: square;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
.postarea ul li {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}
	
.postarea ul ul {
	list-style-type: square;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
.postarea ol {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
.postarea ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}

/************************************************
END ---------------- FROM LIFESTYLE
************************************************/

html, body {
  height: 100%;
}

body {
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  width: 980px;
  background: #CCCCCC;
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  vertical-align:middle;
}

#wrapper{ /* Wraps around everything except the footer! */
  width: 960px;
  position: relative;
  min-height: 100%;
}

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

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

h1 {
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 0px;
  color: #115588;
}

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

a:hover {
  color: #4477bb;
  text-decoration: underline;
}

img {
  border: 0px;
  margin-top: 1px;
}

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

/*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 {
  color: #ffffcc;
  clear: both;
  height: 138px;
  margin-left:10px;
  margin-right:10px;
  margin-top:10px;
  width: 960px;
  background: #1A4265; 
  border-top: 1px #1C1C1C solid;
  border-right:1px solid #1C1C1C;
  border-left:1px solid #1C1C1C;
  
}

#header h1 {
  font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;
  letter-spacing: -1px;
  font-size: 250%;
  padding: 12px 0px 0px 0px;
  margin: 0;
  line-height: 90%;
}

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

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

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

#header-ad {
	margin:15px 20px 15px 10px;
	float:right;
	border: 1px 1px 1px 1px;
	border-color: #1C1C1C;
	/*height:70px;
	width:100px;*/
	
}
	
#header a img {
  border: 0;
}

#header-logo {
  float: center;
  width: 960px;
  height: 100px;
   background: #7AA055 url(img/header_logo.jpg) left no-repeat;
  border: 0;
}

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

#header-title {
  margin: 25px 25px 0px 15px;
/*  margin: 0 0 0 15px; */
  text-align: left;
  height: 65px;
  border: 0;
}

#header-search{
	height: 35px;
	width: 960px;
	background-color: #FDDF55;
	color: #000000;
	position: absolute;
	
}
#header-searchsubmit{
	vertical-align: middle;
	margin-top: 6px;	
}

#s{
	vertical-align: middle;
	margin-top: 8px;
}

#headersearchform{
	position: relative;
	float: right;	
	width: 250px;
	vertical-align: middle;
	margin-top: 0px;
	z-index:400;
}

#header-navi {
  border: 0px;
  height: 35px;
  font-size: 120%;
  font-weight:bold;
  font-color:1A4265;
  padding: 0;
  margin: 7px 1px 0px 20px;
  vertical-align: middle;
}
#header-navi a {
   font-color:1A4265;
}

#header ul {
/*  margin: 0; THIS WAS CHANGED FOR HEADER NAVIGATION LINE UP AND PLACEMENT */
  margin-top: 0px;
  padding: 0;
  float: left;
}


#header-navi ul li {
  /*line-height: 1.6em;*/
  line-height: 1.6em; /*THIS WAS CHANGED FOR HEADER NAVIGATION LINE UP AND PLACEMENT*/ 
  text-align: center;
  float: left;
  list-style: none;
}

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

#header-navi li a:hover {
  background: #FFFFFF;/* background of navigation text */
  color: #115588;
}

#header-navi a, #header-navi a:active, #header-navi a:visited {
  color: #1A4265;
  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.0em 1em;
  text-decoration:none;
}

#dropmenu a:hover {
  margin: -1px;
  border-bottom:1px solid #1A4265;
  border-top:1px solid #1A4265;
  border-left:1px solid #1A4265;
  border-right:1px solid #1A4265;
}

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

#dropmenu ul {
  position:absolute;
  display:none;
  width:13em;
  top:1.9em;
  border:1px solid #424E4E;
/* border:1px solid #84ad5b; */
}

#dropmenu ul a {
}

#dropmenu li ul {
  width:13em;
  top:auto;
  margin: 0px 0px 0px 0px;
  font-weight: normal; /*unbolding li in header nav*/
  background:#fddf55;
/*  background:#5F89D8; NEWEST BLUE */
/*   background:#B9CCEF; */
}

#dropmenu li ul a {
  color:ffffff;
  width: 11.6em;
  height: 1.6em;
/*  height:auto; THIS WAS CHANGED FOR HEADER NAVIGATION LINE UP AND PLACEMENT */
  float:  left;
  text-align: left;
}

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

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

#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: 0px;
  float: left;
  margin-left:10px;
  margin-right:10px;
  width: 960px;
  background: #ffffff;
  display: inline;
  padding: 0px 0px 0px 0px;
  border-right:1px solid #1C1C1C;
  border-left:1px solid #1C1C1C;
  border-bottom:1px solid #1C1C1C;
}


#content {
  width: 408px;
  float: left;
  clear: right;
  font-size: 110%;
  line-height: 140%;
  display: inline;
  padding: 10px 10px 0px 10px;
  /*border: 1px solid #dddddd;*/
}

#content a {
  text-decoration: underline;
}

#content a:visited {
  color: #800080;
}

#content a:hover {
  color: #4477bb;
}

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

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

#content h2 {
  font-size: 100%;
  font-weight:bold;
  line-height: 120%;
}

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

#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: #115588;
  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: #4477bb;
  border-bottom: 1px dotted;
  text-decoration: none;
}

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

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

#subcontent{
	float: left;
	width: 608px;
	margin:0px 0px 0px 0px;
	padding: 10px;
	border-width:1px;
	border-color: #dddddd;
	border-style: solid;
}

/*#sidebar-left {
  list-style: none;
  float: left;
  width: 18%;
  margin-left: 15px;
  font-size: 110%;
  display: inline;
  line-height: 125%;*/
  /*from randy's site
  background: #f3f3f3;
  border-bottom:1px solid #424E4E;
  border-top:1px solid #424E4E;
  border-left:1px solid #424E4E;
  border-right:1px solid #424E4E;
  end from randy's site */
/*}
*/
/************************************************
*	Sidebar 		    	        	        * 
************************************************/

#sidebar-right {
	float: right;
	width: 300px;
	margin: 0px;
	padding: 10px 10px 0px 10px;
	display: inline;
	}
	
#sidebar-right .widget {
	background: #FFFFFF url(images/sidebartop.gif) top no-repeat;
	float: left;
	width: 280px;
	margin: 0px 0px 10px 0px;
	padding: 9px;
	border: 1px solid #DDDDDD;
	}
	
#sidebar-right h4 {
	background: #86AFB0 url(images/headline.png);
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 7px;
	}
	
#sidebar-right p {
	margin: 0px;
	padding: 0px 0px 0px 45px;
	}
	
#sidebar-right a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar-right embed, #sidebar-right object {
	width: 300px; 
	height: 250px;
	margin: 0px; 
	padding: 0px;
	}
	
#sidebar-right ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#sidebar-right ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

#sidebar-right ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar-right ul li li {
	background: #FFFFFF url(images/icon.gif) no-repeat top left;
	padding: 0px 0px 5px 20px;
	margin: 0px;
	}
	
#sidebar-right ul li ul li {
	background: #FFFFFF url(images/icon.gif) no-repeat top left;
	padding: 0px 0px 5px 20px;
	margin: 0px;
	}
#sidebar-left h2, #sidebar-right h2 {
  margin-top: 0px;
  font-size: 120%;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #1A4265;
  border-top: 4px solid #1A4265;
  border-bottom: 4px solid #1A4265;
  padding: 1px 0 1px 10px;
  line-height: 110%;
}

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

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

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

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

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

#ads4wide {
  font-size: 200%;
  margin-bottom: 2px;
  padding-bottom: 0px;
  color: #A0A0A4;
  line-height: 100%;
}
#ads4wide h3 {
  font-size: 150%;
}
#ads4wide a {
  font-size: 150%;
}

#authornew {
  font-size: 80%;
  margin-bottom: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  border-bottom: 1px dotted #688848;
  color: #A0A0A4;
  clear: both;
  line-height: 100%;
}

#editorialnotes {
  font-size: 100%;
  margin-bottom: 10px;

  padding-bottom: 3px;
  color: #A0A0A4;
  clear: both;
  line-height: 100%;
}
/* The word Privacy in the Signup Form */
#privacyemailsignup {
  font-size: 80%;
  color: #808080;
}
#privacyemailsignup a {
  text-decoration: none;
  color: #808080;
}

#privacyemailsignup a:visited {
  color: #808080;
}

#privacyemailsignup a:hover {
  text-decoration: underline;
}
/* End Privacy in the Signup Form */



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

#postmeta a {
  text-decoration: none;
}

#postmeta a:visited {
  color: #115588;
}

#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;
  font-size: 110%;
  font-weight: bold;
}

.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 #688848;
}

#comment-area {

}

#comment-form {

}

.commenter {
  color: #688848;
}

.comment-moderation {
  color: red;
}

.comment-info {

}

#footer {
  position: relative;
  margin: 0px 10px 0 10px;
  clear: both;
  width:952px;
  height: 25px;
  line-height: 25px;
  color: #FFFFEF;
  padding: 0px 5px 0px 5px;
  font-size: 110%;
  border-top: 4px solid #FDDF55;
  border-bottom: 4px solid #FDDF55;
  background: #1A4265;
}

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

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

#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:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:#424e4d;
  margin: 0 0 3px 2px;
  /*padding: 2px 4px 2px 4px;*/
  border:#888888 1px solid;
  color:#ffffff;
  float:left;
}

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

#searchform #s {
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
/*  font-family:Tahoma, Arial, Helvetica, sans-serif;*/
  font-size:12px;
  margin: 0 0 3px 0;
  background-color:#eaeaea;
  padding: 3px 4px 3px 4px;
  border:#424e4d 1px solid;
  color:#222;
}


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

/* EMAIL SIGN UP FORM */
#searchform #emailsignup {
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
/*  font-family:Tahoma, Arial, Helvetica, sans-serif;*/
  font-size:12px;
  width: 75%;
  margin: 0 0 3px 7px;
  background-color:#eaeaea;
  padding: 3px 4px 3px 4px;
  border:#424e4d 1px solid;
  color:#222;
}


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

#signuptext {
  font-size: 100%;
  padding-left: 8px;
  font-weight: bold;
  color: #7C3190;
}
/* END EMAIL SIGN UP FORM */


#searchform #acrEmail #acrName #acrState:hover {
  background-color:#e9ffcb;
  color:#222;
}
/* email signup end */

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

#splash_index {
	float: left;
	width: 608px;
	margin:0px 0px 0px 0px;
	padding: 10px;
	border-width:1px;
	border-color: #dddddd;
	border-style: solid;
}
#recent_index {
	float: left;
	margin:10px 5px 0px 0px; 
	padding: 0px 9px 9px 9px;
	border-width:1px;
	border-color: #dddddd;
	border-style: solid;
}
#recent_index h2 {
  font-size: 120%;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #1A4265;
  border-top: 4px solid #1A4265;
  border-bottom: 4px solid #1A4265;
  padding: 1px 0 1px 10px;
  line-height: 110%;	

}
#recent_post_index {
	height:90px;
	width: 608px;
	margin:10px 0px 10px 0px;
	
}
#recent_image_index {
	height:70px;
	width:70px;
	float:left;
	position:absolute;
}
#recent_content_index {
	margin-left:75px;
	width:535px;
	float:right;
	position:absolute;
}

#share_text{
	float: left; 
	clear: right;
	margin: 0px 3px 0px 0px;
}
#share_images{
	align: center;
}