/**global*********************************************************************
******************************************************************************/
	
	body {
		background: #382c20 url(../_images/bg.jpg) repeat-x;
		margin: 0;
		padding: 0;
		font: normal 12px Arial, sans-serif;
		color: #fff;
	}
	
	img {border:none;}
	
	p {
		font: normal 12px Arial, sans-serif;
		color: #fff;
	}
	
	a, a:visited {
	    outline: none;
	    color: #b3ada7;
	}
	
	a:hover {
	    color: #fff;
	}
	
	ul, li { list-style-type: none; }

	* { padding: 0; margin: 0; }
	
	span.none {
		display: none;
	}
	
	.clear_fix {
		clear: both;
		position: relative;
	}
	
	div#main_container {
		width: 860px;
		background: #17110b;
		margin: 0 auto;
		border: 1px solid #382c20;
		border-width: 0 1px;
	}
	
	div.full_strip {
		border-bottom: 1px solid #382c20;
	}
	
	div.basic {
		padding: 0 20px 30px 20px;
	}
	
	div.basic h3 {
		margin: 0 0 15px 0;
	}
	
	div.basic h2 {
		margin-bottom: 0;
	}
	
	div.basic p {
		color: #b3ada7;
	}
	
	p.update {
		font: normal 22px Arial, sans-serif;
		color: #b3ada7;
		line-height: 150%;
	}
	
/**header*********************************************************************
******************************************************************************/
	
	div#header {
		height: 100px;
		position: relative;
	}
	
	h1#logo {
		height: 100px;
		width: 130px;
		margin: 0 0 0 10px;
		padding: 0;
		float: left;
	}
	
	h1#logo a {
		display: block;
		height: 100px;
		background: url(../_images/logo.gif) no-repeat;
	}
	
	h1#logo a:hover {
		background-position: 0 -100px;
	}
	
/**main nav*******************************************************************
******************************************************************************/
	
	ul#main_nav {
		height: 30px;
		margin-top: 58px;
		float: left;
	}
	
	ul#main_nav li {
		height: 30px;
		float: left;
	}
	
	ul#main_nav li a {
		display: block;
		height: 30px;
		background: url(../_images/main_nav.gif) no-repeat;
	}
	
	li#nav_music { width: 49px; }
	li#nav_live { width: 35px; }
	li#nav_photos { width: 58px; }
	li#nav_videos { width: 54px; }
	li#nav_message_board { width: 104px; }
	li#nav_blog { width: 41px; }
	
	li#nav_music a#n_music { width: 49px; }
	li#nav_live a#n_live { width: 35px; background-position: -49px 0; }
	li#nav_photos a#n_photos { width: 58px; background-position: -84px 0; }
	li#nav_videos a#n_videos { width: 54px; background-position: -142px 0; }
	li#nav_message_board a#n_message_board { width: 104px; background-position: -196px 0; }
	li#nav_blog a#n_blog { width: 41px; background-position: -300px 0; }
	
	
	li#nav_music a#n_music:hover { background-position: 0 -30px; }
	li#nav_live a#n_live:hover { background-position: -49px -30px; }
	li#nav_photos a#n_photos:hover { background-position: -84px -30px; }
	li#nav_videos a#n_videos:hover { background-position: -142px -30px; }
	li#nav_message_board a#n_message_board:hover { background-position: -196px -30px; }
	li#nav_blog a#n_blog:hover { background-position: -300px -30px; }
	
/**mini nav*******************************************************************
******************************************************************************/

	ul#mini_nav {
		top: 0;
		right: 0;
		padding: 10px 20px 0 0;
	}
	
	ul#mini_nav li {
		float: right;
		padding-left: 15px;
	}
	
	ul#mini_nav li a {
		color: #55544c;
		text-decoration: none;
		font: 10px lucida grande, tahoma, arial;
	}
	
	ul#mini_nav li a:hover {
		text-decoration: underline;
	}
	
	
