/* ========================
== Colors                ==
== * Orange:       #FB0  ==
== * Dark Orange:  #750  ==
== * Light Gray:   #DDD  ==
== * Sky Blue:   #E1EFFA ==
======================== */

/* General 
============================== */
body {
  color: Black;
  background:url(../hepburn/content_sidebars_light.jpg) no-repeat center 353px;
}

a:link, a:visited {
  color: Gray;
  text-decoration: none;
}
a:hover { color: #FB0; }

/* Header
============================== */

#container_outer {
  width: 100%;
  background:url(../hepburn/menu_background.jpg) repeat-x;
}

#container_inner {
  position: relative;
  margin: auto; 
}

#container_inner {
  text-align: left;
  width: 770px;
  margin:auto;
}

#menu_outer { top:100px; }

#page_header_outer,
#ubertor.property_detail #page_header_outer {
  height: 120px;
  background:url(../hepburn/logo_black_small.png) no-repeat 0 15px;
}

.property_detail #page_header_inner h1 {
  top: 190px;
  left: 0;
  margin: auto;
  padding-left: 15px;
  position: absolute;
  width: 755px;
}

.property_detail #site_title strong a,
.property_detail #site_title small a{
  clear: none;
  color: #FFBB00;
  font-size: 24px;
  margin-left: 10px;
}

.property_detail #site_title small a{
  font-weight: bold;
}

.property_detail #site_title {
  top: 62px;
  margin-left: 0;
}

#page_header_outer h1 a,
#page_header_outer h2 a,
#site_title strong,
#site_title small {
  clear:none;
  margin-left: 10px;
  color: #FB0;
  font-size: 24px;
}

#page_header_outer h1,
#site_title strong { font-weight: normal; }

#page_header_outer h1,
#page_header_outer h2,
#site_title {
  float: left; clear:none;
  margin-left: 10px;
  position: relative;
  top: 70px;
  z-index: 2;
  display: inline;
}

#page_header_outer h1,
#site_title strong { margin-left: 120px; }

#contact_info { margin-top: 20px; }
#contact_info li { color: #750; font-size: 11px; line-height: 1.5em;}
#contact_info strong,
#contact_info a { color: Gray; font-weight: normal; }
#contact_info a:hover { color: #FB0; }

/* Menu
============================== */

#menu_outer {
  font-size: 13px;
}

#menu_inner { margin-left: 50px; }

#menu_inner li:hover, #menu_inner li.sel_over, #menu_inner li.over, #menu_inner li ul {
  background-color: #333;
  margin-top: 0;
}

#menu_outer a {
  color: Grey;
  border: 1px solid #222;
  border-right: 2px solid #111;
  border-bottom: none;
}

#menu_outer li li a { border: none; }

#menu_outer a:hover { color: #FB0; }


/* Content
============================== */

#content_body, body.has_insets div#content_body {
  position: static;
  width: 770px;
  background:White url(../hepburn/content_background.jpg) repeat-x 0 230px;
}

/*#logo {padding: 20px 0 0 20px;} */

#logo div, #portrait div { display: none; }

#logo {
  background:url(../hepburn/logo.png) no-repeat 20px;
  width: 353px; /* 353px works in FF */
  height: 319px;
  float:left;
}

#portrait {
  background:url(../hepburn/portrait.png) no-repeat;
  width: 377px;
  height: 562px;
  float:right;
}

/* Inset
============================== */

.inset img {
  background-color:White;
}

.inset h3,
.inset h3 a {
  color: Black;
  background-color: #FB0;
  text-decoration: none;
}

.inset h3 a:hover { color: White; }

.inset small,
.inset ul,
.inset h4.price,
.inset .postmetadata
{ color: #FB0; }

.inset h4.address a { color: Black; background-color:transparent;}
.inset h4.address a:hover { color: Red; }

/* Page Footer
=============================== */

#page_footer { background-color: White; }

/* Listing - list
=============================== */

.listing {
  border-top: 2px solid #333;
}

.listing img {
  border: 1px solid #DDD;
  border-right: 2px solid #BBB;
  border-bottom: 2px solid #BBB;
  background-color: White;
}

.listing a:hover img { border-color: #FB0; }

.listing p img {border: none;background:none;}

/* Listing - Details 
================================ */


.listing_details div.info {
  border: 1px solid Gray;
}

.listing_details #detail_menu {
  margin:10px;
}

.listing_details #detail_menu li a {
  border: 1px solid Gray;
  border-bottom: none;
}

.listing_details #detail_menu .sel a {
  background-color:transparent;
  border-color: Gray;
  border-bottom: 1px solid #E1EFFA;
}

.listing_details ul.links {
  border: 2px solid #333;
}

.listing_details ul.right {
  border-left: 2px solid #333;  
}

.listing_details h3 { color: #9F702F; }

/* Links
==================================== */

#links h3 {
  border-bottom: 1px solid #333;
}