/*
Theme Name: The Real Estate Theme
Theme URI: http://themeforest.com
Description: Custom template for Wordpress with admin options to change the static home page.
Version: 2.0
Author: Derek Herman
Author URI: http://valendesigns.com
*/

/* Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	line-height: 1;
	color: #6e3808;
	background: #f6f5d8 url(images/bgslice-blue.jpg) repeat-x;
	font: 12px;
	text-align: center;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
hr {
	display: none;
}
.clear {
	clear: both;
}
/* Link Styles */
a:link, a:visited {
	color: #4f7785;
	text-decoration:underline;
}
a:hover {
	color: #000;
	text-decoration:underline;
}
a:active {
	color: #4f7785;
	text-decoration:underline;
}
/* Headings */
h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 20px;
	color: #6d7f83;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 14px;
}
h3 {
	font-style: italic;
	margin-bottom: 3px;
	color: #6c7f83;
	font-size: 1.2em;
}
h4 {
	color: #9eb465;
	font-size: 1.5em;
}
/* General Styles */
.hidden {
	display: none;
}
.right {
	float: right;
}
.left {
	float: left;
}
.center {
	display: block;
}
/* Wrapper */
#wrapper {
	position: relative;
	width: 906px;
	margin: 0 auto;
	text-align: left;
}
/* Header */
#header {
	padding-top: 16px;
	position: relative;
	height: 200px;
}
#header h1 {
	display: none;
}
#header span {
	display: none;
}
#search {
	margin-top: 72px;
	border-left-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	border-width: 1px;
	position: absolute;
	top: 0;
	right: 0;
	border-top: none;
	background: #6e3808;
	width: 25em;
	w\idth: 25.5em;
	padding: 1.5em;
}
*:first-child+html #search {
	width: 25.5em;
}
.search_term {
	padding: 6px 4px 4px 8px;
	color: #949494;
	text-transform: uppercase;
	font-size: 1.0em;
	width: 19.5em;
	margin-right: 2px;
	border: 1px solid #c5c5c5;
}
.search {
	border: none;
	padding: 0.6em 0.7em 0.4em 0.7em;
	color: #fff;
	background: #9eb465;
	font-size: 1.0em;
}
.search:hover {
	background: #6d7f83;
	cursor: pointer;
}
#navigation {
	border-bottom-width: 7px;
	border-bottom-color: #462300;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 906px;
	border-bottom: solid;
	z-index: 999;
	list-style: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#navigation li {
	float: left;
	margin-right: 4px;
	background: url(images/nav-right.png) no-repeat 100% 0px;
	font-size: 14px;
}
#navigation li a {
	float: left;
	display: block;
	height: 2.0em; /* Targets IE 5.5 only */
	hei\ght: 1.4em; /* All Other Browsers */
	padding: 0.5em 1.9em 0.2em 1.7em;
	background: url(images/nav-left.png) no-repeat 0% 0px;
	color: #606060;
	text-decoration: none;
	overflow: hidden;
}
#navigation li.current_page_item, 
#navigation li.current_page_parent, 
#navigation li.current-cat,
#navigation li.current-cat-parent {
	background-position: 100% -150px;
}
#navigation li.current_page_item a, 
#navigation li.current_page_parent a, 
#navigation li.current-cat a,
#navigation li.current-cat-parent a {
	background-position: 0% -150px;
	color: #fff;
} 
#navigation li a.current-cat {
	background-position: 100% -150px;
}
#navigation li a.current-cat {
	background: url(images/nav-right.png) no-repeat 0% -150px;
	color: #fff;
}
#navigation li:hover {
	background-position: 100% -150px;
}
#navigation li:hover a {
	background-position: 0% -150px;
	color: #fff;
}

/* Inset */
#inset {
	width: 906px;
	background: #9eb465;
}
body.home #inset {
	height: 225px;
}
#inset h1 {
	margin-bottom: 1px;
	color: #fff;
	padding: 12px 30px;
	letter-spacing: -0.05em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Content */
