/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
/* @import 'lib/grid.css'; */
@import 'lib/forms.css';

@import 'plugins/clearfix/clearfix.css';

/* ----- GENERAL STRUCTURE ----- */
body {
	color: #ffffff;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	background: #1c1c1c url(/static/images/BG_body.jpg) repeat-x left top;
	font-size: 16px;
}

.epk {
	background: #1c1c1c url(/static/images/BG_epk_body.jpg) repeat-x left top;
}

h1 {
	font-size: 2em;
}

h2 {
	margin-bottom: 0;
	color: #1c1c1c;
	font: bold 1.5em/1em Arial, Helvetica, Geneva, sans-serif;
}

h3 {
	color: #d70000;
	margin-bottom: 0;
	font-size: 1.2em;
	font-weight: bold;
}

h4 {
	color: #eee;
	font: bold 1em Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.5em;
}

p {
	font-size: 0.75em;
}

a:link {color: #d70000; text-decoration: underline;}
a:visited {color: #d70000; text-decoration: underline; outline: none;}
a:hover {color: #d70000; text-decoration: none; outline: none;}
a:active {color: #d70000; text-decoration: none; outline: none;}
p img{float: none;}


/* ----- HEADER ----- */
#header {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: url(/static/images/BG_header.jpg) no-repeat center top;
	height: 640px;
}

.epk #header {
	background: url(/static/images/BG_epk_header.jpg) no-repeat center top;
	height: 269px;
}

.header_container {
	width: 928px;
	margin: 0 auto;
	position: relative;
}

.social_links {
	margin: 0;
}

.social_links li {
	list-style-type: none;
	display: inline;
}

.social_links a {
	float: left;
	height: 40px;
	margin-left: 30px;
}

a.facebook {
	width: 78px;
	background: url(/static/images/btn_facebook.gif) no-repeat 0 0;
	margin-left: 0;
}

a:hover.facebook {
	background: url(/static/images/btn_facebook.gif) no-repeat 0 -40px;
}

a.myspace {
	width: 70px;
	background: url(/static/images/btn_myspace.gif) no-repeat 0 0;
}

a:hover.myspace {
	background: url(/static/images/btn_myspace.gif) no-repeat 0 -40px;
}

a.youtube {
	width: 71px;
	background: url(/static/images/btn_youtube.gif) no-repeat 0 0;
}

a:hover.youtube {
	background: url(/static/images/btn_youtube.gif) no-repeat 0 -40px;
}

a.twitter {
	width: 75px;
	background: url(/static/images/btn_twitter.gif) no-repeat 0 0;
}

a:hover.twitter {
	background: url(/static/images/btn_twitter.gif) no-repeat 0 -40px;
}

a.reverbnation {
	width: 129px;
	background: url(/static/images/btn_reverbnation.gif) no-repeat 0 0;
}

a:hover.reverbnation {
	background: url(/static/images/btn_reverbnation.gif) no-repeat 0 -40px;
}

a.cdbaby {
	width: 78px;
	background: url(/static/images/btn_cdbaby.gif) no-repeat 0 0;
}

a:hover.cdbaby {
	background: url(/static/images/btn_cdbaby.gif) no-repeat 0 -40px;
}

a.itunes {
	width: 55px;
	background: url(/static/images/btn_itunes.gif) no-repeat 0 0;
}

a:hover.itunes {
	background: url(/static/images/btn_itunes.gif) no-repeat 0 -40px;
}

a.amazon {
	width: 92px;
	background: url(/static/images/btn_amazon.gif) no-repeat 0 0;
}

a:hover.amazon {
	background: url(/static/images/btn_amazon.gif) no-repeat 0 -40px;
}

.navigation {
	list-style-type: none;
	position: absolute;
	left: 195px;
	top: 568px;
	margin: 0;
}

.epk .navigation {
	position: static;
	padding-top: 8px;
	margin: 0 auto;
	width: 370px;
}

.navigation li {
	float: left;
}

.navigation a {
	display: block;
	text-indent: -9000px;
	width: 75px;
	height: 27px;
}

.epk .navigation li {
	margin-right: 25px;
}

.epk .navigation a {
	display: inline;
	text-indent: 0px;
	color: #fff;
	font-weight: bold;
}

a.home { background: transparent url(/static/images/btn_home.png) no-repeat left top; }
a.home:hover { background: transparent url(/static/images/btn_home.png) no-repeat left -27px; }
a.news { background: transparent url(/static/images/btn_news.png) no-repeat left top; margin-left: 10px;}
a.news:hover { background: transparent url(/static/images/btn_news.png) no-repeat left -27px; }
a.about { background: transparent url(/static/images/btn_about.png) no-repeat left top; }
a.about:hover { background: transparent url(/static/images/btn_about.png) no-repeat left -27px; }
a.tour { background: transparent url(/static/images/btn_tour.png) no-repeat left top; }
a.tour:hover { background: transparent url(/static/images/btn_tour.png) no-repeat left -27px; }
a.photos { background: transparent url(/static/images/btn_photos.png) no-repeat left top; margin-left: 12px; width: 80px; }
a.photos:hover { background: transparent url(/static/images/btn_photos.png) no-repeat left -27px; }
a.videos { background: transparent url(/static/images/btn_videos.png) no-repeat left top; margin-left: 15px; }
a.videos:hover { background: transparent url(/static/images/btn_videos.png) no-repeat left -27px; }
a.store { background: transparent url(/static/images/btn_store.png) no-repeat left top; margin-left: 5px;}
a.store:hover { background: transparent url(/static/images/btn_store.png) no-repeat left -27px; }
a.booking { background: transparent url(/static/images/btn_booking.png) no-repeat left top; margin-left: 12px; width: 91px;}
a.booking:hover { background: transparent url(/static/images/btn_booking.png) no-repeat left -27px; }


/* ----- CONTAINER ----- */
.container{
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background: url(/static/images/BG_container.jpg) no-repeat 3px top;
	position: relative;
	top: -44px;
	left: 4px;
}

.epk .container {
	background: none;
}

/* ----- MAIN ----- */
#main {
	width: 660px;
	float: left;
}

.epk #main {
	width: 600px;
	padding-right: 50px;
}

