/* 
--------------------------------------------------------------------------------
	BROKEN SOUL
	Author(s): Done @ OutstandingCitizens.com 
	Created: 2007-01-27 
	Last modified: 2007-04-11
--------------------------------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #000;
	color: #f4f4f4;
	margin: 0;
	padding: 0;
	text-align: center;
}

body, input, select, textarea {
	font: 11px Arial, Helvetica, Verdana, sans-serif;
}

#wrap {
	width: 860px;
	text-align: left;
	margin: 0 auto;
	background: #000 url(../design/bg_main.gif) repeat-y;
}

#stripe {
	width: 182px;
	height: 107px;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	background: url(../design/bg_stripe.gif) no-repeat;
	text-indent: -9999px;
}

/* 
----------------------------------------------------------------------
  Temporary splash
----------------------------------------------------------------------
*/

#splash {
  background: none;
  background-color: #0d0d0d;
  padding-left: 200px;
}

	#splash #content {
	  width: 235px;
	  height: 380px;
	  background: url(../design/splash.gif) no-repeat;
	  
	}
	
		#splash #content p {
		  font-size: 10px;
		}
		
		#splash #content form {
		  padding: 240px 30px 10px 40px;
		  text-align: right;
		}
		
		#splash #content input.txtField {
		  width: 150px;
		  padding: 3px;
		  border: 1px solid #f1ede9;
		  background-color: #f1ede9;
		}
		
		#splash #content input.darkBtn {
		  border: 1px solid #8b8b8b;
		  background-color: #8b8b8b;
		  color: #fff;
		  margin-top: 10px;
		}

/* 
----------------------------------------------------------------------
	GLOBALS
----------------------------------------------------------------------
*/
h2, h3 {padding-bottom: 5px;}
h1 {
	font-size: 15px;
	padding: 5px 10px 10px 0;
	margin-bottom: 10px;
	background: url(../design/bg_divider.gif) repeat-x left bottom;
}
h2 {font-size: 14px;}
h3 {font-size: 12px;}
h4 {font-size: 11px; font-weight: bold;}

h1#header {
	text-indent: -9999px;
	display: none;
}

a {color: #f4f4f4; text-decoration: none; font-weight: bold;}
a:hover, a:focus { color: #666; text-decoration: underline; }

a.border {
	display: block;
	border: 2px solid #232323;
}

a.border:hover, a.border:focus {
	border: 2px solid #373737;
}

img {border: 0;}
img.border {border: 2px solid #232323;}

fieldset {border: 0;}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

address {font-style: normal;}

/* Inputs */

input.iTxt {
	padding: 5px; 
	background: #202020;
	border: 1px solid #303030;
	color: #808080;
	background: #141414;
	color: #f4f4f4;
}

input[type=text]:focus {
	background: #606060;
}

/* 
----------------------------------------------------------------------
	TOP & PRIMARY NAVIGATION
----------------------------------------------------------------------
*/

#top {
	background: url(../design/bg_logo.jpg) no-repeat;
	position: relative;
}

#top #navHome {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}

	#top #navHome a {
		display: block;
		width: 190px;
		height: 140px;
	}

#nav {
	height: 90px;
	padding-left: 320px;
}

	#nav ul {list-style: none; float: left;}
		
		#nav ul li {
			float: left;
			padding: 4px 10px 0 10px;
		}
		
			#nav ul li a {
				color: #f4f4f4;
				display: block;
				height: 30px;
			}
			
			#nav ul li a:hover, #nav ul li a:focus {
				color: #fff;
				text-decoration: none;
			}
			
			#nav ul li a span {display: none;}
			
			/*#nav ul li a span {text-indent: -9999px;}*/
			
			#nav ul li a.home {background: url(../design/top/nav/home_idle.gif) no-repeat; width: 38px;}
			#nav ul li a.art {background: url(../design/top/nav/art_idle.gif) no-repeat; width: 18px;}
			#nav ul li a.bands {background: url(../design/top/nav/bands_idle.gif) no-repeat; width: 38px;}
			#nav ul li a.labels {background: url(../design/top/nav/labels_idle.gif) no-repeat; width: 40px;}
			#nav ul li a.clothing {background: url(../design/top/nav/clothing_idle.gif) no-repeat; width: 155px;}
			#nav ul li a.links {background: url(../design/top/nav/links_idle.gif) no-repeat; width: 28px;}
			#nav ul li a.about {background: url(../design/top/nav/about_idle.gif) no-repeat; width: 38px;}
			#nav ul li a.suicide {background: url(../design/top/nav/suicide_idle.gif) no-repeat; width: 102px;}
			
			#nav ul li:hover { background: url(../design/top/nav/active.gif) no-repeat;}
