/* Theme Name: PenStar Cycles Description: The main theme for Peninsula Star Cycles Author: Beau Rixon Author URI: http://beaurixon.com */ /* ================================= RESET ================================= */ *,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul,li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}strong{font-weight:bold}em{font-style:italic}a img{border:none}a{outline:none}input:focus{outline:none} /* ================================= 960 ================================= */ .container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_16 .grid_4{width:220px}.container_16 .grid_8{width:460px}.container_16 .grid_12{width:700px}.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_16 .prefix_4{padding-left:240px}.container_16 .prefix_8{padding-left:480px}.container_16 .prefix_12{padding-left:720px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_16 .suffix_4{padding-right:240px}.container_16 .suffix_8{padding-right:480px}.container_16 .suffix_12{padding-right:720px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_16 .push_4{left:240px}.container_16 .push_8{left:480px}.container_16 .push_12{left:720px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_16 .pull_4{left:-240px}.container_16 .pull_8{left:-480px}.container_16 .pull_12{left:-720px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1} /* ================================= TOOLS ================================= */ br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* ================================= BASIC ================================= */ body { font-family: "Helvetica", Arial, Helvetica, "Lucida sans", sans-serif; font-size: 75%; line-height: 1.5em; padding: 0 0 30px; color:#666666; background: #191919 url(style/images/bg-body.png) repeat-x ; } strong { color: #202325; font-weight: bold } em { font-style: italic } h1 {color: #333; font-size: 2.4em; font-weight: bold; line-height: 1;} h2 {color: #666; font-size: 1.8em; font-weight: bold; line-height: 1;} h3 {color: #333; font-size: 1.5em; font-weight: bold; line-height: 1;} h4 {color: #333; font-size: 1.35em; font-weight: bold; line-height: 1;} h5 {color: #333; font-size: 1em;} a, a:link, a:visited {text-decoration: none; color: #024CAB;} a:hover, a:active, a.active {text-decoration: underline;} img {border:0px;} input, textarea { border:1px #ccc solid; background: #EEEEEE; padding: 3px 5px; } #primaryContent p, #primaryContent ul { padding-bottom: 15px;} #primaryContent h2 { padding-bottom: 15px;} #primaryContent h3, #primaryContent h4 { padding-bottom: 10px;} /*------------------------------- Header -------------------------------*/ #homePage #primaryContent h2 { display: block; padding: 10px 0 5px; } #homePage #home-ad img { margin-top: 15px;} /* Quick Links, Search and RSS ------------------------------------------------- */ #header { background: url(style/images/hd-bg.png) no-repeat 100px 4px; height: 95px; } #header a { color: #fff; } #logo a { display: block; height: 40px; width: 380px; text-indent: -9999px; background: transparent url(style/images/pstar-logo.png) no-repeat; float: left; margin-top: 30px; } /* -- Cart Help -- */ #cartHelp { display: block; float: right; background: #333; margin-top: 4px; padding: 2px 5px; font-size: 11px; } #cartHelp li { display: inline; border-right: 1px #666 solid; } #cartHelp li.last-child { border-right: 1px #333 solid; } #cartHelp a { color: #999; margin: 0 5px 0 2px;} /* -- Primary Nav -- #primaryNav li { display: block; height: 40px; line-height: 20px } #primaryNav a { display: block; line-height: 20px } #primaryNav a:hover { background: #013074; text-decoration: none; } #primaryNav a:active { background: #024CAB; } */ #primaryNav { display: block; background:url(style/images/bg-links.png) repeat-x; color: #333; margin-bottom: 10px; height: 40px; padding-right: 15px; font-size: 13px; } #primaryNav li { float: left; border-left: 1px #1C539C solid; border-right: 1px #023982 solid; } #primaryNav li a { display: block; color: #fff; text-decoration: none; padding: 11px 20px; } #primaryNav li a:hover, #primaryNav li a.active { background: #024CAB; } #primaryNav li:first-child { border-left: none; } #primaryNav li#psearch { border-right: none; border-left: none; float: right; } .productSearch { float: right; margin-top: 8px; } .submit { height: 20px;} #wpsc_search_box { height: 15px; background: #013074; border: 1px #013074 solid; border-bottom: 1px #024CAB solid; color: #fff; } /* -- Search -- #primaryNav #searchform { float: right; } #searchform label { display:none } #searchform #s, #searchform #searchsubmit { float: left; border: none; margin:0; background: url(style/img/sprite-buttons.png) no-repeat; } #searchform #s { width: 127px; height: 20px; padding: 3px 25px 0; background-position: 0 0; font-size: 11px; color:#000; } #searchform #searchsubmit { width: 61px; height: 23px; padding-left:15px; cursor: pointer; background-position: -52px -46px; text-indent: -9999px; margin-right: 5px; } #searchform #searchsubmit:hover { background-position: -52px -69px;} */ /*------------------------------- BODY -------------------------------*/ .bodyWrap { background: #202020; border-top: 1px #333 solid; padding: 10px; margin-bottom: 10px;} #col2, #col3 { background: #fff url(style/images/body-bg3.jpg) repeat-y 0 0; padding: 10px 0; overflow: hidden; } #col2 { background-position: -960px 0; } #col3 { background-position: -1px 0; } /* WP-E-Commerce -------------------------------*/ /* Align */ .aligncenter {margin: 10px auto 20px auto; display: block;} .alignleft {margin: 10px 20px 8px 0;float: left;} .alignright {margin: 10px 0px 8px 20px; float: right;} .thumbnail {display: block;} .box .thumbnail {margin: 0 0 5px 0 ;} .fl {float:left;} .fr {float:right;} .tenpxspace {height:10px;} .fr img.thumbnail {margin-left:10px;} /*------------------------------- Special -------------------------------*/ .thumbnailbox img {border:7px solid #ddd; margin:5px} .singlepostimage img {margin-bottom:15px; border:7px solid #ddd;} /*------------------------------- WP-E-Commerce -------------------------------*/ table.shoppingcart {width:100%;} table.shoppingcart td, table.shoppingcart th {background:#eee; margin:1px; padding:3px; border:1px solid #fff;} table.shoppingcart th {background:#333; color:#fff;} .total {margin:5px 4px 5px 0; font-size:120%; font-weight:bold;} .checkout_total {text-align:right;} .totalhead {text-align:left;} /*Product Display*/ .single_product_display textcol, .default_product_display {border-bottom:1px solid #E4E4E4; clear:both; margin:15px 0px;} .productdisplay {clear:both;} .productdisplay .imagecol img.product_image {border:7px solid #ddd;} .productdisplay .imagecol {} .productdisplay .producttext {margin-left:5%; width:auto;} h2.prodtitles, h2.prodtitles a.wpsc_product_title {font-size:20px;} .wpsc_description {padding-top:5px;} .wpsc_product_price {float:left;font-size:16px; font-weight:bold;} .wpsc_buy_button_container, input.wpsc_buy_button {float:right;} div#sliding_cart .pricedisplay {text-align:right;} a.wpsc_edit_product {float:right; text-align: right; font-weight:normal; font-size:100%; font-style:italic;} .single_product_display {clear:both; margin-bottom:10px; padding-bottom:10px;} /* Cart */ table.productcart tr.firstrow td {padding:4px;} table.productcart tr.product_row td.firstcol img {margin:5px 0px 0px; text-align:center; border:3px solid #ccc;} #checkoutPage #primaryContent h2 { padding: 10px 0 10px;} #checkoutPage #primaryContent #wpsc_shopping_cart_container h2, #checkoutPage #primaryContent .productcart h2 { padding: 30px 0 10px;} #checkoutPage #primaryContent h4 { padding-top: 20px;} #checkoutPage .wpsc_checkout_table tr select, #checkoutPage .wpsc_checkout_table tr textarea, #checkoutPage .wpsc_checkout_table tr input { margin:0 0 10px 5px;} .wpsc_categorisation_group { } .wpsc_categorisation_group h4 { font-size: 14px; } .wpsc_categorisation_group ul { } .wpsc_categorisation_group ul ul li { background: } #wpsc_categorisation-3 { padding: 5px 5px 0; } .widget { margin-bottom: 10px; padding: 7px; border: 1px #ccc solid; background:url(style/images/bg-links.png) repeat-x 0 -14px; } .widget h2 { color: #fff; font-size: 12px; margin-bottom: 15px; font-weight: normal; } .widget h4, .widget .productlink { font-size: 14px; color: #333; font-weight: bold; } #mailchimp-widget input { width: 190px; font-size: 11px; } #mailchimp-widget input#mc_signup_submit { background-color: #333; color: #fff; border: 1px #333 solid; width: 80px; margin-top: 5px; } .mc_signup_submit { padding: 0; } #execphp-3 ul ul ul { margin: 0 0 5px 5px;} #text-3 ul { margin-bottom: 10px; } #products_page_container .wpsc_categories { display: none; } .product_grid_item { width: 143px; border: 1px #ccc solid; padding: 10px 10px 0; } .product_grid_item:hover { background: #eee; } .product_grid_item span.pricedisplay{ width: 60px; } .wpsc_product_price { margin-top: 10px; width: 250px; } /*------------------------------- FOOTER -------------------------------*/ /* Brands */ #brands { } #brands ul { display: block; margin: 0 auto; width: 870px; text-align: center; padding-left: 60px } #brands li { float: left; } #brands li a { display: block; height: 35px; background: transparent url(style/images/sprite-brands.png) no-repeat; text-indent: -9999px; margin-right: 60px; } #brands li.avanti a { background-position: 0 0; width: 134px; } #brands li.specialized a { background-position: 0 -35px; width: 136px; } #brands li.sub a { background-position: 0 -70px; width: 50px; } #brands li.abd a { background-position: 0 -105px; width: 48px; } #brands li.raleigh a { background-position: 0 -140px; width: 192px; } #brands li.avanti a:hover { background-position: -200px 0; } #brands li.specialized a:hover { background-position: -200px -35px; } #brands li.sub a:hover { background-position: -200px -70px; } #brands li.abd a:hover { background-position: -200px -105px; } #brands li.raleigh a:hover { background-position: -200px -140px; } /* Footer */ #footer { font-size: 10px } #footer a { color: #999; } #footer h5 {color: #666; } #OnlineImportantStore { float: left; margin-bottom: 10px; } #OnlineImportantStore span { float: left; margin-right: 20px; } #OnlineImportantStore li { display: inline; border-right: 1px #666 solid; padding: 0 5px 0 2px; } #OnlineImportantStore li:first-child { padding: 0 5px 0 0; } #OnlineImportantStore li.last-child { border-right: 1px #202020 solid; } #paymentOptions { width: 327; height: 40px; } #paymentOptions span#online { display: block; float: left; width: 136px; } #paymentOptions span#instore { display: block; margin-left: 146px; width: 181px; } #paymentOptions span ul { display: block; height: 25px; text-indent: -9999px; background: transparent url(style/images/payment-options.gif) no-repeat; } #paymentOptions span ul li { display: inline; } #paymentOptions span#instore ul { background-position: -146px 0;} #copyMaker { margin-top: 10px;}