﻿/* 
	Buffalo Place
	Master Screen CSS
	Alison Endacott
	May 2009
	
	
 */

/* ------------------------ 
		reset
------------------------ */
 
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, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

	img {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	}

	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
		border-style: solid;
	}
		caption, th, td {
			text-align: left;
			font-weight: normal;
		}

	body {
		line-height: 1.5;
		color: #000;
		background: #fff url(/content/v1/us/img/bg.jpg) repeat-x top;
		font-size: 62.5%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
		a,
		a:visited,
		a:hover,
		a:active {
			color: #0065b3;
			text-decoration: none;
		}
		
			a:hover {
				color: #007ac3;
				text-decoration: underline;
			}
	
		 #accessibility {
			position: absolute;
			left: -9999px;
		 }
	
		img.image-right {
			float: right;
			_display: inline;
			padding: .5em 0 .5em 15px;
		}
		
		
		img.image-left {
			float: left;
			_display: inline;
			padding: .5em 15px .5em 0;
		}
		
#container {
		background: url(/content/v1/us/img/inner-bg.jpg) no-repeat top center;
	}
	

/* ------------------------ 
		head
------------------------ */

#head {
	width: 977px;
	height: 150px;
	
	margin: 0 auto;
	position: relative;
}

	h1 {
		position: relative;
		width: 173px;
		display: block;
		float: left;
		_display: none;
		margin-top: 10px;
	}
	
		h1.ie6 {
			display: none;
			_display: block;
		}
		
	/* top links */
	#topNav {
		position: absolute;
		top: 0;
		left: 10px;
		z-index: 9999;
		width: 955px;
	}
	
		#topNav li {
			float: left;	
		}
			#topNav li a {
				display: block;	
				height: 25px;
				
			}
	
			#eReport a {
				text-indent: -9999px;
				overflow: hidden;
				width: 283px;
				margin-left: -16px;
				margin-top: 5px;
				background: url(/content/v1/us/img/eReport.gif) no-repeat;
				
			}
				#eReport a:hover {
					background-position: 0 -26px ;
					}
					
			#facebook {
				text-indent: -9999px;
				overflow: hidden;
				position: absolute;
				right: -10px;
				margin-top: 2px;
				width: 32px;
				height: 32px;
				background: url(/content/v1/us/img/facebook.gif) no-repeat;
			}
			
			#thursday a,
			#rocksharbor a,
			#rotaryrink a {
				position: absolute;
				right: 25px;
			}
			
			#thursday a {
				top: 0;
			}
			
			#rocksharbor a {
				top: 10px;
			}
			
			#rotaryrink a {
				top: 20px;	
			}
			
				#thursday a:hover,
				#rocksharbor a:hover,
				#rotaryrink a:hover{
					color: #ed6b38;
					text-decoration: none;
				}
			
	/* ------------------------ 
			google custom search
	------------------------ */
			
		
	#cse {
		position: absolute;
		top: 82px;
		left: 617px;
	}
	
		#cse a,
		#cse a.gs-title,
		#cse .gs-title *,
		.gsc-cursor-box a {
			color: #0065b3 !important;	
		}
		
	
		.gsc-resultsHeader {
			border: 0 !important;	
		}
	
		table.gsc-search-box {
			width: 263px !important;
		}
	
		.gsc-branding,
		.gsc-adBlockVerticalInvisible,
		.gsc-tabsAreaInvisible,
		.gsc-adBlockInvisible {
			display: none;
			visibility: hidden;
			height: 0;
			overflow: auto;
		}
		
		
		div.gsc-clear-button {
			position: relative !important;
			top: -8px;
			margin-left: 0 !important;
		}
		
		input.gsc-input {
			padding: 3px 2px!important;
			position: relative;
			border: 1px solid #b6cbe6!important;
			top: -9px;
			font-size: .9em;
			width: 190px !important;
		}
		
		input.gsc-search-button {
			display: block;
			position: relative;
			top: -9px;
			border: 0;
			padding: 0;
			width: 67px;
			height: 28px;
			padding: 28px 0 0;
			overflow: hidden;
			cursor: pointer;
			background: url(/content/v1/us/img/search.gif) no-repeat;
		}
		
		
		.gsc-resultsbox-visible,
		.gsc-adBlock{
			background:#fff ;
			border:1px solid #AAAAAA;
			font-size:11px !important;
			line-height:1;
			margin:-15px 0 0 -579px;			
			padding:10px;
			position:absolute !important;
			text-align:left;
			width: 754px;
			z-index:999999;
						}
				{	
					
				
				}
				
		.gsc-adBlock{
			background: transparent;
			border: 0;
			width: 230px;
			margin:-15px 0 0 -54px;	
		}
		
		.adBlock div {
			font-size: 11px;	
		}
			
			.gs-no-results-result .gs-snippet, 
			.gs-error-result .gs-snippet {
				background-color:#fff !important;
				border:1px solid #fff !important;
			}
