/************************************************************************ Site: Wild Boar Australia Author: MockOrange [www.mockorange.com.au] Listing Order: ============== 1 - Universal 2 - Structure/Layout 3 - Main Navigation 4 - Sub Navigations 4 - Page Elements 5 - Headers 6 - Forms /*********************************************************************** 1 - UNIVERSAL STYLES ************************************************************************/ body { margin:0; padding:0; font: 75%/1em "Lucida Grande", arial, verdana, sans-serif; color: #000; line-height: 120%; background-color:#736C6C;} * { margin: 0; padding: 0; } img { border: 0; padding:0; display: block; } a { color: #CC3300; text-decoration: underline; font-weight:bold; } a:hover { color: #000; text-decoration:none; } .clear { margin:0; clear:both; } /*********************************************************************** 2 - STRUCTURE/LAYOUT ************************************************************************/ #wrapper{ margin:0 auto; width:786px; } #leftcol { margin:0; padding:0; display:block; float:left; width:191px; background:url(../images/navigation_back.gif) no-repeat #CC3401 0 14em; border-right:1px solid #fff; } #leftcol #redtop { height:18px; background-color:#CC3401;} #longbanner { border-bottom:1px solid #fff;} #rightcol { margin:0; padding:0; float:right; display:block; width:594px; background-color:#FFF; } #rightcol #orangetop { height:18px; background-color:#EE7C36;} #bannertop { margin:.25em 1em 0 0; height:2em; text-align:right; } #banner { width:594px; height:153px; } #subnav { background-color:#000; height:2em;text-align:right; } #inthisisssue { width:468px; border-top:1px solid #fff; border-right: 0;} #inthisisssue ol { margin:2em 0 0 2.5em; } #magcover { width:162px; height:214px; float:left; margin:0; padding:0; } #magtext { width:306px; height:214px; float:left; border: 0; padding:0;} #magtext p { margin:.5em 1em 0 1em; padding:0;} #magtext img { float:right; border: 0; margin:0;} #subscriptions { margin:0; padding:0; width:125px;background:url(../images/subscriptions_back.gif) no-repeat;} #subscriptions p { margin:0 .75em 1.25em .75em; color:#FFF; } #subscriptions a { color:#fff; } #subscriptions a:hover { color:#fff; } #content { width:468px; background-color:#000; } #content table { width:90%; color:#FFF; margin:0 auto; } #content th { padding:1em 0 0 0; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:1.5em; text-align:left;} #content .whatsrow { padding:0 0 1em 0; } #contentleft { width: 468px; float:left; margin:0; padding:0;} #contentright { float:right; margin:0; padding:0; background-color:#DA5116; width: 125px} #contentwhite { width:468px; background-color:#fff; } #contentwhite table { width:90%; margin:0 auto; } #contentwhite th { font-weight:bold; text-align:; background-color:#DA5116; color:#fff; padding:1em; } #contentwhite td { vertical-align:top; padding:0 1em 1em 0;} #contentwhite td p { margin:.5em 0 1em 0;} #contentwhite p { margin:0 2em 2em 2em; } #contentwhite .prodfieldimg {margin-left:1.5em;} #gallery #contentwhite table { width: 98%; margin: 1em auto;} #gallery #contentwhite th { font-weight:bold; text-align:centre; background-color:#DA5116; color:#fff; padding:1em; } #gallery #contentwhite td { vertical-align:top; padding:0; text-align: center;} #rightbanner { width:125px;} #rightbanner img { margin:0; border:0;} /*********************************************************************** 3 - MAIN NAVIGATION (LEFT) ************************************************************************/ #leftcol ul { margin:0; padding:0; } #leftcol li { list-style-type:none; width:191px; } #leftcol li a { background:url(../images/navigation_arrow.gif) no-repeat right; margin:0; padding:.75em; display:block; text-decoration:none; font-size:.9em; color:#fff; border-bottom:1px solid #333; font-weight:bold; } #leftcol li a:hover { text-decoration:none;background:url(../images/navigation_arrow_over.gif) no-repeat right #883515;} /*#leftcol .active { width:191px; margin:0; padding:.75em 0 .75em .25em; text-decoration:none; background-color:#883515; display:block; text-decoration:none; font-size:.9em; color:#fff; border-bottom:1px solid #333; font-weight:bold;}*/ /*********************************************************************** 4 - SUB NAVIGATION (LEFT) ************************************************************************/ #bannertop ul { margin:0; padding:0; } #bannertop li { display:inline; list-style-type:none;} #bannertop li a { text-decoration:none; font-size:.9em; padding-left:2em; color:#37376F; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; } #bannertop li a:hover { text-decoration:underline; } #bannertop #contactus { background:url(../images/icon_contactus.gif) no-repeat left;} #bannertop #sitemap { background:url(../images/icon_sitemap.gif) no-repeat left;} #redsubnav { background-color:#CC3401; height:1.25em;text-align:left; padding:.5em .5em .5em 0; } #redsubnav img { float:left; margin:0 0 0 .5em;} #redsubnav ul { margin:0; padding:0; } #redsubnav li { display:inline; list-style-type:none; margin:0 0 0 .5em; padding:0; text-decoration:none; color:#fff; font-weight:bold; } #redsubnav li a { margin:0 0 0 .75em; padding:0; text-decoration:none; color:#fff; font-weight:bold; } #redsubnav li a:hover { text-decoration:underline; } /*********************************************************************** 5 - HEADERS ************************************************************************/ h1 { color:#FFF; font-size:1em; padding:.25em 1em .5em .5em;} .h2inthisissue { margin:.25em 0 0 .75em; font-size:1.5em; color:#CC3300; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; } .h2subscriptions { margin:0; padding:.75em 0 .75em .75em; font-size:1em; color:#fff; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; } .h2black { margin:0; padding:.75em 0 .75em .5em; font-size:1.25em; color:#000; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; } .h2headings { margin:2em 2em 1em 1.25em; font-size:1.5em; color:#CC3300; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; line-height: 120%; } .h3table { color:#FFF; font-size:1em; font-weight:bold; margin-top:2em;} .h3heading { color:#EE7C36; font-size:1em; font-weight:bold; margin:0 0 0 2em;} .h3subtable { margin:0; font-size:1.25em; color:#EE7C36; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; } .greysmall {color:#666; font-size:1.25em; font-weight:bold; margin:0 0 .75em 1.5em;} .redsmall {color:#CC3300; font-size:1.25em; font-weight:bold; margin:0 0 .75em 0; line-height: 120%; background-color: #F3F3F3; padding: 1em;} .redsmaller{color:#CC3300; font-size:1em; font-weight:bold; margin:0 0 .75em 0;} .centretext { text-align: center;} .required { color:#CC3300; font-weight: normal;} /*********************************************************************** 5 - Forms ************************************************************************/ fieldset { margin:1em; padding:1em; border:1px solid #ccc; background-color:#F3F3F3;} legend { color:#CC3300; font-weight:bold; font-size:1em; padding:.5em; margin-bottom:1em; } label { margin:0 1em 0 0; font-weight:bold; vertical-align:top;} input { vertical-align:middle; } textarea { vertical-align:top;} .quantity { width:1em; } .button { background-color:#CC3300; color:#fff; font-weight:bold; border:0;} #subscriptions { border: 1px solid #ccc; width: 124px;}