@charset "utf-8";
/* CSS Document */

/*THIS IS THE NORMALIZING CODE FOR ALL BROWSERS-------------------------------------------------*/

/*Normalizes margin and padding*/
body, div, dl, dt, dd, ul, ol, li, h1, h1, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0;}

/*Normalizes font-size for headers*/
h1, h2, h3, h4, h5, h6
{ font-size: 100%;}

/*Removes list-style from lists*/
ol,ul
{ list-style: none;}

/*Normalizes font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal;}

/*Collapses all tables*/
table
{ border-collapse: collapse; border-spacing: 0;}

/*Removes borders from fieldset and img*/
fieldset, img
{ border: 0;}

/*Left-aligns text in caption and th*/
caption, th
{ text-align: left;}

/*Removes quotations from q*/
q:before, q:after
{ content: '';}

/*Aligns entire html page and starts layout.css-------------------------------------------------*/
html
{ background: #000 url(../images/htmlBkgd.jpg) repeat-y 0 0; }

/*clearfix*/
.clearfix {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	}

.clearfix { display: inline-block; }

/*Aligns body to center and sets width, aligns text left*/
body {
	text-align: center;
	font: 12px/1.6 Verdana, Geneva, sans-serif;
}

#container {
	text-align: left;
	width: 1000px;
	float: left;
}

/* HEADER */
#header {
	color: #fff;
	position:absolute;
	top: 0;
	left: 0;
	height: 121px;
	width: 430px;
	text-align: center;
	padding-left: 1px;
	background: url(../images/menuBkgd.png) no-repeat 0 0;
}
#header ul li {
	display: inline;
	margin-left: 0;
}
#header ul li a {
	text-transform: lowercase;
	border-right: 2px dotted #333;
	float: left;
	color: #fff;
	font-weight: normal;
	padding: 5px 8px;
	text-decoration: none;
	font-size: 12px;
	border-right: 1px dashed #ccc;
}
#header ul li a.last {
	border: none;
}
#header ul li a:hover {
	background: url(../images/swirl.png) no-repeat center center;
}

#leftCol {
	color: #fff;
	float: left;
	width: 430px;
	padding-bottom: 30px;
	background: url(../images/leftColBkgd.jpg) no-repeat 0 0;
}
#middleCol {
	position: relative;
	float: left;
	width: 300px;
	padding-bottom: 30px;
	background: url(../images/middleBkgd.jpg) no-repeat 0 0;
}
#rightCol {
	color: #fff;
	float: left;
	width: 270px;
	padding-bottom: 30px;
	background: url(../images/rightColBkgd.jpg) no-repeat 0 0;
}

#leftCol p, #leftCol h2, #leftCol h3, #leftCol ul, #middleCol p, #middleCol h1, #middleCol blockquote, #middleCol h2, #middleCol h3, #middleCol ul {
	padding: 10px 30px;	
}
#rightCol p, #rightCol h2, #rightCol h3, #rightCol ul {
	padding: 10px 0 10px 30px;	
}

/* SHOWS */
#shows {
	clear: both;
}
#shows ul li {
	border-bottom: 1px dashed #666;
	color: #fff;
	padding: 5px 0;
}
h2.shows {
	text-indent: -999999px;
	width: 270px;
	height: 75px;
	background: url(../images/showsH2.png) no-repeat -20px 30px;
}

/* NEWS */
#news {
	margin-top: 100px;
	text-align: left;
}
#news h3 {
	text-align: left;
	color: #fff;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
	font-size: 18px;
}
span.date {
	margin: -20px 0 0 30px;
	line-height: normal;
	font-size: 12px;
	color: #ccc;
}
h2.home {
	position:relative;
	top: 0;
	left: 50px;
	margin: 0 0 -20px -15px;
	padding: 0;
	width: 270px;
	height: 75px;
	background: url(../images/homeh2.png) no-repeat 0 0;
	text-indent: -999999px;		
}
h2.blogr {
	position:relative;
	top: 0;
	left: 50px;
	margin: 0 0 -20px 165px;
	padding: 0;
	width: 270px;
	height: 75px;
	background: url(../images/blogh2.png) no-repeat 0 0;
	text-indent: -999999px;		
}
h2.contact {
	position:relative;
	top: 0;
	left: 50px;
	margin: 0 0 -20px -15px;
	padding: 0;
	width: 270px;
	height: 75px;
	background: url(../images/contacth2.png) no-repeat 0 0;
	text-indent: -999999px;		
}
h2.band {
	position:relative;
	top: 0;
	left: 50px;
	margin: 0 0 -20px -15px;
	padding: 0;
	width: 270px;
	height: 75px;
	background: url(../images/bandh2.png) no-repeat 0 0;
	text-indent: -999999px;		
}
ul.bandList {	
}
ul.bandList img {
	float: left;
	padding: 2px;
	margin: 5px 5px 5px 0;
	border: 1px dotted #333;
}
ul.bandList li {
	margin: 5px 0;
	padding: 0;
	float: left;
	clear: both;
}
ul.storeList img {
	padding: 2px;
	margin: 0 20px 0 50px;
	border: 1px solid #000;
}
ul.storeList li {
	margin: 5px 0;
	padding: 0 0 20px 0;
	float: left;
	clear: both;
}
ul.storeList li span.price {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	clear: both;
	margin-left: 95px;
}

