/*	-------------------------------------------------------------
	CSS - MAIN : 	THE BAND PERRY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		main.css
	Date:			November 6, 2009
	Author:			UMRG New Media
	-------------------------------------------------------------	*/
/*	-----------------------------------------------------------
	body/global/reset Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin:0; padding:0;
		border:0;
		outline:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}
	body {
		width:100%;
		line-height:1;
		background:url(../../images/tbpbg.jpg) no-repeat center top fixed #000000;
		font:normal 12px Helvetica,Arial,Sans-Serif;
		color:#fff;
	}
	ol, ul {
		list-style:none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content:none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		border:none;
		height:0px;
		margin:0; padding:0;
		background:transparent;
		font-size:1px;
		clear:both;
		overflow:hidden;
	}
	.clearfix:after {
		content: ".";
		height:0;
		display:block;
		line-height:0;
		clear:both;
		visibility:hidden;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
		
	a {
		text-decoration:none;
		color:#fff;
	}
		a:hover {
			color:#CE8626;
		}
	
	/*	-----------------------------------------------------------
		MAIN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#main {
		width:959px;
		margin:0 auto;
		padding:0 0 0 0;
		background:#000000 url(../../images/mainbg.jpg) none no-repeat top center;
		background-color:#333333;
	}
	
	#mainPhoto {
		width:960px;
		margin:0 0 -3px;
	}
	
	/*	-----------------------------------------------------------
		HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#header {
		width:960px; height:190px;
	}
	
	/*	-----------------------------------------------------------
		NAV
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	
	#navBG {
		width:864px; height:30px;
		padding:9px 0 0 96px;
		background:url(../../images/navBar2.jpg) no-repeat 0 0;
	}
	
		ul#nav {
			width:690px; height:20px;
		}
			ul#nav li {
				margin:0 15px 0 0;
				display:inline;
				float:left;
			}
				ul#nav li a {
					height:19px;
					display:block;
				}
				ul#nav li#home a {
					width:51px;
					background:url(../../images/newnavlinks.gif) no-repeat 0 2px;
				}
					ul#nav li#home a:hover {
						background-position:0 -22px;
					}
				ul#nav li#about a {
					width:45px;
					background:url(../../images/newnavlinks.gif) no-repeat -611px 2px;
				}
					ul#nav li#about a:hover {
						background-position:-611px -22px;
					}
				ul#nav li#news a {
					width:42px;
					background:url(../../images/newnavlinks.gif) no-repeat -65px 2px;
				}
					ul#nav li#news a:hover {
						background-position:-65px -22px;
					}
				ul#nav li#blog a {
					width:37px;
					background:url(../../images/newnavlinks.gif) no-repeat -121px 2px;
				}
					ul#nav li#blog a:hover {
						background-position:-121px -22px;
					}
				ul#nav li#music a {
					width:48px;
					background:url(../../images/newnavlinks.gif) no-repeat -172px 2px;
				}
					ul#nav li#music a:hover {
						background-position:-172px -22px;
					}
				ul#nav li#shows a {
					width:54px;
					background:url(../../images/newnavlinks.gif) no-repeat -232px 2px;
				}
					ul#nav li#shows a:hover {
						background-position:-232px -22px;
					}
				ul#nav li#photos a {
					width:59px;
					background:url(../../images/newnavlinks.gif) no-repeat -298px 2px;
				}
					ul#nav li#photos a:hover {
						background-position:-298px -22px;
					}
				ul#nav li#videos a {
					width:53px;
					background:url(../../images/newnavlinks.gif) no-repeat -370px 2px;
				}
					ul#nav li#videos a:hover {
						background-position:-370px -22px;
					}
				ul#nav li#store a {
					width:47px;
					background:url(../../images/newnavlinks.gif) no-repeat -435px 2px;
				}
					ul#nav li#store a:hover {
						background-position:-435px -22px;
					}
				ul#nav li#links a {
					width:42px;
					background:url(../../images/newnavlinks.gif) no-repeat -497px 2px;
				}
					ul#nav li#links a:hover {
						background-position:-497px -22px;
					}
				ul#nav li#media a {
					width:47px;
					background:url(../../images/newnavlinks.gif) no-repeat -553px 2px;
				}
					ul#nav li#media a:hover {
						background-position:-553px -22px;
					}
					
		
	/*	-----------------------------------------------------------
		MEDIA BAR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#mediaBar {
		width:960px; height:39px;
		background:url(../../images/socialbar.jpg) no-repeat 0 0;
	}
	
		#mediaBar .player {
			height:39px;
			display:inline;
			float:left;
		}
			#mediaBar .player #mp {
				width:360px; height:40px;
				font-size:10px;
				line-height:10px;
				color:#fff;
				display:none;
			}
				#mediaBar #mp a {
					color:#ffa200;
				}
		#socialBar {
			width:550px; height:39px;
			font-size:12px;
			color:#fff;
			float:right;
		}
			#socialBar .info {
				padding:12px 24px 0 0;
				display:inline;
				float:left;
				color:#000000;
			}
			#socialBar ul {
				margin:8px 0 0;
				width:137px; height:39px;
				float:left;
			}
				#socialBar ul li {
					display:inline;
					float:left;
				}
					#socialBar ul li a {
						width:26px; height:24px;
						display:block;
					}
					#socialBar ul li#facebook a {
						background:url(../../images/socialLinks.gif) no-repeat 0 0;
					}
						#socialBar ul li#facebook a:hover {
							background-position:0 -25px;
						}
					#socialBar ul li#itunes a {
						background:url(../../images/socialLinks.gif) no-repeat -29px 0;
					}
						#socialBar ul li#itunes a:hover {
							background-position:-29px -25px;
						}
					#socialBar ul li#myspace a {
						background:url(../../images/socialLinks.gif) no-repeat -56px 0;
					}
						#socialBar ul li#myspace a:hover {
							background-position:-56px -25px;
						}
					#socialBar ul li#twitter a {
						background:url(../../images/socialLinks.gif) no-repeat -85px 0;
					}
						#socialBar ul li#twitter a:hover {
							background-position:-85px -25px;
						}
					#socialBar ul li#youtube a {
						background:url(../../images/socialLinks.gif) no-repeat -112px 0;
					}
						#socialBar ul li#youtube a:hover {
							background-position:-112px -25px;
						}
	
	/*	-----------------------------------------------------------
		CONTENTSPACE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#contentSpace {
		width:939px;
		padding:0 5px 0 15px;
		background:url(../../images/bg_mainContent4.jpg) no-repeat top center;
	}
	
	/*	-----------------------------------------------------------
		MAIN COL / ALT COL ( HOME PAGE )
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#mainCol {
		width:515px;
		float:left;
	}
	
	#altCol {
		width:415px;
		float:right;
	}
	
		#altCol a.mailingList {
			width:250px; height:220px;
			margin:20px auto;
			display:block none;
			background:url(../../images/mailingList.png) no-repeat 0 0;
			
		}
	
	/*	-----------------------------------------------------------
		LEFT COL / RIGHT COL ( OTHER PAGES )
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#leftCol {
		width:300px;
		margin:0 0 0 10px;
		display:inline;
		float:left;
	}
		#leftCol .header {
			width:300px; height:92px;
			background:url(../../images/titleFrame.png) no-repeat none top center;
		}
			#leftCol .header h2 {
				width:200px; height:85px;
				margin:0 auto;
			}
	
	/*PLAYER*/
	
	#leftCol .player {
		width:300px;
		margin:30px -15px 20px;
		font-size:9px;
		color:#fff;
	}
		#leftCol .player #mp {
			/*border:dotted 1px #fff;*/
			width:298px; height:38px;
		}
	
	/*MAILING LIST*/
	
	#leftCol a.mailingList {
		width:259px; height:152px;
		margin:20px auto;
		background:url(../../images/mailingList2.png) no-repeat 0 0;
		display:block;
	}
	#leftCol a.meet {
		display:block;
		margin:20px;
	}
	
	#rightCol {
		background:url(../../images/bg_rightCol.jpg) no-repeat none top center;
		float:right;
		min-height:900px;
		height:auto !important;
		height:900px;
	}
	
	/*	-----------------------------------------------------------
		FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#footer {
		background:url(../../images/bg_footer.jpg) no-repeat 0 0;
		width:959px;
		margin:25px 0 0 0;
		text-align:center;
		color:#fff;
	}
		#footer a {
			color:#fff;
		}
			#footer a:hover {
				color:#faa506;
			}
		#footer .repNash {
			width:125px;
			height:30px;
			margin:20px auto;
		}
			#footer .repNash  a {
				width:80px; height:30px;
				background:url(../../images/republicNashville.png) no-repeat center;
				display:block;
				float:right;
				margin-top:5px;
			}
			#footer .repNash  a.tbp_logo {
				width:39px; height:30px;
				background:url(../../images/white-tbp.png) no-repeat center;
				display:block;
				float:left;
			}