* {
	padding: 0;
	margin: 0;
	}

body {
	background: #333;
	color: #111;
	font: normal 101%/130% Verdana, Arial, sans-serif;
	margin: 20px 0;
	}
	
#container {
	width: 760px;
	margin: 0 auto;
	text-align: center;
	background: #FBEF9D url(img/background_texture.jpg) repeat-y 0 0;
	}
	
ol, ul {
	font: normal 0.8em/1.2em Verdana, Arial, sans-serif;
	list-style: none;
	margin: 0 0 10px;
	}

hr {    
	border: 0;
   height: 1px;
   background: #AAA;
   margin: 0 0 10px;
	}

/* ---------------------------------------------------------------------------------*//* Header */	

#header {
	padding: 15px 0 0;
	}
	
a#buyAlbum {
	float: left;
	margin: 0 0 0 15px;
	}
	
a#buySingle {
	float: right;
	margin: 0 15px 0 0;
	}
	
#header a img {
	border: 0;
	}
	
h1 {
	font: bold 6em/1em Georgia, serif;
	color: #000;
	text-align: center;
	margin: 0 auto;
	background: url(img/logo.gif) no-repeat 0 0;
	width: 438px;
	height: 106px;
	display: block;
	text-indent: -9999px;
	}
	
h1 a {
	display: block;
	border-bottom: 0;
	width: 100%;
	}
	
h1 a:hover,
h1 a:focus {
	border-bottom: 0;
	}
	
#nav {
	list-style: none;
	text-align: center;
	margin: 15px auto;
	}
	
#nav li {
	display: inline;
	font: bold 1.1em/2em Georgia, serif;
	text-transform: uppercase;
	margin: 0 10px;
	color: #666;
	}
	
#nav li a {
	color: #000;
	text-decoration: none;
	border-bottom: 0;
	}
	
#nav li a:hover,
#nav li a:focus {
	color: #B30308;
	border-bottom: 1px dotted #B30308;
	}
	
p.loggedIn {
	margin: 0 auto;
	width: 760px;
	font: normal 0.7em/1.2em Verdana, Arial, sans-serif;
	padding: 0 0 5px;
	text-align: right;
	color: #ccc;
	}

/* ---------------------------------------------------------------------------------*//* Main layout */
	
#frame {
	padding: 20px;
	text-align: left;
	margin: 5px 0 0;
	}	
	
#main {
	width: 470px;
	float: left;
	padding: 0 20px 0 0;
	}
	
#main.detail {
	width: 720px;
	padding: 0;
	}

#right {
	width: 220px;
	float: left;
	}	
	
.halfCol {
	width: 335px;
	float: left;
	}

#rightCol {
	margin: 0 0 0 20px;
	}
	
#leftCol {
	margin: 0 20px 0 0;
	}
		
/* ---------------------------------------------------------------------------------*//* Headings */

h2 {
	font: bold 2em/1em Georgia, serif;
	color: #000;
	margin: 0 0 20px;
	}
	
body #container #main.gig h2,
body #container #main.news h2  {
	margin: 0 0 2.5px;
   }
	
h2.heading {
	display: block;
	text-indent: -9999px;
	}

h2#gigs {
	background: url(img/headingGigs.gif) no-repeat 0 0;
	width: 97px;
	height: 31px;
	}
	
h2#news {
	background: url(img/headingNews.gif) no-repeat 0 0;
	width: 126px;
	height: 31px;
	}
	
h2#photos {
	background: url(img/headingPhotos.gif) no-repeat 0 0;
	width: 166px;
	height: 31px;
	}
	
h2#audio {
	background: url(img/headingAudio.gif) no-repeat 0 0;
	width: 137px;
	height: 31px;
	}
	
h2#video {
	background: url(img/headingVideo.gif) no-repeat 0 0;
	width: 131px;
	height: 31px;
	}
	
h2#discography {
	background: url(img/headingDiscography.gif) no-repeat 0 0;
	width: 299px;
	height: 31px;
	}
	
h2#shop {
	background: url(img/headingShop.gif) no-repeat 0 0;
	width: 114px;
	height: 31px;
	}
	
h2#links {
	background: url(img/headingLinks.gif) no-repeat 0 0;
	width: 126px;
	height: 31px;
	}
	
