/*

Desc: Open-Realty CSS file
Author: Albert :: http://www.Awddesign.co.uk/
Date: 11-MARCH-2009
Colours	+ *Page/section name*
        - *colour hex* *colour name* (*purpose*)
css Generated with http://www.oswt.co.uk/developments/css_formatter_optimiser/
W3C CSS Validator : document validates as CSS level 2.1

=== === === === === === === === === === */




/* Base
------------------------------------------------------*/

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	b//ackground-color:#D1E8D8; /* light bg*/
	b//ackground-color:#547B3D; /* logo green bg*/
	b//ackground-color:#94CA56; /* tree green bg*/

	background-color:#7f8463; /* main dark green bg*/

	font: normal 0.75em/145% Arial, Tahoma, sans-serif;
	t//ext-align: center;
}

p
{
	margin: 0px 0px 10px 0px;
	line-height: 140%;
	color: #4b4d4a;
}

a
{
	outline: none;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

.hide
{
	display: none;
}

img
{
	border: 0px;
}


/* Clearing method
------------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clear
{
	clear: both;
	height: 1%;
}

/* Layout
------------------------------------------------------*/

#page-container
{
	width: 986px;
	margin: 0px auto;
	text-align: left;
}

#page-container-inner
{
	background-color: #fff;
	margin: 0 13px 0 13px;
}

#page-header
{
	border-bottom: 3px solid #a3b71c;
	margin-bottom: 20px;
}

#page-content-container
{
	background: url("bg_content-container.gif") repeat-y 0% 0%;
	padding: 0 20px 0 30px;
}

#page-content-container.wide
{
	background: url("bg_content-container_wide.gif") repeat-y 0% 0%;
}

#content
{
	float: left;
	width: 550px;
	padding: 10px 0 10px 0;
}

#page-content-container.wide #content
{
	float: none;
	width: 900px;
}

#sidebar
{
	float: right;
	width: 320px;
}

#page-footer
{
	color: #fff;
	background: url("bg_page_footer.gif") no-repeat 50% 100%;
	border-top: 3px solid #a2b51b;
	margin: 0 -13px 0 -13px;
	padding: 20px 0 35px 6px;
}

#copyright
{
	text-align: left;
	padding: 0 20px 12px 20px;
}

#terms
{
	text-align: right;
	p//adding: 0 20px 12px 0px;
	margin-top: -20px;


}


/* Page header
------------------------------------------------------*/

#page-nav
{
	height: 59px;
	background: url("bg_page_nav.gif") no-repeat 0% 0%;
	margin: 0 -13px 0 -13px;
	padding-left: 25px;
	list-style: none;
	line-height: 1;
	z-index: 999;
	position: relative;
}

#page-nav li
{
	float: left;
	padding-right: 1px;
	margin: 10px 10px 0 0;
}

#page-nav li a
{
	display: block;
	font: bold 1.0em Arial, Tahoma, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 5px 9px 5px 11px;
	z-index: 100;
}

#page-nav li:hover
{
	background: url("bg_nav_hover.gif") no-repeat 100% 100%;
}

#page-nav li:hover a
{
	background: url("bg_nav_hover.gif") no-repeat 0% 0%;	text-decoration: underline;
}

#page-nav li.current_page_item, #page-nav li.current_page_parent, #page-nav li.current-cat, #page-nav li.current-cat-parent
{
	background: url("bg_nav_current.gif") no-repeat 100% 100%;
}

#page-nav li.current_page_item a, #page-nav li.current_page_parent a, #page-nav li.current-cat a, #page-nav li.current-cat-parent a
{
	background: url("bg_nav_current.gif") no-repeat 0% 0%;
}

#page-nav li ul { position: absolute; width: 200px; left: -999em; margin:0; padding-top: 11px; list-style: none; }
#page-nav li ul li { background-color: #49493c; z-index: 15; position: relative; height: 1%; margin: 0; }
#page-nav li ul li:hover, #page-nav li ul li.current_page_item { background: none; background: #9eb31a; }
#page-nav li:hover li a { background: none; }
#page-nav li ul li a { line-height: 20px; width: 160px; }
#page-nav li ul ul {	margin: -43px 0 0 180px;  }
#page-nav li ul ul li a { line-height: 20px; }
#page-nav li ul li ul li a {	border-width:0 1px 1px 0px; }
#page-nav li:hover ul, #page-nav li.sfhover ul { left: auto; }
#page-nav li:hover ul ul, #page-nav li.sfhover ul ul { left: -999em; }
#page-nav li:hover ul, #page-nav li li:hover ul, #page-nav li.sfhover ul, #page-nav li li.sfhover ul { left: auto; }
#page-nav li:hover, #page-nav li.hover { position: static; } /* IE7 Fix */

#branding
{
	background-color: #ddddc4;
	border-top: 5px solid #c6c6b0;
	border-bottom: 1px solid #fff;
	margin-top: -12px;
	padding: 22px 20px 22px 20px;
}

#branding h1
{
	width: 340px;
	float: left;
	text-align: center;
}

#branding h1 a
{
	display: block;
	width: 284px;
	height: 185px;
	margin: 0px auto;
	text-indent: -9999px;
/*	background: url("logo.png") no-repeat 0% 0%;*/
}

#branding blockquote
{
	display: block;
	font: italic 1.8em/130% Georgia, Times, serif;
	color: #4b4d4a;
	width: 555px;
	float: right;
	text-align: center;
	border-left: 1px solid #c0c0ac;
}

/* 00 - LOGO HEADER
/* ----------------------------------------------*/

.design {
width: 961px; 
height: 200px;
background: url(stayecochic_bg.gif) repeat-x;
background-color: #DCDEC4;
}

#logo2 { border: 0px solid red;
	float: left;
	margin: 0;
	padding: 20px 0px 0px 25px;
	color: #000000;
}

