/*
Theme Name: Real Equity Assets
Description: A custom theme designed especially for REA.
Version: 1.0
Author: BinaryM
*/

/* ----- CSS ----- */

*{
  margin:0;
  padding:0;
}	
html{
}	
body{
  font-family:Verdana, sans-serif;
  font-size:90%;
}

/* ----- LAYOUT ----- */

#contentWrap, #footer, #navigation, #header div.wrap {
  width:960px;
  margin:0 auto;
}
#navigation div.wrap {
  float:left;
  margin-top:15px;
  background:transparent url(images/nav_top.png) center top no-repeat;
}
#header {
  clear:both;
  height:202px;
}
div.yellow {
  background:transparent url(images/middle_yellow.png) bottom center repeat-x;
  color:#fff;
}
div.green {
  background:transparent url(images/middle_green.png) bottom center repeat-x;
  color:#41521d;
}
#header div.wrap {
  height:202px;
}
/*
  the inner div is the inverse color of the outter!
*/
div.yellow div.wrap {
  background:transparent url(images/middle_green.png) bottom center repeat-x;
}
div.green div.wrap {
  background:transparent url(images/middle_yellow.png) bottom center repeat-x;
}
#header h1 a {
  display:block;
  width:350px;
  height:202px;
  text-indent:-1000em;
  float:left;
}
div.yellow h1 a {
  background:transparent url(images/logo_green.png) bottom center no-repeat;
}
div.green h1 a {
  background:transparent url(images/logo_yellow.png) bottom center no-repeat;
}


#header div.wrap div {
  height:202px;
  padding-right:250px;
}
div.yellow div.wrap div {
  background:transparent url(images/house_green.jpg) bottom right no-repeat;
}
div.green div.wrap div {
  background:transparent url(images/house_yellow.jpg) bottom right no-repeat;
}

#contentWrap {
  margin-top:1px;
  background:transparent url(images/nav_top.png) center top no-repeat;
  min-height:4px;
}

#content {
  float:left;
  width:640px;  
  border-right:2px solid #33460c;
}

#sidebar {
  float:left;
  width:315px;
}

#footer{
  clear:both;
  padding-top:10px;
  background:transparent url(images/nav_top.png) center top no-repeat;
  color:#999;
  font-size:90%;
}

/* ----- CLASSES ----- */

.hide{
}
.show{
}

.clear {
  clear:both;
}

/* ----- HEADINGS ----- */

h1{
}
#content h2{
  color:#33460c;
  padding:10px 0;
  font-size:24px;
}
h3{
  color:#7b885c;
  padding:5px 0 10px 0;
  font-size:18px;
}
h4{
  color:#d5a00f;
  padding:5px 0 10px 0;
  font-size:15px;
}

#header h3 {
  padding:75px 0 5px 0;
  float:left;
  display:block;
  width:360px;
}
div.yellow h3 {
  color:#fff;
  background:transparent url(images/header_line_green.png) bottom left no-repeat;
}
div.green h3 {
  color:#41521d;	
  background:transparent url(images/header_line_yellow.png) bottom left no-repeat;
}


/* ----- PARAGRAPHS ----- */

#content p {
  margin:15px 5px;
  line-height:150%;
}

#header p {
  font-size:90%;
}
#footer p {
  padding:0 0 0 60px;
  background:transparent url(images/equal_opportunity.png) top left no-repeat;
}

/* ----- QUOTES ----- */

blockquote{
  margin:0 40px;
  border-left:2px solid #33460c;
}
cite{
}
blockquote cite{
}

/* ----- CODE ----- */

pre{
}
code{
}
p code{
}
pre code{
}

/* ----- LISTS ----- */


#content ul, #content ol {
  margin:10px 10px 10px 40px;
}
#navigation ul{
  background:transparent url(images/nav_top.png) center bottom no-repeat;
  list-style:none;
  float:left;
  width:960px;
}
#navigation ul li{
  float:left;
  width:300px;
}
#navigation ul li a{
  display:block;
  height:40px;
  
  text-indent:-1000em;
  overflow:hidden;
  margin:2px auto;
}

#navigation ul li.page-item-3 a {
  background:transparent url(images/nav-overview.png) 0 10px no-repeat;
  width:150px;
}
#navigation ul li.page-item-156 a {
  background:transparent url(images/nav-building.png) 0 10px no-repeat;
  width:250px;
}
#navigation ul li.page-item-5 a {
  background:transparent url(images/nav-resident.png) 0 10px no-repeat;
  width:200px;
}

#navigation ul li a:hover {
  background-position:0 -47px;
}
#navigation ul li.current_page_item a, #navigation ul li.current_page_ancestor a {
  background-position:0 -107px;
}

#header ul {
  list-style:none;
  padding:60px 0 0 10px;
}
#header ul li a {
  color:#fff;
}

#sidebar ul {
  font-size:80%;
  list-style:none;
  padding:20px 0 5px 0;
}
#sidebar ul li a {
  display:block;
  background:transparent url(images/sidebar_yellow.png) top left no-repeat;
  padding:10px;
  color:#b5870c;
  font-weight:bold;
  text-decoration:none;
}

/* hide children pages by default */
#sidebar ul li ul, 
#sidebar ul li.current_page_ancestor ul li ul, 
#sidebar ul li.current_page_item ul li ul, 
#sidebar ul li.current_page_ancestor ul li.current_page_ancestor ul li ul,
#sidebar ul li.current_page_ancestor ul li.current_page_item ul li ul {
  display:none;
}