/* ------------------------ 
		navigation
------------------------ */		
			
	#navigation {
		clear: both;
		display: block;
		width: 977px;
		margin: 0 auto;
		position: absolute;
		top: 10px;
		left: 0;
	}
	
	/* top nav */
			#navigation li#navAbout a ,
			#navigation li#navContact a,
			#navigation li#navEvents a {
				position: absolute;
				z-index: 99;
				display: block;
				left: 0;
				text-indent: -9999px;;
				overflow: hidden;
				height: 30px;
				top: 97px;
				width: 100px;
				background: url(/content/v1/us/img/navHorz.jpg);
			}
			
				#navigation li#navAbout a {
					left: 482px;
				}
					#navigation li#navAbout a:hover {
						background-position: 0 -30px;
					}
				
				#navigation li#navContact a {
					left: 582px;
					background-position: -100px 0;
				}
					#navigation li#navContact a:hover {
						background-position: -100px -30px;
						}
				
				#navigation li#navEvents a {
					width: 217px;
					left: 683px;
					background-position: -200px 0;
				}
					#navigation li#navEvents a:hover {
						background-position: -200px -30px;
						}
		/* side nav */	
		#sideNav {
			display: block;
			position: absolute;
			width: 72px;
			left: 902px;
			top: 133px;
		}
		
			#sideNav li#navLive a ,
			#sideNav li#navWork a,
			#sideNav li#navPlay a {
				display: block;
				width: 72px;		
				text-indent: -9999px;
				overflow: hidden;
				background: url(/content/v1/us/img/navVert.gif);
			}
			
		#sideNav li#navLive {
			top: 124px;
		}
			
			body #sideNav li#navLive a {
				height: 141px;
				margin-top: 6px;
			}
				#sideNav li#navLive a:hover {
					background-position: -72px 0;
					}
				
					#sideNav li#navLive ul {
						background: url(/content/v1/us/img/live-flyout-bg.png) no-repeat bottom;
						_background: url(/content/v1/us/img/live-flyout-bg.gif) no-repeat bottom;
					}
					
						#sideNav li#navLive ul a:hover {
							border: 1px solid #e56d6d;
							_border: 0;
						}
						
		#sideNav li#navWork  {
			top: 271px;
			_margin-top: -15px;
		}
					
			body #sideNav li#navWork a {
				height: 141px;
				background-position: 0 -141px;
			}
				#sideNav li#navWork a:hover {
					background-position: -72px -141px;
				}
				
					#sideNav li#navWork ul {	
						margin-top: 120px;			
						background: url(/content/v1/us/img/work-flyout-bg.png) no-repeat bottom;
						_background: url(/content/v1/us/img/work-flyout-bg.gif) no-repeat bottom;
					}
					
						#sideNav li#navWork ul a:hover {					
							border: 1px solid #b9a4dc;
							_border: 0;
							}
							
		#sideNav li#navPlay {
			top: 412px;
			_margin-top: -15px;
		}
					
			body #sideNav li#navPlay a {
				height: 141px;
				background-position: 0 -283px;
			}
			
				#sideNav li#navPlay a:hover {
					background-position: -72px -283px;
				}
				
					#sideNav li#navPlay ul {	
						margin-top: 99px;			
						background: url(/content/v1/us/img/play-flyout-bg.png) no-repeat bottom;
						_background: url(/content/v1/us/img/play-flyout-bg.gif) no-repeat bottom;
					}
					
						#sideNav li#navPlay ul a:hover {					
							border: 1px solid #f4ce99;
							_border: 0;
						}
				
			/* single drop down styles */	
				
		#sideNav ul { /* all lists */
			list-style: none;
			z-index: 90;
			background: black;
			margin-left: -175px;
			width: 176px;
			font-size: 1.1em;
			font-family: Arial;
			background: url(/content/v1/us/img/live-flyout-bg.png) no-repeat bottom;
			_background: url(/content/v1/us/img/live-flyout-bg.gif) no-repeat bottom;
			padding: 3px 0;
		}

			#sideNav ul li {
				height: 35px;
				overflow: hidden;
				display: block;
			}
			
				#sideNav ul a {
					left: auto !important;
					top: auto !important;
					height: auto !important;
					width: auto !important;
					position: relative !important;
					background: transparent  !important;
					text-indent: 0 !important;
					font-weight: bold;
					color: #fff;
					margin: 0 5px !important;
					padding: 8px 5px;
				}
		
					#sideNav ul a:hover {
						text-decoration: none;
						}
				
		#sideNav li ul { /* second-level lists */
			position: absolute;
			z-index: 99999;
			left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
		}
		
			#sideNav li:hover ul, #sideNav li.sfhover ul { /* lists nested under hovered list items */
				left: auto;
				top: 9px;
			}			
		
		/* IE 7 drop down fix, nav will stick when you change focus on the page otherwise */
			#sideNav li.hover,
			#sideNav li:hover,
			#sideNav a:hover {
				*position: static;
			}
	
			
	 
