/* 
	Buffalo Place
	Home Screen CSS
	Alison Endacott
	May 2009
	
	COLORS
	
	
 */

/* ------------------------ 
		home
------------------------ */
	#container {
		/* home*/
		background: url(/content/v1/us/img/home-bg.jpg) no-repeat top center;
	}
	
		 #content {
		 	
			min-height:600px;
			background: url(/content/v1/us/img/bg-content-home.jpg) no-repeat -2px 441px;
		 }	
		 
		
		#sideNav li#navLive a ,
		#sideNav li#navWork a,
		#sideNav li#navPlay a {
			background: url(/content/v1/us/img/navVert-home.gif);
		}

	
		#welcome {
			width: 864px;
			height: 62px;
			overflow: hidden;
			background: url(/content/v1/us/img/welcome-bg.jpg) no-repeat;
			margin-left: 25px;
			padding-top: 225px;
		}
		
			#welcome h2,
			#welcome p {
				position: absolute;
				left: -9999px;
			}
			
			#welcome p#fastFacts {
				left: auto;
				display: none;
			}
			
			/*	#welcome p#fastFacts a {
					margin: -82px 0 0 105px;
					
					display: block;
					height: 26px;
					width: 243px;
					text-indent: -9999px;
					overflow: hidden;
					background: url(/content/v1/us/img/fast-facts.gif) no-repeat;
					opacity: .9;
					filter: alpha(opacity = 90);
					position: relative;
									}
					#welcome p#fastFacts a:hover {
						opacity: 1;
						filter: alpha(opacity = 100)
						}*/
			
			#squarePlaylist {
				display: block;
				color: #000;
				width: 870px;
				height: 130px;
				position: absolute;
				margin-left: 26px;
				top: 299px;
			}
			
				#squarePlaylist div {
					background: url(/content/v1/us/img/playlist.jpg) no-repeat bottom;
				}
			
				p#getDetails {
					margin-left: 515px;
				}
			
					p#getDetails a {
						display: block;
						height: 20px;
						width: 342px;
						text-indent: -9999px;
						overflow: hidden;
					}
					
				p#player {
					padding-top: 8px;
					position:static;
					display:block;
					font-size:1.1em;
					width:465px;
					margin:0 0 0 389px;
				}
			
		#homeWysiwyg {
			height:115px;
			margin-bottom:33px;
			margin-top:5px;
			overflow:hidden;
			padding-left:25px;
					}
		
		/* news & events */
	
		#news,
		#events {
			width: 475px;
			height: 450px;
			position: relative;
			float: left;
			_display: inline;
			margin-top: 1em;
		}
		
			#news h3,
			#events h3 {
				display: block;
				height: 38px;
				text-indent: -9999px;
				overflow: hidden;
				margin-bottom: 8px;
			}
			
			#news dt,
			#news dt a,
			#events dt,
			#events dt a {
				text-transform: uppercase;
				color: #000;
				}
			
			#news dd.newsimage,
			#events dd.eventImages {
				float: left;	
				_display: inline;
				margin-right: 10px;
			}
				#news dd.newsimage img,
				#events dd.eventImages img {
					width: 52px;
					height: 52px;
				}
			
			#news p.more,
			#events p.more {
				position: absolute;
				top: 412px;
				left: 259px;
				display: block;
				z-index: 999;
			}
				
				#news p.more a,
				#events p.more a {
					display: block;
					width: 207px;
					height: 31px;
					text-indent: -9999px;
					overflow: hidden;
					opacity: .9;
					filter: alpha(opacity = 90);
					z-index: 999;
				}
				
					#news p.more a:hover,
					#events p.more:hover a {
						opacity: 1;
						filter: alpha(opacity = 100);
					}
					
					a.readmore {
						font-size: .9em;
						display: block;
						float: right;
						_display: inline;
						padding-right: 10px;
						
					}
					
					#news a.readmore {
						color: #341666;	
						background: url(/content/v1/us/img/arrow-news.gif) no-repeat right 7px;
					}
					
					#events a.readmore {
						color: #115f88;	
						background: url(/content/v1/us/img/arrow-events.gif) no-repeat right 7px;
					}
			
		/* news */
		
		#news {
			margin-left: 10px;
			background: url(/content/v1/us/img/home-news-bg.gif) no-repeat top;
		}
		
			#news dl {
				height: 80px;
				overflow: hidden;
				padding: 15px 0;
				margin: 0 30px 0 45px;
				font-size: 1.2em;
			}
			
				#news dd {
					color: #341666;
				}
								
				#news p.more a {
					background: url(/content/v1/us/img/allnews.gif) no-repeat;
				}
				
		/* events */
			
		#events {
			background: url(/content/v1/us/img/home-events-bg.gif) no-repeat top;
		}
		
			#events dl {
				height: 109px;
				overflow: hidden;
				padding: 0 0;
				margin: 0 20px 14px 0;
				padding-left: 72px;
				font-size: 1.2em;
				position: relative;
			}
			
			#events dl.Live {
				
			}
			
				#events dd {
					color: #115f88;
				}
				
				
				#events dl.ErieCanalHarbor dd.eventContent,
				#news dl.ErieCanalHarbor dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/ErieCanalHarbor.jpg) no-repeat 0 5px;
				}
				
				#events dl.ATours dd.eventContent ,
				#news dl.ATours dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/A+Tours.jpg) no-repeat 0 5px;
				}
				
				#events dl.GusMacker dd.eventContent ,
				#news dl.GusMacker dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/GusMacker.jpg) no-repeat 0 5px;
				}
			
				#events dl.Spirit dd.eventContent ,
				#news dl.Spirit dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/SpiritofBuffalo.jpg) no-repeat 0 5px;
				}
				
				#events dl.BuffaloIndieMarket dd.eventContent ,
				#news dl.BuffaloIndieMarket dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/BuffaloIndieMarket.jpg) no-repeat 0 5px;
				}
				
				#events dl.DowntownCountryMarket dd.eventContent ,
				#news dl.DowntownCountryMarket dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/DowntownCountryMarket.gif) no-repeat 0 5px;
				}
				
				#events dl.Baseball dd.eventContent ,
				#news dl.Baseball dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/Baseball.gif) no-repeat 0 5px;
				}
				
				#events dl.BuffaloPlaceNews dd.eventContent ,
				#news dl.BuffaloPlaceNews dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/BuffaloPlaceNews.gif) no-repeat 0 5px;
				}
				
				#events dl.Canalside dd.eventContent ,
				#news dl.Canalside dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/Canalside.gif) no-repeat 0 5px;
				}
				
				#events dl.CommunityNews dd.eventContent ,
				#news dl.CommunityNews dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/CommunityNews.gif) no-repeat 0 5px;
				}
				
				#events dl.DowntownBuffaloNews dd.eventContent ,
				#news dl.DowntownBuffaloNew dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/DowntownBuffaloNews.gif) no-repeat 0 5px;
				}
				
				#events dl.Hockey dd.eventContent ,
				#news dl.Hockey dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/Hockey.gif) no-repeat 0 5px;
				}
				
				#events dl.Landmark dd.eventContent ,
				#news dl.Landmark dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/Landmark.gif) no-repeat 0 5px;
				}
				
				#events dl.LivingDowntown dd.eventContent ,
				#news dl.LivingDowntown dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/LivingDowntown.gif) no-repeat 0 5px;
				}
				
				#events dl.MarketArcade dd.eventContent ,
				#news dl.MarketArcade dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/MarketArcade.gif) no-repeat 0 5px;
				}
				
				#events dl.MusicEvent dd.eventContent ,
				#news dl.MusicEvent dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/MusicEvent.gif) no-repeat 0 5px;
				}
				
				#events dl.Rangers dd.eventContent ,
				#news dl.Rangers dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/Rangers.gif) no-repeat 0 5px;
				}
				
				#events dl.Restaurant dd.eventContent ,
				#news dl.Restaurant dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/Restaurant.gif) no-repeat 0 5px;
				}
				
				#events dl.RockstheHarbor dd.eventContent ,
				#news dl.RockstheHarbor dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/RockstheHarbor.gif) no-repeat 0 5px;
				}
				
				#events dl.RotaryRink dd.eventContent ,
				#news dl.RotaryRink dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/RotaryRink.gif) no-repeat 0 5px;
				}
				
				#events dl.Theatre dd.eventContent ,
				#news dl.Theatre dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/Theatre.gif) no-repeat 0 5px;
				}
				
				#events dl.ThursdayattheSquare dd.eventContent ,
				#news dl.ThursdayattheSquare dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/thursday.gif) no-repeat 0 5px;
				}
				
				/* new icons */
				#events dl.albrightknoxartgallery dd.eventContent ,
				#news dl.albrightknoxartgallery dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/albrightknoxartgallery.jpg) no-repeat 0 5px;
				}
				#events dl.alleywaytheatre dd.eventContent ,
				#news dl.alleywaytheatre dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/alleywaytheatre.jpg) no-repeat 0 5px;
				}
				#events dl.americanrepertorytheatre dd.eventContent ,
				#news dl.americanrepertorytheatre dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/americanrepertorytheatre.jpg) no-repeat 0 5px;
				}
				#events dl.buffaloanderiecountypublicl dd.eventContent ,
				#news dl.buffaloanderiecountypublicl dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/buffaloanderiecountypublicl.jpg) no-repeat 0 5px;
				}
				#events dl.buffalotours dd.eventContent ,
				#news dl.buffalotours dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/buffalotours.jpg) no-repeat 0 5px;
				}
				#events dl.cepa dd.eventContent ,
				#news dl.cepa dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/cepa.jpg) no-repeat 0 5px;
				}
				#events dl.chowchocolat dd.eventContent ,
				#news dl.chowchocolat dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/chowchocolat.jpg) no-repeat 0 5px;
				}
				#events dl.eclecticimprovcompany dd.eventContent ,
				#news dl.eclecticimprovcompany dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/eclecticimprovcompany.jpg) no-repeat 0 5px;
				}
				#events dl.hsbcarena dd.eventContent ,
				#news dl.hsbcarena dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/hsbcarena.jpg) no-repeat 0 5px;
				}
				#events dl.irishclassicaltheatre dd.eventContent ,
				#news dl.irishclassicaltheatre dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/irishclassicaltheatre.jpg) no-repeat 0 5px;
				}
				#events dl.masonwinfield dd.eventContent ,
				#news dl.masonwinfield dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/masonwinfield.jpg) no-repeat 0 5px;
				}
				#events dl.mohawkplace dd.eventContent ,
				#news dl.mohawkplace dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/mohawkplace.jpg) no-repeat 0 5px;
				}
				#events dl.museumofscience dd.eventContent ,
				#news dl.museumofscience dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/museumofscience.jpg) no-repeat 0 5px;
				}
				#events dl.roadlesstraveled dd.eventContent ,
				#news dl.roadlesstraveled dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/roadlesstraveled.jpg) no-repeat 0 5px;
				}
				#events dl.sheas dd.eventContent ,
				#news dl.sheas dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/sheas.jpg) no-repeat 0 5px;
				}
				#events dl.sheassmiththeatre dd.eventContent ,
				#news dl.sheassmiththeatre dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/sheassmiththeatre.jpg) no-repeat 0 5px;
				}
				#events dl.squeakywheel dd.eventContent ,
				#news dl.squeakywheel dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/squeakywheel.jpg) no-repeat 0 5px;
				}
				#events dl.stpaulscathedral dd.eventContent ,
				#news dl.stpaulscathedral dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/stpaulscathedral.jpg) no-repeat 0 5px;
				}
				#events dl.theatreallianceofbuffalo dd.eventContent ,
				#news dl.theatreallianceofbuffalo dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/theatreallianceofbuffalo.jpg) no-repeat 0 5px;
				}
				#events dl.theatreofyouth dd.eventContent ,
				#news dl.theatreofyouth dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/theatreofyouth.jpg) no-repeat 0 5px;
				}
				#events dl.theatreplus dd.eventContent ,
				#news dl.theatreplus dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/theatreplus.jpg) no-repeat 0 5px;
				}
				#events dl.townballroom dd.eventContent ,
				#news dl.townballroom dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/townballroom.jpg) no-repeat 0 5px;
				}
				#events dl.ThursdayattheSquare dd.eventContent ,
				#news dl.ThursdayattheSquare dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/thursday.jpg) no-repeat 0 5px;
				}
				#events dl.tralfmusichall dd.eventContent ,
				#news dl.tralfmusichall dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/tralfmusichall.jpg) no-repeat 0 5px;
				}
				#events dl.wnybookartscenter dd.eventContent ,
				#news dl.wnybookartscenter dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/wnybookartscenter.jpg) no-repeat 0 5px;
				}
				#events dl.workingfordowntown dd.eventContent ,
				#news dl.workingfordowntown dd.newscontent {
					padding-left: 60px;
					min-height: 60px;
					background: url(/content/v1/us/img/events/workingfordowntown.jpg) no-repeat 0 5px;
				}
			
			
				#events dd.eventDate {
					position: absolute;
					top: 32px;
					left: 24px;
					line-height: 1;
					color: #fff;
					font-weight: bold;
					text-align: center;
					width: 40px;
					height: 55px;
					font-size: 1.1em;
					text-transform: uppercase;
					
				}
	
			#events p.more a {
				background: url(/content/v1/us/img/allevents.gif) no-repeat;
			}
			
#footer {
	clear: both;
	width: 975px;
	position: relative;
	left: -2px;
	margin: 0 auto;
	background: #fff url(/content/v1/us/img/bg-footer-home.jpg) no-repeat top;
	padding-top: 50px;
	text-align: center;
}
	
	