/* Main stylesheet for layout */

.clear {
	clear: both;
}

body {
	position: relative;
	background: url(../images/bg-footer.jpg);
}

body.lyrics {
color: #fff;
padding-left: 40px;
padding-top: 25px;
}

#body-wrapper {	
	position: relative; 
	min-width: 970px;
	margin: 0 auto;
	background: #12404f url(../images/bg-main.jpg) center top no-repeat;
}

#body-wrapper2 {	
	padding-top: 130px; /* Change to height of header */
	position: relative; 
	margin: 0 auto;
	width: 970px;
	min-height: 772px;
}

/* --HEADER-- */
#header { 
	top: 0; left: 0;
	position: absolute;
	height: 130px; /* Change to correct height */
	width: 100%;
	z-index: 10;
}
	.mainnavigation, #utilities, #logo {
		position: absolute;
	}
	.mainnavigation {

	}
		.mainnavigation a {
			display: block;
			width: 104px;
			height: 1px;
			overflow: hidden;
			position: absolute;
			background-repeat: no-repeat;
		}
		.mainnavigation a:hover, .mainnavigation a.active {
			background-position: -102px 0px;
		}
			#nav-buzz.active, #nav-bio.active, #nav-media.active, #nav-lyrics.active, #nav-gigs.active, #nav-swag.active, #nav-411.active {
				background-position: -102px 0px;
			}
			#nav-buzz {
				background: url(../images/nav/nav-buzz.png); 
				padding-top:78px; 
				top: 126px; 
				left: -3px;
			}
			#nav-bio {
				background: url(../images/nav/nav-bio.png); 
				padding-top:74px;
				top: 206px; 
				left: 5px;
			}
			#nav-media {
				background: url(../images/nav/nav-media.png); 
				padding-top:74px;
				top: 277px; 
				left: 14px;
			}
			#nav-lyrics {
				background: url(../images/nav/nav-lyrics.png); 
				padding-top:66px;
				top: 348px; 
				left: 24px;
			}
			#nav-gigs {
				background: url(../images/nav/nav-gigs.png); 
				padding-top:62px;
				top: 414px; 
				left: 31px;
			}
			#nav-swag {
				background: url(../images/nav/nav-swag.png); 
				padding-top:62px;
				top: 475px; 
				left: 40px;
			}
			#nav-411 {
				background: url(../images/nav/nav-411.png); 
				padding-top:56px;
				top: 533px; 
				left: 48px;
		}
	#logo {
		top: 0px;
		left: 85px;
	}
	#utilities {
		top: 25px;
		right: 70px;
	}
		#utilities ul {
			margin: 0px;
			/*width: 250px;*/
			width:280px;
		}
			#utilities ul li {
				list-style: none;
				float: left;
				width: 32px;
				height: 32px;
				margin: 0px 3px 3px 0px;
			}
				#utilities ul li a {
					display: block;
					width: 32px;
					height: 1px;
					padding-top: 31px;
					overflow: hidden;
					background-repeat: no-repeat;
				}
					#icon-twitter {background: url(../images/icon/icon-twitter.png);}
					#icon-facebook {background: url(../images/icon/icon-facebook.png);}
					#icon-myspace {background: url(../images/icon/icon-myspace.png);}
					#icon-youtube {background: url(../images/icon/icon-youtube.png);}
					#icon-flickr {background: url(../images/icon/icon-flickr.png);}
					#icon-lastfm {background: url(../images/icon/icon-lastfm.png);}
					#icon-radio3 {background: url(../images/icon/icon-radio3.png);}
					#icon-reverbnation {background: url(../images/icon/icon-reverbnation.png);}
					#icon-sonicbids {background: url(../images/icon/icon-sonicbids.png);}
					#icon-zazzle {background: url(../images/icon/icon-zazzle.png);}
					#icon-ilike {background: url(../images/icon/icon-ilike.png);}
					#icon-jango {background: url(../images/icon/icon-jango.png);}
					#icon-bebo {background: url(../images/icon/icon-bebo.png);}
					#icon-soundcloud {background: url(../images/icon/icon-soundcloud.png);}
					#icon-canindie {background: url(../images/icon/icon-canindie.png);}


