/* ========================
== Colors                ==
== * White:      White   ==
== * Orange:     #9F702F ==
== * Gray:       #5C5C5C ==
== * Light Gray: #DDD    ==
======================== */

/* General 
============================== */

body {
  background: #302313;
  color: #FFF;
}

a:link, a:visited {
  color: #9A9189;
  text-decoration: none;
}
a:hover { color: #CCC8C3; }

#container_outer {
  background: #453E34;
  border: 11px solid #453E34;
  margin-top: 0;
}

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

/*#container_outer {
  border: 1px solid White;
  margin-top: 15px;
  position:relative;
}*/

#page_header_outer {
  border-bottom: 20px solid #000;
  background: #000 url(../chocolate/new_banner.jpg) no-repeat 0 80px;
}

#page_header_inner { 
	border-bottom: 2px solid #000; 
}

.property_detail #site_title small,
#page_header_outer h2 a {color: #9F702F;}

#contact_info li { color: #9F702F; }
#contact_info strong { color: #FFF; }


/* Code for custom name banner - paste this into the local.css (depending on height) */
/*#page_header_inner h1, #page_header_inner h2, #site_title strong, #site_title small {
  width: 200px;
  height: 100px;
  text-indent: -2500px;
}

#page_header_inner h1 a, #page_header_inner h2 a, #site_title strong a, #site_title small a {
  width: 200px;
  height: 100px;  
} 

#contact_info {
  display: none;
}*/


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

#menu_outer {
  background: url(http://uberplate.ubertor.com/css/westwood/chocolate/bg_menu.jpg) 0 0 repeat-x;
  color: #FFF;
  height: 22px;
  top: 83px;
}

#menu_outer a, #menu_outer li.sel li a {
  color: #FFF;
  border: none;
}

#menu_outer a:hover, #menu_outer li.sel a, #menu_outer li.sel li a:hover {
  color: #D1C67C;
}

#menu_inner li:hover, #menu_inner li.sel_over, #menu_inner li.over, #menu_inner li a:Hover {
  border: none;
  background: none;
}

#menu_inner li ul { 
  background-color: #000;
  border: 1px solid #FFF;
}

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


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

.inset h3, #page_footer {
  background: #000;
}

.inset h3 {
  padding: 3px 10px;
  text-decoration: none;
}

.inset {
  /*background: #302313;*/
  background: #21180D;
  margin-bottom: 7px;
}

.post {
	border:1px solid #222;
}

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

.inset .postmetadata {
  margin-right: 10px;
  padding-bottom: 10px;
}

.post h2, .post h2 a {
	background: #211808;
	color:#fff;
}

.inset small {
  margin-left: 10px;
}

.inset h4.price {
  text-decoration: none;
  font-size: 22px;
}

div.inset .entry {
  padding: 0 10px 10px 10px;
}

form#searchform {
  padding: 10px;
}


.blog div.inset_wrapper div.blog_rss {
	background: #453E34;
}
/* Property Listings 
 ===================== */

.listing {
	clear:both;
	padding:0;
}

.listing h2 {
border-top: 2px solid #000;	
	border-bottom: 2px solid #000;
	padding: 5px 0;
	background:#332211;
}

#ubertor .listing h2 a {
	color:#fff;
	text-decoration:none;
}

* html .listing {
	height:1%;
}

.listing a img {
	border: 2px solid #000;
	background:#000;
}

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


.listing_details div.info, #map {
  border: 1px solid White;
}

.listing_details #detail_menu li a {
  border: 1px solid #444;
  border-bottom: none;
  background-color: #000;
}

.listing_details #detail_menu .sel a {
  background-color:transparent;
  border-color: White;
  border-bottom: 1px solid #453E34;
}

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

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

.listing_details h3 { color: #9F702F; }

/* Virtual tour script
==================================== */

div#virtual_script {
	margin: 15px 0 0 100px;
}

#virtual li {
	display: inline;
}

#virtual li a {
	font-size: 0;
}

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

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

/* Blog
=============================== */
.blog div.entry div a {
	color: #A09D99;
}

.inset a.feed {
	color: #FFF;
}



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

#page_footer a {
  margin: 0 5px 0 0;
  line-height: 25px;
}

#page_footer a#powered_by {
  top: 40px;
}