/*
Theme Name: T Shirt Printing
Theme URI: http://www.tshirtprinting.net/
Description: The custom theme for tshirtprinting.net
Author: Shore Creative Ltd.
Version: 1.0
Tags: custom, tshirt, t-shirt
*/


/* =Reset default browser CSS. Based on YUI
-------------------------------------------------------------- */

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,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;}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:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


/* =Theme CSS
-------------------------------------------------------------- */

html { background: #DAF2FC url(images/bg.jpg) repeat-x 50% 0; }
body { font-size: 14px; color: #3f393c; font-family: Arial; }
a { color: #e2007a; text-decoration: none; }
a:hover { color: #0992a7; }
em { font-style: italic; font-weight: inherit; }
.btn { padding: 2px 8px; }
#wrapper { width: 950px; margin: 0 auto; padding-bottom: 28px; background: #fff; position: relative; }
#masthead { position: relative; height: 84px; }
#site-title { position: absolute; left: 22px; top: 20px; }
#site-title a { display: block; width: 389px; height: 39px; background: url(images/logo.jpg) no-repeat; text-indent: -9999px; overflow: hidden; }
#free-call { color: #e2007a; position: absolute; top: 20px; right: 171px; line-height: 1; padding-left: 60px; background: url(images/phone.jpg) 0 0 no-repeat; }
#free-call strong { font-size: 27px; color: #009ab1; display: block; }
#quote-link { position: absolute; right: 23px; top: 19px; width: 131px; height: 40px; background: url(images/quote-btn.gif) no-repeat; text-indent: -9999px; overflow: hidden; }
#main-nav, #footer { position: relative; left: 50%; background-repeat: no-repeat; background-position: 50% 0; height: 48px; }
#main-nav { background-image: url(images/main-nav.png); width: 970px; padding-left: 7px; margin-left: -489px; }
#main-nav li { float: left; _display: inline; font-size: 18px; line-height: 40px; margin-left: 36px; }
.current_page_item a { color: #333; }
#main-body { margin: 8px 5px 5px; }
#sidebar { width: 226px; float: left; _display: inline; padding-bottom: 20px; }
#category-nav { background: #d8f1fa; font-size: 18px; padding: 24px 0 0 20px; line-height: 1; height: 302px; }
#category-nav li { margin-bottom: 18px; }
#testimonials li, #more-testimonials-link, #free-catalogue { margin-top: 10px; }
.quote { padding: 6px 6px 6px 45px; background: url(images/quote-mark.png) 6px 9px no-repeat; font-style: italic; }
.quote p { margin: 0 0 8px 0 !important; line-height: normal !important; }
.customer { padding: 6px; font-size: 11px; color: #7c7478; overflow: hidden; }
.customer img { float: left; _display: inline; }
.customer div { margin-left: 54px; }
.azure .quote { background-color: #bbe6f6; }
.azure .customer { background: #def3fb url(images/tail-azure.png) no-repeat 80% 0; }
.pink .quote { background-color: #e9c9ed; }
.pink .customer { background: #f9edfd url(images/tail-pink.png) no-repeat 80% 0; }
.orange .quote { background-color: #fcd25a; }
.orange .customer { background: #feefc6 url(images/tail-orange.png) no-repeat 80% 0; }
.citrine .quote { background-color: #dee466; }
.citrine .customer { background: #edf0a9 url(images/tail-citrine.png) no-repeat 80% 0; }
#more-testimonials-link { background: #f9edfd; }
#more-testimonials-link a { display: block; line-height: 2em; padding-left: 14px; }
#free-catalogue { background: #e7eb8f; height: 94px; overflow: visible; }
#free-catalogue a { color: #6c5360; display: block; padding: 14px 80px 0 14px; height: 83px; background: transparent url(images/catalogue.jpg) no-repeat 95% 0; }
#free-catalogue strong { font-weight: bold; }
#main-content { margin-left: 226px; _zoom: 1; }
#intro { background: #e9f7fc url(images/couple.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#intro h2 { font-size: 18px; line-height: 1.4em; }
#intro h1 { font-size: 18px; line-height: 1.4em; }
#benefits { padding-top: 4px; }
#benefits li { margin-top: 1em; padding-left: 29px; background: url(images/bullet.gif) no-repeat 9px 5px; }
#inner-content, .below-inner-content { padding: 10px 26px 20px; }
.below-inner-content { padding-top: 0; }
#inner-content h1 { font-size: 20px; margin-top: 10px; }
#inner-content p { margin: 12px 0; }
.page #inner-content p, .single-post #inner-content p { line-height: 1.4em; }
.category-showcase { overflow: hidden; margin: 32px 0 22px; _margin-bottom: 16px; _margin-left: -44px; _zoom: 1; }
.category-showcase li { float: left; _display: inline; position: relative; margin-left: 44px; }
.category-showcase li:first-child { margin-left: 0; }
.category-showcase a { position: absolute; left: 0; top: 0; width: 128px; height: 124px; text-indent: -9999px; overflow: hidden; background: transparent url(images/transparent.gif)/*IE hack*/; }
.page-template-products-php .category-showcase li { height: 146px; }
.page-template-products-php .category-showcase a { padding-top: 130px; height: auto; text-indent: 0; text-align: center; }

#footer { clear: both; background-image: url(images/footer.png); width: 937px; padding-right: 40px; margin-left: -488px; line-height: 40px; text-align: right; line-height: 54px; color: #fff; }

.wpcf7-form .field { margin-bottom: 8px; }
.wpcf7-form textarea { width: 400px; height: 140px; }
.wpcf7-form label { display: block; margin-bottom: 4px; }
.wpcf7-not-valid-tip { padding: 2px 6px !important; }

.page-template-articles-php #main-content, .page-template-promo-php #main-content, .single-post #main-content, .error404 #main-content { margin-left: 0; }
.single-post #inner-content h2, .page-template-promo-php #inner-content h2 { font-weight: bold; margin: 1.5em 0 0; }
.single-post #inner-content h2 em, .page-template-promo-php #inner-content h2 em { *font-weight: bold; }

.bulleted-list li { list-style: disc outside none; margin: 0.5em 0 0.5em 20px; }

#article-list { margin-top: 1em; }
#article-list li { list-style: circle outside none; margin: 0.5em 0 0.5em 14px; }

#all-testimonials { margin-top: 20px; }

#all-testimonials li { float: left; width: 316px; margin-bottom: 23px; }
#all-testimonials .odd { margin-right: 26px; }

#main-content .boygirl-tshirts { background: #e9f7fc url(images/boygirl-tshirts.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#main-content .boy-hoodie { background: #e9f7fc url(images/boy-hoodie.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#main-content .boy-polo { background: #e9f7fc url(images/boy-polo.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#main-content .boy-polope { background: #e9f7fc url(images/boy-polope.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#main-content .digital { background: #e9f7fc url(images/digital.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#main-content .girl-hoodie { background: #e9f7fc url(images/girl-hoodie.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#main-content .girl-tshirt { background: #e9f7fc url(images/girl-tshirt.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#main-content .girl-vest { background: #e9f7fc url(images/girl-vest.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#main-content .kid-tshirt { background: #e9f7fc url(images/kid-tshirt.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#main-content .sweatshirtpe { background: #e9f7fc url(images/sweatshirtpe.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#main-content .promotional { background: #e9f7fc url(images/promotional.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#main-content .personalised-hoodies { background: #e9f7fc url(images/personalised-hoodies.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#main-content .ladies-tshirts { background: #e9f7fc url(images/ladies-tshirts.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#main-content .mens-tshirts { background: #e9f7fc url(images/mens-tshirts.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#main-content .ladies-vests { background: #e9f7fc url(images/ladies-vests.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#main-content .kids-tshirts { background: #e9f7fc url(images/kids-tshirts.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#main-content .workwear { background: #e9f7fc url(images/workwear.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#main-content .sweatshirts { background: #e9f7fc url(images/sweatshirts.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }
#main-content .hoodies { background: #e9f7fc url(images/personalised-hoodies.jpg) no-repeat 100% 100%; padding: 24px 340px 24px 24px; height: 278px; }


/* webcomic promo */

.page-template-promo-php #inner-content {background: url('images/bg.png') repeat-y #80b1b1; padding: 0; color: #000; height: 1448px;}
#inner-content h1#supporting {background: url('images/supporting.png') no-repeat; height: 235px; text-indent: -9999px; position: relative;}
#inner-body {padding: 15px; width: 561px; margin-left: 20px; background: #fff; margin-top: 178px; padding-top: 50px; float: left; height: 1205px;}

#modelGuy {width: 334px; height: 1313px; background: url('images/guy.png') no-repeat; float: right; margin-top: -100px; margin-right: -5px; position: relative;}
h3#completely {text-indent: -9999px; background: url('images/complete.png') no-repeat; float: right; width: 334px; height: 291px; position: absolute; bottom: 0;}

.bold {font-weight: bold;}
#inner-body p {margin: 6px 0 18px;}
#inner-body h2 {font-size: 1.3em; margin: 7px 0 0px 0 !important;}

#inner-body #shirtForm {background: #d6d6d6; padding: 10px; border: #5e6f77 1px solid; position: relative;}
#inner-body #shirtForm label {font-weight: bold; margin-bottom: 0;}
#inner-body #shirtForm input, #inner-body #shirtForm textarea {border: 1px solid #5e6f77; margin: 5px 0 10px 0; height: 35px; width: 100%; background: #fff;}
#inner-body #shirtForm textarea {height: 100px; padding: 5px;}
#inner-body #shirtForm #subBtn:hover {background: #F2F2F2;}

#shirtForm .ajax-loader { position: absolute; left: 2em; margin-top: 1em; }
#shirtForm .wpcf7-response-output { background: #fff; }

/* end of webcomic promo */