/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #ffffff url(img/bg.gif) top left repeat-x;
color: #000;
font-family: Arial, Helvetica, sans-serif;
border-top: 42px solid #fff;
}

#smm{
	position: relative;
	float: left;
	margin: 0 0 0 -110px;
	z-index: 500;
	height: 131px;
	width: 109px;
	background: url(img/sm.gif) top left no-repeat;
}

	#smm ul{
		position: relative;
		padding: 15px 5px 0 0;
		text-transform: uppercase;
		text-align: right;
	}
	
	#smm li{
		padding-top: 4px;	
	}
	
	#smm li a{
		color: #fff;	
	}
	
	#smm li a:hover, #smm li.current_page_item a{
		color: #27a9e3;
		text-decoration: none;
	}
	
	#smm li a strong{
		color: #7d7ba2;
		font-size: 9px;
		display: block;
	}


#wrap{
	position: relative;
	margin: auto;
	width: 874px;
}

	#head{
		position: relative;
		height: 380px;	
		background: url(img/head.gif) top left no-repeat;
	}
	
		#logo{
			position: absolute;
			top: 20px;
			left: 281px;
			height: 110px;
			width: 316px;
			z-index: 10;
			text-indent: -9999em;
			background: url(img/logo.gif) top center no-repeat;
		}
		
		#beat{
			position: absolute;
			top:0;
			left: 6px;
			height: 27px;
			text-align: left;
			z-index: 100;
		}
		
			#beat strong{
				display: block;
				font-weight: bold;
				padding-top: 1px;
				text-transform: uppercase;
			}
			
			#beat span{				
				color: #444;
			}
		
		#twitter{
			position: absolute;
			bottom: -36px;
			left: 3px;
			height: 36px;
			width: 40px;
			text-indent: -9999em;
			background: url(img/twitt.gif) top left no-repeat;	
		}
		
		#shit{
			position: absolute;
			width: 78px;
			height: 63px;
			top: 85px;
			left:0;
			text-indent: -9999em;
		}
		
	
	#nav{
		position: relative;
		padding-top: 328px;
		padding-left: 191px;
		height: 27px;
	}
	
		#nav li{
			float: left;
			height: 27px;
		}	
		
		#nav li a{
			float: left;
			height: 27px;
			text-indent: -9999em;	
		}
		
		#nav li a:hover, #nav li.current_page_item a{
			background-position: bottom left;
		}
		
		#n1{
			width: 65px;
			margin-right: 45px;
			background: url(img/n1.gif) top left no-repeat;
		}
		
		#n2{
			width: 82px;
			margin-right: 49px;
			background: url(img/n2.gif) top left no-repeat;
		}
		
		#n3{
			width: 77px;
			margin-right: 42px;
			background: url(img/n3.gif) top left no-repeat;
		}
		
		#n4{
			width: 41px;
			margin-right: 41px;
			background: url(img/n4.gif) top left no-repeat;
		}
		
		#n5{
			width: 57px;
			margin-right: 45px;
			background: url(img/n5.gif) top left no-repeat;
		}
		
	
	#page{
		position: relative;
		text-align: left;
	}
	
		#blog{
			position: relative;
			margin: 34px auto 24px 70px;
			width: 795px;
			overflow: hidden;
			background: url(img/blog-bg.gif) top left repeat-y;	
		}
		
			#content{
				float: left;
				width: 535px;	
			}
			
				.navigation{
					overflow: hidden;
				}
				
					.alignleft{
						float: left;	
					}
					
					.alignright{
						float: right;
					}
				
					.navigation .alignleft a{
						float: left;
						height: 20px;
						width: 217px;
						font-size: 0;
						text-indent: -9999em;
						background: url(img/read-older.gif) top left no-repeat;	
					}
			
				.entry{
					position: relative;
					overflow: hidden;
					text-align: left;	
					font-size: 14px;
					padding-bottom: 42px;
				}	
				
					.entry p.is-meta{
						font-size: 11px;
						padding-bottom: 6px;
					}
					
					
					#comwrap{
						position: relative;
					}
					
						#comwrap li{
							padding: 10px;
							border: 1px solid #ccc;
							margin-bottom: 10px;	
						}
						
						.avatar{
							float: right;
						}
					
					
				
					.entry-head{
						position: relative;
						overflow: hidden;	
						padding-bottom: 7px;
					}
					
						.date-image{
							float: left;
							width: 126px;
							height: 53px;	
							margin-right: 12px;
						}
						
							.date-image img{
								display: block;
							}
						
						.entry h1{
							font-size: 20px;
							font-weight: bold;
							text-transform: uppercase;
						}
						
							.entry h1 a{
								color: #000;
							}
						
						.entry h2{
							font-size: 18px;
							font-weight: bold;
							text-transform: uppercase;
						}
						
						.entry h3{
							font-size: 16px;
							font-weight: bold;
							text-transform: uppercase;
						}
						
						.entry ul{
							line-height: 1.5em;
							padding-bottom:1em;
						}
						
						.entry ul li{
							list-style: inside disc;
						}
						
						
					.entry-excerpt{
						float: right;
						width: 397px;	
					}
					
					.entry-thumb{
						float: left;
						width: 126px;	
					}
					
						.entry-thumb img{
							display: block;
							width: 126px;
						}
					
					.entry p{
						line-height: 1.5em;
						padding-bottom: 1.2em;
					}
					
					.entry strong{
						font-weight: bold;	
					}
					
					.entry a{
						color: #28A8E5;
					}
					
					.entry a.read-more{
						text-transform: uppercase;
						font-weight: bold;
						font-size: 16px;
					}
	
			
			
			
			#sidebar{
				float: right;
				width: 212px;	
			}
			
				.social{
					position: relative;	
					overflow: hidden;
					padding-bottom: 18px;
				}
				
					.social li{
						float: left;
						padding-right: 5px;	
					}
			
					.social li a{
						float: left;
						height: 30px;
						width: 32px;
						text-indent: -9999em;	
					}			
					
					.ss1{
						background: url(img/social1.gif) top left no-repeat;
					}
					
					.ss2{
						background: url(img/social2.gif) top left no-repeat;
					}
					
					.ss3{
						background: url(img/social3.gif) top left no-repeat;
					}
				
				.widget{
					position: relative;
					padding-bottom: 24px;	
				}
				
					.widget h3{
						position: relative;
						height: 41px;
						text-indent: -9999em;	
					}
					
					#cats h3{						
						background: url(img/widget-title1.gif) top left no-repeat;	
					}
					
					#tweet h3{						
						background: url(img/widget-title2.gif) top left no-repeat;	
					}
					
					#roll h3{						
						background: url(img/widget-title3.gif) top left no-repeat;	
					}
					
					#related h3{						
						background: url(img/widget-title4.gif) top left no-repeat;	
					}
					
					.widget li{
						position: relative;
						padding: 4px 0 2px 0;						
						background: url(img/widget-tick.gif) left center no-repeat	;
						background-position: 0 5px;
					}
					
					
					.widget li a{
						color: #000;		
						display: block;
						text-transform: uppercase;
						padding: 2px 0 2px 24px;
						font-weight: bold;
						font-size: 14px;
					}
					
					#related li a{
						font-size: 11px;
						color: #777;
						text-transform: none;
						font-weight: normal;
						line-height: 1.5em;
					}
					
					.tweet{
						color: #777;
						font-size: 11px;
						padding: 10px 10px 12px 10px;
						line-height: 1.6em;	
						background: url(img/shirt-bottom.gif) bottom center no-repeat;
					}
					
					.tweet strong{
						color: #000;	
					}
					
					.tweet a{
						color: #000;
					}
					
			
		
			
			
			
		
		#manifest{
			position: relative;
			height: 535px;
			overflow: hidden;
			width: 722px;
			margin: 25px auto 65px auto;
			background: url(img/manifest-.gif) top left no-repeat;	
		}
		
			#manifest h1{
				display: none;
			}
		
			.manifest-entry{
				padding: 112px 112px 0 105px;
				height: 423px;
				position: relative;
				overflow: auto;
			}
			
			#manifest p{
				line-height: 1.8em;
				padding: .3em 0 1.8em 0;
			}
			
			#mt1{
				position: relative;
				height: 34px;
				background: url(img/mt1.gif) top left no-repeat;	
				text-indent: -9999em;
			}
			#mt2{
				position: relative;
				height: 34px;
				background: url(img/mt2.gif) top left no-repeat;	
				text-indent: -9999em;
			}
			#mt3{
				position: relative;
				height: 34px;
				background: url(img/mt3.gif) top left no-repeat;	
				text-indent: -9999em;
			}
	
		
		
		
		
		#book{
			position: relative;
			width: 816px;
			margin: 44px auto 14px auto;
		}
		
			#slider{
				position: relative;
				height: 372px;
				margin-bottom: 54px;
			}
			
				#slide-left, img.scrollButtons.left{
					position: absolute;
					top: 50px;
					left: 0;
					width: 69px;
					height: 279px;
					background: url(img/go-left.gif) top left no-repeat;	
				}
				
				#slide-right, img.scrollButtons.right{
					position: absolute;
					top: 50px;
					right: 0;
					width: 69px;
					height: 279px;
					background: url(img/go-right-.gif) top left no-repeat;	
				}
				
				
			
			
			.scroll{				
				width: 678px;
				position: relative;
				overflow: hidden;
				height: 372px;
				margin: 0 69px 0 69px;
			}
			
			.scrollContainer{				
				width: 678px;
				position: relative;
				overflow: hidden;
				height: 372px;
			}
			
				.panel{
					float: left;
					width: 678px;	
					overflow: hidden;
				}
				
					.panel img{
						position: relative;
						display: block;
						margin: auto;
						height: 372px;
						width: 162px;
					}
					
					.panel a{						
						position: relative;
						display: block;
						margin: auto;
						height: 372px;
						width: 162px;
					}
				
				.imga{
					float: left;
					width: 339px;	
					overflow: hidden;
				}
				
				.imgb{
					float: left;
					width: 339px;	
					overflow: hidden;
				}
		
			
			#featured{
				position: relative;
				height: 136px;
				width: 586px;
				padding: 0 14px 0 14px;
				margin: auto;	
				background: url(img/feature-box-.gif) top center no-repeat;	
			}
			
				#featured h1{
					height: 40px;
					text-indent: -9999em;
				}
				
				#featured ul{
					overflow: hidden;
					padding: 0 18px 0 25px;
				}
				
				#featured li{
					float: left;
					width: 33.3%;
					overflow: hidden;
				}
			
			
			#thanks{
				position: relative;
				padding: 12px;
				text-align: center;
				color: #888;
				font-size: 11px;
			}
		
		
		#contact{
			margin: 30px auto 20px 76px;
			width: 798px;
			position: relative;
			overflow: hidden;
			background: url(img/v-line.gif) top center repeat-y;
		}
		
			#do-contact{
				float: left;
				width: 370px;	
			}
			
				#do-contact p{
					overflow: hidden;
					padding-bottom: 8px;
				}
			
				div#do-contact div.contactform form label{
					display: block;
					height: 33px;
					text-indent: -9999em;	
				}
				
				label#label-name{
					background: url(img/label1.gif) top left no-repeat;
				}
				label#label-email{
					background: url(img/label2.gif) top left no-repeat;
				}
				label#label-subject{
					background: url(img/label3.gif) top left no-repeat;
				}
				label#label-message{
					background: url(img/label4.gif) top left no-repeat;
				}
				
				#do-contact .text, input#wpcf_your_name, input#wpcf_email, input#wpcf_website{
					position: relative;
					height: 30px;
					line-height: 30px;
					width: 350px;
					border: 0;
					text-transform: uppercase;
					font-weight: bold;
					color: #000;
					font-size: 14px;
					padding: 8px 10px 8px 10px;	
					font-family: Arial, Helvetica, sans-serif;
					background: url(img/text-bg.gif) top left no-repeat;
				}@import url("http://htmlrockstars.com/is_etc/burton.css");
				
				#do-contact textarea{
					position: relative;
					height: 221px;
					line-height: 1.5em;
					width: 350px;
					border: 0;
					padding: 10px;	
					color: #000;
					font-size: 14px;
					font-weight: bold;
					text-transform: uppercase;
					font-family: Arial, Helvetica, sans-serif;
					background: url(img/message-bg.gif) top left no-repeat;
				}
				
				#do-contact .submit{
					floaT: left;
					height: 44px;
					width: 104px;
					border: 0;
					text-indent: -9999em;
					font-size: 0;
					background: url(img/message-btn-.gif) top left no-repeat;	
				}
				
			
			
			
			#contact-sidebar{
				float: right;
				width: 370px;
				color: #828282;	
				font-size: 14px;
				font-weight: bold;
				text-transform: uppercase;
			}
			
				#contact-sidebar h1{
					position: relative;
					font-weight: bold;
					font-size: 28px;
					padding-bottom: 12px;	
				}
				
				#contact-sidebar p{
					line-height: 1.5em;
					padding-bottom: 1.2em;	
				}
				
				#contact-sidebar a{
					color: #28AADE;
				}
			
				
			
		
		
		
		
		
		
		#product{
			position: relative;
			overflow: hidden;
			width: 770px;
			margin: auto;
			color: #838383;
			margin: 14px auto 14px auto;
		}
		
			#product-info{
				float: right;
				width: 365px;
				overflow: hidden;
				padding-left: 20px;
				background: url(img/v-line.gif) top left repeat-y;
			}
			
				#product-info h1{
					position: relative;
					text-transform: uppercase;
					font-weight: bold;
					font-size: 28px;
					padding-bottom: 12px;	
				}
				
				#the-info{
					position: relative;
					overflow: hidden;
					font-weight: bold;
					font-size: 14px;	
				}
				
					.availability{
						color: #27A9E0;	
					}
					
					#the-info p{
						line-height: 1.4em;
						padding-bottom: 1em;
					}
					
					
				
				#the-price{
					font-size: 50px;
					font-weight: bold;
					color: #27A9E0;
					padding-bottom: 5px;
				}
				
				
				
				#options{
					position: relative;
				}
				
					#options strong{
						font-weight: bold;
						display: block;
						font-size: 14px;
						padding-bottom: 3px;
					}
					
					#options{
						overflow: hidden;
						position: relative;
						padding-bottom: 1.5em;	
					}
					
					#options label{
						float: left;
						height: 25px;
						line-height: 25px;
						font-weight: bold;
						width: 42px;
						border: 1px solid #000;
						margin-right: 4px;
						font-weight: bold;
						color: #000;
						text-align: center;	
						-moz-border-radius: 8px;
						-webkit-border-radius: 8px;
						border-radius: 8px;
					}
					
						#options label span{
							display: none;
						}
				
				#cart-it{
					position: relative;
					overflow: hidden;	
				}
				
					#cart-it .submit{
						float: left;
						height: 28px;
						width: 157px;
						border:0;
						font-size: 0;
						text-indent: -9999em;
						background: url(img/add-to-cart-.gif) top left no-repeat;
					}
				
				
				
			#product-images{
				float: left;
				width: 343px;
			}
			
				.feature-image{
					position: relative;
					display: block;	
				}
				
					.feature-image span{
						position: absolute;
						top: 10px;
						right: 10px;
						height: 41px;
						width: 40px;
						background: url(img/glass-.gif) top left no-repeat;
					}
				
				.images{
					overflow: hidden;
					position: relative;
				}
				
					.images li{
						float: left;
						width: 54px;	
						padding-right: 6px;
					}
					
					.images li a{
						float: left;
						width: 54px;	
					}
					
					.images li a img{
						float: left;
						width: 54px;	
					}
				
					
			
			
			
			#product-tabs{
				position: relative;
				padding: 35px 0 2px 0;
				height: 31px;
				clear: both;
				overflow: hidden;
				background: url(img/tabs-bg.gif) bottom left no-repeat;
			}
			
				#product-tabs li{
					float: left;
					padding-right: 5px;
					height: 31px;	
				}
				
				#product-tabs li a{
					float: left;
					height: 31px;
					width: 153px;
					text-indent: -9999em;
					background: url(img/tab1.gif) top left no-repeat;
				}
			
			#product-bits{
				position: relative;
				overflow: hidden;	
			}
			
				#bit1{
					display: block;
				}
			
				.bit{
					position: relative;
					padding: 18px 0 18px 0;	
					text-align: left;
					font-weight: bold;	
					display: none;	
					font-size: 14px;
				}
				
					.bit p{
						line-height: 1.5em;
						padding-bottom: 1em;
					}
					
					.bit a{						
						color: #27A9E0;
					}
		
		
		
		
	
	
	
	
		#gender{
			position: relative;
			overflow: hidden;
			padding: 8px 0 8px 106px;
			height: 27px;
		}
		
			#gender li{
				float: left;
				padding-right: 16px;
				margin-right: 12px;	
				height: 27px;
			}
			
			#gender li:first-child{
				background: url(img/gender-break-.gif) top right no-repeat;	
			}
		
			#go-mens{
				float: left;
				width: 65px;
				height: 30px;
				margin-top: 4px;
				text-indent: -9999em;
				background: url(img/mens.gif) top left no-repeat;
			}
			
			#go-womens{
				float: left;
				width: 103px;
				height: 30px;
				margin-top: 4px;
				text-indent: -9999em;
				background: url(img/womens.gif) top left no-repeat;
			}



		.products{
			position: relative;
			overflow: hidden;
			width: 756px;
			margin: auto;
			color: #838383;
			background: url(img/v-line.gif) top center repeat-y;
		}
		
			.product-image{
				position: relative;
				display: block;
			}
			
				.product-image img{
					display: block;
					position: relative;
					margin: auto;
				}
				
				.product-image span{
					position: absolute;
					top:0;
					right:12px;
					height: 41px;
					width: 40px;
					background: url(img/glass-.gif) top left;
				}
		
			.products li{
				float: left;
				height: 426px;
				width: 350px;
				margin: 14px;
				background: url(img/shirt-bottom.gif) bottom center no-repeat;
			}
			
			.products li h3{
				text-align: left;
				padding-left: 75px;
				padding-bottom: 10px;	
				font-weight: bold;
				font-size: 14px;
			}
			
				.products li h3 a{
					color: #838383;
				}
			
			.products p{
				text-align: left;
				padding-left: 75px;
				overflow: hidden;	
			}
			
			.products .submit{
				float: left;
				height: 28px;
				width: 157px;
				text-indent: -9999em;
				font-size: 0;
				border: 0;
				background: url(img/add-to-cart-.gif) top left no-repeat;
			}
			
			.products .price{
				float: left;
				height: 27px;
				line-height: 27px;
				padding: 0 8px 0 8px;
				background: #000;
				font-size: 16px;
				margin-left: 5px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
				color: #28AAE1;
				font-weight: bold;
			}
			

