/*
============
HOMEPAGE
============
*/

.homeHeader{
	background-image:url(/graphics/home/sectionHeaders.png);	
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	text-indent:-9000px;
	height:12px;
}
	.homeHeader.community{
		width:226px;
	}
	.homeHeader.official{
		background-position:0 -12px;
		width:229px;
	}
	.homeHeader.inside{
		background-position:0 -24px;
		width:226px;
	}

.home.leftCol{
	width:461px;
	float:left;
}

#homePhotoVideoContainer{
	width:427px;
	margin-bottom:25px;
}
	#homePhotoVideoContainer .browserContainer{
		margin-top:15px;
		position:relative;
	}
	#homePhotoVideoContainer .multimediaTypeBtn{
		display:block;
		position:absolute;
		top:-24px;
		background:url(/graphics/home/homepageSprite.png) no-repeat;
		height:24px;
		text-indent:-9000px;
		
	}
		#homePhotoVideoContainer .multimediaTypeBtn.photos{
			width:84px;
			background-position:-352px -332px;
			right:81px;
		}
			#homePhotoVideoContainer .multimediaTypeBtn.photos:hover, #homePhotoVideoContainer .multimediaTypeBtn.photos.selected{background-position:-352px -356px;}
		#homePhotoVideoContainer .multimediaTypeBtn.video{
			width:75px;
			background-position:-437px -332px;
			right:0px;
		}
			#homePhotoVideoContainer .multimediaTypeBtn.video:hover, #homePhotoVideoContainer .multimediaTypeBtn.video.selected{background-position:-437px -356px;}
			
			
		#homePhotoVideoContainer .browserBtn{
			background:url(/graphics/home/homepageSprite.png) no-repeat;
			width:37px;
			height:41px;
			display:block;
			position:absolute;
			text-indent:-9000px;
			top:110px;
			z-index:100;
		}
			#homePhotoVideoContainer .browserBtn.previous{background-position:-419px -93px; left:0px;}
				#homePhotoVideoContainer .browserBtn.previous:hover{background-position:-419px -134px;}
			#homePhotoVideoContainer .browserBtn.next{background-position:-457px -93px; right:0px;}
				#homePhotoVideoContainer .browserBtn.next:hover{background-position:-457px -134px;}
	
	#homePhotoVideoContainer .container{
		background:#FFF;
		width:415px;
		height:233px;
		padding:6px;
		overflow:hidden;
	}
	
	#homePhotoVideoContainer .sliderContainer{
		width:415px;
		height:233px;
		overflow:hidden;
		position:relative;
	}
		#homePhotoVideoContainer .sliderContainer img{
			float:left;	
			display:block;
		}
	
	#homePhotoVideoContainer .sliderContainer .video, #homePhotoVideoContainer .sliderContainer .photos{
		display:none;
		width:1245px;
		height:233px;
		position:relative;
	}
	#homePhotoVideoContainer .sliderContainer .active{
		display:block;	
	}
	
		#homePhotoVideoContainer .sliderContainer .video .slider{left:0px; position:relative; z-index:2;}
	
	#homePhotoVideoContainer .video .result{
		width:415px;
		height:233px;
		position:relative;
		cursor:pointer;
		float:left;
		z-index:10;
	}
	
	#homePhotoVideoContainer .video .result .thumbnail{
		position:absolute;
		z-index:1;
	
	}
	#homePhotoVideoContainer .video .result .homePlayBtn{
		position:absolute;
		top:43px;
		left:132px;
		display:none;
		z-index:10;
	}
		#homePhotoVideoContainer .video .result:hover .homePlayBtn{display:block;}
	
	
		
	#homePhotoVideoContainer .captionContainer{
		background:url(/graphics/home/homepageSprite.png) no-repeat 0 -380px;	
		height:46px;
		color:#090a04;
		line-height:18px;
		font-size:12px;
		padding:9px 26px 10px 26px;
	}


#socialNetworkContainer{
	width:246px;
	height:158px;
	float:left;
	margin-right:16px;
}
	#socialNetworkContainer h1{
		background:url(/graphics/home/homepageSprite.png) no-repeat 0 0;
		width:246px;
		height:43px;
		margin:0;
		text-indent:-9000px;
	}
	#socialNetworkContainer .content{
		font-size:12px;
		color:#b6b6b4;
		padding:0 20px 20px 20px;
		background:#2f302e;
	}
		#socialNetworkContainer .content .icon{
			float:left;	
			margin-right:13px;
			display:block;
			text-indent:-9000px;
			background-image:url(/graphics/home/homepageSprite.png);
			width:40px;
			height:40px;
			margin-top:16px;
		}
			#socialNetworkContainer .content .icon.facebook{background-position:0 -300px;}
				#socialNetworkContainer .content .icon.facebook:hover{background-position:0 -340px;}
			#socialNetworkContainer .content .icon.twitter{background-position:-53px -300px;}
				#socialNetworkContainer .content .icon.twitter:hover{background-position:-53px -340px;}
			#socialNetworkContainer .content .icon.youtube{background-position:-107px -300px;}
				#socialNetworkContainer .content .icon.youtube:hover{background-position:-107px -340px;}
			#socialNetworkContainer .content .icon.contact{background-position:-161px -300px;}
				#socialNetworkContainer .content .icon.contact:hover{background-position:-161px -340px;}
			
	#socialNetworkContainer  .bottom{
		background:url(/graphics/home/homepageSprite.png) no-repeat 0 -43px;
		clear:both;
		height:25px;
	}

