/*
   COLOUR INDEX
-------------------------------------------------------*/

/*
   BODY
-------------------------------------------------------*/
body {
   background: #2b0909 url(../images/bg-body.gif) repeat top left;
   font-size: 11px;
   font-family: Verdana, sans-serif;
   color: #fff;
}

/*
   CLEARFIX
-------------------------------------------------------*/
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

/*
   TYPOGRAPHY and BASIC ELEMENTS
-------------------------------------------------------*/
/* headings */
h2, h3, h4, h5, h6 {
   
}

h1 {
	text-indent: -9999px;
}

	/* requires w, h,  */
	h1 a {
	   display: block;
	   width: 731px;
	   height: 78px;
	   position: absolute;
	   top: 0;
	   left: 0;
	   background: url(../images/bg-h1.gif) no-repeat top left;
	}

h2 {
   text-indent: -9999px;
}

   #news-block h2 {
      background: #611615 url(../images/bg-h2-news.gif) no-repeat top left;
      height: 40px;
   }
   
   #music-player h2 {
      background: #370a0a url(../images/bg-h2-music.gif) no-repeat top left;
      height: 37px;
      border-bottom: 7px solid #5f2828;
   }
   
   #video-block h2 {
      background: #000 url(../images/bg-h2-video.gif) no-repeat top left;
      height: 37px;
      border-bottom: 7px solid #5f2828;
   }
   
   #press-block h2 {
      background: #36090a url(../images/bg-h2-press.gif) no-repeat top left;
      height: 40px;
      border-bottom: 7px solid #5f2828;
   }
   
   #blog-block h2 {
      background: #000 url(../images/bg-h2-blog.gif) no-repeat top left;
      height: 41px;
   }
   
   #shows-block h2 {
      background: #671617 url(../images/bg-h2-shows.gif) no-repeat top left;
      height: 41px;
   }
   
h3 {
	font-family: Georgia, serif;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 0;
}
   
/* paragraphs etc. */
p {
   line-height: 1.2;
   padding-bottom: 20px;
}

	p.left {
	   text-align: left;
	}
	
	p.right {
	   text-align: right;
	}
	
	p.center {
	   text-align: center;
	}

big {
   font-size: 125%;
}

small {
   font-size: 75%;
}

strong {
   font-weight: bold;
}

em {
   font-style: italic;
}

blockquote {
   padding: 0 20px 10px;
}

/* lists - usually have to put #content in front */
#content ul {
   line-height: 1.3;
   list-style: square outside;
   margin-left: 36px;
   padding-bottom: 15px;
}

#content li ul {
   padding-bottom: 0;
}

#content ol {
   line-height: 1.3;
   list-style: decimal outside;
   margin-left: 36px;
   padding-bottom: 15px;
}

#content li ol {
   padding-bottom: 0;
}

/* links */
a, a:visited {
	color: #b49137;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

h3 a, h3 a:visited {
	color: #fff;
}

a.social {
	display: block;
	height: 35px;
	position: absolute;
	text-indent: -9999px;
	width: 34px;
}

a.facebook {
	background: url(../images/link-facebook.gif) no-repeat left top;
	right: 0px;
	top:  100px;
}

	a.facebook:hover {
		background: url(../images/link-facebook.gif) no-repeat left bottom;
	}

a.twitter {
	background: url(../images/link-twitter.gif) no-repeat left top;
	right: 0px;
	top:  140px;
}

	a.twitter:hover {
		background: url(../images/link-twitter.gif) no-repeat left bottom;
	}
	
a.youtube {
	background: url(../images/link-youtube.gif) no-repeat left top;
	right: 0px;
	top:  180px;
}

	a.youtube:hover {
		background: url(../images/link-youtube.gif) no-repeat left bottom;
	}

a.myspace {
	background: url(../images/link-myspace.gif) no-repeat left top;
	right: 0px;
	top:  220px;
}

	a.myspace:hover {
		background: url(../images/link-myspace.gif) no-repeat left bottom;
	}

/* images */
img.left {
	float: left;
	margin-right: 10px;
}

img.right {
	float: right;
	margin-left: 10px;
}

img.center {
	margin: 10px auto;
	display: block;
}

/* horizontal rule */
hr {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 0 0 20px;
  height: 0;
}

/* tables */
table {
   
}

tr {
   
}

th {
   
}

td {
   
}

/* forms */
form {
   
}

fieldset {
   
}

legend {
   
}

input {
   
}

textarea {
   
}

.error {
   
}

/*
   BRANDING
-------------------------------------------------------*/
#branding-bg {
	background: #3e1515;
}

#branding {
	background: #000;
	border-top: 7px solid #5f2828;
	border-bottom: 7px solid #5f2828;
	margin-left: 9px;
	height: 78px;
	position: relative;
}

#buy-now {
	background: url(../images/bg-buy.gif) no-repeat left top;
	position: absolute;
	top: 16px;
	left: 737px;
	width: 221px;
	height: 48px;
}

#buy-now a, #buy-now a:visited {
	color: #bcacac;
}

.itunes {
	position: absolute;
	top: 29px;
	left: 22px;
}

.direct {
	position: absolute;
	top: 29px;
	left: 132px;
}

/*
   CONTAINER
-------------------------------------------------------*/
#container {
   background: url(../images/bg-container.gif) repeat-y top left;
   border-bottom: 18px solid #3e1515;
   border-left: 9px solid #3e1515;
   border-right: 18px solid #3e1515;
   text-align: left;
   width: 847px;
}

/*
   MAIN NAVIGATION
-------------------------------------------------------*/
#mainnav {
	height: 18px;
	background: #3e1515;
	font-size: 10px;
	float: left;
	margin-bottom: 7px;
	width: 586px;
}

