@charset "utf-8";
/* CSS Document */
html{margin:0; padding:0; height:100%;overflow-x: hidden;}
body{margin:0; padding:0; background-color: #f2eee3;overflow-x: hidden;}
#wrapper{ width:960px; margin: 0 auto;}
#outerWrapper{background: #f2eee3 url(../images/bg2.jpg) 0px 0px no-repeat; width:1700px;  margin: 0 0 0 -385px; position: relative; }

#innerWrapper{width:960px; float: left; margin: 0 0 40px 385px;}
*html #innerWrapper{width:960px; float: left; margin: 0 0 40px 200px;}
#innerWrapper p{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #453613; line-height: 20px;}
	#innerWrapper h3{font-family: Arial, Helvetica, sans-serif; font-size: 18px; color:#823507; line-height: 23px; font-weight:200; margin:0;}
	#innerWrapper a{color: #1a899d; text-decoration:underline;}
	#innerWrapper a:hover{ text-decoration:none;}
	#innerWrapper ol{list-style-type:none; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #453613;}
	#innerWrapper ul{list-style-type:none; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #453613;}
	#innerWrapper a.link{text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; float: right; margin: 10px 0 0 0;}
	
#mailingList a{width: 200px; height:200px; position: absolute; top: 355px; left: 655px;  text-indent:-9999px; display: block;}

#rightColumn{float: right; width:420px; margin-top: 190px; }
#rightColumn h1{text-indent:-9999px;}
	.overviewDetail{background: transparent url(../images/overview-detail.gif); width: 420px; height: 50px;}
	
	
#rightColumn #twitter{width: 420px; height: 65px; font-size: 13px;}	
	#rightColumn #twitter ul{ position: absolute; top:263px; left:925px; width: 365px; height: 65px; font-size: 13px; color:#823507; font-weight: bold; padding: 0 0 0 40px;overflow:hidden; }	
	#rightColumn #twitter p.created-time{margin:0; padding:0;}

#upcoming{width: 420px; margin:10px 0 0 0; min-height: 230px;}
	.tourDates{margin:10px 0 25px 0;}

#online-wrapper{width:420px; height:350px; border-bottom: #dcd4c3 solid 10px; padding-top:10px; float: left;}
#online-wrapper #online{width:420px; height:307px; background-image: url(../images/logos.jpg); background-repeat: no-repeat; position: relative; float: left;  margin-top:10px; }
	#online .online-myspace a{width: 50px; height:50px; position: absolute; top: 8px; left: 2px;  text-indent:-9999px; display: block;}
	#online .online-facebook a{width: 50px; height:50px; position: absolute; top: 8px; left: 67px;  text-indent:-9999px; display: block;}
	#online .online-pandora a{width: 160px; height:30px; position: absolute; top: 8px; left: 130px; text-indent:-9999px; display: block;}
	#online .online-twitter a{width: 125px; height:30px; position: absolute; top: 8px; left: 295px;  text-indent:-9999px; display: block;}
	
	#online .online-jambase a{width: 135px; height:40px; position: absolute; top: 65px; left: 2px;  text-indent:-9999px; display: block;}
	#online .online-lastfm a{width: 125px; height:60px; position: absolute; top: 45px; left: 150px;  text-indent:-9999px; display: block;}
	#online .online-ilike a{width: 140px; height:60px; position: absolute; top: 45px; left: 278px;  text-indent:-9999px; display: block;}

	#online .online-youtube a{width: 85px; height:45px; position: absolute; top: 115px; left: 2px;  text-indent:-9999px; display: block;}
	#online .online-flickr a{width: 140px; height:50px; position: absolute; top: 115px; left: 100px;  text-indent:-9999px; display: block;}
	#online .online-itunes a{width: 175px; height:50px; position: absolute; top: 115px; left: 243px;  text-indent:-9999px; display: block;}
	
	#online .online-vimeo a{width: 125px; height:45px; position: absolute; top: 170px; left: 2px;  text-indent:-9999px; display: block;}
	#online .online-virb a{width: 110px; height:45px; position: absolute; top: 165px; left: 130px;  text-indent:-9999px; display: block;}
	#online .online-tumblr a{width: 175px; height:45px; position: absolute; top: 165px; left: 243px;  text-indent:-9999px; display: block;}
	
	#online .online-purevolume a{width: 75px; height:80px; position: absolute; top: 225px; left: 0px;  text-indent:-9999px; display: block;}
	#online .online-reverbnation a{width: 85px; height:80px; position: absolute; top: 225px; left: 82px;  text-indent:-9999px; display: block;}
	#online .online-imeem a{width: 120px; height:35px; position: absolute; top: 215px; left: 177px;  text-indent:-9999px; display: block;}
	#online .online-cdbaby a{width: 120px; height:38px; position: absolute; top: 215px; left: 300px;  text-indent:-9999px; display: block;}
	#online .online-amie a{width: 120px; height:45px; position: absolute; top: 255px; left: 177px;  text-indent:-9999px; display: block;}
	#online .online-sixtyone a{width: 120px; height:45px; position: absolute; top: 255px; left: 300px;  text-indent:-9999px; display: block;}



#blog{width: 420px;margin:20px 0 0 0; border-bottom: #dcd4c3 solid 10px;padding-bottom:10px; float: left;}
	#blog .blogWrapper{margin: 10px 0 0 0; float: left; width:420px;}
	#blog a:hover img{border-bottom: 1px solid #d3b300;}
	#blog .rss-item{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #453613; line-height: 20px;}
	#blog .rss-item a{font-family: Myriad Pro, Arial, Helvetica, sans-serif; font-size: 18px; color:#d3b300; text-decoration:none;}
	#blog .rss-item a:hover{text-decoration:underline;}
	#blog .rss-item img{width:420px;}
	#blog ul{list-style-type: none; margin: 0; padding: 0;}

#videos{width: 420px; border-bottom: #dcd4c3 solid 10px; margin: 20px 0 0 0; padding-bottom:10px; min-height: 200px; float: left;}
	#videos .video{ padding: 10px 0 0px 0; float: left;}
#flickr{width: 420px; border-bottom: #dcd4c3 solid 10px; margin: 20px 0 0px 0; min-height: 200px; padding-bottom:10px; float: left;}
#flickr_badge_uber_wrapper {text-align:center; width:420px; margin-bottom: 20px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image a{margin:0px 0px 5px 5px; float: left;}
.flickr_badge_image img {border: 1px solid black !important; margin:0px;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#1a899d;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#453613 !important;}

#leftColumn{float:left; margin:1400px 0 0 15px; width: 420px;}
#discography{border-bottom: #dcd4c3 solid 10px; width: 420px;}
	#discography .container{float: left; width:135px; padding: 10px 5px 10px 0;}
	#discography p{line-height: normal; margin: 0px 0 0 0; padding: 0;}
	#discography p.album{line-height: normal; margin: 10px 0 0 0; padding: 0; font-weight: bold; font-size: 15px;}
	#discography a{text-decoration: none; color: #1a899d; text-decoration: underline;}
	#discography a:hover{text-decoration: none;}

#contact{float: left; border-bottom: #dcd4c3 solid 10px; margin: 20px 0 0 0; width: 420px; padding: 0 0 10px 0;}
	#contact p.book{font-size: 20px;}

#archive{border-bottom: #dcd4c3 solid 10px; width: 420px; float: left; padding-top:15px;}
	#archive .archive-player{padding: 10px 0 10px 0; float: left;}
	
*html #archive{border-bottom: #dcd4c3 solid 10px; width: 420px; float: left; padding-top:15px; display: none;}
	*html #archive .archive-player{padding: 10px 0 10px 0; float: left; display: none;}

#insideFooter{background: transparent url(../images/footer.jpg) 0 0 no-repeat; height:100px; width: 960px; margin: 0 auto;}
#outsideFooter{background: transparent url(../images/footer-bg.jpg) 0 0 repeat-x; height:100px; width: 100%;}


#mp3Player{position: absolute; left:400px;z-index:2; color: #ffffff;}

#mailingWrapper{width:494; height:323; background: url(../images/mailinglist.jpg) 0 0 no-repeat; margin: 0 auto;}
#mailingWrapper #form{width: 300px; padding: 30px 0 100px 200px;}
#mailingWrapper #form{width: 275px; padding: 60px 0 95px 200px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #453613;}
#mailingWrapper #form h2{font-size: 14px; font-weight: bold;}