#content {
	margin-top: 5px;
	width: 906px;
	float: left;
	height: 100%;
	margin-bottom: 20px;
}
#content p {
	font-size: 13px;
	line-height: 1.4em;
	margin-bottom: 1.5em;
}
#main {
	float: left;
	
	min-height: 400px;
}
.normal {
	width: 661px;
	margin-left: 15px;
}
.wide {
	width: 100%;
}
.page {
}
#main  ul, #main  ol {
	margin: 0 0 1em;
}
#main ul {
	margin-left: 1.5em;
}
#main li {
	line-height: 1.4em;
	font-size: 13px;
}
#main li li {
	font-size: 1.0em;
}
#main  ul li, #main  ol li {
	list-style: square;
}
#main  ol {
	margin-left: 2em;
}
#main  ol li {
	list-style: decimal;
}
#main  blockquote {
	margin: 1.5em;
	padding: 1em;
	color: #999;
	font-style: italic;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
.alignright {
	float: right;
	margin: 0 0 20px 20px;
}
#main img.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}
#main  img.aligncenter {
	display: block;
	margin: 0 auto;
}

/* Home Page Styles */
.action {
	padding-top: 20px;
	float: left;
	width: 280px;
}
.middle {
	margin: 0px 33px; text-align: center;
}
.middle {
	text-align: -moz-center;
}
.action img {
	display: block;
	margin-bottom: 20px;
}
.action span {
	padding-bottom: 5px;
	color: #6c7f83;
	font-size: 1.0em;
	text-transform: uppercase;
}
.action h2 {
	color: #4b5254;
	margin-bottom: 15px;
}
.action p {
	margin-top: 10px;
	color: #703600;
}
.newsletter_input {
	padding: 9px 4px 7px 8px;
	color: #949494;
	font-size: .75em;
	width: 220px;
	margin-bottom: 10px;
	margin-right: 2px;
	border: 1px solid #c5c5c5;
}
.submit {
	border: none;
	padding: 0.4em 1.0em 0.4em 1.0em;
	margin-top: 3px;
	color: #fff;
	background: #9eb465;
	font-size: .75em;
	text-transform: uppercase;
}
.submit:hover {
	background: #6d7f83;
	cursor: pointer;
}

/* Listing Styles */
.entry {
	position: relative;
	border-bottom: 1px solid #c2c4c4;
	padding-right: 15px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.thumb {
	float: left;
}
.entry small {
	text-transform: uppercase;
	color: #6f8185;
	font-size: 0.9em;
	margin-left: 30px;
}
.entry p {
	margin-left: 250px;
}
.entry h2 {
	font-size: 2.6em;
	width: 300px;
	color: #292b2c;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 20px;
	margin-left: 250px;
}
.entry h2 a:link, .entry h2 a:visited {
	color: #292b2c;
	text-decoration: none;
}
.entry h2 a:hover {
	color: #4f7785;
	text-decoration: none;
}
.entry span {
	position: absolute;
	right: 5px;
	top: 10px;
	font-size: 2.6em;
	color: #6d7f83;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 20px;
}
* html .entry span {
	ri\ght: 0;
	lef\t: 315px;
}
.post-data {
	margin-left: 250px;
}
ul.amenities li {
	display: inline;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 10px;
	padding: 0 4px 0 22px;
	list-style: none;
	border: none;
}
.bedroom {
	background: url(images/bed.gif) no-repeat 0 50%;
}
.bathroom {
	background: url(images/bath.gif) no-repeat 0 50%;
}
.parking {
	background: url(images/parking.gif) no-repeat 0 50%;
}

/* Single Listing Styles */
.single .entry {
	border: none;
	margin-top: 30px;
}
.single .entry small {
	margin-left: 0px;
}
.single .entry h2 {
	margin-left: 0px;
	width: 500px;
}
.single .entry p {
	margin-left: 0px;
	margin-right: 170px;
}
.single .entry span {
	top: 10px;
}
.single .post-data {
	position: absolute;
	width: 150px;
	right: 5px;
	top: 6.0em;
	margin-left: 20px;
}
.single .post-data ul {
	float: right;
}
.small {
	margin: 10px;
	margin-left: 0px;
}
.paginate {
	font-size: 12px;
}
/* Alignment */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin-right: 25px;
}

.alignright {
   float: right;
   margin-left: 25px;
}

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