/**newsletter*****************************************************************
******************************************************************************/

	div#newsletter {
		width: 294px;
		height: 52px;
		padding: 0;
		margin: 10px 10px 0 0;
		float: right;
		clear: right;
		position: relative;
	}
	div#newsletter div#nl_bg_l {
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:200px;
		overflow:hidden;
		background: url(../_images/newsletter_bg.gif) no-repeat;
		z-index:1;
	}
	div#newsletter div#nl_bg_r {
		position:absolute;
		top:0;
		right:0;
		height:100%;
		width:100px;
		overflow:hidden;
		background: url(../_images/newsletter_bg.gif) top right no-repeat;
		z-index:1;
	}
	div#newsletter div#emailwidget {
		position:relative;
		top:12px;
		padding:0;
		z-index:2;
	}
	div#newsletter div#emailwidget object {
		z-index:2;
	}
	
	input#newsletter_in {
		width: 170px;
		padding-left: 3px;
		margin: 12px 10px 0 0;
		float: left;
		color: #aaa;
	}
	
	input#nl_signup {
		margin-top: 10px;
		float: left;
	}
	
	div#newsletter a#newsletter_close {
		width: 11px;
		height: 11px;
		position: absolute;
		background: url(../_images/newsletter_x.gif) no-repeat;
		top: 4px;
		right: 8px;
		z-index:3;
	}		

	
/**main banner****************************************************************
******************************************************************************/

	div#main_image {
		position: relative;
		height: 305px;
	}
	
	a#listen_now {
		display: block;
		width: 120px;
		height: 30px;
		background: url(../_images/btn_listen_now.gif) no-repeat;
		position: absolute;
		right: 40px;
		top: 200px;
	}

	a#listen_now:hover {
		background-position: 0 -30px;
	}
	
	a#on_tour {
		display: block;
		width: 220px;
		height: 30px;
		/* background: url(../_images/btn_listen_now.gif) no-repeat; */
		position: absolute;
		right: 40px;
		top: 148px;
	}

	a#on_tour:hover {

	}
	
	a#buy_now {
		display: block;
		width: 120px;
		height: 30px;
		background: url(../_images/btn_buy_now.gif) no-repeat;
		position: absolute;
		right: 175px;
		top: 200px;
	}

	a#buy_now:hover {
		background-position: 0 -30px;
	}
	
/**section titles*************************************************************
******************************************************************************/

	div#joes_music h2, div#live h2, div#photos_of_joe h2, div#videos_of_joe h2, div#contact h2, div#update h2, div#press h2 {
		padding: 0;
		margin: 0;
		height: 50px;
		background: url(../_images/h2_titles.gif) no-repeat;
	}
	
	div#joes_music h2 { background-position: 0 -50px; }
	div#photos_of_joe h2 { background-position: 0 -100px; }
	div#videos_of_joe h2 { background-position: 0 -200px; }
	div#videos_of_joe h2#videos_white_picket { background-position: 0 -250px; }
	div#videos_of_joe h2#videos_canyon_joe { background-position: 0 -300px; }
	div#contact h2 { background-position: 0 -350px; }
	div#live h2 { background-position: 0 -400px;}
	div#update h2 { background-position: 0 -450px;}
	div#press h2 { background-position: 0 -500px;}
	

	