/*
----------------------------------------------------------------------
	SHOPPING BAG
----------------------------------------------------------------------
*/

#shoppingBag {
	height: 100px;
	padding-right: 180px;
}
	
	#wrapBag {
		float: right;
		padding-top: 15px;
		text-align: right;
		position: relative;
	}
	
	#wrapBag #addedItems {
			text-align: right;
			padding: 25px 80px 0 0;
		}
		
		#wrapBag #addedItems p {}
		#wrapBag #addedItems p span {font-size: 14px; font-weight: bold; padding-right: 5px;}
	
	#wrapBag #bag {
			position: absolute;
			padding-left: 10px;
			top: 15px;
			right: 0;
		}
		
		#wrapBag #bag a {
			width: 66px;
			height: 66px;
			display: block;
			background: url(../design/shop/bag.gif) no-repeat top right;
		}
		
			#wrapBag #bag a span {display: none;}
			
			
#overlayBag {
	width: 100%; height: 100%;
	position: absolute;
	z-index: 100;
	top: 0; left: 0;
	background: #000;
	filter:alpha(opacity=60);   /* Internet Explorer       */
  -moz-opacity: 0.6;          /* Mozilla 1.6 and below   */
  opacity: 0.6;               /* newer Mozilla and CSS-3 */
}

	#overlayBag #items {
		width: 400px; height: 250px;
		position: absolute;
		top: 50%; left: 50%;
		margin: 125px 0 0 200px;
		filter:alpha(opacity=100); /* discarded */
   	-moz-opacity: 1.0;         /* discarded */
   	opacity: 1.0;              /* discarded */
		background: #fff /*url(../design/shop/fill.gif)*/;
		color: #fff;
		z-index: 200;
	}

/* Shop summary table */

#shopSummary {
	width: 540px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

	#shopSummary tbody td.center, #shopSummary thead th.center, #shopSummary tfoot td.center {
		text-align: center;
	}
	
	#shopSummary td.right {
		text-align: right;
	}

	#shopSummary thead {
		font-size: 11px;
		color: #ccc;
		text-transform: uppercase;
		text-align: left;
		height: 30px;
		vertical-align: top;
	}
	
	#shopSummary thead th {
		padding: 0 5px 0 0;
		border-bottom: 1px solid #232323;
	}
	#shopSummary tbody tr:hover, #shopSummary tbody tr:focus {
		background: #141414;
	}

	#shopSummary tbody tr.shipping td {
		background-color:#230000;
	}
	
		#shopSummary tbody td {
			font-size: 12px;
			padding: 8px 5px 8px 0;
			border-bottom: 1px solid #232323;
			vertical-align: center;
		}
		
		#shopSummary tbody td.delItem {
			padding-right: 22px;
		}
		
		#shopSummary tbody td.delItem a {
			float: right;
			display: block;
			width: 16px;
			height: 16px;
			background: transparent url(../design/icons/del_sm.gif) no-repeat;
			text-indent: -9999px;
		}
		
	#shopSummary tfoot td {
		padding: 8px 5px 8px 0;
		font-size: 15px;
		font-weight: bold;
	}
	
	#shopSummary tfoot td.large {
		font-size: 15px;
	}
	
	#shopSummary td.dollar {
		font-weight:normal;
		color: #999;
	}

/* Shop buy list */