/* ----- SIDE ----- */
#side {
	width: 250px;
	float: left;
	margin-left: 16px;
	position: relative;
}

/* ----- INDEX ----- */
#top {
	margin-top: 50px;
	border-bottom: 1px solid #575757;
	padding-bottom: 23px;
}

/*
.tour_dates {
	padding-left: 30px;
	width: 310px;
	border-left: 1px solid #575757;
	float: left;
}

.tour_dates h1 {
	background: url(/static/images/header_tour_dates.gif) no-repeat;
	text-indent: -9000px;
	margin-bottom: 0px;
}

.tour_dates ul {
	list-style-type: none;
	margin: 0px;
	background-color: #121212;
	padding-top: 5px;
}

.tour_dates li {
	font-size: 0.75em;
	line-height: 1.2em;
	font-weight: normal;
	border-bottom: 1px solid #323232;
	padding: 5px 0px 20px 0;
	margin: 0px 15px;
	clear: both;
}

.tour_dates li.last {
	border-bottom: 0px;
	margin-bottom: 10px;
}

.tour_dates a {
	color: #d70000;
	float: left;
	text-decoration: underline;
}

.tour_dates li.current a, .tour_dates a:hover {
	color: #fff;
	text-decoration: none;
}

.tour_dates .duration {
	float: right;
}
*/

#player_wrapper {
	position: absolute;
	top: 0px; right: -1px;
}

#player {
	margin: 0;
	padding: 0;
	position: relative;
	top: -7px; left: 6px;
}

#audio_title {
	position: absolute;
	top: 174px; left: 15px;
	z-index: 40;
	color: #000;
	font: 0.625em Arial, Helvetica, Geneva, sans-serif;
	width: 110px;
	text-align: center;
}

.tour_dates {
	padding-left: 10px;
	width: 240px;
	border-right: 1px solid #575757;
	padding-right: 30px;
	float: left;
}

.tour_dates h1 {
	background: url(/static/images/header_tour_dates.gif) no-repeat;
	text-indent: -9000px;
	margin-bottom: 0px;
}

.tour_dates ul {
	list-style-type: none;
	margin: 5px 0 0 0;
}

.tour_dates li {
	font-size: 0.75em;
	line-height: 1.2em;
	font-weight: normal;
}

li.event_title {
	color: #fff;
}

