@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}

/* BEGIN SNAKES & SUITS STYLING */

body {
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/bg-tile-blog.jpg);
}

h1 {
	color: #535353;
	font-size: 18px;
	line-height: 21px;
	padding-bottom:5px;
	margin-bottom: 10px;
	font-weight: normal;
	text-transform:uppercase;
	font-style:italic;
	font-weight:bold;
	/*display:inline;*/
}

h2, #layout h2  {
	color:#999999;
	margin-bottom:0px;
	font-size:12pt;
}

h3 {
	/*padding-left:15px;
	background-image:url(../images/blue-squares.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-size:10px;	
	font-style:italic;
	color:#8cc63f;
	margin-bottom:10px;*/
	
}

a {
	text-decoration:none;
	color:#29abe2;
}

p {
    margin-bottom:12px;
	color:#949494;
	font-size:12px;
	line-height:18px;
	display:block;
}

.hr1 {
	width:100%;
	display:block;
	height:1px;
	overflow:hidden;
	background-color:#d9d9d9;
	margin:10px 0;
	clear:both;
}

#layout {
	width:744px;
	margin:0px auto;
	background-image:url(../images/bg-layout.png);
}

#sitecontent {
	width:700px;
	background-color:#fff;
	margin:0px 0px 0px 24px;
}

#header {
	width:700px;
	height:133px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	padding:0px 0px 0px 0px;
	border-bottom-style:solid;
	border-bottom-color:#262626;
	border-bottom-width:2px;
	position:relative;
}

#email {
	font-size:8px; 
	background-image:url(../images/bg-email.jpg);
	border-width:1px;
	border-style:solid;
	border-color:#393939;
	color:#999999;
	margin:2px;
	padding:1px 0 0 1px;
	background-position:left;
	background-repeat:repeat-x;
	height:10px;
	width:120px;
}

#email-container {
	float:right;
	width:148px;
	height:20px;
	background-image:url(../images/bg-email.jpg);
	border-style:solid;
	border-color:#2e2c2d;
	border-width:1px;
	text-align:right;
}

#email-button {
	float:left;	
	padding-left:0px;
	margin:5px 0px 0px 4px;
	background-image:url(../images/email-button.gif);
	background-repeat:no-repeat;
	width:14px;
	height:10px;
	border:0px;
}

/*#menu-container {
	width:530px;
	margin:0 160px 0 0;
	clear:both;
	padding-top:92px;
	float:right;
	
}

ul#menu {
    float:right;
}
ul#menu li {
	display:block;
	float:left;
	background-color:#1a1a1a;
	font-size:11px;
	font-weight:normal;
}

a.menu-link {
	text-decoration:none;
	color:#666;
	margin:4px;
}

a.menu-link:hover {
	color:#0099FF;
}

a.menu-link-active {
	text-decoration:none;
	color:#0099FF;
	margin:4px;
}
*/


/* TABBED MENU */

.menu-container {
	width:420px;
	margin:auto;
	clear:both;
	padding-top:87px;
	padding-left:90px;
}

/* style the tabs in IE (the trailing comma prevents other browsers from reading this) */
.tabbar li, .tabbar ul li, {
	
	/* make them horizontal in IE*/
	display: inline;
	
	/* space them a little in IE*/
	margin: 0 4px;
}

/* style the tabs */
.tab , .tabselected  {
	
	/* make them horizontal in Firefox 2*/
	display: -moz-inline-box;
	
	/* make them horizontal in all other browsers*/
	display: inline-block;
	
	/* space them a little */
	padding: 2px;
	
	color:#666;
	font-size:11px;
	font-weight:bold;
}

.tab a {
	color:#666;

}

.tab a:hover {
	color:#0099FF;
}

/* make changes to the selected tab */
.tabselected a {
	color:#0099FF;
}	



ul#follow li {
	float:right;
	font-size:8px;
	color:#4E4E4E;
	margin:1px;
}

#follow-container {
	position:absolute;
	left:544px;
	top:111px;
	width:150px;
	line-height:16px;
}

#cart-container, #items {
	position:absolute;
	left:544px;
	top:111px;
	width:150px;
	line-height:16px;
	text-align:right;
	
	color:#B3B3B3;
	font-size:10px;
	text-transform:uppercase;
}

#cart-container-2 {
	position:absolute;
	left:539px;
	top:84px;
	width:150px;
}

