/* ----------------------------------------------- Johnston Lawrence - - - - - - - - - - - - - - - - - - - - - - - - Description: Base Setup Styles Filename: johnlaw.base.css Author: Catch Design Limited (www.catchdesign.co.nz) Date: 5 November 2008 Updated: 12 November 2008 (KAH) Version: v.0.02 ----------------------------------------------- */ /* GLOBAL - Clearfix - Generic - Typography - Forms - Lists - Tables STRUCTURE - Masthead - Content - Footer - Primary Nav - Secondary Nav DETAIL - Articles - **GUYS, this is where anything from Graphical headers, to section specific styles can go** PLUGINS - **Plugin specific styles here** */ /* =GLOBAL ----------------------------------------------- */ body { background:#fff ; font: 63.7%/1.4 verdana, sans-serif; color:#4c4b4b ; } /* =Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* =Generic */ a { color:#308091 ; text-decoration:underline; } a:hover { text-decoration: none; } a img, a:hover img { border: none; } a.external_link { background:url(../img/icon_ext_link.gif) right no-repeat; padding-right:11px; margin-right:2px; } .hide { text-indent:-9999em; outline:none; } .alignright { float:right; } .alignleft { float:left; } img.alignright { padding:0; margin:0 0 5px 5px; } img.alignleft { padding:0; margin:0 0 5px 5px; } .displaynone{display:none;} /* =Typography */ p { font: normal 1.1em/1.4 verdana, sans-serif; margin-bottom: 1em; } .large {float: right; width: 577px; font-size: 2.1em;} small {} strong {font-weight:bold;color:#000;} em {font-style:italic} .meta {font-size:.9em; color:#767474;} p.intro { font-size:1.3em; } div.news-item p.intro { font-size:1.1em; } h1 a { display: block; width:261px; height:82px; background: url(../img/logo_johnlaw.png) no-repeat 0 0;} h2 { font-size: 2.0em; color:#333; margin-bottom: 12px;} .col_mid h2 { color:#2d7483} .col_right h2 {color:#85a91f} h3 { font-size:1.4em; font-family:Arial, Helvetica, sans-serif; color:#222; font-weight:bold;} h4 { font: bold 1.3em/1.3 Arial, Helvetica, sans-serif; color:#424141; margin-bottom:0.3em;} h4 a {text-decoration: none;} h4 a:hover {text-decoration: underline;} .col_left h4 { margin-top:0.8em; } h5 { font-size:1.2em; color:#424141; text-transform: uppercase; margin-bottom: 3px;} .contact_details h5 { margin:20px 0 3px 0; border-bottom:1px solid #ccc; } h6 { font:bold 1.2em/1.4 Arial, Helvetica, sans-serif; } /* =Forms */ fieldset {} fieldset legend {} label {} input {} input.textbox { color:#292929; width:241px; background: url(../img/bg_input_sign_up.png) no-repeat 0 0; border: none; font-size:1.2em; height:22px; margin-bottom:7px; padding:3px 6px; width:229px; } input.radio {} input.checkbox {} input.submit {} textarea {} select {} #newsletter label, #newsletter_two label {display: none;} #newsletter_extras input {float:left; margin:7px 0 0 6px;} #newsletter_extras label {display:block; line-height:2; padding:4px 0 0 28px; width:160px;} #newsletter_extras li{} #newsletter_extras {display:none;margin-bottom:10px; background: #f1f1f0; border: 1px solid #d2d2d2;padding:3px;} #footer #newsletter_extras{display:none;} #newsletter_extras_page input {float:left; margin:7px 0 0 6px;} #newsletter_extras_page label {display:block; line-height:2; padding:4px 0 0 28px; width:160px;} #newsletter_extras_page {margin-bottom:10px; background: #f1f1f0; border: 1px solid #d2d2d2;padding:3px;} #newsletter_extras_page li{} /* Enquiry Form */ form#enquiryform{margin:0;width:auto;} form#enquiryform legend{display:none;} form#enquiryform label{display:none;} form#enquiryform fieldset{background:none;border:none;} form#enquiryform input{font-size:1.2em;background:#fff;} form#enquiryform select{font-size:1.2em;background:#fff !important;width:auto;} form#enquiryform input.textbox {border: 1px solid #d2d2d2;margin:7px 5px 7px 0;padding:3px 6px;width:305px; display: inline;} form#enquiryform select {color:#292929; border: 1px solid #d2d2d2;padding:6px 6px 7px 2px !important;margin:7px 0;} form#enquiryform textarea{color:#292929; margin:7px 0;font-size:1.2em;font-family:inherit;border:1px solid #d2d2d2;width:400px;padding:6px 6px 7px 6px;background:#fff;} form#enquiryform textarea.error, form#enquiryform input.error, form#enquiryform select.error{border:1px solid #85A91F;} form#enquiryform input#submit {display:block;height:26px;width:106px;border:none !important; color:#f0f0f0; cursor:pointer;margin-top:5px;} form#enquiryform li span{position:relative;top:0;right:0;} form#enquiryform li {list-style-type:none !important;} form#enquiryform ol {margin:0 !important;} ul#errortable{background:#85a91f;margin:10px 0 !important;padding:5px !important;} ul#errortable li{list-style-type:none !important;color:#fff;margin:0 0 5px 5px;} /* =Lists */ ul { font-size:1.1em; } ul ul {font-size:1em;} ol { font-size:1.1em; } li {} ul.nobullets li{list-style-type:none !important;} /* =Tables */ table {} td {} /* =STRUCTURE ----------------------------------------------- */ #container { width:100%;} .wrap { width: 960px; margin-left: 20px;} #footer {} /* Top Slice */ #top_slice {width: 100%; background: #292929; margin-bottom: 48px;} /* Masthead */ /* Content */ #content {background: url(../img/bg_body_texture.jpg) repeat 0 -10px;} #content .wrap {padding: 68px 0 90px;} /* Columns */ .columns {} .col_left { width: 230px; float:left;} .wide {width: 490px;} .col_mid { width: 230px; float:left; margin-left: 20px; display: inline;} .col_right {width: 230px; float:left; margin-left: 20px; display: inline;} .col_right a {color:#7c9d1c;} /* Primary Nav */ #prim_nav { margin-top:35px;} #prim_nav li {border-right: 1px solid #ececeb; float:left; position: relative; text-indent:-9999em; } #prim_nav a { background: url(../img/prim_nav.png) no-repeat 0 0; height:34px; display: block; width:100%; outline:none; } #page-item-6 {width:114px; padding-left:0 !important; } #page-item-6 a {background-position:0 0;} #page-item-6.current_page_item a, #page-item-6.current_page_parent a, #page-item-6.current_page_ancestor a {background-position:0 -34px !important;} #page-item-6.sfHover a, #page-item-6.sfHover a:hover {background-position:0 -68px !important;} #page-item-8 {width:94px;} #page-item-8 a {background-position:-114px 0 !important;} #page-item-8.current_page_item a, #page-item-8.current_page_parent a, #page-item-8.current_page_ancestor a {background-position:-114px -34px !important;} #page-item-8 a:hover {background-position:-114px -68px !important;} #page-item-10 {width: 157px;} #page-item-10 a {background-position:-208px 0 !important;} #page-item-10.current_page_item a, #page-item-10.current_page_parent a, #page-item-10.current_page_ancestor a {background-position:-208px -34px !important;} #page-item-10 a:hover, #page-item-10.sfHover a {background-position:-208px -68px !important;} #page-item-12 {width: 90px;} #page-item-12 a {background-position:-365px 0 !important;} #page-item-12.current_page_item a, #page-item-12.current_page_parent a, #page-item-12.current_page_ancestor a {background-position: -365px -34px !important;} #page-item-12 a:hover, #page-item-12.sfHover a {background-position: -365px -68px !important;} #page-item-14 {width: 121px;} #page-item-14 a {background-position: -455px 0 !important;} #page-item-14.current_page_item a, #page-item-14.current_page_parent a, #page-item-14.current_page_ancestor a {background-position: -455px -34px !important;} #page-item-14 a:hover, #page-item-14.sfHover a {background-position: -455px -68px !important;} #page-item-16 {width: 62px; border-right: none !important;} #page-item-16 a {background-position: -576px 0 !important;} #page-item-16.current_page_item a, #page-item-16.current_page_parent a, #page-item-16.current_page_ancestor a {background-position: -576px -34px !important;} #page-item-16 a:hover, #page-item-16.sfHover a {background-position: -576px -68px !important;} /* Secondary Nav */ #prim_nav ul { width: 235px; background: #266774 url(../img/secondary_nav.png) no-repeat bottom left; position:absolute; z-index: 99; left: 0; top: -999em; font-family:Arial, Helvetica, sans-serif;} #prim_nav li:hover ul, #prim_nav .sfHover ul {top: 34px;} #prim_nav ul li { border: none; float:none; position:static; text-indent:0 !important;} #prim_nav ul a {background: none;color:#FFF;font-size:1.1em;height:40px;line-height:3.2;padding:0 0 0 10px;text-decoration:none;width:225px; border-top:1px solid #34889a; border-bottom: 1px solid #266573; cursor:pointer;} #prim_nav ul .first a {border-top: none;} #prim_nav ul .last a, #prim_nav ul #prim_nav_28 a, #prim_nav ul #prim_nav_36 a, #prim_nav ul #prim_nav_132 a, #prim_nav ul #prim_nav_172 a, #prim_nav ul #prim_nav_174 a {border-bottom: none;} #prim_nav ul a:hover {background-color:#2a707f;} #prim_nav ul .last a:hover, #prim_nav ul #prim_nav_28 a:hover, #prim_nav ul #prim_nav_36 a:hover, #prim_nav ul #prim_nav_132 a:hover, #prim_nav ul #prim_nav_172 a:hover, #prim_nav ul #prim_nav_174 a:hover {background: url(../img/secondary_nav_last_hover.png) no-repeat 0 0 !important;} /* Top Nav */ #top_nav { height:26px; float:right; margin:0; font-size:1.0em;} #top_nav li {float:left; margin-left: 18px; line-height: 2.3;display: inline;} #top_nav a {text-decoration: none; color:#cecece;} #top_nav a:hover {text-decoration: underline;} #search {position:relative;} #search form {position: absolute; right: 0; top: 32px; background: url(../img/bg_search.png) no-repeat 0 0; width:480px; height: 85px; display: none;} #search fieldset {padding-top: 14px;} #search label {display: none;} #search input.textbox {background: url(../img/bg_search_input.png) no-repeat 0 0; border:none;float:left;height:18px;margin:0 12px 0 13px;padding:4px;width:315px; display: inline;} #btn_search {display:block; float:left; height:26px; width:91px;} #btn_search_close {background:url(../img/btn_search_close.png) no-repeat 0 0;display:block;height:18px;margin:4px 10px 0 0;width:18px; display:inline;} /* Footer */ #footer {background: url(../img/bg_footer.png) repeat-x 0 0;} #footer .wrap {padding: 80px 0 144px; } #footer .col_left {width: 490px;} #footer .col_left ul {width: 380px;} #footer .col_left ul li {float: left; padding: 0 20px 8px 16px;} #icon_phone {background: url(../img/icon_phone.png) no-repeat 0 3px;} #icon_fax {background: url(../img/icon_fax.png) no-repeat 0 3px;} #icon_mail {background: url(../img/icon_mail.png) no-repeat 0 4px; width: 100%;} #icon_address {background: url(../img/icon_address.png) no-repeat 0 2px;width:325px;} #icon_pobox {background: url(../img/icon_pobox.png) no-repeat 0 2px;} #footer p {font-size:1.1em;} #logo_nzlaw {display: block; background: url(../img/logo_nzlaw.png) no-repeat 0 0; height: 91px; width: 61px; float:right;} p.site_credit { font-size:1.0em !important; margin-top:12px; color:#ccc; } p.site_credit a { color:#ccc; } /* Footer Nav */ #footer_nav {} #footer_nav li {padding: 0 7px 0 0 !important} /* Sidebars */ #practice_areas{position:relative;} #btn_practice_areas{background: url(../img/btn_practice_areas.png) no-repeat 0 0;width:240px;height:27px;display:block;cursor:pointer;outline:none;text-indent:-999em;} #practice_list_top{background: transparent url(../img/bg_practice_list_top.gif) no-repeat bottom left; width:310px;height:7px;display:block;} #practice_list_bottom{background: transparent url(../img/bg_practice_list_bottom.gif) no-repeat top left; width:310px;height:7px;display:block;} #practice_list_body {background:#318394;padding:15px 20px;position:relative;} #btn_practice_close{background: url(../img/btn_close.png) no-repeat 0 0; width:18px;height:18px; display:block;text-indent:-999em;position:absolute;top:5px;right:15px; cursor:pointer; outline:none;} #practice_list {float:right;position:absolute;top:-28px;right:-15px;display:none;} #practice_list h4{color:#fff;margin-bottom:10px;} #practice_list ul li{color:#fff; text-transform:capitalize;margin-bottom:10px;margin-right:10px;} #practice_list ul li a{color:#fff;} #staff_contacts li {margin-bottom:10px;width:230px;} #staff_contacts li img {float:left;margin-right:5px;border:1px solid #CECECE;} .related_articles p{margin-bottom:0;} .related_articles p.meta {margin-bottom:10px;} /* =DETAIL ----------------------------------------------- */ .icon_read_more {background: url(../img/icon_arrow.png) no-repeat 0 2px; padding: 0 0 3px 16px;} .icon_print { background: url(../img/icon_print.png) no-repeat 0 4px; padding: 0 0 0 13px;} .icon_back {background: url(../img/icon_arrow_back.png) no-repeat 0 2px; padding: 0 0 3px 16px;} #quote_homepage {background: url(../img/quote_homepage.png) no-repeat 0 0; width:596px; height:68px; float:right; margin-bottom: 0;} #quote_working_with_us {background: url(../img/quote_working_with_us.png) no-repeat 0 0; width:562px; height:65px; float:right; margin-bottom: 0;} #bct {margin:-50px 0 40px;} .pdf a {background:#f8f8f8 url(../img/icon_pdf.png) no-repeat 6px 5px;border:1px solid #CECECE;display:block;height:23px;line-height:1.5;padding:7px 6px 6px 38px; margin-bottom:2em; font-size:1.2em} .item { margin-bottom:2.8em;} .first {margin-top: 40px;} .speech_bubble {margin-top: 40px;} .speech_bubble .speech_bubble_top {background: url(../img/bg_speech_bubble_top.png) no-repeat bottom left; height:5px;} .speech_bubble p {background: url(../img/bg_speech_bubble_stretch.png) no-repeat bottom left;padding:5px 12px 24px;line-height:1.6;} .speech_bubble p span {font-size:.9em; color:#767474;} .col_left .speech_bubble { float:right; margin:0 0 0 10px; font-size:1.1em; width:230px; } .staff_page .speech_bubble { margin-top:10px; } /* body content lists */ #content .col_left ul, #content .col_left ol { margin:10px 0 10px 0; padding:0 0 0 20px; list-style:disc; } #content .col_left ul li { list-style:disc; margin-bottom:5px; } #content .col_left ol li { list-style:decimal; margin-bottom:5px; } /* graphical buttons */ #btn_sign_up {display: block; width:105px; height:26px; background: url(../img/btn_sign_up.png) no-repeat 0 0;float:left;} .other_newsletters{float:right;margin-top:5px;} #couch_top {background: url(../img/bg_couch_top.jpg) no-repeat 761px bottom; width:100%;} #couch_bottom {background: url(../img/bg_couch_bottom.jpg) no-repeat 768px top; width:100%;} #working_with_us {background: url(../img/bg_working_with_us.jpg) no-repeat 761px bottom; width:100%;} /* filter for people */ #content ul.people_filter{margin:0 0 40px;} #content ul.people_filter li{margin-bottom:10px; list-style:none;} ul.people_filter a.selected{color:#000;} #content ul.staff{margin:20px 0 0 0; padding:0; } #content ul.staff li{float:left;margin-right:8px; width:113px; margin-bottom:20px; list-style-type:none;min-height:125px;} * html .ul.staff li { height:125px; } ul.staff li img {border:1px solid #cecece;} ul.staff img.selected { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; zoom:1;} ul.staff img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); opacity:0.2; zoom:1;} .people_snapshot { border:1px solid #ccc; background:#eee; padding:10px; margin:20px 0; -moz-border-radius:5px; } .people_expertise ul, .col_right .people_meta ul { margin:10px 0 2.8em/* 20px */; } .people_expertise ul li, .col_right .people_meta ul li { margin-bottom:5px; /*list-style:disc;*/ border-top:1px solid #ccc; padding-top:6px; } .people_meta { /*margin:20px 0 0 0;*/ clear:both; } .people_one { float:left; width:220px; border-right:1px solid #eee; padding-right:5px; } .people_two { float:right; width:230px; } /* specialty areas for people */ ul.specialty_areas{/*margin-bottom:40px;*/} ul.specialty_areas li{margin-bottom:5px;} /* contact details for people */ .contact_details { } p.article{margin-bottom:0;} .staff_img_large{border:1px solid #cecece;float:right;clear:both;margin:6px 0 10px 10px; padding:2px;} #content ul.staff_contact{margin:10px 0 20px 0; padding:0;} #content ul.staff_contact li {padding:6px 20px 1px 16px; list-style:none; border-top:1px solid #ccc; } .icon_phone {background: url(../img/icon_phone.png) no-repeat 0 9px;} .icon_mail {background: url(../img/icon_mail.png) no-repeat 0 10px;} .icon_fax {background: url(../img/icon_fax.png) no-repeat 0 9px;} .icon_person {background: url(../img/icon_people.png) no-repeat 0 8px;} /* News page */ .news-item{margin-bottom:15px;border-bottom:1px solid #dbdbdb;padding-bottom:10px;} .media p{margin-bottom:0px !important;} .media p.meta{margin-bottom:10px !important;} .seminar p{margin-bottom:0px !important;} .seminar p.meta{margin-bottom:10px !important;} /* services */ .services_meta { margin:20px 0 0 0; clear:both; } .services_one { float:left; width:205px; border-right:1px solid #eee; padding-right:5px; } .services_two { float:right; width:210px; } /* publications */ ul#publications_list li { margin-bottom:5px; } /* =PLUGINS ----------------------------------------------- */ /* Stop Search Unleashed plugin from displaying incoming box on search results page */ #incoming {display: none !important;} /* pagination */ .navigation {margin: 20px 0; font-size:1.2em;} /* images with captions */ .wp-caption {border: 1px solid #dcdcdc; width: auto !important;} .wp-caption img {margin: 3px;} .wp-caption p {text-align: center; margin: 2px 5px 8px;} .wp-caption.alignright {margin: 0 0 10px 10px;} .wp-caption.alignleft {margin: 0 10px 10px 0;} /* Sitemap generator */ .ddsg-wrapper h2 {display: none;} .ddsg-wrapper li {list-style:none !important; font-size:1.1em; font-weight: bold;} .ddsg-wrapper li a {text-decoration: none;} .ddsg-wrapper li a:hover {text-decoration: underline;} .ddsg-wrapper ul ul {margin-top:0 !important;} .ddsg-wrapper li li {font-size:.9em; font-weight:normal} .ddsg-wrapper div {display: none;} /* hide link to dagon design */