/* ---------------------------
	NOTHING BAND
	Main Styles
	
	Table of Contents
	1. Common
	2. Header
	3. Banner
	4. Nav
	5. Content
	6. Footer
	7. Copyright
	8. ContentIndex
--------------------------- */

/* ---------------------------
	1. COMMON 
--------------------------- */
body
{
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}

#wrapper
{
	width: 800px;

	background: url(../images/body_bg.jpg) 0 0 no-repeat #fff;
	padding-top: 0px;
	float: left;
}
#wrapperIndex
{
	width: 1050px;
	background: url(../images/body_bg.jpg) 0 0 no-repeat #fff;
	padding-top: 0px;
	float: left;
}

h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #39c;
	margin-top: 0;
}

	h3 span
	{
		color: #000;
	}

h4
{
	font-size: 18px;
	font-weight: normal;
	color: #000;
	text-transform: uppercase;
	margin: 0;
}

	h4 span
	{
		color: #94b3c3;
	}

h5
{
	font-size: 12px;
	color: #000;
	text-transform: uppercase;
	margin: 0;
}

	.grey
	{
		color: #666;
	}

h6
{
	font-size: 11px;
	color: #666;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}

/* ---------------------------
	2. HEADER 
--------------------------- */
#header
{
	width: 700px;
	margin-left: 50px;
}

/* ---------------------------
	3. BANNER 
--------------------------- */
#banner
{
	width: 698px;
	background-color: #fff;
	color:#000;
	margin-left: 50px;
	padding: 5px 5px 0 5px;
	float: left;

}
#bannerIndex img{
	border:none;
	display:block;
	margin-left:auto;
	margin-right:auto;}

#bannerIndex
{
	width: 1000px;
	background-color:#000;
	margin-left: 50px;
	padding: 0px 0px 0px 0px;
	float:left;
}

#bannerHum{
	width: 700px;
	background-color:#000;
	margin-left: 50px;
	padding: 5px 5px 0 5px;
}
#bannerHum img{
	margin-left:150px;
	}
/* ---------------------------
	4. NAV 
--------------------------- */
#nav
{
	width: 465px;
	height: 40px;
	line-height: 32px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin-left: 50px;
	padding-left: 16px;
	background: url(../images/nav_bg.gif) 15px 0 no-repeat #fff;
	float: left;
}
/* -----------
    NavIndex
	*/
#navIndex
{
	width: 710px;
	height: 38px;
	line-height: 32px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin-left: 50px;
	padding: 2px 0px 0px 5px;
	background: url(../images/nav_bg2.gif) 0px 0 no-repeat #fff; 
	background-color:#fff;
	float: left;
	-moz-border-radius-bottomright: 50px;
	border-bottom-right-radius: 50px;

}
#buttons{
	width: 200px;
	height: 40px;
	float:left;
	padding: 0px 0px 0px 0px;
	border: 0px;
	background-color: #fff;
	}
#buttons img{ border: none;
margin-left: 0px;}

#buttonsIndex{
	width: 285px;
	height: 40px;
	float:left;
	padding: 0px 0px 0px 0px;
	border: 0px;
	background-color: #FFF;
	background:#FFF;
	}
#buttonsIndex img{ border: none;
margin-left: 45px;}

	#navIndex p,
	#navIndex a
	{
		color: #000;
		display: inline;
		padding-right: 1px;
		margin: 0;
	}


#navFooter
{
	float: left;
	padding: 10px 20px 0 88px;
}

	#nav	{
		border-width: 0;
		vertical-align: middle;
	}
	#navIndex img 
	{
		border-width: 0;
		vertical-align: middle; margin: 4px 4px 0px 6px;
	}
	#nav p,
	#nav a
	{
		color: #000;
		display: inline;
		padding-right: 1px;
		margin: 0;
	}
	
	#navFooter p,
	#navFooter a
	{
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		color: #999;
		display: inline;
	}
	
	#nav a,
	#navFooter a
	{
		text-decoration: none;
	}
	
	#nav a.logo:hover
	{
		text-decoration: none;
	}
	#nav a.fb_share_link:hover
	{
		text-decoration: none;
	}

	#nav a:hover,
	#navFooter a:hover
	{
		text-decoration: underline;
	}
#footer_humming{
	display:block;
	margin-left:580px;
	}
#footer_humming img
{
	border:none;
}

	#navFooterIndex
{
	float: left;
	padding: 10px 20px 0 88px;
	margin-left: 220px;
}

	#navFooterIndex p,
	#navFooterIndex a
	{
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		color: #999;
		display: inline;
	}
	
	#navIndex a,
	#navFooterIndex a
	{
		text-decoration: none;
	}
	
	#navIndex a.logo:hover
	{
		text-decoration: none;
	}
	#navIndex a.fb_share_link:hover
	{
		text-decoration: none;
	}

	#navIndex a:hover,
	#navFooterIndex a:hover
	{
		text-decoration: underline;
	}
