/* CSS Document */

/*
Name: CXXVI 
URI: http://cxxvi.net/
Description: The official CXXVI website.
Version: 2.0
Author: Jon Contino
*/

/*========== BODY ==========*/
body { background:url(/img/bg.jpg) #fff repeat-x fixed; margin-top:20px; }
	.clear { clear:both; }
	
	
/*========== CONTAINERS ==========*/
#site { width:1030px; margin:auto; }
#content { float:right; width:800px; }
	.nopage-box { padding:10px 0; }
	.nopage-box a { color:#000; }
	.nopage-box a:hover { color:#cc4144; }
	

/*========== NAV FLOAT LEFT ==========*/
#nav-left { float:left; width:200px; position:fixed; text-align:center; font-size:14px; line-height:30px; }
	#nav-left ul { padding:0; margin:20px; 0; }
	#nav-left li { list-style:none; }
	#nav-left li a { text-decoration:none; color:#000; border-bottom:2px solid #000; }
	#nav-left li a:hover { color:#cc4144; border-bottom:2px solid #cc4144; }
	.basket { background:#000; color:#fff; width:150px; margin:auto; border:4px double #fff; padding:10px; }
	.basket a { text-decoration:none; color:#fff; border-bottom:2px solid #fff; }
	
	
/*========== NAV HEADER TOP ==========*/
#nav-top { border-bottom:5px solid #000; padding:10px 0; text-transform:uppercase; }
	#nav-top a { color:#000; text-decoration:none; }
	#nav-top a:hover { color:#cc4144; text-decoration:none; }
	#nav-top ul { padding:0; margin:0; }
	#nav-top li { display:inline; list-style:none; font-size:20px; margin-right:15px; }
	.title { border-bottom:4px double #000; margin-bottom:10px; }
	
	
/*========== PAGINATION ==========*/	
#pagination { padding:0px 0 30px 0; font-family:Courier, "Courier New", monospace; font-size:12px; line-height:18px; }
	#pagination a { text-decoration:none; color:#000; padding:2px 5px; border:1px solid #ccc; }
	#pagination a:hover { text-decoration:none; background:#000; color:#fff; padding:2px 5px; border:1px solid #000; }
	#pagination a.here { text-decoration:none; background:#000; color:#fff; padding:2px 5px; border:1px solid #000; }
	#pagination li { display:inline; list-style:none; }
	#pagination .here { background:#000; color:#fff; }
	.pg-left { float:left; width:375px; }
	.pg-right { float:right; width:375px; text-align:right; }
	
	
/*========== FOOTER ==========*/		
#footer { border-top:5px solid #000; margin:20px 0; padding:10px 0; font-family:Courier, "Courier New", monospace; font-size:12px; line-height:18px; margin-top:5px; }
	.foot-left { float:left; width:600px; }
	.foot-right { float:right; width:185px; text-align:right; }
	.newsletter { border-top:4px double #000; padding:30px 0; font-family:Courier, "Courier New", monospace; font-size:12px; line-height:18px;  text-align:center; }
		.newsletter a { color:#000; }
		.foot-nav, .search { margin:0 0 15px; }
	
	
	
/*===================================================*/	
/*================== PAGE TEMPLATES ==================*/	
/*===================================================*/		
	

/*========== BROWSE PAGE ==========*/	
.item { width:150px; height:185px; float:left; margin:0 5px 30px 0; }
	.item p { font-family:Courier, "Courier New", monospace; font-size:12px; line-height:18px; margin-top:5px; }
	.item img { border:0; }
	.item a { color:#000; text-decoration:none; }
#warning { background:#cc4144; color:#fff; padding:20px; margin:20px 0; text-align:center; font-family:Courier, "Courier New", monospace; font-size:14px; line-height:20px; margin-bottom:18px; }
	

/*========== DETAILS PAGE ==========*/		
.pd-left { float:left; width:400px; margin-right:25px; }
.pd-right { float:right; width:345px; margin-right:25px; }
	.item-name { font-size:36px; }
	.item-price { font-size:84px; color:#cc4144; margin-bottom:10px; }
	.product-info { border-top:4px double #000; border-bottom:0px double #000; padding:20px 10px 0px 10px; }
	.product-info p { font-family:Courier, "Courier New", monospace; font-size:12px; line-height:18px; margin-bottom:18px;}
	.product-buy p { padding:10px; font-family:Courier, "Courier New", monospace; font-size:18px; line-height:20px; margin-bottom:18px; }
		.buy-button { background:#cc4144; color:#fff; width:150px; padding:20px 10px; margin-top:20px; font-size:16px; text-align:center; }
			.buy-button a { color:#fff; text-decoration:none; }
			.buy-button a:hover { color:#fff; }
		.buy1 { background:#cc4144; color:#fff; width:150px; padding:20px 10px; margin-top:20px; font-size:18px; text-align:center; border:1px solid #cc4144 }
			.buy1 a { color:#fff; text-decoration:none; }
			.buy1 a:hover { color:#fff; }
		.size-uc { text-transform:uppercase; }
		.soldout { background:url(/img/soldout.png) no-repeat; color:#666; width:150px; padding:20px 10px; margin-top:20px; font-size:18px; text-align:center; border:1px solid #ccc }


/*========== LOOKBOOK PAGE ==========*/			
.lbc-row { margin:10px 0 50px 0; }
	.lbc { float:left; width:185px; margin-right:20px; }
	.lbc-end { float:left; width:185px; }
#lb-wrap { width:960px; margin:auto; }
	.lb-title { text-align:center; }
	.image-note { border-bottom:5px solid #000; margin:20px 0 5px 0; padding:10px 0; font-family:Courier, "Courier New", monospace; font-size:12px; line-height:18px; margin-top:5px; }
		.image-note a { color:#000; }
		
		
/*========== STOCKISTS PAGE ==========*/			
.stock-column { float:left; width:250px; margin-right:25px; }
.stock-column-right { float:right; width:250px; }	
	.stock-column p, .stock-column-right p { font-family:Courier, "Courier New", monospace; font-size:14px; line-height:20px; margin:10px 0 15px 0; }	
	.stock-title { font-size:36px; }
	.stock-state { font-size:18px; text-transform:uppercase; border-bottom:2px solid #cc4144; }
	
	
/*========== SALES & PRESS PAGE ==========*/	
.sp-left { float:left; width:400px; margin-right:25px; font-family:Courier, "Courier New", monospace; font-size:14px; line-height:20px; margin-bottom:18px; }
.sp-right { float:right; width:345px; margin-right:25px; }
	.sp-right p { font-family:Courier, "Courier New", monospace; font-size:14px; line-height:20px; margin-bottom:18px; }	
	.askaquestion input { width:350px; border:1px solid #ccc; padding:5px; font-size:16px; color:#333; }
	.askaquestion textarea { width:350px; border:1px solid #ccc; padding:5px; font-size:16px; color:#333; }
	.formcaption { margin-top:20px; }
	input.submit-button { background:#cc4144; color:#fff; width:150px; padding:10px; margin-top:20px; font-size:16px; text-align:center; border:none; cursor:pointer; }
	
	
/*========== BLOG ==========*/	
.post { margin-bottom:55px; }
.postmeta { font-family:Courier, "Courier New", monospace; font-size:14px; margin:0 0 18px 0; }
#navigation { text-align:center; font-family:Courier, "Courier New", monospace; font-size:14px; }
/*#nav-next { background:#cc4144; color:#fff; width:150px; padding:20px 10px; margin-top:20px; font-size:16px; text-align:center; }*/
	#nav-next a, #nav-prev a { font-family:Courier, "Courier New", monospace; font-size:14px;text-decoration:none; }

	.photo h1 { padding:0; margin:0 0 3px 0; }
	.photo p { padding:0; margin:0; } 
	.photo img { border:0; }
	
	.text h1 { padding:0; margin:0 0 3px 0; }
	.text p { font-family:Courier, "Courier New", monospace; font-size:14px; margin:0 0 18px 0; }
	
	.notes { font-family:Courier, "Courier New", monospace; font-size:14px; margin:0 0 18px 0; }
		.notes li { padding:10px 0; }
		.dsq-full-comment { font-family:Courier, "Courier New", monospace; font-size:14px; margin:0 0 18px 0; border-bottom:1px solid #ccc; }


/*===================================================*/	
/*================== SHOPPING CART ==================*/	
/*===================================================*/	


/*========== CART FUNCTIONS ==========*/
#progress { margin:30px 0; }
.cart_progress { width:; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
	.cart_progress_slice { float:left; width:139px; border-left:1px solid #ccc; padding:15px 10px; }
	.cart_progress_here { float:left; width:139px; background:#000; color:#fff; padding:15px 10px; }
	.cart_progress_slice_last { float:left; width:139px; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:15px 10px; }
	
	
/*========== YOUR CART PAGE ==========*/
#cart, #step3, .cart { font-family:Courier, "Courier New", monospace; font-size:14px; line-height:20px; margin-bottom:18px; }
	#cart a, #step3 a { color:#000; }
	#cart a:hover, #step3 a:hover { color:#cc4144; }
	#cart table, #step3 table { width:100%; margin:0px 0; border:0px solid #ccc; }
	.heading { border-bottom:1px dashed #000; padding:10px 0; }
	.tp { padding:10px 0; }
		.tp img { border:0; }
	.allp { padding:10px 0; }
		.allp input { background:#f1dbd7; border:0; padding:5px; font-family:Courier, "Courier New", monospace; font-size:14px; }
		.allp a, .ship-meth a { color:#000; }
		.allp a:hover, .ship-meth a:hover { color:#cc4144; }
		
	.ship-to { background:#f1dbd7; float:left; font-family:Courier, "Courier New", monospace; font-size:14px; line-height:20px; padding:10px; }
	.ship-meth { float:right; font-family:Courier, "Courier New", monospace; font-size:14px; line-height:20px; margin-bottom:18px;}
		.ship-to a, .ship-meth a { color:#000; }
		.ship-to a:hover, .ship-meth a:hover { color:#cc4144; }
		.ship-to h1, .ship-meth h1 { margin-bottom:20px; }
		
	.cartinfo { padding-bottom:20px; }
	.ship-review { font-family:Courier, "Courier New", monospace; font-size:14px; line-height:20px; }
		
#paypal { width:800px; }
	#paypal input, .proceed, #submit  { background:#cc4144; color:#fff; border:0; padding:10px; margin-top:20px; font-size:16px; text-align:center; cursor:pointer; }
	#paypal input:hover, .proceed:hover, #submit:hover { background:#000; color:#fff; }
	

#addtocart, #addtocart ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
 
#addtocart a {
	display: block;
	width: 150px;
}
 
#addtocart li { /* all list items */
	float: left;
	width:150px; /* width needed or else Opera goes nuts */
}
 
#addtocart li ul { /* second-level lists */
	position: absolute;
	background:#fff;
	color:#cc4144;
	/*border-bottom:1px solid #cc4144;*/
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
 
#addtocart li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	margin-top:20px;
	margin-left:-11px;
	border-bottom:1px solid #cc4144;
	color:#cc4144;
	background:#fff;
	width:172px;
}

#addtocart li:hover ul a, #nav li.sfhover ul a { color:#cc4144; background:#fff; padding:10px; border-left:1px solid #cc4144; border-right:1px solid #cc4144; }
#addtocart li:hover ul a:hover, #nav li.sfhover ul a:hover { color:#fff; background:#000; padding:10px; }

a.item {
	position:relative;
	display:block;
}

a.item span.sold_out{ 
	position:absolute;
	left:0;
	top:0;
	width: 150px;
 	height: 165px;
	}
	
	

/*===================================================*/	
/*================== ADMIN BACKEND ==================*/	
/*===================================================*/		
.pending, .packaging { background:#000; padding:10px; color:#fff; cursor:pointer; }
	.pending:hover { background:#c00; }
