/* CSS Document */

body {
	font-family:Helvetica, Arial, sans-serif; 
	font-size:12px;
	color:#333333;
	}

img {
	outline:none;
	}

h1 {
	margin:0;
	padding:0;
	width:225px;
	height:38px;
	}
	
.caps {	
	text-transform:uppercase;
	}	

/* CONTENT */

#content {
	width:820px;
	margin:0 auto;
	}
	
#content h2 {
	display:block;
	text-indent:-9999px;
	}
		
#content h2.news {
	width:67px;
	height:18px;
	background-image:url(../images/news.gif);
	background-repeat:no-repeat;
	}
	
#content h2.music {
	width:75px;
	height:18px;
	background-image:url(../images/music.gif);
	background-repeat:no-repeat;
	}	
	
#content h2.video {
	width:71px;
	height:18px;
	background-image:url(../images/video.gif);
	background-repeat:no-repeat;
	}
	
#content h2.shows {
	width:85px;
	height:18px;
	background-image:url(../images/shows.gif);
	background-repeat:no-repeat;
	}			
	
#content h2.press {
	width:75px;
	height:18px;
	background-image:url(../images/press.gif);
	background-repeat:no-repeat;
	}			
	
#content h2.bio {
	width:39px;
	height:18px;
	background-image:url(../images/bio.gif);
	background-repeat:no-repeat;
	}			
	
#content h2.contact {
	width:110px;
	height:18px;
	background-image:url(../images/contact.gif);
	background-repeat:no-repeat;
	}			
	
/* NAVIGATION */

#navigation-container {
	width:500px;
	float:right;
	}

#navigation	{
	margin:0;
	padding:0;
	padding-top:20px;
	}
	
#navigation li{
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
	}
	
#navigation a {
	float: left;
	display:inline;
	padding: 13px 0 0 0;
	border:none;
	outline:none;
	overflow: hidden;
	height: 0px !important; 
	height /**/:13px; /* for IE5/Win only */
	}		
	
#nav-news a  {
	width: 57px;
	background: url(../images/nav-news.gif) top left no-repeat;
	}
	
#nav-music a  {
	width: 71px;
	background: url(../images/nav-music.gif) top left no-repeat;
	}
	
#nav-video a  {
	width: 67px;
	background: url(../images/nav-video.gif) top left no-repeat;
	}
	
#nav-shows a  {
	width: 79px;
	background: url(../images/nav-shows.gif) top left no-repeat;
	}	
	
#nav-press a  {
	width: 71px;
	background: url(../images/nav-press.gif) top left no-repeat;
	}
	
#nav-bio a  {
	width: 46px;
	background: url(../images/nav-bio.gif) top left no-repeat;
	}	
	
#nav-contact a  {
	width: 87px;
	background: url(../images/nav-contact.gif) top left no-repeat;
	}	

/* HEADER */

#header { 
	position: absolute; 
	top:0;
	background-image:url(../images/stationary-line.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFFFFF;
	width:100%;
	padding:16px 0;
	height:35px;
	}
	
.logo { 
	width:820px;
	margin:0 auto;
	}

div > div#header { 
		position: fixed; 
	}

/* FOOTER */

#footer { 
	position: absolute;
	bottom: 0px;
	background-image:url(../images/stationary-line.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFFFFF;
	width:100%;
	padding:0;
	padding-top:5px;
	height:70px;
	}
	
.footer-container { 
	width:820px;
	margin:0 auto;
	}	
		
div > div#footer { 
	position: fixed; 
	}
	
#footer object {
	float:left;
	margin-top:0;
	}	
	
#social-container {
	width:340px;
	float:right;
	}

#social	{
	margin:0;
	padding:0;
	padding-top:30px;
	}
	
#social li{
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
	}	

	
/* COLUMNS */	
	
.left-column {
	width:580px;
	float:left;
	}
	
.right-column {
	width:220px;
	float:right;
	}
	
.clear	{
	clear:both;
	}
	
.top-link {
	width:100%;
	font-size:8px;
	padding-top:45px;
	font-weight:bold;
	text-transform:uppercase;
	clear:both;
	}
	
.top-link a{
	color: #333333;
	}
	
.top-link a:hover{
	color:#999999;
	}					
	
.section {
	padding-top:90px;
	min-height:700px;
	}	
			
	
/* MUSIC SECTION */

#music-left {
	width:300px;
	float:left;
	}	
	
.music-thanks {
	padding-top:1em;
	font-weight:bold;
	}	
	
#music-right {
	width:240px;
	float:right;
	}		
	
#music-right p{
	padding-bottom:15px;
	}	
	
#contact {
	list-style-type:none;
	padding:0px;
	color:#999999;
	text-transform:uppercase;
	font-size:9px;
	font-weight:600;
	}			
	
.input {
	height:34px;
	width:298px;
	font-size:30px;
	text-transform:uppercase;
	color:#999999;
	background-color:#FFFFFF;
	border:solid 1px #999999;
	margin-top:12px;
	margin-bottom:4px;
	}	
	
.submit {
	margin-top:30px;	
	}
	
.music-purchase {
	width:100%;
	padding-bottom:50px;
	}		
	
.music-purchase ul{
	float:right;
	width:120px;
	}	
	
.music-purchase li{
	list-style-type:none;
	padding:0;
	margin:0;
	}	

object {
	margin-top:12px;
	}


/* SHOWS */

.gig-listing {
	width:100%;
	padding-bottom:30px;
	text-transform:uppercase;
	}	
	
.venue {
	padding-top:7px;
	font-weight:bold;
	}	
	
.venue a{
	color:#333333;
	text-decoration:none;
	}	
	
.venue a:hover{
	color:#CCCCCC;
	text-decoration:none;
	}
	
/* PRESS */

.press-listing {
	width:460px;
	padding-bottom:30px;
	}
	
.press-credit {
	padding-top:10px;
	font-size:9px;
	color:#666666;
	font-style:italic;	
	text-align:right;		
	}
	
.press-credit a{
	color:#666666;
	text-decoration:none;
	}
			
.press-credit a:hover{
	color:#333333;
	text-decoration:none;
	}
	
/* CONTACT */

.contact-section {
	padding-top:90px;
	}	
	
img.right-align	{
	float:right;
	}
	
.inquiries {
	margin-bottom:1em;
	}	

.inquiries a{
	font-size:14px;
	font-weight:bold;
	color:#333333;
	}
	
.inquiries a:hover{
	font-size:14px;
	font-weight:bold;
	color:#CCCCCC;
	}		
	
.outbound {
	width:100%;
	padding-top:40px;
	clear:both;
	}

#outbound-social {
	margin:0;
	padding:0;
	padding-top:12px;
	}
	
#outbound-social li{
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
	}		

/* CREDITS FOOTER */

#credits-footer {
	width:100%;
	background-image:url(../images/footer-line.gif);
	background-position:top;
	background-repeat:no-repeat;
	font-size:9px;
	margin-top:50px;
	text-transform:uppercase;
	min-height:700px;
	}	
	
#credits-footer img{
	float:right;
	margin-top:20px;
	}	
	
#credit-box {
	width:700px;
	text-align:right;
	padding-top:20px;
	float:left;
	}
	
#credit-box p{
	padding-bottom:1em;
	}
	
#credit-box a{
	color:#333333;
	}
	
#credit-box a:hover{
	color:#999999;
	}				
	 
/* RESETS */	
	
.last {
	padding-bottom:0;
	}		
	
.short {
	width:460px;
	}	
	
.top {
	padding-top:10px;
	}	
.biography {
	background-image:url(../images/band-drawing.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}