li.event_dates {
	color: #898989;
	font-style: italic;
	margin-bottom: 8px;
}

a.view_dates {
	color: #d70000;
	text-decoration: underline;
	font-size: 0.75em;
	background: url(/static/images/arrow_red.gif) no-repeat right 4px;
	padding-right: 20px;
	float: right;
}

.email_form {
	float: left;
	width: 320px;
	margin-left: 35px;
}

.email_form h1 {
	background: url(/static/images/header_sign_up.gif) no-repeat;
	text-indent: -9000px;
	margin-bottom: 0px;
}

.email_form p {
	font-size: 0.75em;
}

.email_form form {
	margin-bottom: 15px;
}

.email_form label {
	display: block;
	font-size: 0.75em;
	color: #898989;
	font-style: italic;
	font-weight: normal;
}

.email_form input {
	padding: 4px;
	width: 200px;
	font-size: 1em;
}

.email_form .submit {
	background-color: #343232;
	color: #fff;
	font-size: 0.75em;
	padding: 5px 15px;
}

#twitter {
	position: relative;
	top: 11px;
	left: -13px;
	width: 282px;
	background: url(/static/images/BG_twitter.jpg) no-repeat left top;
	padding-top: 30px;
}

#twitter h2 {
	font-size: 1.2em;
}

.tweets {
	margin: 70px 40px 0 30px;
}

#twitter_bottom {
	background: url(/static/images/BG_twitter_bottom.jpg) no-repeat left top;	
	height: 124px;
}

.craig, .jason, .joel, .hos {
	margin-bottom: 20px;
}

#twitter p {
	font-size: 0.75em;
	margin-bottom: 0;
	margin-left: 15px;
}

#twitter a, #twitter a:visited {
	color: #1c1c1c;
}

.tweet_date {
	color: #1f1f1f;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0;
}

#news {
	margin-top: 35px;
	padding: 0 20px 0 10px;
}

#news h1 {
	font: bold 1.75em Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	margin-bottom: 0;
}

#news h1.header {
	margin-top: 25px;
	padding-top: 30px;
	border-top: 1px solid #343232;
}

#news p.date {
	font-size: 0.75em;
	font-style: italic;
	color: #898989;
	margin-bottom: 15px;
}

#news p {
	font-size: 0.75em;
}

#news a.read_more {
	color: #d70000;
	text-decoration: underline;
	text-transform: uppercase;
}

#news a:hover.read_more {
	color: #d70000;
	text-decoration: none;
	text-transform: uppercase;
}

#video {
	margin-top: 30px;
}

#video h1 {
	background: url(/static/images/header_featured_video.gif) no-repeat;
	text-indent: -9000px;
	margin-bottom: 5px;
}

#gallery {
	margin-top: 45px;
}

#gallery h1 {
	background: url(/static/images/header_fan_photos.gif) no-repeat;
	text-indent: -9000px;
	margin-bottom: 0;
}

#gallery img {
	 margin: 0;
}

#gallery ul {
	list-style-type: none;
	margin: 0;
}

#gallery li {
	float: left;
	width: 77px;
	height: 56px;
	margin: 4px 0 4px 8px;
}

#gallery li.pic1 {
	margin-left: 0;
}

#gallery li a {
	display: block;
	width: 77px;
	height: 56px;
}

#gallery .clearfix {
	line-height: 0;
}

a.view_all {
	float: right;
	color: #fff;
	background-color: #343232;
	font-size: 0.75em;
	padding: 5px 12px;
	margin: 5px;
}

.compassion {
	margin: 0 auto;
	margin-top: 50px;
	width: 650px;
	height: 100px;
	display: block;
}

.compassion_index {
	margin: 0 auto;
	margin-top: 20px;
	width: 650px;
	height: 100px;
	display: block;
}

#article, #articles, #tour_dates, #photo_galleries, #store, #videos {
	margin-top: 30px;
}

#article h1 {
	font: bold 1.75em Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	margin-bottom: 0px;
	color: #d70000;
}

#article p.date {
	font-size: 0.75em;
	font-style: italic;
	color: #898989;
	margin-bottom: 15px;
}

#article .body {
	color: #cccccc;
}

#article, #articles {
	padding-left: 10px;
}

