/*
Theme Name: Distress to Impress
Theme URI: http://www.distresstoimpress.com
Description: Under Comission of K-C, Distress to Impress
Version: 1.0
Author: Benjamin Ayres & Cutpastecreate
Author URI: http://www.cutpastecreate.com
*/

/* Master Resets */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;outline:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6, p {font-size:100%; font-weight: normal;} 
abbr,acronym {border:0;} 
a {outline: none; text-decoration: none;}

/* Font and Styles*/

a { color: #4c4c4c;}
a:hover { color: #ccc;}

h1, h2, h3, h4 {  font-weight: bold;}
h1, h2, h3, h4, .button {  color: #ccc; font-weight: bold;}

h1 a{ line-height: 36px; font-size: 28px;margin: 0px 0px 14px 0px;}
h2{ line-height: 28px; font-size: 20px; margin: 0px 0px 10px 0px;}
h3, h3 a{ line-height: 23px; font-size: 15px;margin: 0px 0px 8px 0px; color: #ff80b7;}
h4, h4 a{ line-height: 22px; font-size: 14px;margin: 0px 0px 6px 0px; color: #ff80b7;}

p, ul{ line-height: 18px; font-size: 12px;margin: 10px 0px 10px 0px;}

p a:link, p a:visited {font-weight: bold; line-height: 20px; font-size: 11px; text-decoration: none;}

 .hidden { display: none;}

/* WYSISYG */
img.left { float: left; margin: 5px;}
img.right {float: right; margin: 5px;}
img.center {text-align: margin; padding: 5px;}

/* Basic Structure */

body { background-color: #333333; background-position: center top; background-image: url(../images/background.png); text-align: center; min-width: 960px;  font-family: "Lucida Grande", Verdana, Arial, sans-serif; }
	div#header100 { height: 70px; width: 100%; position: absolute;top: 0; left: 0; background-color: #fff;}
		div#wrap {margin:0 auto; width:960px; text-align: left; color: #ccc; position: relative;}
		
			/* Head */
			div#head { overflow: auto; height: 72px}
				div#head img.brand { margin: 5px 0 0 5px; float: left; position: absolute; top: 5px; left: 5px;}		
								
				div#head ul { z-index: 500; background-image: url(../images/nav-bg.png); background-repeat: repeat; height: 32px; position: absolute; top: 45px; left: 0px; border-left: 5px solid #000; width: 955px; height: 32px;}
				
					div#head ul li { height: 32px; background-repeat: no-repeat; position: absolute; top: 0px;}
						div#head ul li:hover { background-color: #000;}
							div#head ul li a { height: 32px; display:block;}

					div#head ul li.about { left: 35px; width: 90px; background-position: 0px bottom; background-image: url(../images/navigation.png);} /* Width + Image specific to each */
					div#head ul li.about:hover { background-position: 0px top; }/* Width + Image specific to each */
						div#head ul li.about a { width: 90px;} /* Width + Image specific to each */

					div#head ul li.store { left: 125px; width: 82px; background-position: -90px bottom; background-image: url(../images/navigation.png);} 
					div#head ul li.store:hover { background-position: -90px top; }
						div#head ul li.store a { width: 82px;} 

					div#head ul li.blog { left: 207px; width: 72px; background-position: -172px bottom; background-image: url(../images/navigation.png);} 
					div#head ul li.blog:hover { background-position: -172px top; }
						div#head ul li.blog a { width: 72px;} 
						
					/* Temp while the other pages are inactive */	
					div#head ul li.contact { left: 279px; width: 112px; background-position: -494px bottom; background-image: url(../images/navigation.png);} 
					div#head ul li.contact:hover { background-position: -494px top; }
						div#head ul li.contact a { width: 112px;} 

/*				Pages nav items not active for now.
					
					div#head ul li.gallery { left: 280px; width: 102px; background-position: -245px bottom; background-image: url(../images/navigation.png);} 
					div#head ul li.gallery:hover { background-position: -245px top; }
						div#head ul li.gallery a { width: 102px;}

					div#head ul li.as-worn-by { left: 383px; width: 146px; background-position: -348px bottom; background-image: url(../images/navigation.png);} 
					div#head ul li.as-worn-by:hover { background-position: -348px top; }
						div#head ul li.as-worn-by a { width: 146px;} 

					div#head ul li.contact { left: 529px; width: 112px; background-position: -494px bottom; background-image: url(../images/navigation.png);} 
					div#head ul li.contact:hover { background-position: -494px top; }
						div#head ul li.contact a { width: 112px;} 

					div#head ul li.music { left: 642px; width: 82px; background-position: -607px bottom; background-image: url(../images/navigation.png);} 
					div#head ul li.music:hover { background-position: -607px top; }
						div#head ul li.music a { width: 82px;} 
						
					div#head ul li.who-stocks-dti { left: 727px; width: 190px; background-position: -692px bottom; background-image: url(../images/navigation.png);} 
					div#head ul li.who-stocks-dti:hover { background-position: -692px top; }
						div#head ul li.who-stocks-dti a { width: 190px;} 
*/
						
			div#main { padding: 0 10px 0px 240px; clear: left; overflow: hidden; z-index: -100; border-left: 5px solid #000; background-repeat: repeat; background-image: url(../images/wrap-bg.png);}
			
			div#content {float: left; width: 100%; padding: 30px 10px 10px 10px;}
				div#content h2.page-title { margin:  10px 0 20px 0; clear: both; line-height: 26px; font-size: 20px; padding: 4px 6px 4px 0; color: #fff; font-weight: bold; text-transform: uppercase;}

			/*Footer*/
			div#footer { clear: left; background: #000; padding: 10px 20px; overflow: hidden;}
					div#footer ul.footnav { clear: left; margin: 10px -20px; background: #fff; color: #000;}
						div#footer ul.footnav li {display: inline;}
						    div#footer ul.footnav li a { text-decoration: none; font: normal 12px "Lucida Grande", Verdana, Arial, sans-serif, sans-serif; padding: 5px 10px; margin: 0; color: #000;}
				
			/*CMS	Posts and pages structure */		
			    
			div.page { clear: both; padding: 10px 20px 10px 10px;}
			
			/*News Posts*/
			div.post { clear: both; padding: 10px 20px 10px 10px; border-top: 2px solid #000; overflow: auto;}
				div.post h3.post-title { margin: 0;}	
					div.post h3.post-title a { font-size: 20px;}	
				div.post p img { border: 5px solid #000; margin: 5px 20px;}
				div.post p object { margin: 5px 20px;}
				
				div.post small.post-data { text-transform: uppercase; font-size: 10px; color: #9d4dc1;}
		    
			/* Sidebar */
			ul#sidebar { width: 230px; float: left; padding: 20px 0 0 0; margin: 0 0 0 -240px;}
			
			ul#sidebar li.widget { background-image: url(../images/group-bg.png); background-repeat: repeat; padding: 10px 10px 10px 20px; margin: 10px 10px 10px 0;}
				
				li#groups ul li { width: 200px; background-position: left top; background-repeat: no-repeat; margin: 8px 0;}
					li#groups ul li:hover { background-position: -200px top;}
						li#groups ul li a { width: 200px; display:block;}
				
					li#groups ul li.guys { height: 62px; background-image: url(../images/group-guys.png);}
						li#groups ul li.guys a { height: 62px;}
					li#groups ul li.girls { height: 50px; background-image: url(../images/group-girls.png);}
						li#groups ul li.girls a { height: 50px;}
					li#groups ul li.unisex { height: 37px; background-image: url(../images/group-unisex.png);}
						li#groups ul li.unisex a { height: 37px;}
					li#groups ul li.accessories { height: 27px; background-image: url(../images/group-accessories.png);}
						li#groups ul li.accessories a { height: 27px;}
					li#groups ul li.gift-packs { height: 24px; background-image: url(../images/group-giftpacks.png);}
						li#groups ul li.gift-packs a { height: 24px;}
					li#groups ul li.badges { height: 38px; background-image: url(../images/group-badges.png);}
						li#groups ul li.badges a { height: 38px;}
					li#groups ul li.bags { height: 47px; background-image: url(../images/group-bags.png);}
						li#groups ul li.bags a { height: 47px;}
					li#groups ul li.jewellery { height: 20px; background-image: url(../images/group-jewellery.png);}
						li#groups ul li.jewellery a { height: 20px;}
					li#groups ul li.kids { height: 35px; background-image: url(../images/group-kids.png);}
						li#groups ul li.kids a { height: 35px;}			
				li#advertise { padding: 10px 10px 10px 20px; margin: 10px 10px 10px 0;}	
				
/* Shopping cart widget */
table.shoppingcart {width: 180px;}
table.shoppingcart th {color: #CCC;font-size: 13px; font-weight: bold;}
table.shoppingcart td {color: #CCC; font-size: 12px;}

#shoppingcartcontents li.emptycart {margin-top: 12px;}
#shoppingcartcontents li.emptycart a:hover, #shoppingcartcontents li.gocheckout a:hover {color: #64BBF8;}
	
	
/*

	 	E-COMMERCE
		Store/group layout

*/		
	
	div#store-container { padding: 0 0 10px 0; overflow: auto;}

	div.product-store {margin: 0 10px 20px 0; width: 160px; height: 220px; float: left; position: relative;}
		
		div.product-store img.product-image { border: 1px solid #000; width: 162px; height: 185px; z-index: 0; position: absolute; left: 0px; top: 30px; z-index: 0; }
			
		div.product-store h2.title { left: 0px; top: 0px; position: absolute; z-index: 100; line-height: 11px; padding: 14px 0 0 0;}		
			div.product-store h2.title a { font-size: 12px; text-decoration: none; text-transform: uppercase; color: #ccc; font-weight: bold; margin: 0; background: #000;}
				div.product-store form h2.title a:hover { color: #fd4ee9; background: #000;}
		
		div.product-store ul.product-price {font-size: 10px; clear: left; right: -5px; top: 210px; position: absolute; z-index: 100; color: #000;}
			div.product-store ul.product-price li { padding: 5px; color: #ccc;}
				div.product-store ul.product-price li span.price-display {font-weight: bold; letter-spacing: -1px; color: #00aaff; font-size: 14px;}
		
		div.product-store form input.buy-button {display: none;}
			
/* Single Layout */

		div.product-single { overflow: auto; margin: 10px 0; position: relative;}

			div.product-single a img.main-product-image { float: left; margin: 10px 20px 10px 0px; border: 5px solid #000; width: 250px;}
			div.product-single a img.secondary-product-image { float: left; margin: 10px 5px 10px 0; border: 5px solid #000; width: 150px; height: 150px;}
			
				div.product-single form {}		

					div.product-single h2.title {padding: 0; font-size: 22px; line-height: 26px; text-decoration: none; letter-spacing: 1px; margin: 0;}

					p.product-variation {position: absolute; left: 280px; bottom: 100px;}
					p.product-price { position: absolute; left: 280px; bottom: 65px;}
					p.product-price span.price { line-height: 23px; font-size: 18px; margin: 0px 0px 0px 8px; color: #ff80b7; font-weight: bold;}

					
					div.product-single form input.buy-button, div.product-single .no-stock {text-transform: uppercase; border-width: 0px; background: #000; color: #ccc; font-size: 18px; padding: 4px 6px; position: absolute; bottom: 30px; left: 260px;}
					
					div.product-single .no-stock {padding: 6px;}
					
/* Fancy Notifications */

div#sliding_panel {display: none; background-image: url(../images/group-bg.png); padding: 5px 0 5px 10px;}
div#fancy_notification { /* display: none; */ /*border: 1px solid #fff;*/ position: relative; font-weight: 500;}

div#fancy_notification_content {padding-bottom: 10px;}
	div#fancy_notification_content a.button {font-size: 12px; margin-right: 10px; padding: 3px;}
	div#fancy_notification_content a.button:hover {color: #64BBF8;}
	div#fancy_notification_content span /* Text */ {/*  padding: 10px 10px; */ /* font-size: 12px; */}
	div#fancy_notification_content span.product-added /* Text */ {/*  padding: 10px 10px; */ display: block; margin: 10px 0; font-size: 12px; font-weight: bold; line-height: 22px;}


			
/* Checkout */
		
		ul.purchase-titles { border-bottom: 1px solid #000; overflow: hidden; margin: 0;}		
			ul.purchase-ordered { clear: left; overflow: hidden; margin: 0;}
			
			ul.purchase-titles, ul.purchase-ordered { padding: 3px 0;}
			ul.purchase-titles li, ul.purchase-ordered li{ float: left;}
			ul.purchase-ordered:hover { background-color: #191919;}
				ul li.product { width: 380px; font-weight: bold;}
				ul li.quantity { width: 140px;}
					/* The apply for amend quantity */
					ul li.quantity input.apply { background: #000; padding: 1px; border: none; color: #ccc}
						ul li.quantity input.apply:hover {color: #fff;}
				ul li.price { width: 60px;}
				ul li.remove {}
	
			ul.total-price { margin: 5px 0 0 0;}
				ul.total-price li{ display: inline;}
					ul.total-price li.checkout-total {line-height: 23px; font-size: 15px;margin: 0px 0px 8px 0px; color: #ff80b7;}	

/* 	Default Form for contact and checkout */ 				
  				        
	form.default  { padding:  10px;}
	
		/* The Title */
			form.default #contactform.default h3 label{ float: left; margin-left: -150px; width: 400px; line-height: 25px; font-size: 16px; }
			form.default #contactform.default h4 label{ float: left; margin-left: -150px; width: 400px; line-height: 25px; font-size: 16px; }
		
		/* Default field */		
		form.default  p{  border-top: 1px solid #000; clear: left; padding: 5px 0 5px 150px; margin: 0; font-size: 12px; color: #ccc;}
			form.default  p label{ float: left; width: 140px; margin: 4px 0 0 -150px; font-weight: bold;}
			form.default  h3, form.default  h4 { margin: 20px 0 0 0; clear: both;}
			
			form.default  p input[type="text"]{width: 95%; font-size: 14px; padding: 4px; margin: 0; line-height: 14px; background-color: #000; color: #fff;  border: none;}
			form.default  p input[type="text"].short{ width: 145px; font-size: 14px; padding: 4px; margin: 0 10px 0 0; line-height: 14px; background-color: #000; color: #fff; border: none;}
			form.default  p textarea{ width: 95%; height: 60px; font-size: 14px; line-height: 14px; margin: 0; padding: 4px; background-color: #000; color: #fff;  border: none;}

			form.default  p.text { padding: 0; margin: 0 0 10px 0; border: none;}
			form.default  p.nolabel { padding: 8px 0 5px 305px;}
			form.default  div#submit {clear: left; padding: 5px 0 5px 150px;}
		
			form.default div#submit { text-align: right; padding-right:30px;}
			form.default div#submit a.submit{ font-weight: bold; border-width: 0px; padding: 4px 6px; margin: 4px 0; background-color: #666666; color: #fff; font-size: 12px;}
		
			/*  Latest Products */
			div#recent-products { clear: both; padding: 10px ; overflow: auto; background-image: url(../images/group-bg.png); background-repeat: repeat;}
					div#recent-products h4 { margin: 0; padding: 0; }
					div#recent-products ul { margin: 0; padding: 10px 0; }
						div#recent-products ul li { overflow: auto; padding: 0; display: inline;}
							div#recent-products ul li a img { float: left; border: 2px solid #000; margin: 0px 5px; width: 90px;}

/* Error boxes and styling - Also relivant for the Checkout Errors */	
	
	label.error { padding-left: 150px; padding-bottom: 5px; padding-right: 20px; padding-top: 5px; float: none; vertical-align: top; margin: 10px 0 0 10px; clear: left; width: 400px !important;  text-transform: uppercase; font-size: 11px; color: #9d4dc1;} 
	
	
	label.success { float: none; vertical-align: top; font-weight: normal; border-bottom: 1px dashed #a3b8bc; margin-left: 0px;}	
	
	p.error {}	
	
	div#topstatus { background: #fff; margin: 0px 0;}
	
	form#contactform div.status p{ margin: 5px 0; font-size: 14px; font-weight: bold; background: #fafafa;}	
	
	div.success p{ color: #a3b8bc; padding: 10px 10px 10px 10px;}
	div.fail p{ font-weight: bold; color: #cc4b40; padding: 10px 10px 10px 10px;}
	div.load p { color: #95666b; padding: 10px 10px 10px 10px;}
		div.load p img { padding: 0 5px;}	
		
	.fail ol {color: red;line-height: 14px; font-size: 14px; margin: 10px 0 0 0;}
		.fail ol li {color: red; line-height: 12px;}
		.fail ol li a{color: red; font-size: 14px; text-decoration: none; border-bottom: 1px dashed #b87b79; }	
		

		/* Shadowbox adjustments */
		#sb-loading {background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: 10px 10px;text-align: left !important; }
		#sb-loading a {color: #FFF !important; font-size: 10px;padding-left:40px;text-align:left;}
		#sb-body {}

		#sb-body, #sb-loading {}



/* Cleaner gallery */
.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: auto;
	}
.gallery-item {
	float: left;
	margin: 0;
	}
	.gallery-icon, .gallery-icon a {padding: 0; margin: 0;}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail { width: 100px; height: 100px;	padding: 2px; border: 1px solid #ccc; margin: 2px;}
.gallery div.clear { width: 0px; height: 0px; }

/* Image sizes depending on the number of columns */

.clear { clear: both; height: 0; }

/* Sale baby */

/* For single product template */
/*a.preview-link div.sale {background-image: url(../images/sale-single.png); background-position: bottom right; background-repeat: no-repeat;}*/

/* For the global store front */
div.sale-wrapper { position: relative;}
div.sale-wrapper img.sale {position: absolute; z-index: 100;top:15px;left:5px;}
div.product-store div.sale img {position: absolute; z-index: 100; bottom: 4px; right: -3px;}
















/*Cutpastecreate Tag*/

abbr#a-truly-skilled-development-team {clear: right; font-size: 11px; text-transform: lowercase; font-family: Helvetica, Verdana, Arial, sans-serif; color: #2b2b2b; float: right; margin: 0; padding: 0;}

abbr#a-truly-skilled-development-team a span {margin: 0 0 0 -2px; font-size: 18px;}
abbr#a-truly-skilled-development-team a:link {color: #2B2B2B; }
abbr#a-truly-skilled-development-team a:hover { color: #FFF;}
abbr#a-truly-skilled-development-team a:visited { color: #2B2B2B;}
abbr#a-truly-skilled-development-team a:visited:hover { color: #FFF;}

abbr#a-truly-skilled-development-team span.cut {line-height: 18px; font-size: 18px; text-transform: uppercase;}
abbr#a-truly-skilled-development-team span.paste {font-weight: bold; font-family: Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase;}
abbr#a-truly-skilled-development-team span.create { font-size: 26px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;}
abbr#a-truly-skilled-development-team span.dot {font-size: 34px; font-family: Georgia, "Times New Roman", Times, serif;}