/* --CONTENT-- */
#content { 
	position: relative; 
	overflow: hidden; 
	min-width: 970px;
}

	#content-body {
		float: left;
		width: 440px;
		padding-right: 10px;
		margin-top: 30px;
		height: 265px;
		position: relative;
		overflow: auto;
		left: 180px; top: 0;
	}
#ctas {
	display: inline;
	float: right;
	margin: 0px 28px 0px 0px;
	position: relative;
	width: 278px;
	height: 772px;
	overflow: hidden; 
}
		
	#flash-player {
		top: 67px;
		width: 278px;
		height: 200px;
		position: absolute;
	}	

		#flash-player ul { margin: 0px; padding: 55px 0px 0px 0px;}
			#flash-player ul li { list-style: none; float: left; border-right: 1px solid #c9baa3;}
			#flash-player ul li.last-cta { border-right: none;}
				#flash-player ul li a { 
					display: block;
					overflow: hidden;
					height: 1px;
					padding-top: 43px;
				}
					#icon-itunes {background: url(../images/icon/icon-itunes.gif); width: 58px;}
					#icon-amazon {background: url(../images/icon/icon-amazon.gif); width: 53px;}
					#icon-napster {background: url(../images/icon/icon-napster.gif); width: 53px;}
					#icon-limewire {background: url(../images/icon/icon-limewire.gif); width: 50px;}
					#icon-real {background: url(../images/icon/icon-real.gif); width: 50px;}

/***TABS ***/

	
	.tabs {position: absolute; top: 416px;/*top: 415px; height: 304px; position: absolute;*/}
		.tabNavigation {margin: 0px; padding: 0px;}
			.tabNavigation li {
				float: left;
				list-style: none;
			}
				.tabNavigation li a {
					display: block;
					height: 1px;
					padding-top: 53px;
					overflow: hidden;
					background-repeat: no-repeat;
				}
					#btn-slideshow {
						background: url(../images/tab-photo.gif); width: 137px;
					}
					#btn-video {
						background: url(../images/tab-video.gif); width: 141px;
					}
				.tabNavigation li #btn-video:hover, 
				.tabNavigation li #btn-video.active,
				.tabNavigation li #btn-slideshow:hover, 
				.tabNavigation li #btn-slideshow.active {
					background-position: 0 -54px;
				}
				
				
				#photo-slideshow {width: 278px; height: 250px; padding-top: 44px;}
                #video-player {width: 278px; height: 250px; background: url(../images/ajax-loader.gif) 128px 156px no-repeat;}


/***TABS2 ***/

	
	#content #content-body div.tabs2 {position: absolute; top: 0px;/*top: 415px; height: 304px; position: absolute;*/}
		

#page-home, #page-buzz, #page-bio, #page-media, #page-lyrics, #page-gigs, #page-swag, #page-411 {height: 250px; width: 410px;}


#footer {
	background: url(../images/bg-main-footer.jpg) repeat-x;
	height: 76px;
	font-size: 11px;
	color: #ffffff;
}
	#footer-wrapper {
		width: 970px;
		padding-top: 35px;
		margin: 0 auto;
	}
		#footer-wrapper a {
			color: #ffffff;
			text-decoration: none;
		}
		#footer-wrapper a:hover {
			text-decoration: underline;
		}
			#bottomlinks {
				float: left;
			}
			#credit {
				float: right;
				margin-top:-15px;
			}	


#content #content-body a {color: #003366; text-decoration: none;}
#content #content-body a:hover {text-decoration: underline;}

#content #content-body ol li, #content #content-body ul li {padding: 2px 0px 2px 0px;}

body.lyrics h2 {color: #CCCCCC; padding-bottom: 15px;}

.bigger {font-size: 150%;}

.author {text-align: right; font-style: italic; padding-right: 20px;}