#articles h1 {
	background: url(/static/images/header_news.gif) no-repeat left top;
	text-indent: -9000px;
	margin-bottom: 0;
}

#articles ul {
	list-style-type: disc;
}

#articles li {
	font-size: 0.75em;
}

#articles a {
	color: #d70000;
	text-decoration: underline;
}

#articles a:hover {
	text-decoration: none;
}

#tour_dates {
	padding-left: 10px;
}

#tour_dates h1 {
	background: url(/static/images/header_tour_dates.gif) no-repeat left top;
	text-indent: -9000px;
	margin-bottom: 10px;
}

#tour_dates th {
	border-bottom: 2px solid #d70000;
}

#tour_dates td {
	font-size: 0.75em;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #343232;
}

#tour_dates .city, .venue {
	padding-left: 20px;
}

td.venue {
	color: #898989;
	font-style: italic;
}

td.show, td.site {
	padding-right: 0;
	padding-left: 20px;
}

td.show a, td.site a {
	color: #fff;
	background-color: #343232;
	padding: 3px 8px;
}

td.show a:hover, td.site a:hover {
	background-color: #d70000;
	text-decoration: none;
}

#tour_dates .details {
	display: none;
}

#tour_dates td p {
	font-size: 1em;
}

#tour_dates tr.odd {
	background-color: #121212;
}

#comments {
	border-top: 1px solid #777;
	width: 500px;
	padding-top: 20px;
	margin-top: 40px;
}

.comment input, .comment textarea {
	display: block;
	margin-bottom: 10px;
	font: 0.75em Arial, Helvetica, Geneva, sans-serif;
}

.comment label {
	font-size: 0.75em;
	color: #777;
}

.com .name {
	color: #777;
	font-style: italic;
	margin-top: 15px;
	margin-bottom: 0;
}

.com .text {
	padding: 0 40px 0 20px;
}

.photos {
	border-bottom: 1px solid #343232;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.photos h3, #videos h3 {
	margin-bottom: 10px;
}

.photos ul {
	list-style-type: none;
	margin: 0 0 0 5px;
}

.photos li {
	float: left;
	width: 150px;
	height: 150px;
	margin: 0 8px 8px 0;
}

.photos a.image_link {
	display: block;
	width: 150px;
	height: 150px;
	border: 2px solid #000;
}

.photos a:hover.image_link {
	border: 2px solid #d70000;
}

.photos a.view_all {
	margin-right: 30px;
}

#photos_form {
	margin-top: 30px;
}

#photos_form label {
	display: block;
	font-size: 0.75em;
	margin-top: 10px;
}

.photo_detail {
	text-align: center;
}

.photo_detail img{
	margin-bottom: 5px;
	border: 2px solid #000;
}

.previous_photo {
	float: left;
	width: 110px;
	margin-bottom: 10px;
}

.next_photo {
	float: right;
	width: 100px;
	text-align: right;
	margin-bottom: 10px;
}

.photo_page #comments {
	border-top-style: none;
	margin-top: 20px;
}

#footer {
	margin: 60px 0 60px 0;
	border-top: 1px solid #343232;
	color: #343232;
	padding-top: 15px;
}

#footer_nav {
	list-style-type: none;
	margin: 0;
	width: 455px;
	float: left;
}

#footer_nav li {
	display: inline;
	font-size: 0.675em;
}

#footer_nav a {
	color: #343232;
}

#footer_nav a:hover {
	color: #d70000;
	text-decoration: none;
}

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

.epk #article.bio h1{
	background: url(/static/images/header_bio.gif) no-repeat left top;
	text-indent: -9000px;
	margin-bottom: 0;
}

.epk #article.press h1{
	background: url(/static/images/header_press.gif) no-repeat left top;
	text-indent: -9000px;
	margin-bottom: 0;
}

.epk #article.promo h1{
	background: url(/static/images/header_promo.gif) no-repeat left top;
	text-indent: -9000px;
	margin-bottom: 0;
}

.epk #article.music h1{
	background: url(/static/images/header_music.gif) no-repeat left top;
	text-indent: -9000px;
	margin-bottom: 0;
}

.epk .promo img {
	margin-bottom: 0;
	margin-top: 20px;
}

.epk .promo td {
	line-height: 1em;
}

.epk .promo td a {
	font-size: 0.75em;
}