h2.store {
	position:relative;
	top: 0;
	left: 50px;
	margin: 0 0 -20px -15px;
	padding: 0;
	width: 270px;
	height: 75px;
	background: url(../images/storeh2.png) no-repeat 0 0;
	text-indent: -999999px;		
}

h2.links {
	position:relative;
	top: 0;
	left: 50px;
	margin: 0 0 -20px -15px;
	padding: 0;
	width: 270px;
	height: 75px;
	background: url(../images/linksh2.png) no-repeat 0 0;
	text-indent: -999999px;		
}
ul.linkList {
}
ul.linkList li {
	margin: 0;
	padding-left: 20px;
}
ul.linkList li a {
	color: #fff;
	font-size: 15px;	
	text-decoration: none;
}
ul.linkList li a:hover {
	color: #ccc;
	border-bottom: 1px dashed #ccc;	
}

/* PICTURES */
#pictures {
	margin-bottom: 20px;	
}
#pictures ul li {
	margin-left: 0;
	margin-right: 2px;
	float: left;
	padding: 1px;
	display: inline;
}
h2.flickr {
	text-indent: -999999px;
	width: 270px;
	height: 50px;
	background: url(../images/flickrH2.png) no-repeat 0 0;	
}

/* PRESSKIT */
h1 {
	width: 230px;
	height: 90px;
	text-indent: -999999px;
	background:	url(../images/Logo.png) no-repeat top center;
	position: absolute;
	top: 130px;
	left: 5px;
}
blockquote {
	display: none;	
}
#pressKit {
	margin-top: 270px;
	color: #333;
}
#pressKit h2, #pressKit h3 {
	clear: both;
}
#pressKit ul.pix {
}
#pressKit ul.pix li {
	margin-left: 0;
	display: inline;
}
#pressKit ul.pix li a {
	float: left;
	margin: 1px;
	padding: 1px;
	border: 1px dashed #999;
}
#pressKit ul.pix li a:hover {
	border: 1px dashed #333;	
}
#pressKit ul.media li a {
	color: #900;
	text-decoration: none;
}
#pressKit ul.media li a:hover {
	color: #000;
	border-bottom: 1px dashed #000;
}
h2.press {
	display: none;	
}
h3.mediah3 {
	margin: 30px 0 -30px 15px;
	padding: 0;
	height: 42px;
	width: 157px;
	background: url(../images/mediah3.png) no-repeat 0 0;
	text-indent: -999999px;
}
h3.pixh3 {
	margin: 30px 0 -30px 15px;
	padding: 0;
	height: 42px;
	width: 157px;
	background: url(../images/pixh3.png) no-repeat 0 0;
	text-indent: -999999px;
}
h3.bioh3 {
	margin: 10px 0 -10px 15px;
	padding: 0;
	height: 25px;
	width: 157px;
	background: url(../images/bioh3.png) no-repeat 0 0;
	text-indent: -999999px;
}

/* MISC */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
a.boldface {
	color: #900;
	text-decoration: none;
}	
a.boldface:hover {
	color: #000;
	border-bottom: 1px dashed #000;
}
span.dateSpan {
	font-size: 16px;	
}
a.more {
	text-decoration: none;
	color: rgb(168,192,177);
	font-size: 14px;
}
a.more:hover {
	color: #ccc;
	border-bottom: 1px dashed #ccc;	
}
a.email {
	color: #fff;
	border-bottom: 1px dashed #fff;
	text-decoration: none;
}
a.email:hover {
	color: #ccc;
	border-bottom: 1px dashed #ccc;
}
p.message {
	width: 200px;
	border: 1px dashed #fff;
	color: #fff;
	text-align: center;
	padding: 10px 10px 10px 30px;
}
a.feature {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 100px;
	margin-left: 30px;
}

/* SITE_INFO */
#site_info {
	color: #666;	
}

/* NETWORKING */
#networking {
	position: absolute;
	top: 0;
	left: 80px;
}
#networking ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#networking ul li a.myspace {
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -99999px;
	width: 120px;
	height: 100px;
	background: url(../images/myspace.png) no-repeat 0 0;
	position: absolute;
	top: -25px;
	left: 0;
}
#networking ul li a.myspace:hover {
	top: 0;
	left: -15px;
}
#networking ul li a.facebook {
	margin:0;
	padding: 0;
	display: block;
	text-indent: -99999px;
	width: 120px;
	height: 100px;
	background: url(../images/facebook.png) no-repeat 0 0;
	position: absolute;
	top: -25px;
	left: 90px;
}
#networking ul li a.facebook:hover {
	top: 0;
	left: 75px;
}

/* CONTACT FIELDSET */
form p.message {
	margin-left: 30px;	
}
#contactFieldset {
	padding: 10px;	
}
#contactFieldset legend {
	display: none;	
}
#contactFieldset p {
	margin: 10px 0;
	padding: 0;
}
#contactFieldset input, #contactFieldset textarea, #contactFieldset select {
	padding: 5px;	
}
#contactFieldset label {
	font-size: 13px;
	width: 110px;
	float: left;
	text-align: right;
	text-transform: lowercase;
	margin-right: 10px;
}	
#contactFieldset #submitEmail {
	margin-left: 120px;
	padding: 2px;
}