/* ---------------------------
	5. CONTENT 
--------------------------- */
#content
{
	font-family: Arial, Helvetica, sans-serif;
	width: 700px;
	background-color: #fff;
	margin: 0 0 20px 50px;
	padding: 20px 15px 15px 25px;
	float: left;
}

	#content p, td
	{
		font-size: 12px;
		margin-top: 0;
	}

	#content a
	{
		font-size: 10px;
		color: #39c;
		text-transform: uppercase;
		text-decoration: none;
	}
	#newsHum a
	{
		font-size: 12px;
		color: #39c;
		text-transform: uppercase;
		text-decoration: none;
	}
	
	#content a:hover
	{
		text-decoration: underline;
	}
	#newsHum{
		width:670px;
		float:left;
	}
	#newsHum img{margin-left:130px;}
	
#newsItem
	{ 
		background-color:#dddddd;
		border-radius: 5px;
		-moz-border-radius: 5px;
	}
					
	#newsItem img {background-color:#dddddd;
					padding: 0px 10px 0px 0px;
		}
	
#newsItem p
	{
		text-align:justify;
		margin-right:10px;
		margin-left: 10px;
		padding-bottom: 5px;

	}

	
	#content #news,
	#content #media,
	#content #about
	{
		width: 310px;
		float: left;
	}
	
	
	#content #discography
	{
		width: 100%;
	}
	
		#content #discography .albumList
		{
			width: 350px;
			float: left;
		}
		
		#content #discography .albumList p
		{
			margin: 0;
			padding-bottom: 5px;
		}
		
		#content #discography .albumList span
		{
			padding-right: 30px;
		}
		
		#content #discography .albumList .listen
		{
			padding-left: 5px;
		}
		
		#content #discography .albumCovers
		{
			width: 280px;
			float: left;
			margin-left: 20px;
		}
		
		.albumCovers #albumInfo p
		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			padding: 0px 0 0 10px;
		}
		
		.albumCovers #album img,
		.albumCovers #album #albumInfo
		{
			float: left;
		}
		
		.vidBox,
		.vidBox img,
		.vidInfo
		{
			float: left;
		}
		
		.vidBox
		{
			padding-right: 40px;
		}
		
		.picBox
		{
			float:left;
		    padding-top:15px;
			padding-right:15px;
		}
		
		.vidInfo p
		{
			font-size: 11px !important;
			padding: 35px 0 0 10px;
		}
	
	#content #about a
	{
		font-size: 12px;
	}
	
	#content #featureBox
	{
		width: 242px;
		height: 230px;
		background-color: #f9f9f9;
		margin-left: 50px;
		margin-top: 55px;
		padding: 0px 10px 10px 10px;
		float: left;
	}
	#content #featureBoxt
	{
		width: 250px;
		height: 200px;
		
		margin-left: 50px;
		padding: 10px 10px 25px 10px;
		float: left;
	}
		#content #featureBox a
		{
			font-size: 11px;	
		}
	
		#content #featureBox p
		{
			font-size: 11px;
			color: #000;
			margin: 0;
		}
		
		#content #featureBox p span
		{
			padding-right: 10px;
		}

	#content #shirtthumbs
	{
		width: 210px;
		height: 371px;
		padding-top: 15px;
		float: left;
	}

	#content #largeshirt
	{
		float: right;
		padding-top: 9px;
		padding-bottom: 5px;
	}
	
	#content #albumsale
	{
		float: left;
		padding: 0 25px 0 0;
	}
	#content #itunes
	{
		padding: 0px 10px 10px 10px;

	}
	#content #shirts
	{
	clear:left;
	}
/* ---------------------------
	6. FOOTER 
--------------------------- */
#footer
{
	width: 675px;
	height: 95px;
	background-color: #000;
	float: left;
	margin-left: 50px;
	padding-right: 25px;
}

	#footer img
	{
		float: left;
		padding-top: 10px;
	}
#footerHum
{
	width: 700px;
	height: 95px;
	background-color: #000;
	float: left;
	margin-left: 50px;
	padding-right: 25px;
}

	#footerHum img
	{
		float: left;
		padding-top: 10px;
	}
	/*------------------*/
	#footerIndex
{
	width: 1000px;
	height: 95px;
	background-color: #000;
	float: left;
	margin-left: 50px;
	padding-right: 0px;
}

	#footerIndex img
	{
		float: left;
		padding-top: 0px;
		margin-left: 200px;
	}
#footerHumIndex
{
	width: 750px;
	height: 95px;
	background-color: #000;
	float: left;
	margin-left: 50px;
}

	#footerHumIndex img
	{
		float: left;
		padding-top: 10px;
	}
