/* THEME NAME: Splash THEME URI: http://www.agentlog.com.au DESCRIPTION: BEHOLD the MERMAID. VERSION: 2.0 AUTHOR: Jen Germann AUTHOR URI: http://www.agentpoint.com.au */ /* Portico default */ /* widths 1 column : 250px 2 columns: 520px 3 columns: 790px 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: #919baa; 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: 65px; margin: 0; } body#email_subscribe #header { background-image: none; } #main_body { width: 790px; 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: 520px; margin: 0; padding: 0 0 20px 0; float: left; color: #6e798c; } #sidebar { width: 250px; margin: 0; padding: 0 0 20px 0; float: right; } * html #sidebar { width: 250px; margin: 0; padding: 0 0 0 5px; float: right; } #footer { width: 790px; height: 50px; margin: 0 auto; padding: 15px 0 0 0; border-top: 1px solid #b4b9c8; } /***** 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: #0f4b96; } * 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 */ h3 { font-size:1.25em; line-height: 1em; padding: 5px 5px 19px; } /* sidebar headers */ body#team h3, body#team_page_popup h3 { font-size:1.375em; line-height: 1em; } h4 { font-size:0.75em; font-weight: bold; line-height: 1.25em; text-transform: uppercase; letter-spacing: .15em; } #sidebar h4 { margin-top: 9px; padding: 9px 0 9px 5px; border-top: 2px solid #e1e1e6; } 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, #content label, #content input, #content select, #content textarea, #sidebar p, #sidebar ul, #sidebar label, #sidebar input, #sidebar textarea, #sidebar select { font-size:0.75em; } /* 16 x .75 = 12 */ #content p label, #sidebar p label, #content p input, #content p textarea, #sidebar ul li ul { font-size: 1em; } #sidebar ul li ul p { font-size: 1em; } #footer p { font-size:0.6875em; text-align: center; padding-bottom: 1px; } 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 #6e798c; } acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; } strong, em { } .green { color: #5a9614; } .orange { color: #da5b00; } /***** Links *****/ /* links */ a:link, a:visited { padding-bottom: 0; color: #ff7827; text-decoration: none; } a:hover { padding-bottom: 0; color: #0f4b96; border-bottom: 2px solid #e1e1e6; } h2 a:link, h3 a:link, h4 a:link, h2 a:visited, h3 a:visited, h4 a:visited { color: #0f4b96; } h2 a:hover, h3 a:hover, h4 a:hover { color: #ff7827; } /***** 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 #6e798c; } #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 #6e798c; 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: 796px; margin: 20px auto 0; padding: 0; } #header h1 { width: 350px; height: 60px; margin: 0; padding: 0; float: left; } #header h1 a { width: 350px; height: 60px; margin: 0; border: 0 !important; display: block; } #header h1 a img { border: 0; } /***** Navigation *****/ #nav { width: auto; margin: 28px 5px 0 0; padding: 0; float: right; } #nav ul { margin: 0; padding: 0; font-family: Palatino, Times, serif; font-size:0.6875em; font-weight: bold; text-transform: uppercase; letter-spacing: .05em; } #nav li { margin: 0 0 0 15px; padding: 0; border: 0; list-style: none; float: left; } #nav li a { border: 0; color: #022653; } #nav li a:hover { color: #ff7827; } /* 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: #6e798c; } #nav ul li ul li a:hover { color: #ff7827; 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: 790px; } /* 3 columns */ p#image_tagline { float: right; margin: 0 0 0 20px; padding: 0 0 7px 0; border-bottom: 1px dashed #022653; font-family: Palatino, Times, serif; font-size: 0.8125em; font-style: italic; color: #022653; } p#image_tagline img { margin: 0 0 7px 0; } /* Home Blocks */ #home_blocks { width: 790px; height: 150px; margin: 23px auto 12px; float: left; clear: both; } .home_block { width: 256px; height: 106px; margin: 0 11px 0 0; padding: 0; float: left; } .home_block img { border: 0; } .home_block#last_block { margin: 0; } /* Posts */ .post { margin-bottom: 15px; } h2.pagetitle { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #6e798c; } 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; } .navigation { width: 100%; padding-top: 7px; border-top: 1px solid #b4b9c8; } /***** Comments *****/ /* Comment List */ h3#comments, h3#respond { color: #0f4b96; } #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 #0f4b96; float: left; } #comments-post cite { float: left; padding: 0 15px 0 5px; margin-right: 15px; border-right: 1px solid #0f4b96; 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 #6e798c } #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; } /***** Sidebar *****/ body#blog #sidebar h4 { margin-top: 26px !important; } * html #sidebar h4, * html #sidebar ul, * html #sidebar p { margin-left: 0; } #sidebar ul li { width: 105px; margin-right: 10px; float: left; line-height: 1.75em; } /* Stay Current with our Feed */ #sidebar p.rssFeed_link { width: 36px; height: 50px; padding-bottom: 0; float: left; } #sidebar p.sign_up { width: 200px; 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 1px; 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; } /***** Footer *****/ #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 */