/* Beige:      #DEDAC0 */
/* Dark Brown: #7B5E51 */
/* Dark Blue:  #000080 */
/* Dull Green: #4B636D */
/* Aquamarine: #004852 */

body {
  color: #000;
  background: #DEDAC0 url(../tan_images/background.gif) repeat-y center; 
  font-family: Trebuchet MS, verdana, helvetica, sans-serif;
}

/*p {
	color: #004852;
}*/

a:link, a:visited {text-decoration: none; color: #40767E;}

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

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

#container_inner {
  /*background: url(../black/bg_gradient_black.gif) 0 0 repeat-x;
  border-right: 12px solid #DEDAC0;
  border-left: 12px solid #DEDAC0;*/
  border-top: 12px solid #DEDAC0;
 }

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

#contact_info { background: #DEDAC0; color: #000; }
#contact_info strong { font-weight: normal; }


/* Site Title
============================ */
#masthead, #site_title {
	background: transparent url(../sky/bg_header.png) no-repeat 0px 0px;
	/*background-color:#FFF; 
	-moz-opacity: 0.7;
	opacity: 0.7;*/
}


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

div#page_header_inner h2 a, .property_detail div#site_title small a  {
  font-size: 16px;
  color: #333;
  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/sky/bg_header.png', sizingMethod='crop'); 
}


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

#menu_outer {
  background: #F1ECE0 url(../tan_images/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_inner li {
	color: #000000;
	border-bottom: 1px solid #DFDCD1;
	background: transparent url(../tan_images/liBG.gif) repeat top left;
}

#menu_inner li a {
	color: #4B636D;
	font-weight: bold;
	background: url(../tan_images/arrow.gif) no-repeat 0 center;
	padding-left: 20px;
	margin-left: 10px;
}


#menu_inner li ul li a {
	padding-left: 20px;
	margin-left: 10px;
	color: #4B636D;
}
	
#menu_inner li a:hover {
	color: #A59874;
	background-position: -300px 3px;
}

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

#menu_inner ul ul {
	text-indent:15px;
	border-top: 1px solid #DFDCD1;
}

#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: #A59874;
}

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

/* Content
============================ */
#content_body p,
#content_body h1,
#content_body h2,
#content_body h3,
#content_body h4,
#content_body h5,
#content_body h6 {
  margin: 0 10px 10px 10px;
}

#content_body ul, #content_body ol {
	margin-left: 10px;
}

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

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

.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 {
  color: #004852;
  background: #D6CEB3 url(https://uberplate.ubertor.com/css/garneau/images/inset_top.gif) no-repeat;
  margin-left:0;
  border-bottom: 1px solid #BBB091;
}

.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 h2 a {
	line-height: 1.5em;
	font-size: 13px;
	background-color: #DEDAC0;
}

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

#ubertor .blog .post {
	border: 5px solid #DEDEC6;
	padding:2px;
	margin-top:10px;
}

#ubertor .blog .post h2 {
	margin-right:0;
	margin-left:0;
}

.post h2 a {
	display:block;
	font-family: Trebuchet MS,Verdana,Helvetica;
	line-height:1.4em;
	padding:0 10px;
	background-color: #DEEFF7;
}

.content .post h2 a:hover {
	color:#004a52;
}

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

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

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

/* #page_footer {
  border-top: 2px solid Silver;
} */

#page_footer a {
  color: #000;
}

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

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

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

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

.listing li.value {
	font-weight: bold;
	color: #003333;
	line-height: 2.3em;
	text-decoration: none;
}

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

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

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

#detail_menu li a {
  color: #004852;
}

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

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

.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-left: 1px solid #BBB091;
	border-top: 1px solid #BBB091;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	margin-left: 10px;
	font-size: 11px;
	color: #333;
}

#mortgage input.submit {
	margin: 15px 0 0 130px;
	background-color: #CCC;
	border-left: 1px solid #BBB091;
	border-top: 1px solid #BBB091;
	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 #BBB091;
	border-top: 1px solid #BBB091;
	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 #BBB091;
	border-top: 1px solid #BBB091;
	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 {
  margin: 10px;
}

#contact input.submit {
	margin: 15px 0 0 75px;
	background-color: #CCC;
	border-left: 1px solid #BBB091;
	border-top: 1px solid #BBB091;
	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;
}