/* ---------------------------
	7. COPYRIGHT 
--------------------------- */
#copyright
{
	width: 670px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #999;
	margin-left: 50px;
	padding-right: 30px;
	text-align: right;
	float: left;
}
#copyrightHum
{
	width: 659px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #999;
	margin-left: 50px;
	padding-right: 30px;
	text-align: right;
	float: left;
}
/* ---------------------------
	8. CONTENT-INDEX
--------------------------- */

#contentIndex
{
	font-family: Arial, Helvetica, sans-serif;
	width: 960px;
	margin: 0 0 0px 50px;
	padding: 20px 20px 15px 20px;
	float: left;
	background: url(../images/content_bg.jpg) 0 0 no-repeat #fff;
}

	#contentIndex p, td
	{
		font-size: 12px;
		margin-top: 0;
	}

	#contentIndex a
	{
		font-size: 10px;
		color: #39c;
		text-transform: uppercase;
		text-decoration: none;
	}
	
	#contentIndex a:hover
	{
		text-decoration: none;
		color:#42D2FD;
	}
	/*-----------news--------*/
	
	#contentIndex #news,
	#contentIndex #media,
	#contentIndex #upcoming,
	#contentIndex #about
	{
		width: 315px;
		float: left;
		margin-left:3px;
		margin-right:2px;
	}
	/*----------MEDIA-------------*/
	#media
	{
		/*
		background:#f9f9f9;
		border-radius: 5px;
		-moz-border-radius: 5px;
		*/
	}
	
	#media h3
	{
		padding-bottom:0px;
	}
	#media .album
	{
		padding: 5px 0px 5px 0px;
	}
	#media img
	{
		clear:both;
	}
#youtubeVid{
	padding: 5px 5px 5px 5px;
	text-align:center;
	margin-bottom: 10px;

	background:#f9f9f9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	}
#mediaAlbum
{ 	padding: 20px 0px 50px 0px;
	background-color:#dddddd;
	border-radius: 5px;
	-moz-border-radius: 5px;

}
#mediaAlbum p
{
	text-align:justify;
	margin-right:5px;
}
#mediaAlbum h4,h5, img
{
	margin-left:5px;
}

	/* ---------UPCOMING--------------*/

#upcomingshows, #upcomingEvents
	{
		width: 315px;
		background-color: #dddddd;
		padding-bottom: 10px;
		margin-bottom: 10px;
		padding-top: 5px;
		border-radius: 5px;
 		-moz-border-radius: 5px;
	}
#upcomingshows h5, #upcomingEvents h5{ margin-bottom: 4px; }

#upcomingshows a, #upcomingEvents a
		{
			font-size: 12px;	
		}
	
#upcomingshows p, #upcomingEvents p
		{
			font-size: 12px;
			color: #000;
			padding-bottom: 5px;
			margin: 1px 0px 1px 5px;
		}
	
#upcomingshows, #upcomingEvents a:hover .nounderline
	{
		text-decoration: none;
	}
	/*-------PRESS----------*/
	#press
	{
		clear:both;
		background-color:#ffffff;
		border-radius: 5px;
 		-moz-border-radius: 5px;
	}
	#press h4{margin-top:5px;
			padding-top: 5px;}
	
	#press h3 {padding-bottom: 2px;
				margin-bottom: 2px;}
				
	#press p, a {margin-bottom:5px;
				font-size: 14px; }	

	
	#contentIndex #about a
	{
		font-size: 12px;
	}
	
	/*------------------------------------
	-----TWITTER WIDGET----------------
	*/	
	
	#twit{padding: 3px 0px 10px 7px;}
	
#twitter {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:290px;
border:0px solid #c9c9c9;
float:right;
}
 
 
 
#twitter_t {  
width:	290px;
height: 17px;
   
background:#000;
 
color:#fff;
text-shadow:.5px .5px #333;
font-size:0px;
font-family:Arial, Helvetica, sans-serif;
padding-top:0px;
padding-left:0px;
}
 

#twitter_m {
   
width: 260px;
   
padding: 0 15px;
color:#FFF;
background:#000;
 
}

#twitter_container {
       
min-height:35px;
       
height:auto !important;
height:35px;
background: #000;
font-size:14px;
padding-bottom:5px;
padding-top:5px;
   }
 
       
 
#twitter_update_list {
           
width: 270px;
           
padding: 0;
           
overflow: hidden;
           
font-family: Georgia;
           
font-size: 12px;
           
font-style: italic;
           
color: #6FF;
           
line-height: 14px;
           
font-weight:bold;
     }
 
       
 
#twitter_update_list li {
           
width: 290px;
   
list-style: none;
       
padding:8px;
border-bottom: dotted 1px #ccc;
 
}
 
       
 
#twitter_update_list li a {
           
  
color:#6CF;                    
text-decoration: none;
       }
 
       
 
#twitter_update_list li a:hover {
           
color: #9CF;
           
      }
 
 
 
#twitter_b {
   width: 290px;
   height: 15px;
   background:#000;
   font-size: 0px;
}

#pastnews{
	background-color:#CCC;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}