/*Theme Name: Red Oak 2009Theme URI: -- this domain --Description: Developed by Costa DeVault. Contains custom Google Maps programming.Version: 1.0*/body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; }li { list-style-type:none; }a { outline:none; }a img { border:none; }address { font-weight:bold; font-style:normal; }/* ------------------------------------------------------------------------------------------BODY & BASICS */body { /* background-image:url(images/rotate/rotate.php); background-attachment:fixed; top:0; left:0; position:absolute; width:100%; */ background-color:#ffffff; }div#supersize { position: fixed; }div#supersize img { height:100%; position:absolute; width:100%; z-index:0 }a:link, a:visited { color:#0099ff; text-decoration:none; } a:hover, a:active { color:#0099ff; text-decoration:underline; }#sidecol a:link, #sidecol a:visited { color:#ffffff; text-decoration:none; } #sidecol a:hover, #sidecol a:active { color:#ffffff; text-decoration:underline; }.borderten { border:10px solid #acacac; }.bordertengreen { border:10px solid #83a617; }.noborder { border:0; padding:0; }hr { background:#acacac; border-top:0; border-right:0; border-bottom:0; border-left:0; clear:both; color:#acacac; height:1px; margin:10px 0 10px 0; width:100%; }img.goleft { float:left; margin:0 15px 75px 0; }img.goright { float:right; margin:0 0 75px 15px; }/* ------------------------------------------------------------------------------------------TYPOGRAPHY */body { font-family:arial, helvetica, sans-serif; font-size:75%; }h1, h2, h3, h4, h5, h6 { margin:.75em 0 .75em 0; }h1 { font-size:1.1em; font-weight:normal; line-height:1.5em; padding:0 15px 0 0; }h2, h3, h4, h5, h6 { font-size:1.5em; }p { line-height:1.5em; margin:.75em 0 .75em 0; }#maincol, #homepagecol { font-size:1.1em; }/* ------------------------------------------------------------------------------------------HEADINGS *//* styles h2 format */h2 { border-bottom:1px solid #e1e1e1; cursor:pointer; font-size:1.7em; font-weight:normal; padding:10px 0 10px 0; text-transform:uppercase; }/* defines colors for headings */.blue, .blue a:link, .blue a:visited, .blue a:hover, .blue a:active { color:#0e72b1; text-decoration:none; }.purple, .purple a:link, .purple a:visited, .purple a:hover, .purple a:active { color:#6631b9; text-decoration:none; }.green, .green a:link, .green a:visited, .green a:hover, .green a:active { color:#83a617; text-decoration:none; }.yellow, .yellow a:link, .yellow a:visited, .yellow a:hover, .yellow a:active { color:#cd9106; text-decoration:none; }.teal, .teal a:link, .teal a:visited, .teal a:hover, .teal a:active { color:#069c90; text-decoration:none; }.red, .red a:link { color:#ac0528; }/* styles for properties pages headings */.searchby { color:#342a7e; font-size:1.5em; }.propertyname { color:#3a297c; }.propertytitle { color:#24bcc5; font-size:1.7em; }/* ------------------------------------------------------------------------------------------ GLOBAL DIVS */div#container { position:relative; z-index:100; width:100%; }div#blacktxtmenu { background:#000000; color:#bab8b8; height:27px; width:100%; z-index:101; }div#primenav { height:79px; margin:0 auto 0 auto; width:960px; z-index:101; }/* !!! Renamed primenav to mainnav so new/old will not conflict */div#mainnav { height:79px; margin:0 auto 0 auto; width:960px; z-index:101; }div#content { background:url(images/bkgContent.png) repeat top left; width:100%; }div#sidecol { background:transparent; color:#ffffff; float:left; padding:15px 0 0 0; width:200px; }div#maincol { background-color:#ffffff; color:#464646; float:right; position:relative; width:760px; }div.setwidth { margin:0 auto 0 auto; width:960px; }div.pad { padding:15px; }div.eohlogo { color:#999999; clear:both; margin:75px auto 25px auto; width:550px; }div.alignleft { float:left; }div.alignright { float:right; }/* ------------------------------------------------------------------------------------------ MENUS */ul.txtmenu { background:url(images/fullMenuTop.jpg) no-repeat; height:27px; margin:0; padding:0; width:960px; }ul.txtmenu li, ul.txtmenu a { display:block; height:27px; margin:0; padding:0; }ul.txtmenu li { float:left; display:inline; }ul.txtmenu li.navone { width:390px; }ul.txtmenu li.navtwo { width:55px; }ul.txtmenu li.navthree { width:70px; }ul.txtmenu li.navfour { width:165px; }ul.txtmenu li.navfive { width:150px; }ul.txtmenu li.navsix { width:129px; }li.navone span, li.navtwo span, li.navthree span, li.navfive span, li.navsix span, span.noshow { display:none; }#primenav ul { float:right; height:79px; width:760px; }#primenav ul li, #primenav ul li a { display:block; float:left; height:79px; width:190px; }#mainnav {        z-index: 99 !important;}#mainnav ul {     float:right;     height:79px;     width:760px;     list-style: none outside none;       z-index: 99;}#mainnav ul li.menu1 { background-image: url(images/menu1.png); }#mainnav ul li.menu1 li { background-image: url(images/menu1_solid.png); }#mainnav ul li.menu2 { background-image: url(images/menu2.png); }#mainnav ul li.menu2 li { background-image: url(images/menu2_solid.png); }#mainnav ul li.menu3 { background-image: url(images/menu3.png); }#mainnav ul li.menu3 li { background-image: url(images/menu3_solid.png); }#mainnav ul li.menu4 { background-image: url(images/menu4.png); }#mainnav ul li.menu4 li { background-image: url(images/menu4_solid.png); }#mainnav ul li {    float:left;     position: relative;	display: block;	width: 150px;	height: 39px;	padding: 20px;       z-index: 99;}#mainnav a {	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;	line-height:16px;	text-decoration: none;	color: white;	width: 150px;	height: 39px;	display: block;}#mainnav a span.menuSmall{	font-size: 14px;	font-weight: normal;        display: block;	width: 150px;}#mainnav a span.menuLarge{	font-size: 16px;	font-weight: bold;	width: 150px;        display: block;}#mainnav ul ul {	display: none;	position: absolute;	left: 0;	float: left;        top: 79px;        width: 190px;	z-index: 99;    list-style: none outside none;}#mainnav li:hover > a, #mainnav ul ul :hover > a {	border-bottom: 1px solid #FFF;}#mainnav ul li:hover > ul {	display: block;	z-index: 99;}#mainnav ul ul a {	height: 39px;        display: block;}/* ------------------------------------------------------------------------------------------ SLIDE CONTENT */div#greenbox, div#appointmentbox { background:#ffffff; border-bottom:10px solid #98b72a; color:#333333; position:absolute; visibility:hidden; z-index:99; width:300px; }div#greenbox h2, div#appointmentbox h2, div#spanishbox h2 { border-bottom:none; color:#0072bc; font-size:1.1em; font-weight:bold; padding:0; text-transform:uppercase; }div#spanishbox, div#leasingbox { background:#ffffff; border-bottom:10px solid #6631b9; color:#333333; position:absolute; visibility:hidden; z-index:98; width:300px; }#leasingbox img { float:left; padding:0 0 10px 0; }/* ------------------------------------------------------------------------------------------ HOMEPAGE */div#homepagecol { background:transparent; color:#ffffff; }/* Original Home Page columns */div.colone { float:left; margin:0 0 0 25px; width:230px; }div.coltwo { float:left; margin:0 5px 0 25px; width:230px; }div.colthree { float:right; width:230px; }/* New home page columns */div.col1 { float:left; padding: 0 20px 0 14px; width: 520px; }div.col2 { float:right; width: 190px; margin-top: 10px; padding-left: 15px; border-left: 1px solid #ACACAC; }div.eohlogohome { clear:both; margin:10px auto 25px auto; padding:5px 0 15px 0; width:640px; }#homepagecol h2, #homepagecol h3, #homepagecol h4 { color:#000000; font-weight:bold; text-transform:uppercase; }ul.homepagelinks { border-top:2px solid #ffffff; border-bottom:2px solid #ffffff; margin:0 0 15px 0; padding:0 0 0 0; }ul.homepagelinks li { border-bottom:1px solid #ec033d; padding:10px 0 10px 0; }ul.homepagelinks li.last { border-bottom:0; }ul.homepagelinks li a:link, ul.homepagelinks li a:visited, ul.homepagelinks li a:hover, ul.homepagelinks li a:active, #homepagecol a:link, #homepagecol a:visited, #homepagecol a:hover, #homepagecol a:active { color:#ffffff; }/* Old home page */#homepagecol p { color:#000000; }#homepagecol p.title { color:#ffffff; }/* New homepage */#homepagecol .col1 h2, #homepagecol .col1 h3, #homepagecol .col1 h4 { color:#ffffff; font-weight:bold; text-align: center; text-transform:none; }#homepagecol .col1 h2  { font-size: 16px; border-bottom: 0; }#homepagecol .col1 table h2  { padding: 5px 0 0 0; }#homepagecol .col1 h3  { font-size: 14px; }#homepagecol .col1 h4 {     font-size: 11px;     font-style: italic;    margin: -3px 0 10px;}    #homepagecol .col1 p, #homepagecol .col2 p { color: #ffffff; }#homepagecol .col1 p.title, #homepagecol .col1 p.title { color: #000000; }#homepagecol div.eohlogohome p { color: #000000;}#homepagecol div.flickrfeed { height:155px; width: 220px; }#homepagecol li { list-style-type: disc; padding-bottom: 4px; }.feat-prop { vertical-align: top; padding-bottom: 7px; }#socialmedia { position: absolute; top: 490px; }.smicon { padding-right: 5px; }/* ------------------------------------------------------------------------------------------ ACCORDION */#accordion h2 { background:#ffffff url(images/arrow-square.gif) no-repeat right -51px; cursor:pointer; }#accordion h2 a:hover { background-color: #f8f8f8; }#accordion h2 a.active { background-position:right 5px; }#accordion blockquote { display:none; }/* ------------------------------------------------------------------------------------------ FOR OUR RESIDENTS */div.residents { border-bottom:10px solid #24bcc5; }/* ------------------------------------------------------------------------------------------ ABOUT RED OAK */div.about { border-bottom:10px solid #24b8c5; }ul.testimonials li { border-bottom:1px dotted #e6e6e6; padding:10px 0 10px 0; }/* ------------------------------------------------------------------------------------------ PROPERTIES */div.properties { border-bottom:10px solid #c609c4; }div.proppad { padding:15px 15px 15px 0; }div.propertiesleft { float:left; width:200px; }div.propertiesright { float:right; width:475px; }form.searchfrm select { background:#e2e2e2; border:0; height:30px; width:200px; }table.availablelist { border-collapse:collapse; width:100%; }.availablelist td { padding:3px; }.availablelist th { border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-size:1.3em; padding:10px 0 10px 0; }.longcell { text-align:left; width:525px; }.shortcell { color:#83a617; text-align:left; width:175px; }.newsection { border-top:1px solid #e2e2e2; }ul.paginate li { display:inline; margin:0 10px 0 0; padding:3px; }ul.paginate li.active { background:#333333; color:#ffffff; padding:3px 5px 3px 5px; }table.propertiesresults { border-collapse:collapse; clear:both; margin:25px 0 0 0; width:100%; }.propertiesresults th { border-bottom:1px solid #e2e2e2; font-weight:bold; padding:0 0 10px 0; text-align:left; }div.detailsleft { float:left; width:350px; }div.detailsright { float:right; width:350px; }table.details { border-collapse:collapse; clear:both; margin:25px 0 0 0; width:100%; }.details th { border-bottom:10px solid #e2e2e2; font-weight:bold; padding:15px 25px 15px 0; text-align:left; width:200px; }.details td { padding:15px 25px 15px 0; vertical-align:top; width:200px; }.details .last { padding-right:0; }ul.amenities { margin:0 0 0 15px; }ul.amenities li { list-style-image:url(images/iconCheck.gif); padding:0 0 5px 10px; }ul.pricing {}ul.pricing li { border-bottom:1px solid #e2e2e2; padding:15px 0 15px 0; }/* ------------------------------------------------------------------------------------------ LETS TALK */div.letstalk { border-bottom:10px solid #c524bf; }div.talkleft { float:left; width:460px; }div.talkright { float:right; width:240px; }.map { border:10px solid #f4e06f; }/* ------------------------------------------------------------------------------------------ SITE MAP */ul.maplinks {}ul.maplinks li { border-bottom:1px solid #dedede; padding:10px 0 10px 0; }/* ------------------------------------------------------------------------------------------ CSS STYLED BUTTONS */a.btngreen { background:#83a305; color:#ffffff; display:block; font-size:1.1em; height:35px; line-height:35px; text-align:center; width:200px; }a.btnblue { background:#1875b3; color:#ffffff; display:block; font-size:1.1em; height:35px; line-height:35px; text-align:center; width:200px; }a.checkoutbtn { background:#3a297c; color:#ffffff; display:block; float:right; height:35px; line-height:35px; margin:-65px 0 0 0; position:relative; text-align:center; width:200px; }a.floorplansbtn { background:#000000; color:#ffffff; display:block; float:right; height:25px; line-height:25px; margin:-35px 0 0 0; position:relative; text-align:center; width:100px; }/* used for submit button in forms */.btnorange { background:#d17621; border:0; color:#ffffff; display:block; font-size:1.5em; height:45px; line-height:45px; text-align:center; width:150px; }/* On homepage only, make form errors show in yellow */#homepagecol span.wpcf7-not-valid-tip-no-ajax {    color: yellow !important;}