/* ------------------------ 
		content
------------------------ */
 #content {
 	width: 977px;
	margin: 0 auto;
	min-height: 550px;
	background: url(/content/v1/us/img/bg-content.jpg) no-repeat -1px 493px;
	*background-position: 0 493px;
	z-index: 1;
	padding-left: 1px;
 }	
 
 	h3.sideNav {
		font-size: 2em;
		padding: 16px 0 0 35px;
		position: absolute;
		color: #006ab5;
		*margin-left: -880px;
	}
	
		/*h3.liveHead {
			color: #c82727;
		}
		
		h3.playHead {
			color: #d3871c;
		}
		
		h3.aboutHead {
			color: #ea3594;
		}
		
		h3.workHead {
			color: #592ea0;
		}
		
		h3.eventsHead {
			color: #006ab5;
		}*/
 
	ul.leaf-nav {
		width: 156px;
		float: left;
		margin: 55px 5px 0 29px;
		_display: inline;
		font-family: georgia;
		font-size: 1.1em;
	}
	
		.leaf-nav li {
			margin: 0 10px;
			padding: 1em 0;
			border-bottom: 1px solid #cbd1db;
			line-height: 1;
		}
	
			.leaf-nav a {
				color: #3d3d3d;
			}
			
				.leaf-nav a:hover {
					text-decoration: none;
					color: #0065B3;
					}
	
	#inner-content {
		width: 688px;
		float: left;
		_display: inline;
		margin: 0 5px;
		font-size: 1.1em;
	}
	
		
		h3#LeafTitle,
		#content h2 {
			margin-top: 5px;
			background: #006ab5 url(/content/v1/us/img/header-top-bg.gif) no-repeat top;
			padding: 5px 5px 5px 70px;
			font-family: Georgia, "Times New Roman", Times, serif;
			color: #fff;
			font-size: 1.7em;
		}
		
		
		#LeafContent {
			background: url(/content/v1/us/img/header-bottom-bg.gif) no-repeat top;
			padding: 2em 10px 1em 10px;
		}
		
			#LeafContent th,
			#LeafContent td {
				padding: 5px;
			}
			
			
 /* contact */
 #contact-info {
 	float: right;
	_display: inline;
 	width: 330px;
 }
 
 #contactForm {
 	float: left;
	_display: inline;
	width: 330px;
 }	
 
 fieldset legend {
 	display: none;
 }
 
	fieldset dt {
		width: 100px;
		float: left;
		padding-top: .4em;
	}
	
	fieldset dd {
		padding: .2em 0;
	}
	
		fieldset dd input,
		fieldset dd textarea {
			width: 200px;
		}
	 
	 	#State {
			width: 25px;
		}
		
		#Zip,
		#Phone, #Fax {
			width: 85px;
		}
		
		#submit {
			margin-left: 100px;
			background:#1260A8;
			color: #fff;
			border: 1px solid #ccc;
			cursor: pointer;
			padding:4px 10px;
			text-transform: uppercase;
			font-weight: bold;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
		
		input.validation-failed {
			background: #ffe5e5;
			border: 1px solid #f00;
		}
		
		
		.validation-advice {
			color: #f00;
			font-size: .9em;
			margin-left: 100px;
		}
		
		#lbl_signup {
			padding: .5em 0 1em 0;
			display: block;
			margin-left: 100px;
		}
		
			#lbl_signup input {
				position: relative;
				top: 2px;
			}
		
 