#logo2 h1, #logo2 p {
	margin: 0;
	padding: 0;
	font-family: "sans-serif", Arial, Georgia, Times New Roman, Times, serif;
}

#logo2 h1 {
	letter-spacing: -1px;
	text-transform: lowercase;
	font-size: 44px;
}

#logo2 h1 a {
	color: #FFFFFF;
}

#logo2 p {
	margin: -30px 0px 0px 0px;
	padding: 46px 0 0 2px;
	font: normal 19px Georgia, "Times New Roman", Times, serif;
	color: #C5E8FF;
} 

#logo2 a {
	border: none;
	background: none;
	text-decoration: none;
	color: #C5E8FF;
}


/* 04 - DOCK
/* ----------------------------------------------*/
	
#latest-dock {
	margin: -20px 0 20px 0; 
	padding: 0;
	background-color: #fff;
}

.dock-back {
	padding: 8px 0;
}
	
#dock {
	margin:0 auto; 
	padding:0;
	list-style: none;
	position: relative;
	text-align: center;
}
		
#dock li {
	margin: 0 5px 0 5px; 
	padding: 0;
	display: inline;
}
			
#dock li.dock-active {
	background-color: #000;
}
	
#dock li img {
	display: block;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #d6d6b7;
}
			
#dock li a:link, #dock li a:active, #dock li a:visited {
	margin: 30px 0 0 0; 
	padding:2px 0 0 0;
	display:inline-block;
}
			
			
#dock li a:hover img {
	border-color: #a3b71c;
}
						
					
#dock li span {
	margin:0; 
	padding:0;
	width:960px; 
	height:auto;
	position:absolute;
	display:none;
	top:0; left:0;
	text-align:center;
	font: bold 1.1em Arial, Tahoma, sans-serif; 
	color: #4b4d4a;
}

.latest {
	width: 960px; text-align:center;
	font: bold 1.1em Arial, Tahoma, sans-serif; 
	color: #4b4d4a;
	position:absolute;
	padding-bottom: 5px;
	border-bottom: 1px solid #d6d6b7;
}
				

/* Page content
------------------------------------------------------*/


#content h2
{
	font: italic 2.2em/110% Georgia, Times, serif;
	color: #4b4d4a;
	margin: 0 0 10px 0;
}

#content h2#comments
{
	margin: 15px 0 5px 10px;
}

#content h3
{
	font: normal 1.6em/120% Arial, Tahoma, sans-serif;
	color: #4b4d4a;
	margin: 15px 0 6px 0;
}

#content h3#respond
{
	font: italic 1.8em/110% Georgia, Times, serif;
	color: #4b4d4a;
	margin: 15px 0 8px 10px;
}

#content h3.comments_no
{
	margin: 0px 0 8px 10px;
}