#cart-container-2, #cart-container-2 a {
    line-height:16px;
    text-align:right;	
    color:#B3B3B3;
    font-size:9px;
    text-transform:uppercase;
}

a#button-twitter {
	display:block;
	width:16px;
	height:16px;
	background-image:url(../images/button-twitter.gif);
	margin-left:20px;
	background-position:left;
}

a#button-twitter:hover {
	background-position:right;
}


a#button-facebook {
	display:block;
	width:16px;
	height:16px;
	background-image:url(../images/button-facebook.gif);
	background-position:left;
}

a#button-facebook:hover {
	background-position:right;
}

a#button-myspace {
	display:block;
	width:16px;
	height:16px;
	background-image:url(../images/button-myspace.gif);
	background-position:left;
}

a#button-myspace:hover {
	background-position:right;
}

#footer {
	margin:0 auto;
	clear:both;
	width:744px;
	height:75px;
	background-image:url(../images/bg-footer-w.png);
	background-position:bottom;
}

#footer-content {
	float:left;
	margin:0px 10px 0px 44px;
	padding:0px 0px 0px 35px;
	width:700px;
	height:90px;
	background-image:url(../images/ampersand-w.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:10px;
}
#footer-content ul {
    margin:0 0 0 6px;
}
#footer-text1 {
	color:#666;
	font-weight:bold;
	font-style:italic;
	margin-bottom:2px;
}

#footer-text2 {
	color:#333333;
	font-weight:bold;
	font-style:italic;
}

/* BEGIN WE ARE SECRET SITE LINK */

a#wearesecret {
	float:right;
	display:block;
	width:77px;
	height:18px;
	background-image:url(../images/wearesecret-w.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin:8px 75px 0px 0px;
}

a#wearesecret:hover {
	background-position:right;
}

/* END WE ARE SECRET SITE LINK */

/* BEGIN SIDEBAR */

#sidebar {
	width:150px;
	float:left;
	background-color:#fff;
	margin:0px 0px 20px 0px;
	clear:both;
	border:1px solid #4e4e4e;
}

#tweets-header {
	height:30px;
	background-color:#1a1a1a;
	background-image:url(../images/tweet.gif);
	background-position:5px;;
	background-repeat:no-repeat;
	font-size:11px;
	color:#999999;
	font-weight:bold;
	padding-left:30px;
	line-height:32px;
}

#tweets {
	font-size:9px;
	padding:10px;
	line-height:12px;
	background-color:#212121;
	border-top-style:solid;
	border-top-width:3px;
	border-top-color:#333333;	
}

#tweet1h {
	color:#666666;
}

#featureditem-header {
	height:30px;
	background-color:#1a1a1a;
	background-image:url(../images/arrows.gif);
	background-position:10px;
	background-repeat:no-repeat;
	font-size:11px;
	color:#999999;
	font-weight:bold;
	padding-left:30px;
	line-height:32px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#c3c3c3;
	margin:0;	
}

#featureditem {
	height:220px;
	/*background:#495E5F url(http://208.85.147.59/wp-content/themes/snakesandsuits/images/sidebar/SidePanel_Featured.jpg) top left no-repeat;*/
}

#sales-header {
	height:30px;
	background-color:#1a1a1a;
	background-image:url(../images/star.gif);
	background-position:10px;
	background-repeat:no-repeat;
	font-size:11px;
	color:#999999;
	font-weight:bold;
	padding-left:30px;
	line-height:32px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#c3c3c3;
	margin:0;	
}

#sales {
	height:220px;
	/*background:#495E5F url(http://208.85.147.59/wp-content/themes/snakesandsuits/images/sidebar/SidePanel_Top.jpg) top left no-repeat;*/
}	
	#featureditem a,
	#sales a {
		display:block;
		height:220px;
		width:100%;
		text-indent:-999px;
		overflow:hidden;
	}

.sidebar-header {
	height:30px;
	background-color:#1a1a1a;
	background-image:url(../images/arrows.gif);
	background-position:10px;
	background-repeat:no-repeat;
	font-size:11px;
	color:#999999;
	font-weight:bold;
	padding-left:23px;
	line-height:31px;
	/*border-top-style:solid;
	border-top-width:1px;
	border-top-color:#c3c3c3;*/
	margin:0;
}

