@charset "UTF-8";

html {
	min-height: 100%;
	height: auto;
}


body {
	font:11px Arial, Helvetica, sans-serif;
	background: url(images/bg.jpg) right top fixed;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #999;
}

a{color: #d8b855;}
a:hover{color:#e7cc79;}
a:active{border:none;}

.clear{clear:both;}

#container {
	width: 500px;  
	margin: 0 auto;
	text-align: left;

}

#header {
	padding: 0 10px 0 0;  
	}

#header h1 {
	margin:80px 0 50px 0;
	width:388px;
	height:38px;
	background:url(images/ta_header.png) no-repeat top left;
	text-indent:-500px;
	overflow:hidden;
}

h4{font-size:25px;color:#8f200b;text-align:center;width:100%;margin-top:150px;}

#mainContent {
	padding: 0 20px 0 0; 
}


#leftcolumncontent{margin-right:200px;}

#rightcolumncontent {
  border-left: 1px solid #e5e5e5;
  width:180px;  
  float:right;
  padding-left:10px;
}

/*Navigation*/

#navigation{
	padding:0;
	margin:20px 0 0 0;
	list-style-type:none;
	position:fixed;
	z-index:100;
	top:200px;
	left:0;
	width:86px;
	}
	
#navigation li{
	padding:0;
	margin:0;
	}

#navigation li a{
	height:29px;
	float:left;
	text-indent:-400px;
	overflow:auto;
	margin-bottom:5px;
	}
	
#navigation li #home{width:47px;background:url(images/nav_home.jpg) no-repeat -47px top;}	
#navigation li #home:hover{background:url(images/nav_home.jpg) no-repeat left top;}
#navigation li #home.on{background:url(images/nav_home.jpg) no-repeat left top;}

#navigation li #photos{width:54px;background:url(images/nav_photos.jpg) no-repeat -54px top;}	
#navigation li #photos:hover{background:url(images/nav_photos.jpg) no-repeat left top;}
#navigation li #photos.on{background:url(images/nav_photos.jpg) no-repeat left top;}

#navigation li #tour{width:51px;background:url(images/nav_tour.jpg) no-repeat -51px top;}	
#navigation li #tour:hover{background:url(images/nav_tour.jpg) no-repeat left top;}
#navigation li #tour.on{background:url(images/nav_tour.jpg) no-repeat left top;}

#navigation li #music{width:62px;background:url(images/nav_music.jpg) no-repeat -62px top;}	
#navigation li #music:hover{background:url(images/nav_music.jpg) no-repeat left top;}
#navigation li #music.on{background:url(images/nav_music.jpg) no-repeat left top;}

#navigation li #theband{width:86px;background:url(images/nav_theband.jpg) no-repeat -86px top;}	
#navigation li #theband:hover{background:url(images/nav_theband.jpg) no-repeat left top;}
#navigation li #theband.on{background:url(images/nav_theband.jpg) no-repeat left top;}

#navigation li #merch{width:51px;background:url(images/nav_merch.jpg) no-repeat -51px top;}	
#navigation li #merch:hover{background:url(images/nav_merch.jpg) no-repeat left top;}
#navigation li #merch.on{background:url(images/nav_merch.jpg) no-repeat left top;}

#navigation li #blog{width:46px;background:url(images/nav_blog.jpg) no-repeat -46px top;}	
#navigation li #blog:hover{background:url(images/nav_blog.jpg) no-repeat left top;}
#navigation li #blog.on{background:url(images/nav_blog.jpg) no-repeat left top;}



/*page treatment*/

#topright{background:url(images/balloonstopright.png) no-repeat top right;width:424px;height:385px;
	position:fixed;
	top:0;
	right:0;
	z-index:-100}

#topleft{background:url(images/topleft.png) no-repeat top right;width:329px;height:80px;
	position:fixed;
	top:0;
	left:0;}

#smallfighters{background:url(images/fighters.png) no-repeat top right;width:171px;height:151px;
	position:fixed;
	top:80px;
	left:50px;}
	
/*headers*/

h2{height:29px;
	text-indent:-400px;
	overflow:hidden;
	margin:10px 0 10px 0;
	padding:0;}

h2#news{background:url(images/header_news.png) no-repeat left top;}
h2#photos{background:url(images/header_photos.png) no-repeat left top;}
h2#tour{background:url(images/header_tour.png) no-repeat left top;}
h2#music{background:url(images/header_music.png) no-repeat left top;}
h2#merch{background:url(images/header_merch.png) no-repeat left top;}
h2#blog{background:url(images/header_blog.png) no-repeat left top;}
h2#theband{background:url(images/header_theband.png) no-repeat left top;}

/*Social Footer*/
	

#socialfooter{
	padding:0;
	margin:15px 0 300px 0;
	list-style-type:none;
	}
	
#socialfooter li{
	padding:0;
	margin:0;
	display:inline;	
	}

#socialfooter li a{
	height:24px;
	float:left;
	text-indent:-400px;
	overflow:auto;
	margin-right:35px;
	}
	