h3 {
	color: #B30308;
	font-size: 0.8em;
	margin: 15px 0 2.5px;
	text-transform: uppercase;
	}
	
#main.detail h3 {
	margin: 5px 0 15px;
	}
	
body #container #main.gig.detail h3,
body #container #main.news.detail h3
 {
	margin: 2.5px 0 20px;
   }
	
#main h4 {
	font-size: 0.8em;
   color: #555;
   margin: 0 0 10px;
	}
	
#detailList h4 {
   font-size: 0.7em;
   line-height: 1.4em;
   border-bottom: 1px dashed #555;
   padding: 0 0 5px;
	}
	
/* ---------------------------------------------------------------------------------*//* Text styles */

a {
	color: #555;
	}
	
a:hover, a:focus {
	color: #B30308;
	}
	
#frame #main p, 
#frame #main.detail p.back,
address,
label {
	font: normal 0.8em/1.3em Verdana, Arial, sans-serif;
	margin: 0 0 10px;
	}
	
#container #main.gig.detail address {
	margin: 2.5px 0 0;
	}
	
#container #main.gig p.info {
	border: 1px dashed #555;
	width: 484px;
	padding: 3px;
	margin: 0 0 20px;
	}	
	
/* ---------------------------------------------------------------------------------*//* Lists */

#frame #right ol {
	margin: 0 0 10px;
	}

div#detailList {
	width: 180px;
	float: left;
	background: #FFF url(img/background_list.jpg) no-repeat 100% 0;
	border: 1px solid #AAA;
	padding: 10px;
	margin: 0 0 0 10px;
	}
	
div#setList {
	width: 180px;
	float: right;
	background: #FFF url(img/background_list.jpg) no-repeat 100% 0;
	border: 1px solid #AAA;
	padding: 10px;
	margin: 0 0 0 20px;
	}
	
#container #main h3 a {
	text-transform: none;
	}
	
#main.detail #reviewsList li {
    width: 490px;
	margin: 0 0 5px;
    background: #fff;
    border: 1px solid #AAA;
	}	
	
#main.detail #reviewsList p {
    font-size: 1em;
	margin: 0;
    padding: 4px 5px;
	}
	
#main.detail #reviewsList p.byline {
    color: #666;
    background: #eee;
    font-size: 0.85em; 
    padding: 2px 5px;
	margin: 2.5px 0 0;
    text-align: right;
    }
	
ol.gigList { 
	margin: 0 0 20px; 
	}

ol.gigList li { margin: 0 0 2px; }

ol.gigList a.venueLink {
	font: normal 1.1em/1.3em Verdana, Arial, sans-serif;
	}
	
ol.gigList ol { 
   display: inline; 
   margin: 0 0 0 7.5px; 
   }	
	
ol.gigList ol li { 
   display: inline; 
   }
	
ol#yearPaging {
	float: right;
	}
	
ol#yearPaging li {
	display: inline;
	font: normal 1.4em/1.5em Verdana, Arial, sans-serif;
	margin: 0 0 0 25px;
	}

ol#yearPaging li.currentYear {
	font-weight: bold;
	}	
	
#main.detail ol.newsList li {
	padding: 0 0 15px;
	}
	
#main.detail ol.newsList li h3 {
	margin: 0 0 2.5px;
	}
	
.newsList h3 a {
	font: normal 1.3em/1em Verdana, Arial, sans-serif;
	}
	
#container #main ol.newsList li p {
	font-size: 1em;
	}
	
#discographyList, #photoList {
	margin: 20px 0 0;
	text-align: left;
	}
	
#discographyList li, #photoList li {
	display: inline;
	}
	
#photoList {
	
   }
   
#main #photoList li img,
#main #discographyList li img
 {
	vertical-align: top;
	padding: 10px;
	background: #FFF;
	margin: 0 4px 13px 4px;
   }		
   
#main li a img, #linksList a img {
	border: 1px solid #AAA;
	}
	
#main li a:hover img, 
#main li a:focus img,
#linksList a:hover img,
#linksList a:focus img {
	border-color: #000;
	}
	
#linksList {
	
	}
	
