/*
Theme Name: Piston
Theme URI: http://www.theboywhocriedfox.co.uk
Description: Piston Apparel wordpress e-commerce theme
Version: 1.0
Author: Andy Kleeman	
Author URI: http://www.theboywhocriedfox.co.uk
Tags: piston, hot rod, hotrod, clothing, apparel
*/

/* @import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css"; */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,  
ol, li, dl, dt, dd, form, a, fieldset, input, th, td  
{margin: 0; padding: 0; border: 0; outline: none; position:relative; } 
body {font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#ffffff; background:#000000; margin:0; padding:0; line-height:1em; background-image:url(http://pistonapparel.com/busta/wp-content/themes/pistonTheme/images/bodyBg.jpg); background-repeat:no-repeat; background-position:top right; overflow-x:hidden;}
h1, h2, h3, h4, h5, h6  {font-size: 100%;  padding: .6em 0; margin: 0;}  
ul {list-style: none;}
img {border:none;}
.floatLeft, .alignleft {float: left;  padding: .5em .5em .5em 0; }  
.floatRight, .alignright  {float: right;  padding: .5em 0 .5em .5em;}  
p {font-size:1.2em; line-height:1.2em; margin-bottom:15px;}
a img {border:0;}
a {color:#c12227; text-decoration:none;}
a:hover {color:#ffffff;}
img {-ms-interpolation-mode: bicubic;}
.red{color:#c12227;}
.white {color:#ffffff;}
.clear {clear:both;}
.title, p.title {margin:15px 20px 15px -15px!important; padding:0 0 12px 15px !important; background-image:url('http://pistonapparel.com/busta/wp-content/themes/pistonTheme/images/postSlash.png'); background-repeat:no-repeat; background-position:left bottom; font-size:2em!important; color:#c12227; font-weight:bold;}

#wrap {width:910px; margin:26px auto 20px;}
#container {width:910px; margin:0 auto 20px; overflow:hidden;}
#header {width:910px; height:180px; background:url(images/dirtyNav-trans.png); background-repeat:no-repeat; background-position:0 50px;}
#logo {position:absolute; top:0; left:0; z-index:5;}
li h1#headerStrap {position:absolute; top:16px; left:0; font-size:1.6em; color:#ffffff; margin:0; padding:0; width:304px;}
li h1#headerStrap span {position:absolute; top:-3px; left:0; background-image:url('images/original.png'); background-repeat: no-repeat; width:304px; height:19px; background-position:bottom left;}

ul#nav {background-color:#000000; background-image:url('images/borderSprite-trans.png'); background-repeat:no-repeat; background-position:left 10px; width:910px; height:58px; position:absolute; bottom:0; left:0; text-align:right; z-index:0;}
ul#nav li {position:absolute; text-transform:uppercase;}

ul#nav li#contact {top:18px; right:15px;}
ul#nav li#contact a span {background-image:url('images/textSprite.png'); position:absolute; z-index:999; width:108px;; height:24px; background-position:-210px top; top:0; right:0;}
ul#nav li#contact a:hover span, .Contact ul#nav li#contact a span {background-position:-210px -21px;}

ul#nav li#blog {top:18px; right:170px;}
ul#nav li#blog a span {background-image:url('images/textSprite.png'); position:absolute; z-index:999; width:65px;; height:24px; background-position:-145px top; top:0; right:-4px;}
ul#nav li#blog a:hover span, .Blog ul#nav li#blog a span {background-position:-145px -21px;}


ul#nav li#events {top:18px; right:285px;}
ul#nav li#events a span {background-image:url('images/textSprite.png'); position:absolute; z-index:999; width:88px;; height:24px; background-position:-60px top; top:0; right:-4px;}
ul#nav li#events a:hover span, .Event ul#nav li#events a span {background-position:-60px -21px;}


ul#nav li#shop {top:18px; right:410px;}
ul#nav li#shop a span {background-image:url('images/textSprite.png'); position:absolute; z-index:999; width:60px;; height:24px; background-position:0px top; top:0; right:0;}
ul#nav li#shop a:hover span, .shopppp ul#nav li#shop a span {background-position:0px -21px;}

ul#nav li a {color:#ffffff; font-size:2.1em; text-decoration:none; font-weight:bold; }

#content {width:920px; background-color:#000000; /*background-image:url('http://pistonapparel.com/busta/wp-content/themes/pistonTheme/images/sidebarSprite-trans.png'); background-position:680px -50px; background-repeat:no-repeat;*/ margin-top:0px; padding-top:10px; /*overflow:hidden;*/}
/*#contentDuex {background:#000000;}*/
#leftCol {width:700px; float:left;}
#leftCol p {font-size:1.4em;}
#shopContents {background-image:url('images/shop-top.png'); background-repeat:no-repeat; background-position:top left; padding:30px; overflow:hidden; margin-top:10px; min-height:700px;}
.item {width:270px; height:355px; padding:10px; background:#c12227; margin:15px 30px 15px 0; float:left;} 
.item h3 {margin:0; font-size:1.6em; font-weight:bold;}
.item p {color:#000000; font-size:1.4em; line-height:1.2em; margin:5px 0 0 0;}
.item p span {float:right;}
span#shopBottom {background-image:url('images/shop-bottom.png'); background-repeat:no-repeat; background-position:top right; position:absolute; width:636px; height:178px; z-index:2; left:35px;; bottom:15px;}

div.postHr {background-image:url('images/postSlash.png'); width:381px; height:5px; border:0; margin:20px 0 20px -20px; clear:both;}
div.postHr hr {display:none;}


#sidebar {float:right; width:175px; margin:-15px 45px 0 0; color:#c12227; padding-top:15px; }
#sidebar a {color:#c12227;}
#sidebar a:hover {color:#ffffff;}
#sidebar ol {margin:10px 0 20px 20px;}
#sidebar ol li {font-size:1.2em; margin:5px 0 5px 0;}
#sidebar ul {margin:20px 0 20px 0;} 
#sidebar ul li {font-size:1.4em; line-height:1.2em; margin-bottom:8px;}
.hr {background-image:url('images/sidebarBdr.png'); width:200px; height:15px; border:0; margin:20px 0 20px 0; clear:both;}
.hr hr {display:none;}
ul#social li {font-weight:bold;}
ul#social li a {color:#ffffff;}
ul#social li a:hover {color:#c12227;}
#sidebar h5 {line-height:1.2em;}


#footer {width:636px; clear:both;}
#footLogo {float:left;}
ul#footnav {float:left; margin:10px 0 0 50px;}
ul#footnav li {margin:0 0 10px 0;}
ul#footnav li a{color:#ffffff; font-size:1.4em; text-decoration:none;}
ul#footnav li a:hover {color:#c12227}

#credits {width:900px; margin:-10px auto; height:50px; background-image:url('images/content-bottom.png'); background-repeat:no-repeat; background-position:top left; padding-top:40px;}
#credits p {float:right;}

/* form styles */
form {clear:both;}
legend {display:none;}
legend, fieldset, address {font-size:1.2em; line-height:1.2em;}
label {font-size:1.4em;}
input {border:solid 1px #c12227; margin:10px 0 10px 0; padding:4px; background:#000000; color:#ffffff; font-size:1.3em; font-family:georgia, garamond; font-style:italic;}
input.text, #ec_message {width:500px; border:solid 1px #c12227; margin:10px 0 10px 0; height:16px; padding:4px;}
input:focus, input.text:focus, #ec_message:focus {background:#333333;}
#ec_message {height:150px; width:500px; background:#000000; font-size:1.3em; font-family:georgia, garamond; font-style:italic; color:#ffffff;}
/*input.button {background:#c12227; font-size:1.5em; font-family:arial; font-weight:bold; padding:3px; margin-top:10px;}
input.button:hover{color:#333333;}*/
input.button, input.addtocart, input.update-button, input#submit-login, input#checkout-button, p.more, input#confirm-button {font-family:Arial, Helvetica, sans-serif; background-color:#c12227; color:#ffffff; font-weight:bold; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
input.button:hover, input.addtocart:hover, input.update-button:hover, input#submit-login:hover, input#checkout-button:hover, p.more:hover, input#confirm-button:hover {background-color:#333333; cursor:pointer;}
input.update-button {}
input#submit-login {}
input#checkout-button {}
form.product {margin-bottom:10px;}

/* BLOG */ 
#shopContents h2 {font-size:2.5em; color:#c12227;}
#shopContents p {line-height:1.3em;}
p.date {font-size:1.6em;}
.reverse a {color:#ffffff;}
.reverse a:hover {color:#c12227;}
.post {margin-bottom:50px; position:relative; z-index:99999;}
.meta {line-height:1.4em;}

/* comment styles */
h3#comments {color:#c12227; font-size:2em; font-weight:normal; font-style:italic;}
ul.commentlist {list-style-type:none; margin-left:40px; position:relative;}
ul.commentlist li {border:solid 1px #c12227; padding:15px; margin-bottom:30px; margin-left:-35px; position:relative; background-repeat:no-repeat; background-position:-1px -1px; width:460px;}
.comment-author {font-size:1.4em; margin-bottom:15px;}
.fn {color:#ffffff; font-style:normal;}
.says {font-style:italic;}
.comment-meta {position:absolute; top:0; right:0px;}
div#respond {margin-left:5px;}
/* p.title {font-size:2em!important; color:#c12227; font-weight:bold; margin:10px 0 15px 0;} */
dl.details dt {display:none;} /* hides the name of the product spec*/

.post {width:612px;}
.page ul { padding-left:25px;}
.page ul li {font-size:1.4em; line-height:1em; margin-bottom:15px; list-style-type:disc;}
.more-link {}

big {font-size:1.4em; padding:8px; font-family:Arial, Helvetica, sans-serif; background-color:#c12227; color:#ffffff; font-weight:bold; -moz-border-radius:4px; -webkit-border:4px; border-radius:4px; height:13px;}
big a {color:#000000;}

p.more {border:solid 1px #c12227; padding:5px; width:10em; text-align:center; font-family:Arial, Helvetica, sans-serif; background-color:#c12227; color:#ffffff; font-weight:bold; font-style:italic; -moz-border-radius:4px; -webkit-border:4px; border-radius:4px;}
p.more a {color:#ffffff;}
p.more:hover {background-color:#333333;}

#sidebar h4 {color:#ffffff; font-size:1.4em;}
#sidebar h5 {font-size:1.3em;}

#orderBy {width:144px; position:absolute; top:-50px; right:0;}


ul#twitter_update_list li {font-size:1.3em; padding-bottom:15px; margin-bottom:15px; border-bottom:solid 1px #ffffff;}
ul#twitter_update_list li a {text-decoration:underline;}

#sideSlash {position:absolute; top:-25px; bottom:0; right:20px; z-index:0;}
#paypal {position:absolute; right:-30px; top:10px; background:#000;}

span#side {background-image:url('images/side.png'); background-repeat:no-repeat; width:128px; height:1250px; position:absolute; top:100px; right:-128px; }

.paypalTxtCheckout {position:absolute; right:10px;}

#receipt big {background:transparent; font-size:1em; padding:0;}
table {font-size:1.2em;}
fieldset p.shipping {font-size:1.2em!important; color:#C12227;}

div#respond {z-index:100;}
#hidden-update {display:none;}

/* banners */
#mainContentBanner {margin:10px 0; width:650px;}