/* ------------------------ 
	 modal windows
------------------------ */
 
 	#sbox-window {
		background: #E9EBD6 !important;
	}
	
		#sbox-content {
			border: 1px solid #b4b5b0;
		}
		
		#sbox-btn-close {
			height:16px !important;
			right: -5px !important;
			top: -5px !important;
			width:16px !important;
			z-index:99999 !important;
		}
		
		/* hide parent template items */
		
		#sbox-window #head,
		#sbox-window #footer,
		#sbox-window .leaf-nav,
		#sbox-window .sideNav {
			display: none;	
		}
		#sbox-window #container,
		#sbox-window #content {
			background: transparent;	
		}
		
		#sbox-window #content {
			min-height: 0;
			width: auto;
		}
		
 
/* ------------------------ 
		footer
------------------------ */
 	#footer {
		clear: both;
		width: 975px;
		position: relative;
		left: -2px;
		margin: 0 auto;
		background: #fff url(/content/v1/us/img/bg-footer.jpg) no-repeat top;
		padding-top: 95px;
		text-align: center;
	}
	
		#footer ul {
			
			margin: 0 auto;
		}
	
			#footer li {
				display: inline;
			}
				
				#footer li a {
					padding: 0 4px 0 1px;
					border-right: 1px solid;
				}
				
				#footer li.last a {
					border: 0;
					}
		
		#footer p {
			padding: 1em 0;
		}
		

			#footer a {
				color: #1d6ca2;
				}
				
				#footer a:hover {
				}
				
/* ------------------------ 
		admin content 
------------------------ */
#buffaloConcert {


}

	#sponsors {
		text-align: center;
	}

		#buffaloConcert h4 {
			font-weight: bold;
			text-transform: uppercase;
			text-align: center;
			padding-bottom: .5em;
			font-size: 1.1em;
		}
		
		#buffaloConcert .sponsors {
			width: 220px;
			float: left;
			_display: inline;
			padding: 1em 0;
		}
		
	#schedule {
		clear: both;
		width: 668px;
		margin: 0 auto;
		/*padding-top: 355px;
		background: url(/content/v1/us/img/content/summer-concert-bg.jpg) no-repeat top;
		*/
	}

		#details {
			position: absolute;
			left: -9999px;
		}
		
	#concerts {
		padding: 0 10px;
	}
		
	#concerts  h3 {
		clear: both;
		display: block;
		font-weight: bold;
		padding-top: 1em;
		font-size: 1.4em;
		border-top: 1px dotted #ccc;
		}
		
		#concerts  h3 span {
			displaY: block;
			font-size: .8em;
			font-weight: normal;
			}
		
	.concertImage {
		float: right;
		width: 380px;
		overflow: hidden;
	}
	
		.concertImage img {
			border: 1px solid #ccc;
			margin: .5em 0 1em 0;
		}
	
	.concertInfo {
		width: 265px;
		float: left;
		padding-top: .5em;
	}
	
		a.headliner {
			font-size: 1.4em;
			font-weight: bold;
		}

		a.subheadliner {
			font-size: 1.2em;
			font-weight: bold;
		}
		
		

#contentTable td{
	border-bottom:#ccc solid 1px;
	padding:5px;
	font-size:11px;
}

#contentTable h3 {
	font-size:13px;
	background:#E4EDFC;
	color:black;
	font-weight:bold;
	text-align:center;
	text-align:left;
	padding:5px;
	margin: -5px;
	margin-top:10px;
	border:0px;
}

#parktrans td{
	background:#CFDFFA;
	padding:10px;
	text-align:center;
}

#LeafContainer p {
	margin-bottom:7px;
}

.parktrans {
	color:#0066CC;
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
}

.title {
	color:#0066CC;
	font-size:15px;
	text-transform:uppercase;
	font-weight:bold;
}

.TitleNoTable {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:BOLD;
	margin-top:10px;
}

#innercontent li{
	list-style-type:disc;
	margin-left:32px;
	margin-top:4px;
}

#BtnSeries a{
	display:block;
	background:url(/content/v1/us/img/BPEventDtl.gif);
	width:172px;
	height:27px;
	text-indent:-9999px;
}

				
	
/* ------------------------ 
		EASY CLEARING 
------------------------ */
.clear { clear:both;}
.clearfix:after { 
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */


<!--/* 0.00223015999005722 */-->