.sidebar-item {
	background:#fff;
}
    .sidebar-item ul {
        margin:4px 0;
    }
        .sidebar-item ul li {
            background:transparent url(../images/arrows-sub-w.gif) 11px 6px no-repeat;
            display:block;
            clear:both;
            padding:0 0 0 25px;
            margin:2px 0;
        }
        .sidebar-item ul li, .sidebar-item ul li a {
            font-size:11px;
        	color:#3f3f3f;
        	font-weight:normal;
        	line-height:18px;
        	text-transform:uppercase;
	    }
/* END SIDEBAR */

#content {
	width:510px;
	float:right;
	padding:20px 15px 10px 20px;
	background-color:#fff;
}

.clr {
	clear:both;
}

.store-img {
    float:left;
    clear:left;
    width:215px;
	z-index:99;
}
    .store-img .mainimg {
        width:200px;
        overflow:hidden;
		padding:3px;
		border:1px solid #d9d9d9;
    }
    .store-img .mainimg img {
        width:200px;
    }
	.navinator {
		text-align:center;
		margin:10px 0 20px 0;
	}
		.navinator a {
			padding:3px 5px;
			border:1px solid #d3d3d3;
			font-size:11px;
			line-height:18px;
			color:#050505;
		}
			.navinator a.active {
				padding:5px;
				border:#d3d3d3;
				background-color:#262626;
				font-size:11px;
				color:#fff;
			}
.store-info {
    float:left;
    clear:right;
    width:270px;
	margin:0 0 0 10px;
	z-index:3;
}
	.store-info .price {
		margin:2px 0 10px 0;
	}
	.store-info h1 {
		display:inline;
	}
	
	.variations {
		display:block;
		margin:10px 0;
	}
		.variations select {
			width:100%;
		}
	.addtocart {
		display:block;
		clear:both;
		margin:17px 0;
		/*position:relative; removed for zoom, over*/
	}
		.addtocart input {
			display:block;
			margin:0 10px 0 0;
		}
			.addtocart input.button, form a.addtowishlist {
				/*position:absolute;
				left:80px;
				top:-3px;*/
				color:#fff;
				background:#29abe2;
				background-image:none !important;
				width:100%;
				z-index:1;
				
			}
	.addtowishlist a {
		display:block;
		clear:both;
		margin:0 0 10px 0;
		
				background:#29abe2;
				border: none;
				font-size: 12px;
				color: #fff;
				text-decoration: none !important;
				text-decoration: none;
				line-height: 20px;
				padding: 5px;
				cursor: pointer;
				cursor: hand;
				text-align: center;
				display:block;
				text-transform:uppercase;
	}
	
.store-alsolikes {
    display:block;
    clear:both;
    width:100%;
}

/* BEGIN BLOG STUFF */

.stbuttontext{
	text-decoration:none;
	color:#006666;
	font-size:12px;
}

#pic1 {
	height:285px;
	background-image:url(../images/bljb.jpg);
	margin-bottom:10px;	
} 

.article-text {
	color:#666666;
	font-size:10pt;
	margin-bottom:10px;
}

.blogpost {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom-style:solid;
	border-bottom-color:#333333;
	border-bottom-width:1px;
}

/* END BLOG STUFF */

/* BEGIN ABOUT STUFF */

.about-text {
	color:#666666;
	font-size:10pt;
	line-height:12pt;
	margin-right:20px;
}

#about-header {
	margin:20px 0px 10px 0px;
	font-size:10pt;
}

#aboutpic {
	width:496px;
	height:150px;
	border-style:solid;
	border-width:1px;
	border-color:#333;
	margin-top:20px;
	padding-top:150px;
	color:#333;
}

/* END ABOUT STUFF */

/* BEGIN PROMOTE STUFF */

#content-promote {
	width:490px;
	float:left;
	margin:20px 0px 10px 40px;	
}

.promote-header {
	margin:20px 0px 10px 0px;;
	font-size:10pt;
}

.promote-text {
	color:#666666;
	font-size:12px;
	margin-top:10px;
}

#promote-box {
	width:468px;
	height:70px;
	padding:5px 10px 10px 10px;
	background-image:url(../images/promote-box.jpg);
	background-repeat:no-repeat;
	font-size:10px;
}
/* END PROMOTE STUFF */

/* BEGIN PHOTOS STUFF */

ul#photogallery li {
	display:block;
	float:left;
}