/* Sidebar */
.sidebar {
	float: left;
	width: 230px;
	w\idth: 220px;
	margin-bottom: 20px;
	}
.sidebar h3 {
	font-size: 1.6em;
	font-style: italic;
	color: #6d7f83;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 10px 0 10px 10px;
}
.sidebar ul {
	width: 230px;
	w\idth: 220px;
	border: 1px solid #bdbdbd;
	font-size: 14px;
	padding-bottom: 1px;
	}
.sidebar ul ul {
	border: none;
	}	
.sidebar li a {
	font-family: Georgia, "Times New Roman", Times, serif;
  	height: 1.7em;
	text-decoration: none;
	color: #606060;
	border: 1px solid white;
	border-bottom: 1px solid #d4d7d8;
	padding: 8px 0 0 10px;
	background: #e6e9ea;
}
.sidebar li li a {
	padding: 8px 0 0 25px;
}
.sidebar li a:link, .sidebar li a:visited {
	color: #606060;
	display: block;
	background: #e6e9ea;
}
.sidebar li a:hover {
	color: #fff;
	background: #9eb465 url(images/arrow.gif) no-repeat 95% 50%;
	border-bottom: 1px solid #93a75f;
}
.sidebar li.current_page_item a, .sidebar li.current-cat a {
	color: #fff;
	background: #9eb465 url(images/arrow.gif) no-repeat 95% 50%;
	border-bottom: 1px solid #93a75f;
}
.sidebar li a.current-cat {
	color: #fff;
	background: #9eb465 url(images/arrow.gif) no-repeat 95% 50%;
	border-bottom: 1px solid #93a75f;
}

/* Footer */
#footer {
	text-align: center;
	background: #f6f4d7;
	border-top: 1px solid #dce0e1;
	padding: 1.5em 1.0em;
	color: #a2a3a3;
}
#footer a {
	color: #a2a3a3;
	text-decoration: none;
}
#footer a:hover {
	color: #8a8a8a;
	text-decoration: underline;
}
#footer li {
	font-size: 10px;
	display: inline;
	border-left: 1px solid #C1C8CA;
	padding: 0 7px;
}
#footer li.first {
	text-align: center;
	display: block;
	font-size: 12px;
	border-left: none;
	padding: 0px 10px 3px 0;
}
#footer li.second {
	text-align: center;
	display: block;
	font-size: 10px;
	border-left: none;
	padding: 5px 10px 0 0;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	border-bottom-width: 3px;
	border-bottom-color: #703600;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 906px;
	border-bottom: solid;
	z-index: 100;
	list-style: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:906px; w\idth:906px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width: 149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li 
	{border-color: #defff9; border-style: solid; float:left;/* width:149; */margin-right: 4px;
	background: url(images/nav-right.png) no-repeat 100% 0px;
	font-size: 14px;
	position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {
	float: left;
	display: block;
	height: 2.0em; /* Targets IE 5.5 only */
	hei\ght: 1.4em; /* All Other Browsers */
	padding: 0.5em 1.9em 0.2em 1.7em;
	background: url(images/nav-left.png) no-repeat 0% 0px;
	color: #606060;
	text-decoration: none;
	overflow: hidden;
}
/* a hack so that IE5.5 faulty box model is corrected */
/* * html .menu a, * html .menu a:visited {width:149px; w\idth:138px;} */

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {/* padding-top: 3px;  */border-color:white white #D4D7D8;}
/* style the second level hover */
.menu ul ul a.drop:hover{border-bottom-color: #b6ff6e; border-bottom-style: groove; background:white url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 0 center;}
.menu ul ul :hover > a.drop {background:white url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:white;}
/* style the third level hover */
.menu ul ul ul a:hover {background:white;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {border-top-color: #703600; visibility:hidden;position:absolute;height:0;top:29px;left:0; width:149px;border-top:1px solid;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {padding-left: 10px; padding-bottom: 5px; padding-right: 10px; padding-top: 5px; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px; border-top-width: 0; border-color:white white #D4D7D8; border-bottom-style: groove; background:white; color: #606060; height:auto; line-height:1em; width:128px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color: #6c7f83;}
.menu :hover > a, .menu ul ul :hover > a {color: #703600;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}