/* THEME NAME: Simply Bitz THEME URI: http://www.agentlog.com.au DESCRIPTION: Simply Bitz is inspired by Dan Cederholm's SimpleBits.com. VERSION: 2.0 AUTHOR: Jen Germann AUTHOR URI: http://www.agentpoint.com.au */ /* Portico default */ /* widths 1 column : 105px 2 columns: 230px 3 columns: 355px 4 columns: 480px 5 columns: 605px 6 columns: 730px 7 columns: 855px 8 columns: 980px margin in between is technically 20px, but in fact 30px */ /* Global Styles ------------------------------------------------------------------*/ html, body { border:0; margin:0; padding:0; } body { background: url(images/backgrounds/bg_body.jpg) repeat-x center 0; color: #6b727f; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size:100%; line-height:1.125em; } /* font size is set to browser default, typically 16; line height: 16 x 1.125 = 18 */ body#email_subscribe { background-image: none; } /***** Main Containing Elements *****/ #header { width: 100%; height: 160px; margin: 0 0 40px 0; } body#email_subscribe #header { background-image: none; } * html #header { margin-bottom: 39px; } #main_body { width: 980px; margin: 0 auto; padding: 0; position: relative; } body#email_subscribe #main_body { width: 460px; margin: 20px 0 0 20px; } /* #grid { background: url(images/grid.gif) no-repeat center 0; float: left; } */ #content { width: 605px; margin: 0; padding: 0 0 20px 0; float: left; color: #434a57; } body#sale #content, body#lease #content { width: 980px; } #sidebar { width: 355px; margin: 0; padding: 0; float: right; } * html #sidebar { width: 360px; margin: 0; padding: 0 0 0 5px; float: right; } body#home #sidebar { width: 480px; } /* 4 columns */ * html body#home #sidebar { width: 480px; } body#sale #sidebar, body#lease #sidebar { position: absolute; top: 0; left: 630px; } * html body#sale #sidebar, * html body#lease #sidebar { position: relative; left: 0; } * html body#sale #content, * html body#lease #content { margin-top: -94px; } #extra { width: 100%; height: 300px; background: url(images/backgrounds/bg_extra.gif) repeat-x 0 0; margin: 0; padding: 40px 0; float: left; } * html #extra { padding-bottom: 0; } #footer { width: 980px; height: 50px; background: url(images/backgrounds/bg_footer.gif) repeat-x 0 top; margin: 0 auto; padding: 0; } /***** Common Formatting *****/ h1, h2, h3, h4, h5, h6, legend { margin: 0; padding: 0 5px 18px; font-family: Palatino, Georgia, Times, serif; font-weight: normal; letter-spacing: -1px; color: #21252b; } * html h1, * html h2, * html h3, * html h4, * html h5, * html h6, { margin: 0 0 0 2px; } h1 { line-height: 1em; padding: 0; } /* for the logo in the header */ h2, legend { font-size:1.625em; line-height: 1em; } /* main page heads in content and sidebar areas */ h3 { font-size:1.625em; line-height: 1em; color: #7d848f; } /* Quick Links and Subscribe to RSS */ body#team h3, body#team_page_popup h3 { font-size:1.375em; line-height: 1em; color: #21252b; } h4 { font-size:0.75em; font-weight: bold; line-height: 1.25em; text-transform: uppercase; letter-spacing: .15em; color: #da5b00; }/* #extra headers */ body#sale #content h4, body#lease #content h4, body#property-page #content h4 { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif; font-size:0.75em; font-weight: bold; color: #5a9614; letter-spacing: 0; } h5 { font-size:1.375em; line-height: 1em; margin: 0; padding: 0; } body#team h5, body#team_page_popup h5, body#email_subscribe h5 { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif; font-size:0.75em; font-weight: bold; color: #da5b00; letter-spacing: 0; } legend { margin:0; padding: 0; } #sidebar legend { display: none; } p, ul, ol { margin:0; padding:0 5px 18px; } #content p, #content ul, #content ol, #extra p, #extra ul, #content label, #sidebar p, #sidebar ul, #sidebar ul li ul, #sidebar label, #content input, #sidebar input, #content textarea, #sidebar textarea, #content select, #sidebar select { font-size:0.75em; } /* 16 x .75 = 12 */ #content p label, #sidebar p label, #content p input, #content p textarea { font-size: 1em; } #sidebar ul li ul p { font-size: 1em; } #footer p { font-size:0.6875em; } blockquote { margin:4px 125px 20px; padding:20px 0 0; border: 2px solid #e1e1e6; border-left: 0; border-right: 0; } blockquote p { font-family: Palatino, Georgia, Times, serif; font-size: .9375em !important; font-style: italic; } ul, ol { list-style:none; } small { font-size:0.85em; color: #7d848f; } img { border:1px solid #434a57; } acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; } strong, em { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif; } .green { color: #5a9614; } .orange { color: #da5b00; } /***** Links *****/ /* links */ a:link, a:visited { padding-bottom: 0; color: #196eaa; text-decoration: none; } a:hover { padding-bottom: 0; color: #21252b; border-bottom: 2px solid #e1e1e6; } h2 a:link, h3 a:link, h4 a:link, h2 a:visited, h3 a:visited, h4 a:visited { color: #21252b; } h2 a:hover, h3 a:hover, h4 a:hover { color: #196eaa; } /***** Forms *****/ form { margin:0; padding:0; } input, select, textarea { margin: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; } body#email_subscribe input.radio { border: 0; } body#email_subscribe input.textbox { width: 250px; } body#fourOfour input { margin: 0 5px; } textarea { line-height:1.25em; } body#email_subscribe h2, body#email_subscribe p, body#email_subscribe h5 { padding:0 0 18px 0; } body#email_subscribe input.radio { border: 0; } body#email_subscribe input.textbox, body#email_subscribe textarea.textarea { width: 244px; padding: 3px; font-size: 0.75em; } body#email_subscribe textarea.textarea { height: 74px; margin-bottom: 18px; } body#email_subscribe p.email_btn { padding-left: 9px; font-size: 0.75em !important; } label { } /***** Tables *****/ table { border:0; margin:0 5px 18px; padding:0; font-size: 0.75em; } table tr td { padding:2px; } /***** Global Classes *****/ .clearer { clear:both; } .float-left { float:left; } .float-right { float:right; } .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .text-justify { text-align:justify; } .bold { font-weight:bold; } .italic { font-style:italic; } hr { background: #fff; border: 0; color: #fff; margin: 11px 0 4px 0 !important; } hr.solid { border-bottom: 1px solid #434a57; } #content hr { margin: 11px 0 27px 0 !important; } #sidebar hr.solid { border-width: 2px; border-color: #e1e1e6; } .underline { margin: 0; padding: 0; border: 0; border-bottom: 1px solid #434a57; clear: both; } .highlight { background:#ffc; } .img-left { float:left;margin:4px 10px 4px 0; } .img-right { float:right;margin:4px 0 4px 10px; } .nopadding { padding:0; } .noindent { margin-left:0;padding-left:0; } .nobullet { list-style:none;list-style-image:none;background: none !important; } /* Main Content Elements ------------------------------------------------------------------*/ /***** Header *****/ .headerwrap { width: 980px; height: 91px; margin: 0 auto; padding: 40px 0 0 0; } .headerwrap h1 a { width: 216px; height: 67px; background: url(images/logos/logo_portico_property.jpg) no-repeat 0 0; margin: 0 0 0 8px; border: 0 !important; display: block; float: left; text-indent: -9999px; } .header_contact { width: 235px; float: right; } .header_contact h4 { padding: 0 0 2px 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #e1e1e6; } .header_contact p { padding: 0; font-size: 0.6875em; line-height: 1.4em; color: #c5c5c8; } .header_contact p strong { color: #e1e1e1; letter-spacing: 2px; text-transform: uppercase; } .header_contact p span { display: block; padding: 1px 0; float: left; clear: both; } .header_contact p span.contact_address { width: 105px; background: url(images/bullet.gif) no-repeat 100% center; margin-right: 5px; padding-right: 9px; float: left; clear: left; } .header_contact p span.contact_city { clear: right; } .header_contact p span.contact_tel { width: 107px; background: url(images/bullet.gif) no-repeat 100% center; margin-right: 5px; padding-right: 9px; float: left; clear: left; } .header_contact p span.contact_fax { clear: right; } .header_contact p span.contact_url { } .header_contact p span.contact_url a { color: #c5c5c8; } /***** Navigation *****/ #nav { width: 980px; height: 28px; margin: 0 auto; padding: 0; } #nav ul { margin: 0; padding: 0; font-family: Palatino, Times, serif; font-size:0.75em; font-weight: normal; text-transform: uppercase; letter-spacing: .05em; } #nav li { height: 22px; background: url(images/backgrounds/bg_nav_sep.gif) no-repeat 100% bottom; padding: 7px 11px 0; border: 0; list-style: none; float: left; } #nav li.navblog { background: none; padding-right: 0; } #nav li a { border: 0; color: #ebebf0; } /* drop down menus */ #nav ul li:hover ul { display:block; } #nav ul li ul { width: 165px; background-color: #fff; margin: 4px 0 0 -12px; padding: 0; border: 2px solid #e1e1e6; border-top: 0; border-bottom-width: 1px; display:none; position:absolute; z-index: 99; font-size: .95em; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; text-transform: none; letter-spacing: 0; } #nav ul li ul li { height: auto; background: none; margin: 0; padding: 0; float:none; clear:both; } #nav ul li ul li a { width: 143px; padding: 4px 11px; display: block; clear:both; border-bottom: 1px solid #e1e1e6; color: #434a57; } #nav ul li ul li a:hover { color: #196eaa; text-decoration: underline; } #nav ul li ul li ul { width: 165px; margin: 0; padding:0; position:relative; clear:both; border-top: 0; font-size: 100%; } #nav ul li ul li ul li { margin:-2px 0 0 0; border:0px; display:block; text-indent:20px; } #nav ul li ul li ul li a { } #nav ul li ul li ul li a:hover { } * html #nav ul li ul { } * html #nav ul li ul li { } * html #nav ul li ul li a { } /***** Content *****/ body#home #content { width: 480px; } /* 4 columns */ /* Home Blocks */ #home_blocks { width: 480px; float: left; clear: both; border-top: 1px solid #434a57; } .home_block { width: 230px; padding: 15px 0 0 0; float: left; } .home_block h3 { padding-top: 5px; } .home_block ul { padding-bottom: 0; } .home_block ul li { padding: 0 0 18px 0; } .block_quick_links { margin-right: 20px; } .block_quick_links ul li { background: url(images/icons/icon_quick_links.gif) no-repeat 0 6px; padding-left: 14px; } h3.subscribe-title { width: 215px; background: url(images/icons/icon_subscribe_to_rss.gif) no-repeat 100% 5px; } .block_subscribe ul li { background: url(images/icons/icon_feed_bullet.gif) no-repeat 0 5px; padding-left: 14px; } /* Posts */ .post, h2.pagetitle { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #434a57; } body#sale .post, body#lease .post { border: 0; } .post h2.entry-title { padding-bottom: 3px; } body#fourOfour .post h2 { padding-bottom: 18px; } p.postdate, p.meta, p.meta_tags, p.postmetadata { color: #7d848f; } p.meta_tags { padding-bottom: 0; } body#blog .post ul { list-style: disc; margin-left: 14px; } body#blog .post ol { list-style: decimal; margin-left: 19px; } /***** Comments *****/ /* Comment List */ h3#comments, h3#respond { color: #21252b; } #comments-post { width: 100%; padding-bottom: 30px; float: left; } * html #comments-post { width: 99%; } #comments-post ol { font-size: .925em; margin-bottom: 30px; border-bottom: 2px solid #e1e1e6; } #comments-post ol li { width: 98%; background-color: transparent; margin-bottom: 10px; padding: 10px; } #comments-post ol li.alt { background-color: #e1e1e6; margin-bottom: 15px; } #comments-post ol li a { text-decoration: none !important; } #comments-post .commentmeta { width: 100%; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #21252b; float: left; } #comments-post cite { float: left; padding: 0 15px 0 5px; margin-right: 15px; border-right: 1px solid #21252b; font-style: normal; } #comments-post span.commentmetadata { float: left; } #comments-post ol li p { padding-bottom: 8px; } /* Leave a Reply */ #commentform-container { width: 100%; } #commentform-container input, #commentform-container textarea { border: 1px solid #434a57 } #commentform-container form p.submit_button { width: 135px; float: left; margin: 12px 0 0 0; } #commentform-container form p.submit_button input { width:135px !important; padding:2px; margin: 0; font-size:1em; background:url(images/buttons/button-bg.gif) repeat-x; border:1px solid #adadad!important; border-left-color:#ececec!important; border-top-color:#ececec!important; } /* Search sorter */ .sorter_search_quick { width: 470px; margin: 0 0 3px 5px; padding: 0 0 1px 0; float: left; clear: both; } p.sorter_nav { padding-left: 0; float:left; } p.sorter_nav a { background: url(images/bullet_white.gif) no-repeat right center; margin: 0 3px; padding: 0 11px 0 0; border: 0; font-weight: bold; } p.sorter_nav a.sortDateAdded { background: none; } p.sorter_nav a:hover { border: 0; } div.entry form { } p.number_properties { } #search_quick { float: right; } #search_quick select { font-size: 0.75em; } /***** Page toolbar *****/ .page_toolbar { width: 970px; margin: 0 12px 27px 5px; padding: 4px 0; float: left; border-top: 2px solid #e1e1e6; border-bottom: 2px solid #e1e1e6; font-size: 0.75em; } .page_prev { float: left; padding-right: 20px; } .page_prev a { height: 10px; background: url(images/icons/icon_prev.gif) no-repeat 0 center; margin: 0; padding: 0 0 0 7px; } .page_next { float: right; } .page_next a { background: url(images/icons/icon_next.gif) no-repeat 100% center; margin: 0; padding: 0 7px 0 0; } .page_numbers { width: 450px; float: left; overflow: hidden; } .page_numbers a { height: 8px; background: url(images/icons/icon_page_number.gif) no-repeat 100% center; margin-right: 1px; padding-right: 6px; } .page_prev a:hover, .page_next a:hover, .page_numbers a:hover, .page_prev a:active, .page_next a:active, .page_numbers a:active { } .page_numbers a.current_page, .page_numbers a:hover { color: #21252b; } /* Search Results page */ .property_cell { width: 220px; height: 440px; margin: 0 25px 0 5px; padding: 0; float: left; } .property_cell_4, .property_cell_8, .property_cell_12, .property_cell_16, .property_cell_20, .property_cell_24 { margin-right: 0; } .property_cell p { padding: 0 0 12px 0; } .property_cell p a { } .property_cell p.suburb, .property_cell p.type { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif; font-size:0.75em; line-height: 1.25em; font-weight: bold; color: #5a9614; letter-spacing: 0; } .property_cell p.suburb { float: left; } .property_cell p.property_state { float: right; font-weight: bold; } .property_cell p.type { float: right; } .property_cell p.description { margin: 0 0 5px 0; clear: both; } .property_cell p.property_price { float: left; font-weight: bold; color: #21252b; } .property_cell .image { width: 218px; height: 134px; margin: 0 0 15px 0; float: left; position: relative; } .property_cell .image a { border: 0; } .property_cell .image img { width: 218px; height: 134px; } .property_cell .image_overlay { position: absolute; top: 10px; left: 10px; } .property_cell .image_overlay img { width: 200px; height: 120px; padding: 0; border: 0; background: transparent; } .land_building_size { width: 70px; margin-right: 10px; float: left; } .land_building_size p { padding: 0; color: #21252b; } ul.land_size, ul.building_size { width: 90%; padding: 0; list-style: none; } ul.land_size { padding-bottom: 9px; } ul.land_size li, ul.building_size li { } .rooms_interactive { width: 135px; float: right; } ul.rooms { width: 135px; height: 40px; padding: 0 0 18px; clear: both; font-weight: bold; text-align: right; list-style: none; color: #fff; } ul.rooms li { width: 33px; height: 39px; margin: 0 0 0 5px; padding: 1px 7px 0 0; float: left; } ul.rooms li.beds { background: url(images/icons/icon_bedrooms.gif) no-repeat 0 center; margin: 0; } ul.rooms li.baths { background: url(images/icons/icon_bathrooms.gif) no-repeat 0 center; } ul.rooms li.car { background: url(images/icons/icon_carparks.gif) no-repeat 0 center; } .interactive_plans { width: 130px; } .interactive_plans p { margin: 0 0 8px 0; padding: 0; } .interactive_plans p a { width: 130px; height: 30px; background: url(images/buttons/button_i_p.gif) no-repeat 0 0; display: block; text-indent: -9999px; } .interactive_plans p a:hover { background-image: url(images/buttons/button_i_p_blue.gif); } .land-icon { width: 135px; float: right; } p.land-icons { width: 135px; height: 29px; background: url(images/icons/button_bg.gif) no-repeat 0 0; padding: 11px 0 0 0; display: block; font-size: .9375em !important; font-weight: bold; color: #fff; text-align: center; } /***** Suggested Steps table *****/ table#suggested_steps td.imageCont { width: 248px; } /***** Open for Inspection tables *****/ th.property_type_column { width: 120px; } th.day_and_time_column { width: 120px; } th.price_column { width: 90px; } td.suburb_cell a, td.suburb_cell a:visited, td.address_cell a, td.address_cell a:visited { border-bottom: 1px solid #e1e1e6; color: #da5b00; } td.suburb_cell a:hover, td.address_cell a:hover { border-bottom-width: 2px; } td.day_and_time_cell span.open_date { width: 120px; margin-bottom: -3px; float: left; clear: both; } td.day_and_time_cell span.open_time { width: 120px; margin-bottom: 6px; float: left; clear: both; } /***** Property Page *****/ #property_id_backtosearch { width: 370px; height: 20px; margin: 0 0 5px 0; padding: 7px 0 0 0; float: right; } #property_id_backtosearch p { font-weight: bold; font-size: 0.75em; } span.property_id { background: url(images/bullet_white.gif) no-repeat 100% center; padding-right: 11px; float: right; color: #da5b00; } span.backtosearch a { margin-left: 7px; float: right; } span.backtosearch a:hover { } #agentinfo_contactform { width: 355px; margin: 21px 0 0 0; padding: 27px 0 0 0; border-top: 2px solid #e1e1e6; float: left; clear: both; } * html #agentinfo_contactform { width: 350px; } #agentinfo_contactform p.agent_photo { width: 95px; padding: 0 0 27px 5px; float: left; } #agentinfo_contactform p.agent_photo img { width: 75px; height: 100px; } #agent_info { width:250px; margin: 0; float: right; } #agent_info ul, #agent_info h4, #agent_info p { width: 180px; padding: 0; } #agent_info ul { padding: 0; float: left; list-style: none; } /* formpart */ .formpart { width:350px; margin: 0; padding: 27px 0 0 5px; border-top: 2px solid #e1e1e6; clear: both; } .formpart h4 { width:350px; height: 33px !important; padding: 0 !important; } .formpart form { width:350px; float:left; } .formpart .name_email_phone_boxes { width: 345px; } .formpart .name_email_phone_boxes p:hover { color: #0a0a0a; } .formpart form p { padding: 0; } .formpart form br { display: none; } .formpart form label { width: 95px; margin:3px 0 0 0; padding-right: 30px; text-align:right; vertical-align:top; float: left; } .formpart form label span { color: #da5b00; } .formpart form input, .formpart form select, .formpart form textarea { padding:3px; margin-bottom: 9px; background: #fff; border:1px solid #434a57; float: left; } .formpart form input, .formpart form select { width: 212px; } .formpart form textarea { width: 212px; margin: 0; overflow:auto; } label.requi{ width: 92px; text-align:left; float:left; margin:0 6px 0 0; padding-top: 12px; color: #da5b00; } .formpart form p.submit_button { width: 95px; float: left; margin: 12px 0 0 0; } .formpart form p.submit_button input { width:95px !important; padding:2px; margin: 0; font-size:1em; background:url(images/buttons/button-bg.gif) repeat-x; border:1px solid #adadad!important; border-left-color:#ececec!important; border-top-color:#ececec!important; } #description_details { width: 719px; float: left; } * html #description_details { width: 724px; } #property_description { width: 355px; float: left; } * html #property_description { width: 350px; } #property_description h4 { padding-bottom: 9px; } #property_description h4.subtitle { } #property_description h4.offered { } #property_description h4.bond { } #property_description h4.date_available { } #property_description span.open_date { } #property_description span.open_time { } #property_description h4.bond span, #property_description h4.date_available span { } #property_description .property_features { padding-top: 27px; border-top: 2px solid #e1e1e6; } #property_description ul.action_buttons { width: 355px; height: 20px; margin: 16px 0 0 0; padding-bottom: 0; display: block; } * html #property_description ul.action_buttons { width: 345px; } #property_description ul.action_buttons li { background: url(images/icons/icon_next.gif) no-repeat 0 5px; float: left; margin-right: 10px; padding-left: 9px; } #property_description ul.action_buttons a { margin: 0; padding: 0; display: block; font-weight: bold; cursor: pointer; } #property_details { width: 345px; margin: 46px 0 0 0; float: right; position: relative; } * html #property_details { margin: 5px 0 0 0; } .main_photo_overlay { width: 345px; height: 259px; margin: 0 0 16px 1px; position: relative; } * html .main_photo_overlay { margin: 0 0 0 1px; } .main_photo_overlay p.main_photo a { border: 0; } .main_photo_overlay p.main_photo img { width: 343px; height: 257px; } .main_photo_overlay .image_overlay { position: absolute; top: 65px; left: 80px; } .main_photo_overlay .image_overlay img { padding: 0; border: 0 !important; background: transparent; } p.photo_gallery_banner { width: 270px; height: 40px; margin: 0 auto; padding: 0; display: block; font-size: .8375em !important; line-height: 1.1em; font-weight: bold; text-align: center; } p.photo_gallery_banner a { width: 270px; height: 26px; background: url(images/icons/button_bg_270.gif) no-repeat 0 0; margin: 0; padding: 14px 0 0 0; border: 0; display: block; color: #fff; } p.photo_gallery_banner a:hover { background-position: 0 -40px; } .details { margin: 16px 5px 0; } .details h4 { padding: 16px 0 9px 0; } .details p { padding: 0 0 22px;} .buttons p { background: url(images/icons/icon_next.gif) no-repeat 0 5px; float: left; margin: 0 10px 0 0; padding-left: 9px; } span.field { width: 120px; margin-right: 5px; float: left; } span.value { width: 180px; display: block; float: left; } .off { color: #919ea3; } .details_view { margin-top: 16px; } .details_view p.vr_tour { margin: 0 20px 0 0; float: left; } .details_view p.vr_tour a { } .details_view p.vr_tour a:hover { } .details_tools p { margin: 0 20px 0 0; float: left; } .mort_calc { width:355px; height: 400px; background: url(images/backgrounds/bg_mortgage_calculator.jpg) no-repeat -5px -5px; margin: 3px 0 0 0; padding: 8px 0 0 0; } .mort_calc h4 { width:345px; padding: 0 0 21px; color: #040204 !important; text-align: center; } .mort_calc form { width: 251px; margin-left: 35px; float: left; } .mort_calc p { margin-left: 35px; padding: 0; clear: both; } table.mort_calc_table { width: 251px !important; margin: 0 0 8px 0; } table.mort_calc_table td.field { width: 120px; } table.mort_calc_table td.value { width: 180px; } table.mort_calc_table td input { width: 89px; margin-bottom: 2px; padding:3px; background: #fff; border:1px solid #818181; float: left; } table.mort_calc_table td.mort_calc_btn { padding: 9px 0 0 132px; } table.mort_calc_table td.mort_calc_btn input { width:97px !important; padding:2px; margin: 0; font-size:1em; background:url(images/buttons/button-bg.gif) repeat-x; border:1px solid #adadad!important; border-left-color:#ececec!important; border-top-color:#ececec!important; } p.sponsor { padding-bottom: 32px; } p.sponsor a, p.sponsor a img { border: 0; } .property_map { width: 968px; margin: 0 0 36px 5px; padding: 20px 0 0 0; border-top: 2px solid #e1e1e6; clear: both } .property_map h1 { padding-bottom: 16px; } .property_map #map_canvas { width: 968px !important; height: 209px; border:1px solid #434a57; } /* Property Page Sidebar */ body#property-page #sidebar { width: 220px; margin: 14px 5px 0 0; float: right; } * html body#property-page #sidebar { margin: 5px 5px 0 0; } body#property-page #sidebar ul { padding: 0; list-style: none; } body#property-page #sidebar ul li { padding: 0 0 20px 0; } body#property-page #sidebar ul li a { border: 0; } ul.photo img { width: 228px; height: 134px; } /***** Team Member Page *****/ .search_team_member { width: 595px; margin: 0 0 18px; padding: 20px 5px 2px; border-bottom:1px solid #434a57; } .search_team_member h3 { padding: 0 0 12px 0; } .search_team_member h5 { padding: 0 0 6px 0; } .search_team_member p { padding: 0 0 18px; } p.search_team_member_photo { float: right; } p.search_team_member_photo img { } body#team_page_popup { background-image: none; } body#team_page_popup #main_body { width: 640px; margin: 0 0 0 20px; } body#team_page_popup #content { width: 640px; float: none; } /***** Sidebar *****/ #sidebar h4 { margin-top: 9px; padding: 9px 0 9px 5px; border-top: 2px solid #e1e1e6; } * html #sidebar h4, * html #sidebar ul, * html #sidebar p { margin-left: 0; } #sidebar .photo { width: 230px; margin-right: 20px; float: left; } * html #sidebar .photo { margin-right: 0; } #sidebar .photo strong { color: #5a9614; } #sidebar .photo a { border: 0; } #sidebar .photo a:hover { border-color: #196eaa; } #sidebar .photo.photo2, #sidebar .photo.photo4, #sidebar .photo.photo6, #sidebar .photo.photo8, #sidebar .photo.photo10, #sidebar .photo.photo12 { margin-right: 0; } *html #sidebar .photo.photo1, *html #sidebar .photo.photo3, *html #sidebar .photo.photo5, *html #sidebar .photo.photo7, *html #sidebar .photo.photo9, *html #sidebar .photo.photo11, { margin-right: 20px; } #sidebar .photo img { width: 218px; height: 128px; margin-bottom: 6px; } * html #sidebar .photo img { width: 217px; } #sidebar .side_block { width: 355px; margin-top: 18px; float: left; clear: both; } #sidebar .side_block ul li { width: 95px; margin-right: 30px; float: left; line-height: 1.75em; } /*#sidebar .side_block.archives ul li { width: 59px; margin-right: 66px; float: left; text-align: right; }*/ #sidebar .blog ul, #sidebar .archives ul { padding-bottom: 0; } #sidebar .side_block.pages li { background: url(images/icons/icon_bullet.gif) no-repeat 0 5px; margin-left: 5px; padding: 0 0 3px 14px; list-style: none; } /* Stay Current with our Feed */ #sidebar p.rssFeed_link { width: 36px; height: 50px; padding-bottom: 0; float: left; } #sidebar p.sign_up { width: 300px; padding: 0; float: right; } #sidebar p.rssFeed_link span a { width: 36px; height: 50px; background: url(images/icons/icon_rssFeed_link.gif) no-repeat 0 3px; margin: 0; padding: 0; float: left; border: 0; text-indent: -9999px; } * html #sidebar p.rssFeed_link { padding-left: 0; } * html #sidebar p.sign_up { margin-left: 0; } /***** Extra *****/ .extra { width: 980px; margin: 0 auto; } .extra_block { float: left; } .block_extra_1 { width: 480px; margin-right: 20px; } ul.other_sites { } ul.other_sites li { width: 220px; padding-bottom: 18px; float: left; } ul.other_sites li.other_sites_1, ul.other_sites li.other_sites_3 { margin-right: 30px; } ul.other_sites li a:hover { border: 0; } ul.other_sites img { width: 218px; height: auto; } .block_extra_2 { width: 230px; margin-right: 20px; } .block_extra_2 ul { } .block_extra_2 ul li { background: url(images/icons/icon_bullet.gif) no-repeat 0 5px; padding: 0 0 18px 14px; } .block_extra_3 { width: 230px; background: url(images/logos/logo_orange_ball.jpg) no-repeat 97% 35px; } .block_extra_3 h4 { padding-bottom: 17px; } .block_extra_3 p { line-height: 1.4em; } .block_extra_3 p span { width: 130px; float: left; clear: both; } /***** Footer *****/ .footer_left { width: 30%; float: left; } .footer_right { width: 60%; margin: 0; float: right; text-align: right; } #footer a { border: 0; } #footer:hover a, * html #footer a { } #footer:hover a:hover, * html #footer a:hover { } /* lightbox ------------------------------------------------------------------*/ #lightbox{ width: 100%; position: absolute; left: 0; z-index: 100; text-align: center; line-height: 0; } #lightbox a, #lightbox a img, #lightbox img { border: 0; padding: 0; } #outerImageContainer{width: 250px; height: 250px; background-color: #fff; margin: 0 auto; border: 5px solid #abadb3; border-bottom: 0; position: relative; } #imageContainer{ padding: 10px; } #loading{ width: 100%; height: 25%; position: absolute; top: 40%; left: 0%; text-align: center; line-height: 0; } #hoverNav{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; left: 0; float: left;} #nextLink { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { } #nextLink:hover, #nextLink:visited:hover { } #imageDataContainer{ width: 100%; background-color: #fff; margin: 0 auto; border: 5px solid #abadb3; border-top: 0; font: 10px Verdana, Helvetica, sans-serif; line-height: 1.4em; overflow: auto; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ width: 100%; height: 500px; position: absolute; top: 0; left: 0; z-index: 90; } /* LIGHTBOX ENDS */