/**music**********************************************************************
******************************************************************************/
	
	div#player {
		padding: 15px 20px 30px 20px;
	}
	
	div#album_grid {
	    padding: 15px 0 30px 20px;
	}
	
	div#album_grid ul.alb_boxes {
	    width: 840px;
	}
	
	div#album_grid ul.alb_boxes li.alb_box {
	    background: url(../_images/bg_album_grid.gif) no-repeat;		
	    width: 150px;
	    height: 220px;
	    float: left;
	    display: inline;
	    padding: 20px;
	    margin: 0 20px 20px 0;
	}
	
	div#album_grid ul.alb_boxes li.alb_box a {
        font: 10px lucida grande, tahoma, arial;
	    color: #b3ada7;
	    text-decoration: none;
	}
	
	div#album_grid ul.alb_boxes li.alb_box a:hover {
	    color: #fff;
	}
	
	div.alb_thumb {
	    padding-bottom: 10px;
	}
	
	div.alb_title {
	    padding: 8px 0 14px 0;
		text-align:center;
	}
	
	div.alb_purchase, ul.purchase_links {
	    height: 27px;
	}

	ul.purchase_links li {
	    height: 27px;
	    width: 30px;
	    float: left;
	    display: inline;
	}
	
	div.alb_thumb a img { border: 2px solid #514943;}
	div.alb_thumb a:hover img { border: 2px solid #ccc;}
	
	ul.purchase_links li.pl_itunes { width: 29px; margin-right: 9px; }
	ul.purchase_links li.pl_itunes_g { width: 50px; margin-right: 9px; }
	ul.purchase_links li.pl_cd { width: 14px; margin-right: 9px;}
	ul.purchase_links li.pl_listen { 
		width:auto;
		height:auto;
		margin-top:10px;
	}
	ul.purchase_links li.pl_listen a {
		background:none;
		height:auto;
		width:auto;
	}
	ul.purchase_links li.pl_listen a span {
		color:#55544C;
	}
	ul.purchase_links li.pl_ts { width: 27px; margin-top:13px;}
	
	ul.purchase_links li a { 
	    display: block;
	    height: 27px;
	    background: url(../_images/bg_purchase_links.gif) no-repeat;
	}
	
	.alb_listenbuy {
		margin-top:10px;
		text-align:center;
	}
	div#album_grid ul.alb_boxes li.alb_box div.alb_listenbuy a.pl_listenbuy {
		color:#55544C;
	}
	
	ul.purchase_links li.pl_itunes_g a { background-position: -38px 0; }
	ul.purchase_links li.pl_cd a { background-position: -97px 0; }
	ul.purchase_links li.pl_listen a { background-position: -120px 0; }
	
	ul.purchase_links li.pl_itunes a:hover { background-position: 0 -27px; }
	ul.purchase_links li.pl_itunes_g a:hover { background-position: -38px -27px; }
	ul.purchase_links li.pl_cd a:hover { background-position: -97px -27px; }
	ul.purchase_links li.pl_listen a:hover { background-position: -120px -27px; }


	p#view_all_music {
		margin-right: 22px;
		height: 30px;
		position: relative;
	}
	
	a#view_all_music {
		display: block;
		width: 121px;
		height: 30px;
		position: absolute;
		right: 0;
		background: url(../_images/btn_view_all_music.gif) no-repeat;		
	}
	
	a#view_all_music:hover {
		background-position: 0 -30px;
	}

	
/**photos**********************************************************************
******************************************************************************/

	div#photos {
		padding: 15px 0 30px 20px;
	}
	
	div#photos ul li {
		margin: 0 10px 20px 0;
		float: left;
		display: inline;
	}
	
	div#photos ul li a img {
		padding: 2px;
		border: 2px solid #b3ada7;
	}
	
	div#photos ul li a img:hover {
	    border-color: #fff;
	}
	
	p#view_all_photos {
		margin-right: 22px;
		height: 30px;
		position: relative;
	}
	
	a#view_all_photos {
		display: block;
		width: 130px;
		height: 30px;
		position: absolute;
		right: 0;
		background: url(../_images/btn_view_all_photos.gif) no-repeat;		
	}
	
	a#view_all_photos:hover {
		background-position: 0 -30px;
	}

/**live***********************************************************************
******************************************************************************/

	div#live_content, div#live_content_london {
		padding: 0 20px 40px 20px;
	}
	
	div#live_content_london h4 {
	    font-size: 14px;
	    font-weight: bold;
	    color: #fff;
	    margin-top: 15px;
	    margin-bottom: 10px;
	}
	
	div#live_content_london p {
	    line-height: 150%;
	    color: #999;
	    margin-bottom: 10px;
	}
	
	table.shows_table {
		width: 100%;
		margin-bottom: 30px;
	}
	
	table.shows_table td {
		padding: 6px 3px 6px 3px;
		border-bottom: 1px solid #2a2016;
	}
	