#superfans{
	width:155px;
	height:128px;
	float:left;
	background:url(/graphics/home/homepageSprite.png) 0 -68px;
	position:relative;
}
	#superfans .arrows{
		background-image:url(/graphics/home/homepageSprite.png);	
		width:16px;
		height:19px;
		cursor:pointer;
		text-indent:-9000px;
		position:absolute;
		top:45px;
		display:block;
	}
		#superfans .arrows.left{
			background-position:-201px -360px;	
			left:-8px;
		}
		#superfans .arrows.right{
			background-position:-218px -360px;	
			right:-8px;
		}
		#superfans .photoWindow{
			position:absolute;
			top:6px;
			left:38px;
			width:93px;
			height:95px;
			overflow:hidden;
			position:relative;
		}
			#superfans .photoContainer{
				height:95px;
				position:relative;
				left:0px;
			}
				#superfans .photoItem{
					width:93px;
					height:95px;
					position:relative;
					float:left;
				}
					#superfans .photoItem img{
						position:absolute;
						top:0px;
						left:0px;
						z-index:2;
					}
				#superfans .photoMask{
					position:absolute;
					top:0px;
					left:0px;
					z-index:10;
				}

#getInTheKnow{
	width:418px;
	clear:both;
	line-height:18px;
	font-size:12px;
}
	#getInTheKnow h1{
		background:url(/graphics/home/homepageSprite.png) no-repeat 0 -196px;
		height:80px;
		text-indent:-9000px;
		margin:0;
	}
	#getInTheKnow .content{
		padding:0 35px 0 25px;
		margin-top:-8px;
	}
		#getInTheKnow .content .formContainer{
			position:relative;
			margin-top:15px;
		}
		#getInTheKnow .content .input{
			background:url(/graphics/home/homepageSprite.png) no-repeat -155px -68px;
			width:331px;
			height:25px;
			float:left;
		}
			#getInTheKnow .content .input input{
				border:none;	
				font-size:12px;
				color:#ffffff;
				background:none;
				width:300px;
				margin:3px 0 0 13px;
			}
		#getInTheKnow .content .inTheKnowBtn{
			background:url(/graphics/home/homepageSprite.png) no-repeat -486px -68px;
			width:25px;
			height:25px;
			text-indent:-9000px;
			float:left;
			cursor:pointer;
		}
	

.home.centerCol{
	width:236px;
	float:left;
	margin-right:32px;
}

#artistContainer{
	margin:15px 0 25px 0;
}
	#artistContainer .allPerformers{
		height:311px; 
		display:block;
	}
		#artistContainer .allPerformers .performer{
			position:absolute; 
			top:27px;
		}

#homeBlogEntryContainer{
	margin-bottom:25px;
}
	#homeBlogEntryContainer h1{
		background:url(/graphics/home/homepageSprite.png) no-repeat -155px -99px;	
		width:235px;
		height:34px;
		margin:0 0 13px 0;
		text-indent:-9000px;
	}
		#homeBlogEntryContainer .dateCol{
			font-family:Georgia, "Times New Roman", Times, serif;	
			color:#ffffff;
			width:38px;
			text-align:center;
			margin-left:14px;
			float:left;
		}
			#homeBlogEntryContainer .dateCol span{display:block;}
			#homeBlogEntryContainer .dateCol .day{font-size:31px; line-height:26px;}
			#homeBlogEntryContainer .dateCol .month{font-size:17px; line-height:17px;}
			#homeBlogEntryContainer .dateCol .year{font-size:16px;  line-height:13px;}
		
		#homeBlogEntryContainer .excerptCol{
			margin-left:14px;
			float:left;
			color:#b6b6b4;
			width:165px;
			line-height:18px;
		}
			#homeBlogEntryContainer .excerptCol .title{
				font-size:15px;
				font-weight:bold;
				color:#40a7f6;
			}
			#homeBlogEntryContainer .excerptCol .excerpt{
				margin-top:7px;
			}
			
			#homeBlogEntryContainer .excerptCol .excerpt a.subscribe{
				width:74px;
				height:10px;
				display:block;
				text-indent:-9000px;
				background:url(/graphics/home/homepageSprite.png) no-repeat -328px -167px;
				margin-top:10px;
			}
