/*
Theme Name: Speed Freak
Theme URI: http://jessej.net/
Description: Speed Freak theme.
Version: 1.0
Author: Eden von Garcia
Author URI: http://jessej.net/
Tags: grunge, fixed width, grid layout, widgets
*/

/*--- CSS Reset ---*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-family: inherit; } 		
:focus {outline: 0; }
body {background:#323232 url(images/background.jpg) no-repeat center top; font-family:Tahoma; font-size:12px; color:#fff; word-wrap:break-word; }
ul {list-style: none; }
table {border-collapse: separate;border-spacing: 0; width:100%; }
caption, th, td {text-align: left;font-weight: normal; padding:5px; }
blockquote:before, blockquote:after,q:before, q:after {content: ""; }
blockquote, q {quotes: "" ""; }
input { margin: 0; padding: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; }
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden; }/* Hides from IE-max \*/
* html .clearfix {height: 1%; }
.clearfix {display: block; }/* End hide from IE-mac */

/*--- 1. Common ---*/

html {}
h1, h2, h3, h4, h5, h6 {font-weight:normal; }
a { color:#fff; text-decoration:none; }
a:hover { color:#fff; }
ul, li {list-style-type:none; }

/*main wrapper*/
#wrapper { margin:0 auto; width:980px; overflow:hidden; background:url(images/content-bg.png) repeat-y; padding:0 10px; }

/*header*/
#header { float:left; width:940px; height:409px; background:url(images/header.jpg) no-repeat; padding:0 20px; }
#search_area { float:right; text-align:right; }
.screen-reader-text { display:none; }
#search_area #s { font-size:11px; border:0; background:none; width:180px; margin-right:30px; color:#000; font-family:"trebuchet MS"; }
#search_area #searchsubmit { background:none; color:#fff; border:0; text-transform:uppercase; cursor:pointer; font-weight:700; width:35px; height:30px; }
#mygallery { float:left; width:940px; height:390px; }
#slide_panel_left {	 float:left; width:25px; height:45px; display:inline; background:url(images/left-arrow.png) no-repeat; margin-top:150px; }
#slide_panel_right {	 float:left; width:25px; height:45px; display:inline; background:url(images/right-arrow.png) no-repeat; margin-top:150px; }

/*step carousel*/
.stepcarousel{ position: relative; overflow: scroll; width: 940px; /*Width of Carousel Viewer itself*/ height:390px; /*Height should enough to fit largest content's height*/}
.stepcarousel .belt { position: absolute; /*leave this value alone*/ left: 0; top: 0; }
.stepcarousel .panel { float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ width: 860px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ height:390px; margin:10px 20px 0 20px; padding:0 20px 0 20px; font-family:"trebuchet MS"; }
.stepcarousel .panel .alignleft { float:left; margin:20px; }
.stepcarousel .panel p { margin-top:15px; line-height:18px; }
.stepcarousel .panel h2 { color:#d6d5d5; font-size:30px; margin-top:30px; }
.carouse-post-img {font-size:0; }
.carousel-post {float:left; width:500px; padding-left:30px; }
.carousel-post img{display:none; }

/*navigattion*/
#navigator { float:left; width:980px; height:63px; background:url(images/navigator.png) no-repeat; font-family: "28 Days Later"; color:#fff; font-size:18px; text-align:center; padding-top:8px; }
#navigator ul { margin:0 auto; width:100%; overflow:hidden; }
#navigator ul li { display:inline; text-align:center; }
#navigator ul li a { float:left; margin:0; }

.index-btn { width:89px; height:29px; text-indent:-9999px; }
.index a{ background:url('images/navigator.jpg') no-repeat -720px -30px; text-decoration:none; }
.index a:hover{ background:url('images/navigator.jpg') no-repeat -720px 0; }

.store-btn { width:91px; height:29px; text-indent:-9999px; }
.store a{ background:url('images/navigator.jpg') no-repeat 0 0; text-decoration:none; }
.store a:hover{ background:url('images/navigator.jpg') no-repeat 0 -30px; }

.about-btn { width:113px; height:29px; text-indent:-9999px; }
.about a{ background:url('images/navigator.jpg') no-repeat -91px -30px; text-decoration:none; }
.about a:hover{ background:url('images/navigator.jpg') no-repeat -91px 0; }

.locater-btn { width:151px; height:29px; text-indent:-9999px; }
.locater a{ background:url('images/navigator.jpg') no-repeat -204px -30px; text-decoration:none; }
.locater a:hover{ background:url('images/navigator.jpg') no-repeat -204px 0; }

.contact-btn { width:123px; height:29px; text-indent:-9999px; }
.contact a{ background:url('images/navigator.jpg') no-repeat -355px -30px; text-decoration:none; }
.contact a:hover{ background:url('images/navigator.jpg') no-repeat -355px 0; }

.blogs-btn { width:84px; height:29px; text-indent:-9999px; }
.blogs a{ background:url('images/navigator.jpg') no-repeat -636px -30px; text-decoration:none; }
.blogs a:hover{ background:url('images/navigator.jpg') no-repeat -636px 0; }

.team-btn { width:157px; height:29px; text-indent:-9999px; }
.team a{ background:url('images/navigator.jpg') no-repeat -479px -30px; text-decoration:none; }
.team a:hover{ background:url('images/navigator.jpg') no-repeat -479px 0; }

.speedfreak-models-btn { width:171px; height:29px; text-indent:-9999px; }
.speedfreak-models a{ background:url('images/navigator.jpg') no-repeat -809px -30px; text-decoration:none; }
.speedfreak-models a:hover{ background:url('images/navigator.jpg') no-repeat -809px 0; }

/*
.index-btn { width:93px; height:30px; text-indent:-9999px; }
.index a{ background:url('images/navigator.jpg') no-repeat -735px -30px; text-decoration:none; }
.index a:hover{ background:url('images/navigator.jpg') no-repeat -735px 0; }

.store-btn { width:93px; height:30px; text-indent:-9999px; }
.store a{ background:url('images/navigator.jpg') no-repeat 0 0; text-decoration:none; }
.store a:hover{ background:url('images/navigator.jpg') no-repeat 0 -30px; }

.about-btn { width:112px; height:30px; text-indent:-9999px; }
.about a{ background:url('images/navigator.jpg') no-repeat -96px -30px; text-decoration:none; }
.about a:hover{ background:url('images/navigator.jpg') no-repeat -96px 0; }

.locater-btn { width:155px; height:30px; text-indent:-9999px; }
.locater a{ background:url('images/navigator.jpg') no-repeat -208px -30px; text-decoration:none; }
.locater a:hover{ background:url('images/navigator.jpg') no-repeat -208px 0; }

.contact-btn { width:126px; height:30px; text-indent:-9999px; }
.contact a{ background:url('images/navigator.jpg') no-repeat -364px -30px; text-decoration:none; }
.contact a:hover{ background:url('images/navigator.jpg') no-repeat -364px 0; }

.blogs-btn { width:86px; height:30px; text-indent:-9999px; }
.blogs a{ background:url('images/navigator.jpg') no-repeat -648px -30px; text-decoration:none; }
.blogs a:hover{ background:url('images/navigator.jpg') no-repeat -648px 0; }

.team-btn { width:157px; height:30px; text-indent:-9999px; }
.team a{ background:url('images/navigator.jpg') no-repeat -491px -30px; text-decoration:none; }
.team a:hover{ background:url('images/navigator.jpg') no-repeat -491px 0; }

.speedfreak-models-btn { width:174px; height:30px; text-indent:-9999px; }
.speedfreak-models a{ background:url('images/navigator.jpg') no-repeat -825px -30px; text-decoration:none; }
.speedfreak-models a:hover{ background:url('images/navigator.jpg') no-repeat -825px 0; }*/

/*container*/
#body { float:left; width:980px; min-height:600px; }
#widecolumn { float:left; width:940px; }
#content_left { float:left; width:650px; }
.h2_container { float:left; background:url(images/h2-container.png) repeat-x;}
.h2_right {float:left; background:url(images/h2-right.jpg) no-repeat; width:72px; height:92px;}
#content_left h2, #content_left .categories h3, #widecolumn h2 { background:url(images/h2-bg.png) no-repeat; padding:35px 0 25px 20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; float:left; }
.categories h2 { background:url(images/h22-bg.png) no-repeat!important; padding:35px 0 25px 20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; float: none!important; }
#content_left .categories { overflow:hidden; }
#content_left .product_container { float:left; width:305px; }
#content_left .product { float:left; padding:10px 0 10px 30px; }
#content_left .product h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; text-align:center; letter-spacing:-2px; word-wrap:break-word!important; }
#content_left .single_entry{margin-bottom:20px;width:95%;}
#content_left .single_entry h3 { margin-left:30px;font-family:Georgia, "Times New Roman", Times, serif; font-size:24px;word-wrap:break-word!important; }
#content_left .product h3 a:hover { color:#D6D5D5; } 
#content_left .product_content { float:left; width:255px; height:310px; background:url(images/product-container.png) no-repeat; padding:10px; margin-top:10px; display:inline; }
#content_left .product_content img { float:left; }
#content_left .info { float:left; width:234px; height:20px; background:url(images/black-bg.png); margin-top:-40px; padding:10px;	}
#content_left .info span { color:#ff0000; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:bold; }
#content_left .info .view { float:right; width:51px; height:19px; background:url(images/view-product.jpg); text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#000; padding-top:4px; }
#content_left .info .view:hover { color:#f00; }

/*shopp*/
#shopp .gallery .thumbnails li {  background:url(images/thumb-bg.png) no-repeat center center; }
.single_product { margin-top:75px; }
.product_description { padding-left:20px; margin-top:30px; float:left; width:320px; display:inline; }
#shipping-methods li { list-style-type:none!important; }
.addtocart { background:url(images/add2cart.gif) no-repeat top; width:131px; height:64px; font-size:0; border:0; cursor:pointer; float:left; }
.continue_shopping, .update-button, .send-message, .confirm, #checkout-button, .view-order, .checkout-button { font-size:0; width:163px; height:49px; border:0; cursor:pointer; float:left; text-indent:-9999px;}
.continue_shopping { background:url(images/continue-shopping.png) no-repeat; float:right; margin-right:45px;}
.update-button { background:url(images/update.png) no-repeat; }
.send-message { background:url(images/send-message.png) no-repeat; }
#checkout-button { background:url(images/submit-order.png) no-repeat; width:203px; }
#apply-code {background:url(images/apply-code.gif) no-repeat; font-size:0; width:180px; height:23px; border:0; cursor:pointer; float:left; }
.confirm { background:url(images/confirm-order.png) no-repeat; float:right; }
.view-order { background:url(images/view-order.png) no-repeat; }
.remove { background:url(images/remove.gif) no-repeat; font-size:0; width:100px; height:24px; border:0; cursor:pointer; float:left; }
.textbox, #shipping-postcode, #promocode, select { background:#2a2a2a; color:#fff; border:solid 1px #545252; padding:4px 5px; }
.original {text-decoration:line-through; }
.checkout-button {float:right; background:url(images/checkout.png) no-repeat; width:203px!important;}
.paypal-button {float:right; background: url(images/paypal.png) no-repeat; width: 203px; height:49px; cursor:pointer; font-size:0; border:0; text-indent:-9999px; }

/*sidebar*/
#sidebar { float:left; width:300px; padding-right:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; }
#sidebar .archives, #sidebar .pages, #sidebar .recent_post, #sidebar .categories { float:left; width:237px; height:70px; text-indent:-99999px; margin-top:20px; }
#sidebar .archives { background:url(images/archives.gif) no-repeat; }
#sidebar .pages { background:url(images/pages.gif) no-repeat; }
#sidebar .recent_post { background:url(images/recent-post.gif) no-repeat; }
#sidebar .categories { background:url(images/categories.gif) no-repeat; }
#sidebar .blog_container { padding-left:60px; }
#sidebar ul li { padding:2px 10px; }
#sidebar ul li a:hover { color:#ccc; }
#sidebar .cart_container { float:right; width:173px; height:75px; background:url(images/cart-bg.gif) no-repeat; margin-top:100px; padding:40px 30px 0 30px; text-align:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; }
#sidebar .proceed_checkout { float:right; width:258px; height:197px; background:url(images/proceed-checkout.png) no-repeat top; margin-top:10px; text-indent:-9999px; }
#sidebar .proceed_checkout:hover { background:url(images/proceed-checkout.png) no-repeat bottom; }

/*footer*/
#footer { float:left; width:940px; height:59px; background:url(images/footer.gif) no-repeat; padding:85px 20px 10px 20px; }
#footer #left_content { float:left; padding-top:10px; }
#footer #left_content a { margin:3px; }
#footer #right_content { float:right; text-align:right; font-size:11px; color:#727272; width:70%; margin-top:15px; }
#footer #right_content .grey { color:#727272; }
#footer #right_content .grey:hover { color:#fff; }
#footer #right_content strong a { color:#f00; }
.ssl {position:fixed; bottom:0; right:0;}

/*post*/
.post { font-family:Georgia, "Times New Roman", Times, serif; }
.entry { padding-left:30px; }
.entry2 { padding-left:0; }
.post h1 { font-size:26px; color:#fff; }
.post h3 { font-size:18px; color:#fff; }
.post h3 a:hover { color:#ccc; }
.post p { line-height:18px; margin-top:15px; font-size:15px; }
.post ul { margin-top:12px!important; }
.post ul li { padding:3px 0 0 0; margin-left:10px; list-style-type:disc!important; list-style-position:inside; }

/*pagination*/
.navigation { margin:0 20px 0 30px; padding-top:30px; font-family:Georgia, "Times New Roman", Times, serif; }
.pagination { padding:1px; color:#2f2c2b; float:right; }
.pagination a, .pages , .current{ padding:5px 8px; color:#ccc; text-decoration:none; font-size:15px; margin:1px; float:left; }
.pagination .current { font-weight:bold; font-size:18px; }
.pagination a:hover { color:#777; }	

/*Comment*/
.commentlist { float:left; width:100%; padding-bottom:10px; }
.comment { float:left; margin-top:10px;	width:99.7%; }
.comment em { padding-left:5px; color:#841615; font-size:11px; font-weight:bold; }
.commentlist li .avatar {  float: right; }
.comment-author { padding:5px; }
.commentmetadata { padding-left:5px; padding-bottom:10px; }
.commentmetadata, .commentmetadata a { font-size:11px; }
.comment p { padding:10px; margin-top:0; }
.comment, .comment a { text-decoration:none; font-style:normal; }
.comment .fn, .comment .fn a { text-transform:uppercase; font-weight:bold; color:#727272; }

/*misc*/
.left {float:left}
.right {float:right;margin-right:0!important; }
.hide { display:none; }
.alignleft { float:left; margin:0 20px 20px 0; }
.alignright { float:right; margin:0 0 20px 20px; }
.text-center {text-align:center; }
.text-right {text-align:right; }
.martop20 { margin-top:20px; }
.red { color:#f00; }
.clear {clear:both}