#socialfooter li #twitter{width:84px;background:url(images/twitter.png) no-repeat -84px top;}	
#socialfooter li #twitter:hover{width:84px;background:url(images/twitter.png) no-repeat top left;}	

#socialfooter li #youtube{width:63px;background:url(images/youtube.png) no-repeat -63px top;}	
#socialfooter li #youtube:hover{width:63px;background:url(images/youtube.png) no-repeat left top;}	

#socialfooter li #facebook{width:74px;background:url(images/facebook.png) no-repeat -74px top;}	
#socialfooter li #facebook:hover{width:74px;background:url(images/facebook.png) no-repeat left top;}	

#socialfooter li #myspace{width:90px;background:url(images/myspace.png) no-repeat -90px top;}	
#socialfooter li #myspace:hover{width:90px;background:url(images/myspace.png) no-repeat left top;}	



/*Footer*/

#nowplaying a{
	background:url(images/nowplaying.png) no-repeat bottom left;
	width:263px;
	height:82px;
	position:fixed;
	bottom:50px;
	left:20px;
	text-indent:-500px;
	overflow:hidden;
	z-index:20;
	}
	
#nowplaying a:hover{
	background:url(images/nowplaying.png) no-repeat -263px bottom;}
	
#mp3list{display:none;}	
	

#footer {
	padding: 0 10px; 
	position:fixed;
	bottom:30px;
	right:0;
	width:635px;
	height:259px;
	background:url(images/rubble.png) no-repeat bottom right;
	z-index:-100;
}


/*Sponsor Footer*/
	

#sponsor{
	padding:0;
	margin:0;
	list-style-type:none;
	position:fixed;
	bottom:0;
	left:0;
	z-index:2001;
	background:#7D765C;
	width:100%;
	}
	
#sponsor li{
	padding:0;
	margin:0;
	display:inline;	
	}

#sponsor li a{
	height:30px;
	float:right;
	text-indent:-400px;
	overflow:auto;
	margin-right:10px;
	}
	
#sponsor li #s1{width:28px;background:url(images/s1logo.jpg) no-repeat top left;}	
#sponsor li #slushfund{width:49px;background:url(images/slushfundlogo.jpg) no-repeat top left;}	


/*mailing list form*/

.inputarea{
border: solid 1px #cecece;
width:130px;
font:10px Verdana, Helvetica, Arial, sans-serif;
color: #999; 
font-weight:normal;
font-style: normal;
overflow:auto;
}

#state{width:100px;}
#email{margin-left:110px;}
#address{width:160px;}
#message{width:272px;}

#emaillist{position:fixed;
z-index:5000;left:20px;bottom:5px;text-align:left;background:url(images/join.png) no-repeat left 3px;padding-left:180px;}
#emailstate{float:left;margin-right:5px;}
#emailform{float:left;margin-right:5px;}
#emailbuttons{float:left;}

.messagearea{
border: solid 1px #999;
overflow:auto;font:10px Arial, sans-serif;
color: #999; 
font-weight:normal;
font-style: normal;
}

.messageblock{border:solid 3px #F8A607;border-top:0;background:#F5F807;padding:15px;font-size:16px;font-weight:bold;}
.messageblockgreen{border:solid 3px #238704;border-top:0;background:#31c105;padding:15px;font-size:16px;font-weight:bold;color:#fff;}
.messageblockgreen h4{color:#fff;}
.messageblockgreen h4 a{color:#238704;}
.messageblockgreen h4 a:hover{color:#cecece;}

.custombtn
{background-color: #d8b855;
padding: 1px;
color: #fff; 
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: bold; 
font-style: normal; 
border:none;
cursor:pointer;
}

.custombtn:hover
{background:#CC9;}

.RSSfeed ul{
	list-style-type:none;
	padding:0;
	margin:0;}

.RSSfeed ul li{
	padding:0;
	margin:0;}
	
/*Photos*/	
#photogallery li{height:120px;width:120px;float:left;margin:0 20px 20px 0;overflow:hidden;border:solid 3px #d8b855;}	
#photogallery .datefield, #photogallery .titlefield{display:none;}
#photogallery ul li p{padding:0;margin:0;font-size:0;}
#photogallery ul li p img{margin-top:-20px;margin-left:-20px;}	
	
/*Tour Dates*/	
#tourdates .datefield{height:0;display:none;}
#tourdates li {height:35px;overflow:hidden;line-height:15px;}
#tourdates li a{font-weight:bold;display:block;text-decoration:none;}

/*Blog*/
#TAblog .titlefield{font-size:13px;font-weight:bold;}

/*Music*/
.tracks{padding-left:17px;}
.close{font-size:16px;font-weight:bold;}
#lyricsheader{position:fixed;top:20px;left:0;width:100%;text-align:center;}
#lyricsheadertxt{width:650px;margin-left:auto;margin-right:auto;text-align:right;}

/*Merch*/
.merchblock{text-align:left;display:block;margin-bottom:10px;}
.merchblock b{font-size:16px;color:#d8b855;}
.merchblock p, .merchblock form{margin-left:270px;}
.merchblock .img1{border:solid 4px #cecece;float:left;maring-right:10px;}