.epk td {
	border-style: none;
}

#epk_contact {
	margin-top: 50px;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 35px;
}

#epk_contact h1 {
	background: url(/static/images/header_contact.gif) no-repeat left top;
	text-indent: -9000px;
	margin-bottom: 0;
}

#epk_rider h1 {
	background: url(/static/images/header_rider.gif) no-repeat left top;
	text-indent: -9000px;
	margin-bottom: 0;
}

#epk_lyrics {
	border-top: 1px solid #fff;
	padding-top: 35px;
	margin-top: 35px;
}

#epk_lyrics h1 {
	background: url(/static/images/header_lyrics.gif) no-repeat left top;
	text-indent: -9000px;
	margin-bottom: 0;
}

#epk_bio {
	border-top: 1px solid #fff;
	padding-top: 35px;
	margin-top: 35px;
}

#epk_bio h1 {
	background: url(/static/images/header_bio_white.gif) no-repeat left top;
	text-indent: -9000px;
	margin-bottom: 0;
}

.caption {
	margin-bottom: 8px;
}

.single_video {
	margin-bottom: 45px;
}

.box{ background:#000; margin-bottom:16px; position:relative; width:464px; }
.box-t{ background:url(/static/images/box-t.gif) no-repeat 0 0; width:100%; }
.box-b{ background:url(/static/images/box-b.gif) no-repeat 0 bottom; padding:11px 10px; }

.songs {
	list-style-type: none;
	font-size: 11px;
	background-color: #2c2c2c;
	padding: 10px;
	margin: 0px;
}

.songs li {
	border-bottom: 1px solid #1c1c1c;
	padding: 6px 7px;
	display: block;
}

.songs li.last {
	border-style: none;
}

.songs a {
	color: #fff;
	font-weight: bold;
	float: left;
	width: 250px;
	padding-top: 2px;
	text-decoration: none;
}

.songs a span.title {
	font-weight: normal;
	display: inline;
	padding: 0;
	color: #fff;
}

.songs .duration {
	float: right;
	font-size: 11px;
	color: #fff;
	padding-top: 3px;
}

.songs.sub .duration {
	margin-right: 20px;
}

.songs a:hover, .songs a:hover span.title, .songs li.current a, .songs li.current a span.title {
	color: #d70000;
	text-decoration: none;
}

#track_info {
	position: absolute;
	top: 15px; left: 222px;
	z-index: 30;
}

#track_info .epk_audio_title {
	position: static;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 3px;
	text-align: left;
}

#audio_author {
	font-size: 10px;
	color: #acaba3;
	width: 168px;
	float: left;
	line-height: 8px;
}

.music #player {
	position: static;
}

.press_article { border-bottom: 1px solid #666; padding-top: 20px; }
.press_hero { float: left; width: 176px; height: 200px; margin-right: 20px; }
.press_hero a { display: block; width: 100%; height: 100%; }
.press_hero img { margin: 0; }
.press_title { margin: 0; }
.press_title a { font-size: 1.5em; text-decoration: none; margin-bottom: 0; }
.press_title a:hover { text-decoration: underline; }
.press_date { font-size: 0.75em; font-style: italic; color: #898989; margin-bottom: 0; }
.source a.source_link { text-decoration: none; }

.new_album_info { background-image: url(/static/images/new_album_popup.jpg); width: 600px; height: 200px; margin-top: 15px;}
a.itunes_black { display: block; height: 40px; width: 80px; background: url(/static/images/btn_itunes_black.jpg) no-repeat 0 0; position: absolute; top: 137px; left: 234px;}
a:hover.itunes_black { background: url(/static/images/btn_itunes_black.jpg) no-repeat 0 -40px; }
a.amazon_black { display: block; height: 40px; width: 92px; background: url(/static/images/btn_amazon_black.jpg) no-repeat 0 0; position: absolute; top: 170px; left: 234px;}
a:hover.amazon_black { background: url(/static/images/btn_amazon_black.jpg) no-repeat 0 -40px; }

.free_download { background: #1c1c1c url(/static/images/BG_free_body.jpg) repeat-x left top; }
.free_download #header { background: url(/static/images/BG_free_header.jpg) no-repeat center top; height: 432px; }
.free_download .header_container { width: 750px; }
.free_download .container { background: none; }