/* ----------------------------------------------- Website Name - - - - - - - - - - - - - - - - - - - - - - - - Description: Base Setup Styles Filename: quarrygroup.base.css Author: Catch Design Limited (www.catchdesign.co.nz) Date: 14 July 2009 Updated: 14 July 2009 Version: v.0.0 ----------------------------------------------- */ /* GLOBAL - Clearfix - Generic - Typography - Forms - Lists - Tables STRUCTURE - Masthead - Content - Footer - Primary Nav - Secondary Nav DETAIL - Articles PLUGINS - **Plugin specific styles here** */ /* =GLOBAL ----------------------------------------------- */ body { background:#d2d1cd url(../img/bg.png) repeat-x top left; font: 63.7%/1.4 Arial, sans-serif; color:#000; } /* =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: #7c0000; text-decoration:underline; } a:hover { text-decoration: none; } a img, a:hover img { border: none; } .hide { text-indent:-9999em; outline: none; } .alignright { float:right; } .alignleft { float:left; } img.alignright { padding:0; margin:0; } img.alignleft { padding:0; margin:0; } img.main_img{margin-bottom:10px;} .pdf{background: transparent url(../img/icon_pdf.png) no-repeat 0 0;padding-left:18px;} .external {background: transparent url(../img/icon_external.png) no-repeat center right;padding-right:12px;} /* =Typography */ p { font-size:1.3em; color:#595959; line-height:1.6em;margin-bottom:10px;} p.intro{font-size:1.5em;color:#4c4c4c;} small {} strong {font-weight:bold;} em {font-weight:italic;} blockquote{font-size:1.8em; font-style:italic;color:#666;background: transparent url(../img/bg_blockquote.png) no-repeat top left;padding-top:49px;} h1 {} h2 { font:bold 2.8em/1.4 Arial, Helvetica, sans-serif; color:#000; margin-bottom:10px; font-weight:normal;} h3 { font:bold 1.8em/1.4 Arial, Helvetica, sans-serif; color:#7b1215; margin-bottom:5px; } h4 {} h5 {} /* =Forms */ fieldset {} fieldset legend {} label {} input {} input.textbox {} input.radio {} input.checkbox {} input.submit {} textarea {} select {} /* =Lists */ ul { list-style: disc; font-size:1.3em; color:#595959; margin:0 0 10px 15px;} ol { font-size:1.3em; color:#595959; margin:0 0 10px 15px; } li { margin-bottom:5px; list-style: disc;} /* =Tables */ table {} td {} /* =STRUCTURE ----------------------------------------------- */ #container { border-top:5px solid #dddcd8;} .wrap {width:928px;} #columns {} #footer {} #sidebar{width:247px;background:url(../img/bg_sidebar.png) top left no-repeat;float:left;} #content{float:right;width:660px;} .bg{background:#e9e8e7 url(../img/bg_content.png) top left no-repeat;} /* Masthead */ #masthead { margin-top:-5px; height:141px; width:928px; background:url(../img/bg_masthead_home.jpg) no-repeat; } #masthead h1 a { text-indent:-7777px; display:block; height:98px; width:207px; margin-left:40px; background:url(../img/quarry_group_logo.png) no-repeat;} /* Content */ .col1, .col2 {width:206px;float:left;margin-right:20px;} .col3 {width:206px;float:right;} .wide {width:426px;margin-right:0;} .home .col1, .home .col2{width:320px;margin-right:0;} .home .col2 {float:right;} /* Sidebar */ #sidebar #contact_panel{width:200px;height:175px;margin-left:40px;background:url(../img/bg_contact.jpg) no-repeat top left;margin-top:86px;padding:15px 15px;} #sidebar #contact_panel ul{color:#4c4c4c;font-size:1.1em; margin:0;} #sidebar #contact_panel ul li { margin-bottom:0; list-style:none; } #sidebar #contact_panel ul li.spacer{margin-top:10px;} /* Footer */ #footer {padding-top:40px;margin-bottom:60px;background:url(../img/bg_footer.png) no-repeat top left} #footer p{font-size:1.1em;color:#666666;} #footer p.alignleft {padding-left:267px;} #logo_catch {background:url(../img/logo_catch.png) no-repeat top left;text-indent:-999em;width:18px;height:18px;display:block;} #logo_catch:hover{background-position: top right;} /* Primary Nav */ #nav {padding-left:54px;padding-top:16px; list-style-type:none; margin:0;} #nav li { list-style:none; margin-bottom:0; } #nav li a{background: transparent url(../img/nav.png) no-repeat top left;height:28px;width:206px;text-indent:-999em;} #nav #page-item-2 a{display: block;background-position: 0px 0px;} #nav #page-item-2 a:hover{background-position: -205px 0px;} #nav #page-item-2.current_page_item a{background-position: -205px 0px;} #nav #page-item-494 a{display: block;background-position: 0px -34px;} #nav #page-item-494 a:hover{background-position: -205px -34px;} #nav #page-item-494.current_page_item a{background-position: -205px -34px;} #nav #page-item-4 a{display: block;background-position: 0px -68px;} #nav #page-item-4 a:hover{background-position: -205px -68px;} #nav #page-item-4.current_page_item a{background-position: -205px -68px;} #nav #page-item-6 a{display: block;background-position: 0px -102px;} #nav #page-item-6 a:hover{background-position: -205px -102px;} #nav #page-item-6.current_page_item a{background-position: -205px -102px;} #nav #page-item-8 a{display: block;background-position: 0px -136px;} #nav #page-item-8 a:hover{background-position: -205px -136px;} #nav #page-item-8.current_page_item a{background-position: -205px -136px;} #primary-nav, #primary-nav a, #primary-nav .current_page_item { background: transparent url(/resources/img/primarynav.gif) no-repeat top left; overflow: hidden; height: 27px;} #primary-nav { position: relative; display: block; margin: 0 auto; width: 720px; height: 27px;} #primary-nav a, #primary-nav .current_page_item { display: block; position: absolute; top: 0; left: 0; border: 0;} #primary-nav-1 a, #primary-nav-1 .current_page_item { width: 97px; left: 0px; background-position: 0px 0px;} #primary-nav-1 a:hover, #primary-nav-1 a:focus { background-position: 0px -27px;} #primary-nav-1 .current, #primary-nav-1 a:hover.current_page_item { background-position: 0px -54px !important;} #primary-nav-3 a, #primary-nav-3 .current_page_item { width: 97px; left: 104px; background-position: -104px 0;} #primary-nav-3 a:hover, #primary-nav-3 a:focus { background-position: -104px -27px;} #primary-nav-3 .current, #primary-nav-3 a:hover.current_page_item { background-position: -104px -54px;} /* Secondary Nav */ /* =DETAIL ----------------------------------------------- */ /* Articles */ /* =Sub page styles ----------------------------------------------- */ #subpage #sidebar #contact_panel{margin-top:40px;} #subpage #masthead {background:url(../img/bg_masthead_inside.jpg) no-repeat; } #subpage #content{padding-top:20px;} #subpage .col1 h3 {/* color:#333; font-size:1.4em;*/ margin-top:20px; } #subpage #footer{background:none;padding-top:20px;} #subpage .bg {background:url(../img/bg_content_inside.png) no-repeat top left;} #subpage #sidebar{background:none;} #subpage #sidebar #contact_panel{background:url(../img/bg_contact_inside.jpg) no-repeat top left;}