/* Baby Blue:  #D8EAF7 */
/* Sky Blue:   #3097D1 */
/* Beige:      #BBB091 */
/* Dark Brown: #7B5E51 */
/* Dark Blue:  #000080 */
/* Dull Green: #4B636D */
/* Aquamarine: #004852 */

body {
color: #6C5E33;
  background: #3097D1 url(../images/blue/bg_gradient.gif) top repeat-x;
  font-family: Trebuchet MS, verdana, helvetica, sans-serif;
}

a:link, a:visited {text-decoration: none; color: #203D41;}

a:hover, a:active {text-decoration: none; color: #56839F;}

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

#container_inner {
  background: #FFF;
  border: 12px solid #D8EAF7;
}

#page_header_outer {
  background: url(../images/sky/banner_sky.jpg);
}

#contact_info { background: #D8EAF7; color: #043461; }
#contact_info strong { font-weight: normal; }

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

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


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


div#page_header_inner h1 a, .property_detail div#site_title strong a  {
  font-size: 22px;
  color: #EEEBDA;
  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/blue/bg_header_blue.png', sizingMethod='crop'); 
}


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

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

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

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

#menu_outer li a {
  color: #4B636D;
  background: url(../images/sky/arrow.gif) no-repeat 7px center;
}

#menu_outer li a:Hover {
  background: url(../images/sky/arrow.gif) no-repeat -293px center;
}

#menu_outer li.sel ul li a {
  background: url(../images/sky/arrow.gif) no-repeat 25px center;
}

#menu_outer li.sel a {
  background: url(../images/sky/arrow.gif) no-repeat -293px center;
}


#menu_outer li li a {
  background-position: 27px 23px;
}

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

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

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

#menu_outer li.sel ul li a.sel, #menu_outer li.sel ul li a.sel:Hover  {
color: #000066;
  background: url(../images/sky/arrow.gif) no-repeat -276px 23px;
}

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

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

.inset {
	border: 1px solid #BBB091;
	border-top: none;
	font-size: 11px;
}

.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/sky/inset_bg.jpg) no-repeat;
}

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

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

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

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

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

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

.content .entry {
	line-height: 1.6em;
	font-size: 11px;
	color: #6C5E33;
}

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

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

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


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

#ubertor #page_footer a#powered_by {
  margin-bottom: 0;
}

#ubertor #page_footer a {
  color: #000;
  margin-bottom: -40px;
}

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

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

ul.pages a, ul.pages li {
	color: #000;
}

.listing { border: 4px solid #D3E1F0; }

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

.listing h2 { background: #E7F2F7; }

.listing h2 a { color: #4B636D; }

.listing h2 a:hover { 
color: #6C5E33;
}

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

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

.listing ul.stats li {
	color: #6C5E33;
}

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

#details, #mortgage, #virtual, #map  {
  border-left: 11px solid #D8EAF7;
  border-top: 11px solid #D8EAF7;
  border-bottom: 11px solid #D8EAF7;
}

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

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

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

div.info ul li {
color: #6C5E33;
}

.property_detail #address { color: #FFF; }

.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 #666;
}