#content h2 a, #content h3 a
{
	color: #4b4d4a;
	text-decoration: none;
}

#content h2 a:hover, #content h3 a:hover
{
	color: #9eb31a;
}

#content h4
{
	font: bold 1.2em/120% Arial, Tahoma, sans-serif;
	color: #4b4d4a;
	margin: 15px 0 5px 0;
}

#content img
{
	border: 1px solid #d6d6b7;
}

#content ul
{
	margin: 0 0 10px 0;
	padding-left: 16px;
	list-style-type: square;
}


/* Page content - topics
------------------------------------------------------*/

#content #post-items img
{
	display: block;
	margin: 0 0 5px 0;
}

#content #post-items .item
{
	float: left;
	width: 176px;
	margin: 10px 11px 0 0;
}

#content #post-items .item h3
{
	font: bold italic 1.1em/130% Georgia, Times, serif;
	color: #4b4d4a;
	margin: 0 0 5px 0;
}

#content #post-items .item p
{
	margin: 0;
}

#content #post-items .first
{
	float: none;
	width: 550px;
	margin: 0;
}

#content #post-items .first ul.info
{
	list-style: none;
	margin: 0 0 5px 0;
	padding: 6px 8px 6px 8px;
	background-color: #d6d6b7;
	color: #000;
}

#content #post-items .first ul.info li
{
	float: left;
}

#content #post-items .first ul.info li.comments
{
	float: right;
}


#content #post-items .first ul.info li a
{
	font-weight: bold;
	color: #49493c;
}

#content #post-items .last
{
	float: right;
	margin-right: 0;
}

#content #post-items .post
{
	border: 1px solid #d6d6b7;
	background-color: #fff;
	padding: 12px;
}

#content #post-items .first .post
{
	padding: 18px;
}


/* Page content - single page
------------------------------------------------------*/

#page-detail ul.info
{
	list-style: none;
	margin: 0 0 5px 0;
	padding: 6px 8px 6px 8px;
	background-color: #d6d6b7;
	color: #000;
}

#page-detail ul.info li
{
	float: left;
}

#page-detail ul.info li.comments
{
	float: right;
}


#page-detail ul.info li a
{
	font-weight: bold;
	color: #49493c;
}

#page-detail .post
{
	border: 1px solid #d6d6b7;
	background-color: #fff;
	padding: 18px;
}

#page-detail .post a
{
	color: #a2b51b;
	font-weight: bold;
}

#page-detail .search-results h3 
{
	font: normal 1.5em/120% Arial, Tahoma, sans-serif;
	color: #4c4c3f;
	margin: 15px 0 5px 0;
}

#content #page-detail .search-results h3 a
{
	font: normal 1.0em Arial, Tahoma, sans-serif;
	color: #4c4c3f;
	text-decoration: underline;
}


/* Page content - indexing and navigation
------------------------------------------------------*/

#post-navigation
{
	margin: 10px 0px 0px 0px;
	padding: 8px;
	background-color: #ddddc4;
}

#post-navigation a
{
	display: block;
	float: left;
	font: bold 0.9em Arial, Tahoma, sans-serif;
	color: #444;
	text-decoration: none;
	text-transform: uppercase;
}

#post-navigation .next a
{
	float: right;
}

#post-navigation a:hover
{
	color: #9cb032;
}

#post-indexing
{
	margin: 40px 0px 0px 0px;
	padding: 8px;
	background-color: #f3f3e9;
}


/* Page content - images
------------------------------------------------------*/

#content #page-detail
{
	font: normal 14px Arial, Tahoma, sans-serif;
	color: #4b4d4a;

}

#content #page-detail img.head
{
	display: block;
	margin-bottom: 10px;
}

#content #page-detail img.head-post
{
	display: block;
	margin-bottom: 5px;
}

#content #page-detail .post img
{
	margin: 0 0 5px 0;
	border: 5px solid #ddddc4;
}

#content #page-detail .post .alignleft
{
	float: left;
	margin: 5px 15px 10px 0;
}

#content #page-detail .post .alignright
{
	float: right;
	margin: 3px 0 10px 15px;
}

#content #gallery
{
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
}

#content #gallery img
{
	border: none;
	padding: 0px;
	display: block;
	margin: 0px;
	width: 548px;
}

