/*
Theme Name: bayarea
Theme URI: http://bayarearealtors.com
Description: A custom theme for the Bay Area Association of Realtors.
Author: Joslex Website Design
Author URI: http://joslex.com
*/


/*****************************/ 
/*****   Reset & Common  *****/
/*****************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}
html body div.clr,html body span.clr{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
table,thead,tbody,tfoot,tr,th,td{border-collapse:collapse;vertical-align:top;text-align:left;}
table{border-spacing:0;}
ul,ol{list-style:none;}
body{font:16px arial, sans-serif;background:#fff url(img/bg_body.png);color:#444;}
input,textarea,select,option{font:normal 11px arial, sans-serif;}
a,a:active,a:visited{color:#006edb;text-decoration:none}a:hover{text-decoration:underline;}
h1{font-size:1.55em;}h2{font-size:1.45em;}h3{font-size:1.3em;}h4{font-size:1.2em;}h5{font-size:1.05em;}h6{font-size:0.95em; margin-bottom:1em;}
.alignleft{float:left; margin:0 10px 10px 0;}
.alignright{float:right; margin:0 0 10px 10px;}
.clear, .alignnone{clear:both;}


/*****************************/ 
/*****  Main Structure   *****/
/*****************************/ 

#container{background:url(img/bg_container.png) left top repeat-x;padding:0 0 50px;}
#main{width:962px;height:100%;overflow:hidden;margin:0 auto;}
#contents{float:right;display:inline;width:702px;}
#sidebar{float:left;display:inline;width:242px;}
 


/**********************/   
/*****   Header   *****/
/**********************/ 

#top{position:relative;height:375px;}
#top h1{padding:27px 0 0 17px;}
#top h1 a{background:url(img/bg_logo.png) left top no-repeat;display:block;width:410px;height:82px;}
#top h2{background:url(img/bg_tagLine.png) left top no-repeat;width:520px;height:147px;margin:35px 0 0 29px;}
#frontPhoto{position:absolute;right:0;top:25px;background:url(img/bg_frontPhoto.png) left top no-repeat;width:427px;height:315px;text-align:center;padding:20px 0 0;}

/*****************************/   
/*****   Main  Content   *****/
/*****************************/

#contents h3.header{height:39px;line-height:38px;color:#fff;background:#003161;font-size:1.2em;text-transform:uppercase;text-indent:16px;word-spacing:1px;}
#contents .textBox{padding:15px 20px 10px;overflow:auto;}
#contents .textBox h4{padding:10px 0 10px; color:#003161; font-size:1.1em;}
#contents .textBox h4 a{color:#003161;}
#contents .textBox h4 a:hover{color:#db6e00;}
#contents .textBox p{padding:0 0 10px; font-size:0.85em; line-height: 1.3em;}
#contents .textBox p.error{font-size:1.15em; color:red; font-weight:bold;}
.borderBox{background:#fff;border:1px solid #cfcfcf;margin:0 0 20px;}
#contents #view label{background:#777; color:#fff; padding:3px 8px; display:block; margin:0 10px 3px 0; width:130px; float:left;text-align:right;}
#contents #view p{clear:both;}
#contents .listings{padding:15px; border:1px solid #cfcfcf; background:#f0f0f0; margin-bottom:15px;}
#contents .listings label{background:#777; color:#fff; padding:3px 8px; display:block; margin:0 10px 3px 0; width:130px; float:left;text-align:right;}
#contents .listings p{clear:both; font-size:0.75em; line-height:1.15em;}
#admin label{width:130px; margin-right:10px; text-align:right;display:block;float:left;}
#admin p.submit{margin-left:140px;}
#admin ul li, .textBox ul li{font-size:0.85em; line-height:1.3em; margin-bottom:20px; background:transparent url(img/greenarrow.gif) no-repeat left top; padding:2px 0px 2px 34px;}.textBox ol li{font-size:0.85em; line-height:1.3em; margin:0 0 20px 30px; list-style-type:decimal;}
fieldset{border:1px solid #cfcfcf; padding:15px; margin-bottom:15px;}
legend{font-size:0.7em; background:#cfcfcf; color:#333; padding:4px;border:1px solid #333;  margin-bottom:5px;}
.myButton {	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;	box-shadow:inset 0px 1px 0px 0px #bbdaf7;	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');	background-color:#79bbff;	-moz-border-radius:25px;	-webkit-border-radius:25px;	border-radius:25px;	border:1px solid #84bbf3;	display:inline-block;	color:#ffffff;	font-family:arial;	font-size:15px;	font-weight:bold;	padding:8px 26px;	text-decoration:none;	text-shadow:1px 1px 0px #528ecc;}.myButton:hover {	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');	background-color:#378de5;}.myButton:active {	position:relative;	top:1px;}a.myButton {color:#fff;}
/*****************************/ 
/*****      Sidebar      *****/
/*****************************/ 

#sidebar .borderBox{padding:13px;}
#sidebar h4.header{font:bold 1.15em 'Trebuchet Ms', arial, sans-serif;color:#db6e00;border-bottom:1px solid #e3e3e3;}
#sidebar ul{text-transform:uppercase;font-size:0.75em;color:#006161;line-height:24px;font-weight:700;padding:10px 0 20px 5px;}
#sidebar ul.last{padding:10px 0 0 5px;}
#sidebar address{font-style:normal; font-size:0.75em; padding:0 0 0 5px;}
#sidebar address span{display:block;padding:0 0 11px;}
#sidebar ul li a,#sidebar address strong{color:#006161;}
#sidebar ul li a:hover, #sidebar ul li.special a:hover{color:#db6e00; text-decoration:none; background:none;}#sidebar ul li.special a{background:#ffb56a; padding:3px;}
#siteSrch{padding:5px 0 5px 8px;}
#siteSrch input{vertical-align:middle;}
#srchTxt{border:1px solid #b1b1b1;border-right:0;background:#f0f0f0;width:160px;padding:7px 5px;}
#srchSubmit{background:url(img/bg_srchSubmit.png) left top no-repeat;width:30px;height:30px;border:0;cursor:pointer;margin:0 0 0 -3px;}

/*****************************/ 
/*****       Footer      *****/
/*****************************/

#footer{background:#003161 url(img/bg_footer.png) left top repeat-x;color:#2f5d95;padding:65px 0;}
#footer a{color:#2f5d95;}
#footer a:hover{color:#fff;}
#footerIn{width:962px;margin:0 auto;}
#footerIn .fl{width:190px;text-transform:uppercase;font-size:12px;padding:20px 30px 0 0;}
#footerIn .fl h5{color:#ccc;border-bottom:1px solid #ccc;font-size:12px;padding:0 0 4px;}
#footerIn .fl ul{line-height:22px;padding:10px 0 0 10px;}
#footerIn .fr h6{background:url(img/bg_footerH6.png) left top no-repeat;width:212px;height:41px;margin:0 0 15px;}
#footerIn .fr address{font-size:0.75em;text-align:right;font-style:normal;}
#footerIn .fr address span{display:block;padding:0 0 10px;}
#copyright{font-size:0.7em;clear:both;text-align:right;}


/*****************************/   
/*****  Forms		   *****/
/*****************************/ 
form input[type="text"], form textarea {-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  border-radius: 5px; padding:5px; }