#linksList li {
	vertical-align: top;
	float: left;
	text-align: center;
	margin: 0 15px 13px 15px;	
	}	
	
#linksList img {
	vertical-align: top;
	padding: 10px;
	background: #FFF;
	}
	
/* ---------------------------------------------------------------------------------*//* Forms */

fieldset {
	border: 0;
	}
	
label {
	display: block;
	}
	
textarea {
	width: 476px;
	height: 75px;
	margin: 0 0 15px;
	padding: 2px;
	}
	
input.submit {
	border: 0;
	background: #B30308;
	padding: 3px 7px;
	color: #FFF;
	border: 1px solid #555;
	cursor: pointer;
	font-size: 0.9em;
	display: block;
	}
	
input.submit:hover,
input.submit:focus {
	border-color: #000;
	color: #FFF;
	background: #98060D;
	}

input#submitReview.submit {
	margin: 0 0 20px;
	}
	
/* ---------------------------------------------------------------------------------*//* Discography detail and Shop */
	
div#detailDisc {
	float: left;
	width: 110px;
	background: #FFF;
	border: 1px solid #AAA;
	padding: 10px;
	margin: 0 10px 0 0;
	}
	
div#detailCredits {
	float: left;
	width: 330px;
	padding: 0 10px;
	}
	
#main.detail .trackListing ol {
	list-style: decimal;
	padding: 0 0 0 25px;
	font: normal 0.7em/1.3em Verdana, Arial, sans-serif;
	}	
	
p.buttonLink a, input#buy {
	padding: 3px 7px;
	border: 1px solid #555;
	font-weight: bold;
	background: #B30308;
	text-decoration: none;
	color: #EEE;
	}
	
input#buy {
	cursor: pointer;
	margin: 5px 0 15px;
	}
	
p.buttonLink a:hover,
p.buttonLink a:focus,
input#buy:hover,
input#buy:focus {
	border-color: #000;
	color: #FFF;
	background: #98060D; 
	}
	
div.buttonHolder {
	margin: 0 0 15px;
	}

div.buttonHolder p.buttonLink a {
	float: left;
	margin-right: 10px;
	}
	
div#shopText {
	float: left;
	width: 410px;
	padding: 0 10px;
	}
	
div#shopImage {
	float: left;
	width: 255px;
	background: #FFF;
	border: 1px solid #AAA;
	padding: 10px;
	margin: 0 10px 0 0;
	}
	
#shopText select {
	width: 100px;
        font-size: 0.9em;
	}
	
#shopText label {
	float: left;
	display: block;
	width: 133px;
	}
	
/* ---------------------------------------------------------------------------------*//* Footer */
p.bannerLink {
	float: right;
	padding: 0 20px 0 0;
	margin: 0 0 20px;
	}
	
p.bannerLink a {
	display: block;
	text-indent: -9999px;
	border: 1px solid #555;
	height: 44px;
	width: 149px;
   }
	
p#myspaceLink a {
	background: url(img/myspace.gif) no-repeat 0 0;
	}
	
p#mailingListLink a {
   background: url(img/mailingList.gif) no-repeat 0 0;
	}	
	
#container p.bannerLink a:hover,
#container p.bannerLink a:focus {
	background-position: 0 100%;
	border-color: #000;
	}
	
#mailingList { 
	text-align: right;
   float: right;
   padding: 0 20px 0 0;
   }

#mailingList p { 
   font-size: 0.8em;
   margin: 0 0 5px;
   }
   
#mailingList input#listEmail {
   padding: 4px;
   border: 1px solid #AAA;
   }

#mailingList label { 
   display: inline;
   }

#footer ul {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 5px 0;
	background: #222;
	font: bold 0.7em/0.9em Georgia, serif;
	}
	
#footer li {
	display: inline;
	margin: 0 0 0 20px;
	text-transform: uppercase;
    color: #333;
	}
	
#footer li a {
	color: #666;
	text-decoration: none;
	border-bottom: 0;
	}
	
#footer li a:hover,
#footer li a:focus {
	color: #999;
	border-bottom: 0;
	}
	
/* ---------------------------------------------------------------------------------*//* clearfix */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
   
.clearfix {
    display: inline-block;
    }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear:both;
}