#content #gallery_changer
{
	margin: 0 0 0 -21px;
	list-style: none;
}

#content #gallery_changer li
{
	float: left;
	padding: 11px 5px 11px 7px;
}

#content #gallery_changer li a
{
	width: 14px;
	height: 14px;
	display: block;
	text-indent: -9999px;
	background-color: #fff;
	border: 1px solid #c6c6b0;
}

#content #gallery_changer li a:hover
{
	background-color: #c6c6b0;
}

#content #gallery_changer li.current a
{
	background-color: #9eb31a;
	border: 1px solid #9eb31a;
}


/* Page content - author
------------------------------------------------------*/

#content #author-desc
{
	background-color: #eef8d0;
	border-top: 1px solid #d6d6b7;
	padding: 6px 18px 12px 18px;
	margin: 18px -18px -18px -18px;
}

#content #author-desc .entry_author_image
{
	display: block;
	float: left;
	margin: 12px 15px 0 0;
}


/* Page content - portfolio list
------------------------------------------------------*/

#portfolio-list .portfolio-item
{
	width: 292px;
	float: left;
	margin: 0 12px 12px 0;
}

#portfolio-list .last
{
	margin-right: 0;
}

#portfolio-list .portfolio-item .inner
{
	padding: 10px;
	background-color: #fff; 
	border: 1px solid #d6d6b7;
}

#portfolio-list .portfolio-item img
{
	display: block;
	margin: 0 0 5px 0;
}

#portfolio-list .portfolio-item h3
{
	font: bold 1.0em Arial, Tahoma, sans-serif;
	padding: 6px 8px 6px 10px;
	background-color: #4b4b3e;
	margin: 0 0 5px 0;
}

#portfolio-list .portfolio-item h3 a
{
	color: #fff;
	text-decoration: none;
}

#portfolio-list .portfolio-item h3 a:hover
{
	color: #afca91;
}


/* Page content - comments
------------------------------------------------------*/

#content .comments_no span
{
	color: #9cb032;
}

#content .commentlist
{
	margin: 25px 0px 10px 0px;
	padding: 0px;
	list-style: none;
}

.commentlist li
{
	padding-bottom: 25px;
  padding-top: 25px;
	margin-top: -16px;
	position: relative;
	background: url(bg_comment_item.gif) no-repeat 0% 100%;
}

.commentlist li.alternate
{
	background: url(bg_comment_alternate.gif) no-repeat 0% 100%;
}

.commentlist li .comment-gravatar
{
    width: 98px;
    float: left;
}

.commentlist li .comment-gravatar img
{
	width: 70px;
	height: 70px;
  display: block;
  margin: 0 0 10px 12px;
}

.commentlist li .comment-text
{
    width: 430px;
    float: left;
}

#content .commentlist h4
{
	font-size: 1.1em;
	font-weight: bold;
	color: #343434;
	margin: 0px 0px 10px 0px;
}

#content .commentlist h4 a
{
	color: #343434;
}

#content .commentlist h4 span
{
	font-size: 0.9em;
	display: block;
}

#content .commentlist h4 span a
{
	color: #9cb032;
}
		
.commentinfo {
	float: left;
	padding-top: 5px;
	font-size: 0.9em;
}

.commentlist li.my-comment 
{
	background-color: #eee;
	padding-left: 10px;
	padding-right: 15px;
}

#content li.my-comment h4 
{
	color: #000;
}

.commentlist li.my-comment p
{
    color: #000;
}

#main-content .commentlist li.my-comment img
{
    background-color: #fff;
}


.commentlist li.my-comment .comment-text
{
    width: 405px;
}

.commenttext 
{
	font-size: 0.9em;
}

.commentlist code 
{
	font-size: 1.3em;
	line-height: 120%;
}

#content .commentlist .wp-smiley 
{
	border: none;
	padding: 0px;
	background: none;
}


/* Page content -  forms
------------------------------------------------------*/




/* Page sidebar
------------------------------------------------------*/

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

#sidebar h3
{
	font: italic 1.6em/110% Georgia, Times, serif;
	color: #fff;
	margin: 0 0 0 -9px;
	padding: 8px 0 20px 0;
	width: 336px;
	background: url("bg_sidebar_h3.gif") no-repeat 0% 0%;
}

#sidebar h3 span
{
	display: block;
	padding-left: 20px;
}

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

