/* Dark Brown: #302313 */
/* Light brown:  #000080 */
/* Dull Green: #4B636D */
/* Aquamarine: #004852 */

body {
  color: #FFF;
  background: #302313 url(../images/chocolate/bg_gradient.jpg) 0 0 repeat-x;
  font-family: Trebuchet MS, verdana, helvetica, sans-serif;
}

a {
  color: #CEC67B;
  text-decoration: none;
}
a:hover { color: #D1C67C; }

h2.title {
	font-size: 20px;
	font-weight: bold;
}

div#content_body h2 {
	color: #EEEBDA;
}

#container_inner {
  background: #453E34;
  border: 12px solid #453E34;
  border-bottom: 0;
}

#page_header_outer {
  background: url(../images/chocolate/banner.jpg) 0 0 no-repeat;
}

#contact_info { 
	background: url(https://uberplate.ubertor.com/css/westwood/chocolate/bg_menu.jpg) 0 0 repeat-x; 
	color: #FFF; 
}
#contact_info strong { font-weight: normal; }

div#page_header_inner #contact_info li.email a {
	color: #FFF;
	text-decoration: underline;
}

div#page_header_inner #contact_info li.email a:hover {
	color: #D1C67C;
	text-decoration: none;
}


/* Site Title
============================ */
#masthead, #site_title {
	background: transparent url(../images/black/bg_header.png) no-repeat 0px 0px;
}

div#page_header_inner h1 a, .property_detail div#site_title strong a  {
  font-size: 22px;
  color: #FFF;
  font-weight: bold;
}

div#page_header_inner h2 a, .property_detail div#site_title small a  {
  font-size: 16px;
  color: #EEEBDA;
  font-weight: normal;
}

/* html hack to hide code from Firefox */
* html #masthead, * html #site_title {
	background: none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://uberplate.ubertor.com/css/laika/images/black/bg_header.png', sizingMethod='crop'); 
}

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

#menu_outer {
  background: #21180D url(../images/chocolate/menu_bg.jpg) 0 0 no-repeat;
  margin-top: 10px;
}

#menu_inner {
  border: 1px solid #000;
  border-top: none;
  padding-bottom: 1px;
}

#menu_outer li {
  border-bottom: 1px solid #333;
  background: #21180D;
  line-height: 1.8em;
}

#menu_outer li a {
  color: #FFF;
}

#menu_outer li a:hover {
	color: #D1C67C;
}

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

#menu_outer li.sel ul li a {
  color: #FFF;
}

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

#menu_outer li ul {
  border-top: 1px solid #333;
}

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

.inset {
	border: 1px solid #000;
	border-top: none;
	font-size: 11px;
	background: #21180D;
}

.inset_outer .blog_rss, .inset_outer .blog_subscribe {
	background: none;
	border-bottom: none;
}

.inset_outer .blog_rss {
	border: 0;
}

.inset img,
#business_card img {
  border: 1px solid #333;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
}

.inset h3 {
  background: #CFDCE7 url(../images/chocolate/inset_bg.gif) no-repeat;
  padding-left: 15px;
}

.inset p { 
	font-size: 11px;
	color: #4B636D;
}

.inset h3, .inset h3 a { color: #FFF; }

.inset small,
.inset ul,
.inset .postmetadata, .inset a
{ color: #A09D99; }

.inset h4.price {
	color: #FFF;
	padding: 7px 0;
}

form#searchform #s {
	background-color: #FFF;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
}

form#searchform #searchsubmit {
	background-color: #CCC;
	border-left: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}

/* Blog page
============================ */

.content .post {border: 1px dotted #DEDEDE;}

.content .post h2 a {
	font-size: 13px;
	background-color: #000;
	color: #FFF;
}

.content .post small {
	line-height: 1.9em;
	font-size: 10px;
	color: #FFF;
	padding-left:10px;
}

.content .post h2 a:hover {
  	background-color: #DCE0EA;
  	color: #000;
}

.content .entry p {
	line-height: 1.6em;
	font-size: 11px;
	color: #4B636D;
}

/* Content Body
================================ */
#content_body ul, #content_body ol {
	color: #FFF;
}

.index #content_body p {
	color: #FFF;
	margin: 0 10px 12px 0;
}


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

#powered_by {
  background:url(https://uberplate.ubertor.com/images/powered-white.gif) no-repeat right;
}

/* Listings
============================ */

ul.pages a, ul.pages li {
	color: #FFF;
	padding-bottom: 10px;
}

.listing { border: 1px solid #DEDEDE; }

div.listing:hover {background-color: #21180D;}

.listing h2 { background: #000; }

.listing h2 a { color: #FFF; }

.listing li.value { color: #DEDEDE; }

.listing img {
  border: 1px solid #DEDEDE;
}

.listing ul.stats li {
	color: #FFF;
}

div.listing p.description {
	padding: 10px;
}
/* === Details === */

#details, #mortgage, #virtual, #map  {
  border: 3px solid #000;
}

#detail_menu li {
  background: url(../images/chocolate/tabs.gif) no-repeat;
}

#detail_menu li.sel {
  background: url(../images/chocolate/tabs_on.gif) no-repeat;
}

#detail_menu li.sel a {
  color: #D1C67C;
}

div.info ul li {
	color: #FFF;
}

.property_detail #address { color: #FFF; }

.property_detail ul.links {
	border: 1px solid #DEDEDE;
}

div.info ul.right {
	border-left: 1px solid #DEDEDE;
}

/* === Property Detail Mortgage page === */
#mortgage input {
	background-color: #FFF;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	margin-left: 10px;
	font-size: 11px;
	color: #333;
}

#mortgage input.submit {
	margin: 15px 0 0 130px;
	background-color: #CCC;
	border-left: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	font-size: 12px;
}


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

/* Sellers page
============================ */
#for_sellers input.submit {
	margin: 15px 0 0 130px;
	background-color: #CCC;
	border-left: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
}

#for_sellers input, #for_sellers textarea {
	background-color: #FFF;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	margin-bottom: 10px;
	font-size: 11px;
	color: #333;
}

#for_sellers #For_Sellers_Receive_Newsletter {
	background-color: #FFF;
	border: 0;
}

#for_sellers select {
	background-color: #FFF;
	margin-bottom: 10px;
	font-size: 11px;
	color: #333;
}


/* Buyers page
============================ */
#for_buyers input.submit {
	margin: 15px 0 0 130px;
	background-color: #CCC;
	border-left: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	clear: both;
}

#for_buyers input, #for_buyers textarea {
	background-color: #FFF;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	margin-bottom: 10px;
	font-size: 11px;
	color: #333;
}

#for_buyers #For_Buyers_Receive_Newsletter {
	background-color: #FFF;
	border: 0;
}

#for_buyers select {
	background-color: #FFF;
	margin-bottom: 10px;
	font-size: 11px;
	color: #333;
}


/* Contact page
============================ */
#contact input.submit {
	margin: 15px 0 0 75px;
	background-color: #CCC;
	border-left: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
}

#contact input, #contact textarea {
	background-color: #FFF;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
}

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

.links div#links h3 {
	border-bottom: 1px dotted #666;
}