/*	-------------------------------------------------------------
	CSS - HOME : 	THE BAND PERRY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		home.css
	Date:			November 6, 2009
	Author:			UMRG New Media
	-------------------------------------------------------------	*/
	
	/*	-----------------------------------------------------------
		NAV
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	ul#nav li#home a {
		background-position:0 -29px;
	}
	
	/*	-----------------------------------------------------------
		CONTENTSPACE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#contentSpace {
		width:930px;
		padding:15px;
		background:url(../../images/bg_mainContent.jpg) no-repeat top center;
	}
	
	/*	-----------------------------------------------------------
		MAINCOL
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#mainCol .header {
		width:491px; height:49px;
		/*background:url(../../images/bgContent_top.png) no-repeat top center;*/
		padding:16px 0 0 18px;
		behavior: url(shared/css/iepngfix.htc);
	}
		#mainCol .header h2 {
			width:210px; height:35px;
			background:url(../../images/h2_latestNews.png) no-repeat 0 0;
			behavior: url(shared/css/iepngfix.htc);
		}
		
	#mainPhoto {
		width:960px; height:488px;
		background:url(../../images/headerbg.jpg) no-repeat center;
	}
	
	#mainCol .contentBG {
		width:510px;
		background:url(../../images/bgContent_btm.png) bottom center no-repeat;
		behavior: url(shared/css/iepngfix.htc);
	}
		#mainCol .contentBG ul.News {
			width:465px;
			margin:0 auto;
			padding:14px 0 21px 0;
			color:#000;
		}
			#mainCol .contentBG ul.News li 
			{
			    border-bottom:dotted 1px #000;
				width:465px;
				padding:7px 0;
			}
				#mainCol .contentBG ul.News li .date {
					font-weight:bold;
				}
				#mainCol .contentBG ul.News li .title a {
					font-size:14px;
					font-weight:bold;
					/*color:#000;*/
					color:#8F1F1F;
				}
					#mainCol .contentBG ul.News li .title a:hover {
						/*color:#8f1f1f;*/
						color:#000;
					}
				#mainCol .contentBG ul.News li p {
					font-size:14px;
                    line-height:18px;
				}
				#mainCol .contentBG ul.News li .readMore {
					width:90px;
					margin:0 0 0 auto;
				}
					#mainCol .contentBG ul.News li .readMore a {
						font-weight:bold;
						color:#000;
					}
						#mainCol .contentBG ul.News li .readMore a:hover {
							color:#8f1f1f;
						}
							
	/*	-----------------------------------------------------------
		ALTCOL
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	/*FEATURED PHOTO*/
	
	#altCol .featuredPhoto {
		width:405px; height:395px;
		background:url(../../images/bg_featuredPhoto.png) no-repeat top center;
		behavior: url(shared/css/iepngfix.htc);
		margin:15px 0 0 auto;
		padding:20px 0 0;
	}
		#altCol .featuredPhoto h2 {
			width:232px; height:33px;
			margin:0 0 35px;
			background:url(../../images/h2_featuredVideo.gif) no-repeat 0 0;
			behavior: url(shared/css/iepngfix.htc);
		}
		#altCol .featuredPhoto .photoHolder {
			width:346px; height:237px;
			margin:0 auto;
			background:#000;
		}
			#altCol .featuredPhoto .photoHolder a {
				display:block;
			}
		#altCol .featuredPhoto a.morePhotos {
			width:250px; height:14px;
			margin:35px 0 0 auto;
			background:url(../../images/morePhotos.png) no-repeat 0 0;
			display:block;
		}
			#altCol .featuredPhoto a.morePhotos:hover {
				background-position:0 -24px;
			}
		#altCol .featuredPhoto a.moreVideos {
			width:180px; height:16px;
			margin:35px 0 0 auto;
			background:url(../../images/moreVideos.gif) no-repeat 0 0;
			display:block;
		}
			#altCol .featuredPhoto a.moreVideos:hover {
				background-position:0 -23px;
			}
		
	/*UPCOMING APPEARANCES*/
	
	#altCol .shows {
		width:400px;
		margin:10px auto 50px auto;
	}
		#altCol .shows h2{
			width:400px; height:50px;
			background:url(../../images/h2_upcomingappearances.png) no-repeat 0 0;
			behavior: url(shared/css/iepngfix.htc);
		}
		#altCol .shows table {
			width:400px;
			background:url(../../images/bgShows_content.png) repeat-y center;
			color:#fff;
			behavior: url(shared/css/iepngfix.htc);
		}
			#altCol .shows table tr td.location {
				width:300px;
				padding:7px 0 7px 30px;
				font-weight:bold;
			}
				#altCol .shows table tr td.location a {
					color:#fff;
				}
					#altCol .shows table tr td.location a:hover {
					color:#CF9126;
				}
			#altCol .shows table tr td.date {
				width:45px;
				padding:7px 25px 7px 0;
				text-align:right;
			}
			#altCol .shows table tr td.divider {
				width:400px; height:1px;
				background:url(../../images/showsDivider.jpg) no-repeat top center;
			}
		#altCol .shows .bottom {
			width:400px; height:15px;
			background:url(../../images/bgShows_btm.png) no-repeat bottom center;
			behavior: url(shared/css/iepngfix.htc);
		}
		
	/*TWITTER*/
	
	#altCol .twitter {
		width:390px;
		margin:0 auto;
		padding:4px 0;
		background:#4e351a;
	}
		#altCol .twitter .twitHolder {
			border:dotted 1px #7a562f;
			width:340px;
			margin:0 auto;
		}
		#altCol .twitter .twitHolder .latestEntry {
			width:320px;
			margin:0 auto;
			padding:20px 0;
		}
			#altCol .twitter .twitHolder .latestEntry .avatar {
				width:67px; height:67px;
				background:url(../../images/tbp_avatar.png) no-repeat bottom center;
				float:left;
			}
			#altCol .twitter .twitHolder .latestEntry .content {
				width:235px;
				padding:0 0 0 10px;
				float:left;
			}
				#altCol .twitter .twitHolder .latestEntry .content h3 {
					margin:0 0 5px;
					font:bold 16px Palatino,Georgia,Serif;
					color:#ad7c47;
				}
				#altCol .twitter .twitHolder .latestEntry .content p {
					font-size:11px;
					color:#baa889;
				}
		#altCol .twitter .twitHolder .timeStamp {
			font-family:Palatino,Georgia,Serif;
			font-size:11px;
			color:#9a744c;
		}
		#altCol .twitter .twitHolder a.twit {
			width:110px;
			margin:0 0 0 auto;
			font-family:Palatino,Georgia,Serif;
			font-size:10px;
			text-align:right;
			color:#664a2e;
			display:block;
		}
			#altCol .twitter .twitHolder a.twit:hover {
				color:#9a744c;
			}
			