blockquote {
margin:22px 40px;
padding:3px;
color:#575757;
padding: 0 50px;
background: transparent url("img/quote.jpg") no-repeat 0 0;
}		
			
			

	#footer{
		position: relative;
		padding: 8px 0 8px 0;
		background: #000;
		color: #fff;
		text-align: center;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}
	
		#footer ul{
			position: relative;
		}
		
		#footer li{
			display: inline;
			padding: 0 8px 0 8px;
			border-right: 1px solid #fff;
		}
		
		#footer li:last-child{
			border: 0;
		}
		
		#footer li a{
			color: #fff;
		}
		
		
		
		.cboc{
			float: left;
			padding-right: 10px;	
		}
		
			.cboc label{
				display: block;
				width: 165px;
				height: 33px;
				text-indent: -9999em;	
			}
			
			#l1{
				background: url(img/label1.gif) top left no-repeat;
			}
			
			#l2{
				background: url(img/label2.gif) top left no-repeat;
			}
			
			#author, #email{
				position: relative;
				padding: 8px;
				height: 30px;
				width: 148px;
				border:0;
				font-weight: bold;
				font-size: 14px;
				color: #000;
				text-transform: uppercase;
				background: url(img/com-text-bg.gif) top left no-repeat;
			}
			
			#comment{
				position: relative;
				font-weight: bold;
				font-size: 14px;
				color: #000;
				padding: 8px;
				width: 354px;
				height: 224px;
				border: 0;
				font-family: Arial, Helvetica, sans-serif;
				background: url(img/com-msg-bg.gif) top left no-repeat;	
				text-transform: uppercase;
			}
			
			#submit{
				border: 0;
				position: relative;
				height: 47px;
				width: 165px;
				text-indent: -9999em;
				font-size: 0;
				background: url(img/comment-submit.gif) top left no-repeat;
			}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		



.related_post_title{display: none;}