#mainnav ul {
   
}

#mainnav li {
   float: left;
   border-right: 1px solid #5f2828;
   color: #fff;
}

#mainnav li a {
   background: #3e1515;
   color: #fff;
   display: block;
   height: 18px;
   line-height: 18px;
   padding: 0 5px;
   text-decoration: none;
   text-transform: uppercase;
}

#mainnav li a:hover {
   background: #511414;
}

/*
   TIER-1 - 847px
-------------------------------------------------------*/
#tier-1 {
   margin-bottom: 7px;
   float: left;
   width: 847px;
}

/* COL-1 - 593px */
#tier-1 .col-1 {
   float: left;
   padding-right: 7px;
   width: 586px;
}

#coda-slider-1, #coda-slider-1 .panel {
   height: 355px;
   width: 586px;
}

/* Create a new class for each unique background (i.e., .slider-bg-2 etc.), 
	then add the class to the .panel div. */
.slider-bg-1 {
	background: url(../images/img-swfobject.jpg) no-repeat top right;
}

/* COL-2 - 254px */
#tier-1 .col-2 {
   float: left;
   width: 254px;
}

#free {
   float: left;
   height: 49px;
   width: 254px;
}

   #free a, #free a:visited {
      background: url(../images/btn-free-song.gif) no-repeat top left;
      display: block;
      height: 49px;
      text-indent: -9999px;
      width: 254px;
   }
   
   #free a:hover {
      background: url(../images/btn-free-song.gif) no-repeat bottom left;
   }

#news-block {
   background: #511414;
   float: left;
   border-bottom: 7px solid #420e0e;
   width: 254px;
   position: relative;
}

#news-block .more {
	position: absolute;
	top: 24px;
	left: 144px;
	font-size: 10px;
	font-weight: bold;
}

#news-block p {
   font-size: 10px;
   height: 50px;
   line-height: 1.2;
   overflow: hidden;
   padding: 5px 13px;
}

#news-block p.even {
   background: #611615;
}

#news-block a, #news-block a:visited {
	color: #bebebe;
}

.date {
	color: #b49137;
	font-family: Georgia, serif;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 0;
}

.padding-top {
	padding-top: 10px;
}

.padding-bottom {
	padding-bottom: 10px;
}

/*
   TIER-2 - 847px
-------------------------------------------------------*/
#tier-2 {
   margin-bottom: 7px;
   float: left;
   width: 847px;
}

/* COL-1 - 311px */
#tier-2 .col-1 {
   float: left;
   padding-right: 7px;
   width: 304px;
}

#music-player {
   float: left;
   background: #000;
   float: left;
   margin-bottom: 7px;
   margin-right: 7px;
   width: 304px;
}

#press-block {
   background: #000;
   float: left;
/*   height: 216px;*/
   width: 304px;
}
   
   #press-block li {
   	
   }
    
   #press-block li a {
      background: url(../images/bg-press-li.gif) no-repeat top right;
      display: block;
      font-size: 10px;
      height: 30px;
      line-height: 30px;
      overflow: hidden;
      padding: 0 10px;
   }
   
   #press-block li a.even {
      background: #3a0b0c url(../images/bg-press-li-even.gif) no-repeat top right;
   }   
   
   #press-block li a, 
   #press-block li a:visited,
   #press-block .more a,
   #press-block .more a:visited {
      color: #efefef;
      text-decoration: none;
      font-weight: bold;
   }
   
   #press-block li a:hover, 
   #press-block .more a:hover {
      text-decoration: underline;
   }
   
   #press-block li a:hover {
   	background-position: bottom right;
   }
   
   #press-block .more {
      height: 24px;
      line-height: 24px;
      padding: 0 10px;
      width: 284px;
   }
   
   #press-block a.left {
      float: left;
   }
   
   #press-block a.right {
      float: right;
   }

/* COL-2 - 536px */
#tier-2 .col-2 {
   float: left;
   width: 536px;
}

#video-block {
   float: left;
   height: 403px;
   width: 536px;
   position: relative;
}

#video-block .caption {
	background: #000;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	text-align: right;
}

#video-block .more {
	position: absolute;
	color: #bebebe;
	top: 22px;
	right: 10px;
	font-size: 10px;
	font-weight: bold;
}

/*
   TIER-3 - 847px
-------------------------------------------------------*/
#tier-3 {
   float: left;
   width: 847px;
}

/* COL-1 - 484px */
#tier-3 .col-1 {
   float: left;
   padding-right: 7px;
   width: 477px;
}

#blog-block {
   background: url(../images/bg-blog-blk.gif) repeat-y top left;
   width: 477px;
}

#blog-block .padding {
	padding: 15px 25px 15px 10px;
}

.hr {
	background: url(../images/bg-hr.gif) no-repeat top left;
	height: 39px;
	margin: 15px auto 25px;
	width: 108px;
}

/* COL-2 */
#tier-3 .col-2 {
   float: left;
   width: 363px;
}

#shows-block {
   background: #000;
   float: left;
   font-size: 10px;
   width: 363px;
}

.show {
	float: left;
	height: 67px;
	width: 363px;
}

#shows-block .even {
	background: #3a0b0c;
}

.show-date {
	color: #f6acac;
	float: left;
	font-weight: bold;
	padding: 11px 6px;
	width: 113px;
}

.show-info {
	color: #efefef;
	float: left;
	padding: 11px 6px;
	width: 206px;
}

/*
   FOOTER
-------------------------------------------------------*/
#footer {
   
}

/*
   DIAGNOSTICS
-------------------------------------------------------*/
/*  
img[alt=""] {border: 3px dotted red;}

a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}
*/