.buyList{
	list-style: none;
	line-height: 0;
	margin-bottom: 10px;
}

	.buyList li{
		margin-bottom:6px;
	}
	
	.buyList li.active {background: #141414;}
	
		.buyList li a span { font-stretch:semi-condensed;}
		.buyList li a span.price { font-size: 16px; font-weight: bold; color:#fff; padding-left: 5px; }
	
		.buyList li a {
			font-size: 16px; font-weight:normal;
			line-height: 33px;
			display: block;
			color: #666;
			padding: 0 5px 0 50px;
			background-repeat:no-repeat;
		}
		.buyList li.cd a { background-image:url(../design/icons/cd.gif); }
		.buyList li.dvd a { background-image: url(../design/icons/dvd.gif); }
		.buyList li.lp a { background-image: url(../design/icons/lp.gif); }
		.buyList li.merch a { background-image: url(../design/icons/merch.gif); }
		.buyList li.misc a { 
			background-image: url(../design/icons/misc.gif); 
			font-size: 9px;
			line-height: 15px !important; line-height: 16px;
		}

		.buyList li a:hover, .buyList li a:focus {
			background-color: #141414;
			text-decoration: none;
			/*color: #f4f4f4;*/
		}
		
		/* Out of stock */
		.buyList li.soldout span { 
			font-size: 12px; font-weight: bold; 
			line-height: 32px;
			display: block;
			color: #7e0000;
			padding: 0 5px 0 50px;
			background-repeat:no-repeat;
		}
		.buyList li.cd_sold_out span { background-image:url(../design/icons/cd_sold_out.gif); }
		.buyList li.dvd_sold_out span { background-image: url(../design/icons/dvd_sold_out.gif); }
		.buyList li.lp_sold_out span { background-image: url(../design/icons/lp_sold_out.gif); }
		.buyList li.merch_sold_out span { background-image: url(../design/icons/merch_sold_out.gif); }
		.buyList li.misc_sold_out span { background-image: url(../design/icons/misc_sold_out.gif); }

/* 
----------------------------------------------------------------------
	NEWSLETTER SIGN UP
----------------------------------------------------------------------
*/

form#newsletter {
	margin-bottom: 10px;
}

	form#newsletter input { margin: 5px 5px 5px 0;}
	
	form#newsletter p {padding: 0 0 5px 0; color: #cc0000;}
	form#newsletter img {}

/*
----------------------------------------------------------------------
	MAIN CONTENT
----------------------------------------------------------------------
*/

#main {
	width: 580px;
	float: left;
	line-height: 18px;
}

#mainWide {
	width: 860px;
	line-height: 18px;
}

	#main .padder, #mainWide .padder {
		padding: 0 20px 0 20px;
	}

	.wide p {
		margin-bottom:10px;
	}
/*
----------------------------------------------------------------------
	SUB NAVIGATION
----------------------------------------------------------------------
*/