#homeProgramContainer{
}
	#homeProgramContainer h1{
		background:url(../graphics/home/2011Program_header.png) no-repeat;
		width:212px;
		height:24px;
		margin:5px 0 13px 7px;
		text-indent:-9000px;
	}
	#homeProgramContainer .content{
		margin:0 0 0 18px;
	}
		#homeProgramContainer .content img{
		}
		#homeProgramContainer .content a.programLink {
			display:block;
			margin:15px 0 0 7px;
		}
			#homeProgramContainer .content a img{
			}
#NYEFireworks{
	margin-top:12px;	
	position:relative;
}
	#NYEFireworks h1{
		background:url(/graphics/home/homepageSprite.png) no-repeat 0px -445px;	
		width:210px;
		height:41px;
		margin:0;
		text-indent:-9000px;
	}
	#NYEFireworks .content{
		background:url(/graphics/home/nyeglobe.jpg) no-repeat top left;
		color:#b6b6b4;
		font-size:12px;
		line-height:18px;
		width:145px;
		height:65px;
		position:relative;
		left:-29px;
		padding:13px 0 0 95px;
	}
		#NYEFireworks .details{
			width:58px;
			height:20px;
			display:block;
			text-indent:-9000px;
			background:url(/graphics/home/homepageSprite.png) no-repeat -201px -276px;
			margin-top:0px;
			margin:4px 0 0 -4px;
		}
			#NYEFireworks .details:hover{background-position:-201px -296px;}

#bringBackTheFourth{
	margin-top:8px;	
	position:relative;
	padding-left:10px;
}
	#bringBackTheFourth .learnMore{
		background:url(/graphics/home/homepageSprite.png) -246px -40px;
		display:block;
		width:84px;
		height:10px;
		text-indent:-9000px;
		margin-top:13px;
	}

.homeHR{
	background:url(/graphics/home/homepageSprite.png) no-repeat -155px -191px;
	width:215px;
	height:5px;
	clear:both;
}

.home.rightCol{
	width:216px;
	float:left;
}

#planYourDay{
	margin:15px 0 15px 0;
	width:216px;
}
	#planYourDay h1{
		background:url(/graphics/home/homepageSprite.png) no-repeat -155px -133px;	
		width:216px;
		height:34px;
		margin:0 0 13px 0;
		text-indent:-9000px;
	}
	#planYourDay .content{
		font-size:12px;
		line-height:18px;
		color:#b6b6b4;
		padding:0 15px 0 10px;
	}
		#planYourDay .content img{
			display:block;
			margin:10px 0 0 -25px;
		}
		
		#planYourDay .content .findThePerfectSpot{
			background:url(/graphics/home/homepageSprite.png) no-repeat -246px 0px;	
			width:86px;
			height:20px;
			display:block;
			text-indent:-9000px;
			margin:2px 0 0 -5px;
		}
			#planYourDay .content .findThePerfectSpot:hover{background:url(/graphics/home/homepageSprite.png) no-repeat -246px -20px;}
		#planYourDay a.stdLink{
			color:#2484CA;
			display:block;
		}
			#planYourDay a.stdLink:hover{text-decoration:none;}
			


#todaysForecast{
	margin:20px 0 18px 0;
	width:216px;
}
	#todaysForecast h1{
		background:url(/graphics/home/homepageSprite.png) no-repeat -155px -167px;	
		width:173px;
		height:24px;
		margin:0 0 3px 0;
		text-indent:-9000px;
	}
	#todaysForecast #weatherPhoto{
		float:left;
		width:60px;
		height:60px;
		margin:5px 13px 0 5px;
	}
	#todaysForecast .details{
		float:left;	
		margin-top:12px;
	}
		#todaysForecast #weatherTemp{
			font-weight:bold;
			font-size:26px;
		}
		#todaysForecast .details a{
			color:#2484ca;
			font-size:12px;
		}


#digitalPartyPack{
	margin:20px 0 10px 0;
	width:216px;
	clear:both;
}
	#digitalPartyPack h1{
		background:url(/graphics/home/homepageSprite.png) no-repeat -0px -276px;	
		width:188px;
		height:24px;
		margin:0 0 12px 0;
		text-indent:-9000px;
	}
	
	#digitalPartyPack .photo{
		float:left;
		margin:0 18px 0 13px;
		width:48px;
	}
	
	#digitalPartyPack .details{
		float:left;
		line-height:18px;
		width:111px;
		margin-top:10px;
	}
		#digitalPartyPack .details a{
			color:#2484ca;
			margin-top:4px;
			display:block;
		}
			
	#digitalPartyPackDiv{
		clear:both;
		width:177px;
		height:2px;
		background:url(/graphics/home/homepageSprite.png) no-repeat -155px -93px;	
		margin:5px 0 0 17px;
	}

#calendarInfo{
	font-size:11px;
	line-height:16px;
	margin:0 0 0 17px;
	width:165px;
}
	#calendarInfo a{
		display:block;
		margin-top:4px;
		color:#2484ca;
	}