/* -------------------------------------------------------------- theme.css Author: Date: This is the main stylesheet +top -------------------------------------------------------------- +Default Styles -------------------------------------------------------------- */ body { background-color:#e8e4d6; color: #333; } #top { background:url(/modern/site-bg.gif) repeat-x top #e8e4d6; border-top:10px solid #337a4c; } #header { background-color:#fff; color:#D9D5C9; } #header p.adr { margin-top:3em; margin-right:1em; float:right; font-size: 1.8em; text-align:right; } /* -------------------------------------------------------------- +Typography + Headings -------------------------------------------------------------- */ a:link { color:#337A4C;} a:visited { color:#337A4C;} /* Headings -------------------------------------------------- */ h1, h2, h3, h4, h5 { color: #51504B; } h1 { font-size:3.2em; font-family:arial, sans-serif; font-weight:normal; margin-bottom: 0.8em; border-color:#c1bba9 } h2 { font-size:1.8em; font-family:arial, sans-serif; font-weight:normal; margin-bottom: 0.8em; } h3 { font-size:1.6em; font-family:arial, sans-serif; } .address h2 { border-bottom:0; } #header h1 { background:url(/structure/masthead-modern.png) no-repeat; } #header a { text-decoration:none; } .button { display:block; background-image:url(/structure/button-shading.png); background-position:bottom; background-repeat:repeat-x; background-color:#337A4C; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; color:#fff; padding:10px; font-size:1.4em; font-weight:bold; } a.button { font-family:arial, sans-serif; color:#fff; text-decoration:none; } .button:hover { background-color:#8CC237; } /* Box styles -------------------------------------------------- */ .hi { background-color:#F6F5F0 } .hi h3 { background-color:#f8f7f3; color:#41403B; border-bottom:1px solid #D9D5C9; } .lo { background-color:#D9D5C9 } .tint { background-color:#51504b; color:#fff; } .tint h3 { color:#E8E4D6; background:#41403B; } .tint a { color:#fff; } .tint .price { color:#D9D5C9; } hr.shadow { height:14px; background:url(/structure/block-shadow.png) no-repeat top center;border-width:0;margin:0;padding:0; } /* -------------------------------------------------------------- +Navigation -------------------------------------------------------------- */ #nav { float:left; width:100%; margin-bottom:14px; } #nav .adr { display:none; } #nav { float:left; width:100%; margin-bottom:14px; } #nav ul li a { background-color:#F5F2EB; } #nav ul li a:hover { background-color:#D9D5C9; } #nav ul li a.selected { background-color:#E8E4D6; } #nav h3 { clear:both; border-top:1px solid #d7d7d7; padding-top:10px; } #nav .adr { display:none; } /* -------------------------------------------------------------- +Search -------------------------------------------------------------- */ #search { background-color:transparent; } ul#results li, .pager a { background-color:#f0f0f0; } form#advsearch h3 { background-color:#f8f7f3; color:#41403B; border-bottom:1px solid #D9D5C9; } form#advsearch { background-color:#F6F5F0; } form#advsearch fieldset ol li { border-bottom:1px dotted #D9D5C9; padding-bottom:5px; } form#advsearch fieldset ol ul li, form#advsearch fieldset ol li#submit { border-bottom:0; padding-bottom:0; } form#advsearch fieldset ol ul { padding:0; } form#advsearch fieldset label { color:#82817b; } form#advsearch fieldset ol li#searchtype ul li { display:inline; } form#advsearch fieldset ol li#searchtype ul li label { margin:0; } form#advsearch fieldset ol li#searchtype ul li input { margin:0 10px 0 5px; } form#advsearch fieldset ol li#submit span { display:block; margin-top:5px; } #mapsearch { float:left; width:200px; margin-right:14px; background-color:#F6F5F0; color:#666; border-bottom:1px solid #CCC } #mapsearch form fieldset { padding:10px } #mapsearch form fieldset ul { padding:0; margin:5px 0; } #mapsearch form fieldset legend { display:block; font-weight:bold; } /* -------------------------------------------------------------- +Homepage -------------------------------------------------------------- */ #feature div { height:282px; } #feature ul li div { background-color:#41403B; color:#A49872; width:400px; } #feature ul li div a { color:#F6F5F0; text-decoration:none; } #feature ul li div h4, #feature ul li div p { padding:5px; } #feature ul li div h4 { width:250px; padding-right:0; } #feature ul li div p { width:110px; padding-left:0; } #latest-news { margin-bottom:14px; } #latest-news h2 { border-bottom:1px solid #F6F5F0; } #new-items { margin-bottom:14px; } #new-items h2 { border-bottom:1px solid #F6F5F0; } #maps { border-width:0; margin-bottom:14px; border-width:0 1px 1px 0; border-style:solid; border-color:#D9D5C9 } #maps h2 { display:none; } #maps h3 { background:url(/images/map-icon-med.png) no-repeat right; margin-right:7px; } #map-info h3.accordion_toggle { background:#9BBACF; } #map-info h3.accordion_toggle_active { background:#205291; } #map { height:252px; } #company-overview div { height:262px; padding:10px 0; } #company-overview h2 { font-size: 2.4em; border-bottom:1px solid #D9D5C9; margin-top:0; color:#41403B; } #newsletter { clear:both; margin-bottom:14px; } #request-valuation { margin-bottom:14px; } #request-valuation { border-width:0; } /* -------------------------------------------------------------- +Results -------------------------------------------------------------- */ ul#results li { background-color:#D9D5C9 } ul#results li:hover, ul#results li:hover li { background-color:#F6F5F0 } ul#results li div { width:129px; min-height:100px; border-left:1px solid #E8E4D6; } ul#results li:hover div { background-color:#F6F5F0; border-left:1px solid #D9D5C9; } /* -------------------------------------------------------------- +Brochure -------------------------------------------------------------- */ #new-items ul li img, ul#results li a img { padding:0; border-width:4px; border-style:solid; border-color:#F6F5F0 } ul#shortdesc li, ul#rental-info li { display:block; } #main-photo img { border-color:#D9D5C9; background-color:#F6F5F0 } #add img { border-color:#D9D5C9; background-color:#F6F5F0 } #map-container { border:2px solid #D9D5C9; padding:1px; background-color:#F6F5F0} /* -------------------------------------------------------------- +Footer -------------------------------------------------------------- */ #footer { clear:both; float:left; width:100%; margin-top:14px; border-top:1px solid #c1bba9; } #footer-inner { width:949px; text-align:left; margin:10px auto; } #footer-inner .adr { display:none; } #footer ul { list-style:none; margin:0 auto 20px auto; text-align:center; font-size:1.2em; } #footer li { display:inline; margin-right:0.8em; } #footer li a { margin-right:1em; } .alternate2 { background-color: #D5D2BB; } .alternate1 { background-color: #F7F5F0; } .location { margin: 5px; margin-bottom: 20px; }