/* --------------------------------------------------------------------------------------------------------- Cascading Stylesheet designed by Fluvius (http://www.fluvius.co.uk) Copyright (c) Exposure Surveying Ltd. All Rights Reserved. Created: March 2009 Latest Revision: - IMPORTANT No part of this website can be considered a template. The author has no problem with you examining this stylesheet to find out how it 'ticks', but please don't reproduce it, or any other part of this website, without their written permission. Thanks. --------------------------------------------------------------------------------------------------------- */ /* -------------------- === Reset Styles - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ http://www.clintbalcom.com/css/better-css-reset -------------------- */ html, body { font-size:12px; margin:0; padding:0; line-height:1; } * { font-size:1em; margin:0; padding:0; outline:0; vertical-align:baseline; } img { border:none; } ul, ol, li { list-style:none; } :focus { outline:none; } table, td, form, fieldset { border:none; border-collapse:collapse; border-spacing:0; } table { border-collapse:separate; border-spacing:0; } /* tables still need 'cellspacing="0"' in the markup */ caption, th, td { text-align:left; font-weight:normal; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } /* -------------------- === Element Sizing -------------------- */ h1 { font-size:2.8em; } h2 { font-size:2.4em; } h3 { font-size:1.8em; } h4 { font-size:1.6em; } h5 { font-size:1.4em; } h6 { font-size:1.2em; } ol, ul, li { font-size:1.0em; } p { font-size:1.0em; } pre { font-family:monospace; font-size:1.0em; } /* -------------------- === Redefine Standard Tags -------------------- */ a:link { color:#06f; text-decoration:underline; } a:visited { text-decoration:none; color:#848d29; } a:link:focus, a:visited:focus { text-decoration:none; color:#00f; } a:link:hover, a:visited:hover { text-decoration:underline; color:#00f; } a:link:active, a:visited:active { text-decoration:underline; color:#00F; } body { font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#e9eeb9; color:#e9eeb9; } h1, h2, h3, h4, h5, h6 { margin-bottom:0.2em; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:-1px; color:#4f551a; } p { margin-bottom:1em; line-height:1.4em; } th { font-weight:normal; text-decoration:none; } /* -------------------- === Common Class Elements -------------------- */ .removed { display:none; } .move-off { width:1px; position:absolute; left:-999px; overflow:hidden; } .bold { font-weight:bold; } .italic { font-style:italic; } .underline { text-decoration:underline; } p img { display:inline; padding:5px; margin:10px; border:1px solid #aebb39; } p img.imgNoBorder { border:none; } p.external-link { background: url(http://www.exposuresurveying.co.uk/themes/exposure/img/icon_new-window.png) no-repeat left center; padding-left:18px; } p.rss-feed { background: url(http://www.exposuresurveying.co.uk/themes/exposure/img/icon_rss.png) no-repeat left center; padding-left:18px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* -------------------- === Page Construction -------------------- */ #wrapper { width:915px; margin:10px auto; padding:0; } /* -------------------- === Banner Area -------------------- */ #top-bar { height:4px; width:915px; margin-bottom:3px; background:#85976f url(http://www.exposuresurveying.co.uk/themes/exposure/img/bgnd_top-bar.gif) no-repeat; } #top-bar h1 { height:4px; width:1px; position:absolute; left:-999px; overflow:hidden; } #banner { height:260px; width:915px; margin-bottom:3px; background:#85976f url(http://www.exposuresurveying.co.uk/themes/exposure/img/photo_banner-home.jpg) no-repeat; } #banner h1 { height:197px; width:162px; margin:0; padding:12px 0 0 33px; background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/logo_exposure.gif) no-repeat right bottom; } #banner h1 a { height:197px; width:162px; display:block; text-decoration:none; text-indent:-999em; background-image:none; outline:0; overflow:hidden; } #banner h2 { height:1px; width:1px; position:absolute; left:-999px; overflow:hidden; } #banner h3 { height:1px; width:1px; position:absolute; left:-999px; overflow:hidden; } /*** Banner Photos ***/ body#home #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/home.jpg) no-repeat; } body#services #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/services.jpg) no-repeat; } body#damp-defect-investigation #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/damp-defect.jpg) no-repeat; } body#environmental-monitoring #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/environmental-monitoring.jpg) no-repeat; } body#glue-laminated-timber-condition-assessments #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/glue-laminated.jpg) no-repeat; } body#non-destructive-assessments #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/non-destructive.jpg) no-repeat; } body#project-management-of-reinstatement-and-repairs #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/project-management.jpg) no-repeat; } body#rope-access #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/rope-access.jpg) no-repeat; } body#specifications #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/specifications.jpg) no-repeat; } body#surveys #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/surveys.jpg) no-repeat; } body#timber-defect-investigation #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/timber-defect.jpg) no-repeat; } body#visual-timber-strength-grading #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/visual-timber.jpg) no-repeat; } body#residential-clients #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/residential-clients.jpg) no-repeat; } body#commercial-clients #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/commercial-clients.jpg) no-repeat; } body#case-studies #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/case-studies.jpg) no-repeat; } body#news #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/news.jpg) no-repeat; } body#blog #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/blog.jpg) no-repeat; } body#about #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/about.jpg) no-repeat; } body#contact #banner { background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/banners/contact.jpg) no-repeat; } /* -------------------- === Navigation Bar -------------------- */ #nav { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; text-transform:capitalize; background:#cdd96c url(http://www.exposuresurveying.co.uk/themes/exposure/img/bgnd_nav.gif) 0 0 repeat-x; width:913px; float:left; border:1px solid #575e1c; } /* -------------------- === Breadcrumb Trail -------------------- */ ul.breadcrumb { padding:20px 0; font-size:0.8em; text-transform:capitalize; } ul.breadcrumb li { display:inline; background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/icon_breadcrumb-divider.gif) no-repeat scroll left bottom; padding:0 5px 0 14px; } ul.breadcrumb li:first-child { background:none; padding-left:0; } ul.breadcrumb a:link, ul.breadcrumb a:visited { color:#06f; text-decoration:none; } ul.breadcrumb a:link:hover, ul.breadcrumb a:visited:hover { text-decoration:underline; color:#00f; } /* -------------------- === Content -------------------- */ #content { margin:10px 0 40px 0; float:left; width:660px; position:relative; color:#323610; } #content .ccm-page-list { margin-top:2em; } #content h3.ccm-page-list-title { margin-bottom:0.2em; } #content .ccm-page-list-description { margin-bottom:0.8em; line-height:1.4em; } #content .rssIcon h4 { margin-bottom:0.5em; } #content .ccm-pagination {border-top:1px dotted #a2ad38; margin-top:3em; } /*** Headings ***/ #content h1 { font-weight:normal; margin:25px 0 1em 0; padding:5px; background-color:#cdd96c; border:1px solid #a2ad38; position:relative; } #content h6 { font-weight:bold; } /*** Blockquote ***/ #content blockquote { border-bottom:1px solid #a2ad38; border-top:1px solid #a2ad38; color:#332; display:block; margin:1.1em 4em 2em 4em; padding:14px 1em 0.2em 46px; background: #dee699 url(http://www.exposuresurveying.co.uk/themes/exposure//img/bgnd_blockquote.gif) no-repeat; } /*** Lists ***/ #content ol, #content ul { font-size:1.1em; margin:0 0 1.2em 3em; } #content ol { margin-left:3.4em; } #content ul li { list-style:disc; } #content ol li { list-style:decimal; } #content li { padding:2px 0; } #content dl { margin-bottom:2em; } #content dt,dd { padding:8px 10px; } #content dt { background-color:#9ba736; border-bottom:1px solid #4f551a; color:#333; font-weight:bold; } #content dd { background-color:#dee699; border-bottom:1px solid #9ba736; padding-left:16px; } /*** Tables ***/ #content table.data_table { border:1px solid #4f551a; margin-bottom:2em; width:100%; } #content table.data_table th { background-color:#9ba736; border:1px solid #4f551a; color:#333; font-weight:bold; text-align:left; } #content table.data_table tr { border-bottom:1px solid #9ba736; } #content table.data_table td, table th { padding:10px; } #content table.data_table td { background-color:#dee699; border:1px solid #9ba736; } /*** Contact Form ***/ #content .miniSurveyView table.formBlockSurveyTable td{ padding-bottom:10px; } #content .miniSurveyView td.question { text-align:right; } #content .miniSurveyView #msg { padding:6px; } #content .miniSurveyView #msg .error { padding:6px 0 0 16px; } #content .miniSurveyView input, #content .miniSurveyView select, #content .miniSurveyView textarea { padding:4px 2px 4px 5px; color:#000; background-color:#e3eaaa; border:1px solid #a2ad38; } #content .miniSurveyView input:hover, #content .miniSurveyView select:hover, #content .miniSurveyView textarea:hover { background-color:#d0db6c; } #content .miniSurveyView input:focus, #content .miniSurveyView select:focus, #content .miniSurveyView textarea:focus { color: #fff; background: #788127; } #content .miniSurveyView input.ccm-input-captcha { margin-top:10px; } #content .miniSurveyView input.formBlockSubmitButton { background:#000 url(http://www.exposuresurveying.co.uk/themes/exposure/img/button_contact-forms-bgnd.gif) repeat-x 0px 0px; color:#fff; font-size:9px; border:0; padding:4px 5px 3px; margin-top:20px; cursor:pointer; cursor:hand; } #content .miniSurveyView input.formBlockSubmitButton:hover { background:#000 url(http://www.exposuresurveying.co.uk/themes/exposure/img/button_contact-forms-bgnd.gif) repeat-x 0px -22px; } #content .miniSurveyView input.formBlockSubmitButton:focus { background:#000 url(http://www.exposuresurveying.co.uk/themes/exposure/img/button_contact-forms-bgnd.gif) repeat-x 0px 0px; } /*** Zoom Image ***/ #content a.zoomImage img { padding:5px; margin:10px 0; border:1px solid #aebb39; } /*** News ***/ #content .calendar { position:absolute; background:url(http://www.exposuresurveying.co.uk/themes/exposure//img/icon_news-calendar.jpg) no-repeat; height:79px; width:67px; color:#333; margin:0; padding:0; } #content .calendar .calendar-month, #content .calendar .calendar-day { text-align:center; width:67px; } #content .calendar .calendar-month { overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; position:absolute; margin-top:20px; text-transform:uppercase; font-weight:bold; color:#fff; } #content .calendar .calendar-day { font-weight:bold; font-size:2em; line-height:32px; position:absolute; margin-top:40px; } #content .calendar .calendar-year { display:none; } #content .news-preview { padding:8px 0 20px 80px; } #content h4.news-subheading { margin-bottom:2em; padding-bottom:0.2em; border-bottom:1px dotted #a2ad38; } /*** Blog ***/ #content p span.blog-date { background: url(http://www.exposuresurveying.co.uk/themes/exposure/img/icon_post-write.gif) no-repeat left center; padding-left:15px; } #content p span.blog-time { background: url(http://www.exposuresurveying.co.uk/themes/exposure/img/icon_post-time.gif) no-repeat left center; padding-left:15px; margin-left:10px; } #content h4 span.blog-date { background: url(http://www.exposuresurveying.co.uk/themes/exposure/img/icon_post-write-large.gif) no-repeat left center; padding-left:20px; } #content h4 span.blog-time { background: url(http://www.exposuresurveying.co.uk/themes/exposure/img/icon_post-time-large.gif) no-repeat left center; padding-left:21px; margin-left:15px; } /*** Case Studies ***/ #content p span.case_study-problem { background: url(http://www.exposuresurveying.co.uk/themes/exposure/img/icon_case-study-problem.gif) no-repeat left center; padding-left:15px; } #content p span.case_study-location { background: url(http://www.exposuresurveying.co.uk/themes/exposure/img/icon_case-study-location.gif) no-repeat left center; padding-left:15px; margin-left:20px; } #content h4.case_study-problem { background: url(http://www.exposuresurveying.co.uk/themes/exposure/img/icon_case-study-problem-large.gif) no-repeat left center; padding-left:24px; } #content h4.case_study-location { background: url(http://www.exposuresurveying.co.uk/themes/exposure/img/icon_case-study-location-large.gif) no-repeat left center; padding-left:24px; } #content .case_study-preview { padding:8px 0 20px; } #content .case_study-preview .ccm-page-list-description { margin-left:20px; } #content #case_study-details { margin-bottom:2em; padding-bottom:0.2em; border-bottom:1px dotted #a2ad38; } /* -------------------- === Sidebar -------------------- */ #sidebar { margin:25px 0 40px 0; padding-left:20px; padding-bottom:65px; width:215px; display:block; float:right; border-left:1px dotted #b4c13c; color:#323610; } #sidebar h3 { margin:40px 0 10px; } /*** Search Bar ***/ #search h3 { margin:8px 0 1px 0; } #search input { padding:4px 2px 4px 5px; color:#000; background-color:#f0f3d1; border:1px solid #a2ad38; } #search input:hover { background-color:#d0db6c; } #search input:focus { color: #fff; background: #788127; } #search input.search-button { background:#000 url(http://www.exposuresurveying.co.uk/themes/exposure//img/button_contact-forms-bgnd.gif) repeat-x 0px 0px; color:#fff; font-size:9px; border:0; padding:4px 5px 3px; cursor:pointer; cursor:hand; } #search input.search-button:hover { background:#000 url(http://www.exposuresurveying.co.uk/themes/exposure//img/button_contact-forms-bgnd.gif) repeat-x 0px -22px; } #search input.search-button:focus { background:#000 url(http://www.exposuresurveying.co.uk/themes/exposure//img/button_contact-forms-bgnd.gif) repeat-x 0px 0px; } #searchResults .pageLink{ font-size:12px; color:#999; margin:2px 0px 8px 0px; padding:0px; display:block } #searchResults .searchResult{ margin-bottom:16px; margin-top:24px } #searchResults .searchResult h3{ margin-bottom:0px; padding-bottom:0px } #searchResults .searchResult p{margin-top:4px} /* -------------------- === Top of Page -------------------- */ p.page-top { clear:both; background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/icon_top-of-page.gif) no-repeat left; margin:3em 0 1.5em 0; font-size:0.8em; padding-left:12px; text-transform:lowercase; } p.page-top a:link, p.page-top a:visited { color:#06f; text-decoration:none; } p.page-top a:link:hover, p.page-top a:visited:hover { text-decoration:underline; color:#00f; } /* -------------------- === Footer -------------------- */ #footer { font-size:0.8em; width:100%; margin-top:40px; padding-bottom:10px; padding-top:8px; border-top:1px solid #663; display:block; color:#323610; } #footer-left { float:left; } #footer-right { float:right; } #footer-login { float:left; width:100%; clear:both; margin:10px 0; height:16px; padding-left:15px; background:url(http://www.exposuresurveying.co.uk/themes/exposure/img/icon_edit-page.gif) no-repeat; }