/*	-------------------------------------------------------------
	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:#0f0a04 url(../../images/bg_body.jpg) repeat-x;
		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:960px;
		margin:0 auto;
		padding:0 0 25px 0;
		background:#2d1d0c url(../../images/mainbg.jpg) no-repeat top center;
	}
	
	#mainPhoto {
		width:960px; height:300px;
		background:url(../../images/headerbg_small.jpg) no-repeat center;
	}
	
	/*	-----------------------------------------------------------
		HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#header {
		width:960px; height:160px;
	}
	
	/*	-----------------------------------------------------------
		NAV
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	
	#navBG {
		width:688px; height:27px;
		padding:12px 0 0 272px;
		background:url(../../images/navbar.jpg) no-repeat 0 0;
	}
	
		ul#nav {
			width:601px; height:20px;
		}
			ul#nav li {
				margin:0 14px 0 0;
				display:inline;
				float:left;
			}
				ul#nav li a {
					height:14px;
					display:block;
				}
				ul#nav li#home a {
					width:42px;
					background:url(../../images/navlinks.png) no-repeat 0 0;
				}
					ul#nav li#home a:hover {
						background-position:0 -29px;
					}
				ul#nav li#about a {
					width:49px;
					background:url(../../images/navlinks.png) no-repeat -55px 0;
				}
					ul#nav li#about a:hover {
						background-position:-55px -29px;
					}
				ul#nav li#news a {
					width:42px;
					background:url(../../images/navlinks.png) no-repeat -116px 0;
				}
					ul#nav li#news a:hover {
						background-position:-116px -29px;
					}
				ul#nav li#blog a {
					width:37px;
					background:url(../../images/navlinks.png) no-repeat -172px 0;
				}
					ul#nav li#blog a:hover {
						background-position:-172px -29px;
					}
				ul#nav li#music a {
					width:45px;
					background:url(../../images/navlinks.png) no-repeat -223px 0;
				}
					ul#nav li#music a:hover {
						background-position:-223px -29px;
					}
				ul#nav li#shows a {
					width:54px;
					background:url(../../images/navlinks.png) no-repeat -281px 0;
				}
					ul#nav li#shows a:hover {
						background-position:-281px -29px;
					}
				ul#nav li#photos a {
					width:57px;
					background:url(../../images/navlinks.png) no-repeat -348px 0;
				}
					ul#nav li#photos a:hover {
						background-position:-348px -29px;
					}
				ul#nav li#videos a {
					width:53px;
					background:url(../../images/navlinks.png) no-repeat -417px 0;
				}
					ul#nav li#videos a:hover {
						background-position:-417px -29px;
					}
				ul#nav li#store a {
					width:43px;
					background:url(../../images/navlinks.png) no-repeat -482px 0;
				}
					ul#nav li#store a:hover {
						background-position:-482px -29px;
					}
				ul#nav li#links a {
					width:39px;
					background:url(../../images/navlinks.png) no-repeat -539px 0;
				}
					ul#nav li#links a:hover {
						background-position:-539px -29px;
					}
					
		
	/*	-----------------------------------------------------------
		MEDIA BAR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#mediaBar {
		width:960px; height:40px;
		background:url(../../images/mediaBar.jpg) no-repeat 0 0;
	}
	
		#mediaBar .player {
			height:40px;
			display:inline;
			float:left;
		}
			#mediaBar .player #mp {
				width:360px; height:40px;
				font-size:10px;
				line-height:10px;
				color:#fff;
			}
				#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;
			}
			#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.png) no-repeat 0 0;
					}
						#socialBar ul li#facebook a:hover {
							background-position:0 -25px;
						}
					#socialBar ul li#itunes a {
						background:url(../../images/socialLinks.png) no-repeat -29px 0;
					}
						#socialBar ul li#itunes a:hover {
							background-position:-29px -25px;
						}
					#socialBar ul li#myspace a {
						background:url(../../images/socialLinks.png) no-repeat -56px 0;
					}
						#socialBar ul li#myspace a:hover {
							background-position:-56px -25px;
						}
					#socialBar ul li#twitter a {
						background:url(../../images/socialLinks.png) no-repeat -85px 0;
					}
						#socialBar ul li#twitter a:hover {
							background-position:-85px -25px;
						}
					#socialBar ul li#youtube a {
						background:url(../../images/socialLinks.png) no-repeat -112px 0;
					}
						#socialBar ul li#youtube a:hover {
							background-position:-112px -25px;
						}
	
	/*	-----------------------------------------------------------
		CONTENTSPACE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#contentSpace {
		width:940px;
		padding:0 5px 0 15px;
		background:url(../../images/bg_mainContent.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;
			background:url(../../images/mailingList.png) no-repeat 0 0;
			display:block;
		}
	
	/*	-----------------------------------------------------------
		LEFT COL / RIGHT COL ( OTHER PAGES )
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#leftCol {
		width:300px;
		margin:0 0 0 10px;
		display:inline;
		float:left;
	}
		#leftCol .header {
			width:300px; height:150px;
			background:url(../../images/titleFrame.png) no-repeat top center;
		}
			#leftCol .header h2 {
				width:186px; height:73px;
				margin:0 auto;
			}
	
	/*PLAYER*/
	
	#leftCol .player {
		width:300px;
		margin:30px auto;
		font-size:9px;
		color:#fff;
	}
		#leftCol .player #mp {
			/*border:dotted 1px #fff;*/
			width:298px; height:38px;
		}
	
	/*MAILING LIST*/
	
	#leftCol a.mailingList {
		width:250px; height:220px;
		margin:20px auto;
		background:url(../../images/mailingList.png) no-repeat 0 0;
		display:block;
	}
	
	#rightCol {
		background:url(../../images/bg_rightCol.jpg) no-repeat top center;
		float:right;
		min-height:900px;
		height:auto !important;
		height:900px;
	}
	
	/*	-----------------------------------------------------------
		FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#footer {
		width:960px;
		margin:25px 0 0 0;
		text-align:center;
		color:#dac295;
	}
		#footer a {
			color:#fff;
		}
			#footer a:hover {
				color:#faa506;
			}
		#footer .repNash {
			width:80px;
			margin:20px auto;
		}
			#footer .repNash  a {
				width:80px; height:24px;
				background:url(../../images/republicNashville.png) no-repeat center;
				display:block;
			}