/* Colors:
 =========== */

body {
  color: #000;
  background: #fff;
  font-family: Trebuchet MS, verdana, helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color: #090;
}

a { text-decoration: none; color: #222; }

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

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

#container_inner {
  background: #fff;
  border: 1px solid #000;
margin-top: 15px;
}

#page_header_outer {
  background: url(../images/sky/banner_sky.jpg);
/*  border-bottom: 15px solid #D8EAF7;*/
}

#contact_info { border-top: 1px solid #000; border-bottom: 1px solid #000; color: #000; background-color: #fff; }
#contact_info a {
	color: #333;
}
#contact_info strong { font-weight: normal; }


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


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

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

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

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

#menu_outer {
  background: #eee url(../images/white_black/menu_bg.gif) no-repeat;
  margin-top: 10px;
}

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

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

#menu_outer li a {
  color: #000;
  display: block;
  background: url(http://uberplate.ubertor.com/css/laika/images/white_black/bg_menulink.jpg)
}

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

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

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

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

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

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

.inset {
  background: url(http://uberplate.ubertor.com/css/laika/images/white_black/inset_border.gif) repeat-y;
  font-size: 11px;
border-right:1px solid #000;
}

/* .inset_outer, */.inset {
  border-bottom: 1px solid #333;
}

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

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

.inset h3 {
  background: url(../images/white_black/inset_bg.gif);
  padding-left: 15px;
}

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

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;
}

.inset h4, .inset li {
	color: #333;
/*	padding-top: 7px; */
}

.inset .entry {
	color: #333;
}

.inset_group .inset small a, .inset_group .inset small {
	color: #333;
	font-size: 11px;
}

.inset .postmetadata {
	color: #333;
	font-size: 11px;
}

.inset a {
	color: #333;
}

.inset a:hover {
	color: #666;
}

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 div.blog_archived h3, .blog div.blog_category h3 {
	margin-bottom: 10px;
}

.blog div.blog_archived p, .blog div.blog_category p {
	margin: 0 0 7px 10px;
}

.blog .post {
	border-bottom: 1px dotted #333;
}

#ubertor .post small, #ubertor .post small a {
	font-size: 12px;
	color: #333;
}

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

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

.content .post h2 a {
	line-height: 1.5em;
	font-size: 13px;
  	background-color: #2D292A;
	color: #eee;
}

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

.content .post h2 a:hover {
  	color: #FFFFFF;
background-color:#111;
}

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

.blog small {
	font-size: 12px;
	margin-left: 10px;
}

.blog .entry a {
  color: #333;
}

.blog .entry a:hover {
  color: #ccc;
}

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

#page_footer a {
  color: #000;
}

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

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

.listing h2 { background: #000; }

#ubertor .listing h2 a:link
#ubertor .listing h2 a:visited,
#ubertor .listing h2 a {
	color: #fff;
}

#ubertor .listing h2 a:hover {
	color: #090;
}

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

.listing li { color: #333; }

.listing img {
  border: 1px solid #333;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
}
/* === Details === */

#details, #mortgage, #virtual, #photos, #map  {
  border-left: 1px solid #333;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

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

#detail_menu li a {
  color: #FFF;
}

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

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

#listing_description h3 {
	color: #f90;
}

.property_detail #address a { color: #f90; }

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

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

/* === 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 #CCC;
}