#sidebar ul li a:hover, #sidebar ul li.current_page_ancestor ul li a:hover, 
#sidebar ul li.current_page_ancestor ul li.current_page_ancestor ul li a:hover, 
#sidebar ul li.current_page_item ul li a:hover, 
#sidebar ul li.current_page_ancestor ul li.current_page_item ul li a:hover, 
#sidebar ul li.current_page_ancestor ul li.current_page_ancestor ul li a:hover {
  color:#33460c;
}

#sidebar ul li.current_page_item, #sidebar ul li.current_page_ancestor {
  background:transparent url(images/sidebar_green.png) top left no-repeat;
}
#sidebar ul li.current_page_item a, #sidebar ul li.current_page_ancestor a {
  background:transparent url(images/sidebar_arrow_large.png) center left no-repeat;
  padding:10px 20px;
  color:#33460c;
}
#sidebar ul li.current_page_item ul, 
#sidebar ul li.current_page_ancestor ul, 
#sidebar ul li.current_page_ancestor ul li.current_page_item ul, 
#sidebar ul li.current_page_ancestor ul li.current_page_ancestor ul, 
#sidebar ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_item ul,
#sidebar ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul {
  padding:5px 0 10px 20px;  
  display:block;

}

#sidebar ul li.current_page_item ul li a, 
#sidebar ul li.current_page_ancestor ul li a {
  background:none;
  padding:5px;
  color:#66930f;
}
#sidebar ul li.current_page_item ul li, #sidebar ul li.current_page_ancestor ul li {
  background:none;
}
#sidebar ul li.current_page_ancestor ul li.current_page_item ul, #sidebar ul li.current_page_ancestor ul li.current_page_ancestor ul {
  padding:5px 0 10px 10px;  
}

#sidebar ul li.current_page_ancestor ul li a, 
#sidebar ul li.current_page_ancestor ul li.current_page_ancestor ul li a, 
#sidebar ul li.current_page_ancestor ul li.current_page_item ul li a, 
#sidebar ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_item ul li a, 
#sidebar ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li a {
  background:none;
  color:#66930f;
}

#sidebar ul li.current_page_ancestor ul li.current_page_item a, 
#sidebar ul li.current_page_ancestor ul li.current_page_ancestor a, 
#sidebar ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_item a,
#sidebar ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_item a {
  background:transparent url(images/sidebar_arrow_small.png) center left no-repeat;
  padding-left:10px;
  color:#33460c;
}

#sidebar ul li.aligncenter a  {
    background:none;
    float:left;
}
#sidebar ul li.aligncenter a img {
    margin:5px;
    border:0;
}

#footer ul {
  float:right;
  list-style:none;
}
#footer ul li {
  float:left;
}
#footer ul li a {
  color:#999;
  padding:4px;
  font-size:90%;
}

#header ul {
    margin-left:20px;
    float:left;
}
#header ul li a {
    text-decoration:none;
}
#header ul li a:hover {
    color:#ccc;
}

/* ----- IMAGES ----- */

img{
}
img a{
}
img a:hover{
}

/* ----- BREAK ----- */

hr{
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */

a.binarym {
  margin:-20px 10px 10px 10px;
  font-size:80%;
  color:#999;
  float:right;
  text-decoration:none;
}
a.binarym:hover {
  color:#999;
}
a.binarym strong {
  color:#333;
}
a.binarym strong span {
  color:#600;
}

a{
  color:#33460c;
}
a:hover{
  color:#d5a00f;
  text-decoration:none;
}


/* ----- TABLES ----- */

table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr .alt{
}
th{
  border-bottom:1px solid #000;
  text-align:left;
}
td{
}

/* ----- FORMS ----- */

form{
}
fieldset{
}
legend{
}
label{
}
input{
}
textarea{
}
input, textarea{
}
select{
}
optgroup{
}
option{
}

/* ----- LISTINGS ----- */
div.rental {
  border-bottom:1px dotted #b5870c;
  margin:0 10px 10px 0;
  padding-bottom:10px;
}
div.rental img {
  float:left;
  border:1px solid;
  margin:10px 10px 5px 0;
}
div.rental dl {
  width:400px;
  margin:0 auto;
  font-size:90%;
}
div.rental dl dt {
  font-weight:bold;
  float:left;
  width:125px;
  text-align:right;
  margin:0 5px 2px 0;
}

div.rental dl dd {
  margin-bottom:2px;
}
dl#rental {
  width:200px; 
  font-size:80%;
}
dl#rental dt {
  font-weight:bold;
  float:left;
  width:70px;
  text-align:right;
  margin:4px 0;

}
dl#rental dd {
  float:left;
  width:125px;
  margin:4px 0 4px 2px;
  padding-left:2px;
  border-left:1px solid #ccc;
}
#map {
  clear:left;
  padding-top:20px;
  font-weight:bold;
  text-align:center;
}
a.map {
  background:transparent url(images/map.png) left center no-repeat;
  padding:2px 0 2px 20px;
}
a.pdf {
  background:transparent url(images/pdf.png) left center no-repeat;
  padding:2px 0 2px 20px;
  font-weight:bold;
  text-align:center;
}

#images {
  float:right;
  width:435px;
}
#images a {
  display:block;
  float:left;
  text-align:center;
  width:107px;
}
#images img {
  border:0;
}

#photoGallery {
    width:430px;
    height:285px;
    overflow:hidden;
    margin:0 auto 50px auto;
}