#sidebar ul ul
{
	padding: 0 14px 20px 14px;
}

#sidebar ul ul:after
{
	content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#sidebar ul ul li
{
	padding: 5px 5px 5px 16px;
	background: url("bullet_2.png") no-repeat 0px 9px;
	border-bottom: 1px solid #bcbc9f;
}

#sidebar li.widget
{
	clear: both;
}

#sidebar ul ul li.current
{
	background: #f3f3e9 url("bullet_2.png") no-repeat 14px 9px;
	margin: 0 -14px 0 -14px;
	padding: 5px 29px 5px 30px;
}

#sidebar li li a
{
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#sidebar li a:hover
{
	color: #748215;
}

#sidebar #banners
{
	padding: 10px 0 10px 8px;
	background-color: #e5e5d0;
}

#sidebar #banners img
{
	float: left;
	display: block;
	border: 10px solid #ddddc4;
	margin: 0 0 5px 5px;
}


/* Page sidebar - widgets
------------------------------------------------------*/

#sidebar li.widget_categories li
{
	width: 140px;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 6px;
	background: none;
}

#sidebar li.cat-item a
{
	text-decoration: none;
}

#sidebar .textwidget
{
	padding: 5px 14px 20px 14px;
}

#sidebar .widget_rss a.rsswidget img
{
	margin: 0 5px 0 0;
	padding: 0;
}

#sidebar .widget_rss h3 a.rsswidget:hover
{
	color: #fff;
}

#sidebar .widget_rss li a
{
	display: block;
}

#sidebar .widget_search label
{
	display: block;
	font: italic 1.6em/110% Georgia, Times, serif;
	color: #fff;
	margin: 0 0 0 -23px;
	padding: 8px 0 20px 20px;
	width: 336px;
	background: url("bg_sidebar_h3.gif") no-repeat 0% 0%;
}

#sidebar .widget_search input
{
	font: normal 1.2em Arial, Tahoma, sans-serif;
	color: #454545;
	width: 200px;
	float: left;
	padding: 4px;
	margin-right: 5px;
}

#sidebar .widget_search #searchsubmit
{
	font: bold 1.1em Arial, Tahoma, sans-serif;
	color: #fff;
	width: 70px;
	float: left;
	border: none;
	padding: 5px 0 5px 0;
	background-color: #4c4c3f;
}

#sidebar .widget_search form
{
	height: 100px;
	padding-left: 14px;
	background-color: #7f8463;
}


/* Page footer
------------------------------------------------------*/

#page-footer ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#page-footer ul li
{
	display: block;
	float: left;
	width: 220px;
	margin: 0 0 0 20px;
}

#page-footer h3
{
	xfont: bold italic 1.5em/120% Georgia, Times, serif;
	font: bold 1.2em/120% Arial, Tahoma, sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 0 0 8px 2px;
	margin: 0 0 15px 0;
	border-bottom: 1px dotted #ccccc8;
}

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

#page-footer ul li, #page-footer p
{
	font: normal 1.0em Arial, Tahoma, sans-serif;
	color: #ccccc8;
}

#page-footer a, #page-footer strong
{
	font-weight: bold;
	color: #fff;
}

#page-footer a:hover
{
	color: #afca91;
}

#page-footer a.url
{
	color: #a2b51b;
}

#page-footer ul ul li
{
	float: none;
	line-height: 130%;
	background: url("bullet_1.png") no-repeat 0px 4px;
	margin: 0 0 8px 0;
	padding: 0 0 0 15px;
}

#page-footer img
{
	display: block;
	width: 45px;
	float: left;
	border: 2px solid #fff;
	margin: 0 6px 6px 0;
}

#page-footer h3 img
{
	display: inline;
	width: auto;
	float: none;
	border: none;
	margin: 0;
}


/* Page footer - widgets
------------------------------------------------------*/

#page-footer .widget_rss li
{
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	background: none;
	border-bottom: 1px solid #676658;
}

#page-footer .widget_rss li a
{
	display: block;
	text-decoration: none;
	margin: 0 0 3px 0;
}



/* Page copyright
------------------------------------------------------*/

#copyright a
{
	font-weight: bold;
	color: #4b4b3e;
}

#terms a
{
	font-weight: bold;
	color: #4b4b3e;
}

/************************************************
*	Comments									*
************************************************/