/**videos*********************************************************************
******************************************************************************/
	
	div#videos {
		padding: 15px 0 30px 20px;
	}
	
	ul#video_thumbs {
		width: 100%;
	}
	
	div#videos ul#video_thumbs li {
	    margin: 0 20px 30px 30px;
	    float: left;
		display: inline;
	}	
	
	div#videos ul#video_thumbs li a {
	    text-decoration: none;
	}
	
	div#videos ul#video_thumbs li a:hover {
	    text-decoration: underline;
	}
	
	div.video_thumb {
	    margin-bottom: 15px;
	}
	
	div.video_thumb a img {
	    border: 2px solid #b3ada7;
	}
	
	div.video_thumb a img:hover {
	    border-color: #fff;
	}
	
	span.duration {
	    color: #55544c;
        font: 9px 'lucida grande', tahoma, arial;
        font-style: italic;
        margin-left: 10px;
	}
	
/**updates********************************************************************
******************************************************************************/

	div.update_date {
		font-size: 10px;
		font-family: 'lucida grande', tahoma, arial;
		color: #565351;
		margin-bottom: 10px;
	}

	div.update_date span {
		background: #261c14;
		padding: 3px 4px 3px 4px;
	}
	
	
/**contact********************************************************************
******************************************************************************/

    span.tan {
        color: #55544c;
    }

    a#contact_link {
        display: block;
		background: url(../_images/icon_contact.gif) no-repeat;		
        padding: 4px 0 4px 12px;
        height: 16px;
        width: 80px;
    }
    
    a#contact_link:hover {
        background-position: 0 -22px;
    }


/**footer*********************************************************************
******************************************************************************/
	
	div#footer {
		height: 300px;
		padding: 20px;
		color: #55544c;
	    font: 9px 'lucida grande', tahoma, arial;
		line-height: 175%;
	}
	
	div#footer p {
	    color: #55544c;
	    font: 9px lucida grande, tahoma, arial;
		line-height: 175%;
		margin-bottom: 25px;
	}
	
	div#footer p#footer_left {
		width: 75%;
		float: left;
	}
	
	div#footer a {
	    text-decoration: none;
	}
	
	a#tag_medium_blend {
	    display: block;
	    width: 110px;
	    height: 40px;
	    background: url(../_images/tag_medium_blend.gif) no-repeat;
	    background-position: -1px 0;
	}
	
	a#tag_medium_blend:hover {
	    background-position: -1px -40px;
	}
	

/**DWC************************************************************************
******************************************************************************/
	p#footer_right  {
		float: right;
		width: 25%;
		text-align: right;
	}

    a#dwc_link, a#dwc_link:visited {
		color: #5a6572;
    }

    a#dwc_link:hover {
		color: #fff;
    }

/**Press Page*****************************************************************
******************************************************************************/

	div#first_row {
		margin-top: 15px;
		border-top: 1px solid #382c20;
		border-bottom: 1px solid #382c20;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	div#first_row_left {
		width: 400px;
		margin-right: 15px;
		float: left;
	}
	
	div#first_row_middle {
		width: 105px;
		float: left;
		padding-top: 15px;
	}
	
	div#first_row_right {
		width: 300px;
		float: left;
		padding-top: 15px;
	}
	
	img.press_album {
		float: left;
		width: 75px;
		margin-right: 15px;
		border: 2px solid #514943;;
	}
	
	div#download_link {
		width: 270px;
		height: 30px;
		padding: 15px;
		background: url(../_images/dl_bg.gif) no-repeat;
	}
	
	a#download_link {
		padding: 0 0 3px 20px;
		color: #fff;
		font-size: 16px;
		background: url(../_images/dl_icon.gif) no-repeat;
	}
	
	a#download_link:hover {
		background-position: 0 -24px;
	}
	
	div#download_link span {
		color: #b3ada7;
		font-size: 10px;
	}
	
	ul#press_list li {
		font-size: 14px;
		list-style-type: circle;
		padding: 5px;
		margin-left: 15px;
	}