a.photoholder {
	display:block;
	width:165px;
	padding-right:5px;
	margin-bottom:15px;
	float-left;
	font-size:12px;
	color:#CCCCCC;
	margin:5px 0px 15px 0px;
}

a.photoholder:hover {
	color:#FFFFFF;
}

.gallerytext {
	font-size:10px;
	color:#666666;
}

#photo1 {
	display:block;
	background-image:url(../images/photogallery/photo1.jpg);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}

#photo2 {
	display:block;
	background-image:url(../images/photogallery/photo2.jpg);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}

#photo3 {
	display:block;
	background-image:url(../images/photogallery/photo3.jpg);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}

#photo4 {
	display:block;
	background-image:url(../images/photogallery/photo4.jpg);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}

#photo5 {
	display:block;
	background-image:url(../images/photogallery/photo5.jpg);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}

#photo6 {
	display:block;
	background-image:url(../images/photogallery/photo6.jpg);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}

/* END PHOTOS STUFF */

/* BEGIN CONTACT STUFF */

#content-contact-left {
	width:150px;
	float:left;
}

#content-contact-right {
	float:left;
	font-size:10px;
	color:#666666;
}

.formlabel {
	margin:5px 0px 5px 0px;
}

#formlabel-name {
	margin:0px 0px 5px 0px;
}

#contact-email {
	font-size:11px;
	color:#666666;
}

/* END CONTACT STUFF */

/* BEGIN BANDS STUFF */

ul#bandgallery li {
	display:block;
	float:left;
}

a.logoholder {
	display:block;
	width:160px;
	padding-right:5px;
	margin-bottom:15px;
	float-left;
	text-align:center;
	font-size:10px;
	color:#b2c8d7;
	margin:5px 0px 0px 0px;
}

a.logoholder:hover {
	color:#FFFFFF;
}


#twosweet {
	display:block;
	background-image:url(../images/bands/2sweet.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#arockettothemoon {
	display:block;
	background-image:url(../images/bands/arockettothemoon.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#theacademyis {
	display:block;
	background-image:url(../images/bands/theacademyis.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#alltimelow {
	display:block;
	background-image:url(../images/bands/alltimelow.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#theaudition {
	display:block;
	background-image:url(../images/bands/theaudition.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#brighten {
	display:block;
	background-image:url(../images/bands/brighten.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#thecab {
	display:block;
	background-image:url(../images/bands/thecab.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#cobrastarship {
	display:block;
	background-image:url(../images/bands/cobrastarship.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#cuteiswhatweaimfor {
	display:block;
	background-image:url(../images/bands/cuteiswhatweaimfor.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#dangerradio {
	display:block;
	background-image:url(../images/bands/dangerradio.gif);
	background-repeat:no-repeat;
	background-position:center 25px;
	height:70px;
	margin-bottom:5px;
}

#empires {
	display:block;
	background-image:url(../images/bands/empires.gif);
	background-repeat:no-repeat;
	background-position:center 5px;
	height:70px;
	margin-bottom:5px;
}

#foreverthesickestkids {
	display:block;
	background-image:url(../images/bands/foreverthesickestkids.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:70px;
	margin-bottom:5px;
}

#forgivedurden {
	display:block;
	background-image:url(../images/bands/forgivedurden.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#thegraduate {
	display:block;
	background-image:url(../images/bands/thegraduate.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#hitthelights {
	display:block;
	background-image:url(../images/bands/hitthelights.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#themaine {
	display:block;
	background-image:url(../images/bands/themaine.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#powerspace {
	display:block;
	background-image:url(../images/bands/powerspace.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#tequilamockingbird {
	display:block;
	background-image:url(../images/bands/tequilamockingbird.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#thestartingline {
	display:block;
	background-image:url(../images/bands/thestartingline.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#thisprovidence {
	display:block;
	background-image:url(../images/bands/thisprovidence.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#wethekings {
	display:block;
	background-image:url(../images/bands/wethekings.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin:5px;
}

/* END BANDS STUFF */

.mailinglistbtn {
	background:url(../images/email-button.gif);
	float:left;
	width:14px;
	height:10px;
	text-indent:-999px;
	overflow:hidden;
	margin:4px 0 0 4px;
}
	.mailinglistbtn span {display:none;}
	
.imgoption img { margin:10px; }	
.imgoption {
	width:1px;
	height:1px;
	overflow:hidden;
	display:inline;
	float:left;
}