.subNav {
	border-bottom: 1px solid #232323;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

	.subNav .pageNav {
		float: left;
	}
	
		.subNav .pageNav a {
			padding-right: 10px;
		}
		.subNav .pageNav a.active {
			color:#6f2323;
		}
		
	
	.subNav .sort {
		float: right;
	}


/* HIGHLIGHT ---------------------------------------- */

.highlight {
	width: 540px;
	clear: both;
	padding-bottom: 10px;
}

	.highlight .imgHolder {
		float: left;
		width: 315px;
		line-height: 0;
	}

		.highlight .imgHolder a {width: 300px;}

	.highlight .desc {
		width: 225px;
		float: right;
	}

/* 2 COLUMNS ---------------------------------------- */

.colLeft {
	float: left;
	width: 320px;
}

.colRight {
	float: right;
	margin-left: 20px;
	width: 200px;
}

/*.colLeft, .colRight {width: 265px;}*/

	.colLeft .mainList {width: 200px;}

/*
----------------------------------------------------------------------
	ITEMS THUMB LIST
----------------------------------------------------------------------
*/

.itemsList {
	
}

	.itemsList .left {float: left;}
	.itemsList .right {float: right;}
	.itemsList .item {
		width: 400px;
		border-bottom: 1px solid #232323;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
		
		.itemsList .item .pack {
			float: left;
			padding-right: 10px;
			line-height: 0;
		}
		.itemsList .item .pack a {
			float: left;
			width: 80px;
		}
		
		.itemsList .item .desc a {font-weight: normal;}
		.itemsList .item .desc h3 a {text-transform: uppercase; font-weight: bold;}

/*
----------------------------------------------------------------------
	MAIN LIST & TOUR LIST
----------------------------------------------------------------------
*/

.mainList{
	list-style: none;
	line-height: 0;
	margin-bottom: 10px;
}

	.mainList li{
		border-bottom: 1px solid #232323;
	}
	
	.mainList li.active {background: #141414;}
	
		.mainList li a span {font-size: 9px; font-weight: normal;}
	
		.mainList li a {
			line-height: 30px;
			display: block;
			color: #666;
			padding: 0 5px 0 5px;
		}
		
		.mainList li a:hover, .mainList li a:focus {
			background: #141414;
			text-decoration: none;
			color: #f4f4f4;
		}
		
		.mainList li a.external:hover, .mainList li a.external:focus {
			background: #141414 url(../design/icons/url.gif) no-repeat center right;
		}
		
		.colRight .mainList li a {line-height: 16px; padding: 5px; font-weight: bold;}
		
		#secondary .mainList {padding-bottom: 10px;}
		
/* Tour list */
.tourList {
	list-style: none;
}

	.tourList li {
		border-bottom: 1px solid #232323;
		padding: 5px 0 5px 0;
	}
	
		.tourList li span {padding-right: 20px;}
		
/*
----------------------------------------------------------------------
	NEWS LIST
----------------------------------------------------------------------
*/

.newsList {
	list-style: none;
	/*font-size: 10px;*/
}

	.newsList li {
		padding-bottom: 5px;
	}

		.newsList li table {
			width: 320px;
			padding: 0;
			background: #141414;
		}
		
			.newsList li table td {
				padding: 5px 0 5px 0;
				margin: 0;
				vertical-align: top;
			}
		
			.newsList li table td.date {
				width: 50px;
				text-align: center;
				color: #666;
				background: #000 url(../design/bg_date.gif) no-repeat;
			}
			
				.newsList li table td.date span.large {
					font-size: 22px;
					width: 50px;
					display: block;
					padding: 5px 0 15px 0;
				}
				
				.newsList li table td.date span.small {
					font-size: 9px;
					
				}
			
			.newsList li table td.desc {
				padding: 5px 10px 10px 10px;
			}
			
			.newsList li table td.desc h4 {padding-bottom: 5px;}

/*
----------------------------------------------------------------------
	SECONDARY CONTENT
----------------------------------------------------------------------
*/

#secondary {
	width: 280px;
	float: right;
}

	#secondary .padder {
		padding-right: 30px;
	}
	
	#secondary .sItem {
		padding: 5px 0 5px 0;
		width: 250px;
		border-bottom: 1px solid #232323;
	}
	
	#secondary .sItem:hover, #secondary .sItem:focus {background: #141414;}
	
		#secondary .sItem .pack {
			width: 95px;
			float: left;
			line-height: 0;
		}
		
			#secondary .sItem .pack a {
				width: 80px;
			}
		
		#secondary .sItem .desc {
			float: left;
			width: 155px;
		}
		
			#secondary .sItem .desc h4 {
				padding-bottom: 5px;
			}
			
			#secondary .sItem .desc p {
				line-height: 21px;
				padding-right: 5px;
				background: url(../design/bg_divider_dotted.gif);
			}
			
				#secondary .sItem .desc p span {
					font-size: 10px;
					font-weight: bold; 
					color: #666; 
					text-transform: uppercase;
					padding-right: 5px;
				}

/* 
----------------------------------------------------------------------
	FOOTER
----------------------------------------------------------------------
*/

#footer {
	height: 150px;
	background: url(../design/bg_footer.gif) no-repeat left bottom;
}

	#footer #altNav {
		float: left;
		padding: 53px 0 0 120px;
	}
	
		#footer #altNav p {
			padding-left: 10px;
			margin-top: 5px;
			font-size: 10px;
			color: #333;
		}
		
		#footer #altNav a {
			color: #4e4e4e;
			padding: 0 10px 5px 10px;
		}
		
		#footer #altNav a:hover, #footer #altNav a:focus {
			text-decoration: underline;
			color: #666;
		}
	
	#footer #osc {
		float: right;
		padding: 55px 20px 0 0;
	}
	
		#footer #osc a {
			width: 60px;
			height: 35px; 
			display: block;
			background: url(../design/logo_osc_idle.gif) no-repeat;
			text-indent: -9999px;
		}
		
		#footer #osc a:hover,#footer #osc a:focus {
			background: url(../design/logo_osc_hover.gif) no-repeat;
		}