@import url("normalize.css");
@import url("color.css");
@import url("typography.css");

html {
	position:	relative;
	}

body {
	position:	relative;
	width:		100%;
	margin:		0 auto;
	text-align:	left;
	}

	h1, h2, h3, p {
		padding:	0.5em 0;
		}

	blockquote {
		margin:		20px;
		}

		blockquote cite {
			margin:		10px 0 0 0;
			}

	ul {
		list-style-type:	disc;
		padding:		0.5em 10px;
		}

	div#intro {
		position:	relative;
		width:		100%;
		min-width:	840px;
		min-height:	800px;
		margin:		0 auto -400px auto;
		}
	
		#intro p, #intro h1 {
			display:	none;
			}

		div#header {
			width:		100%;
			height:		114px;
			}

		div#quickSummary {
			width:		840px;
			margin:		200px auto 0 auto;
			}

			div#quickSummary p {
				position:	relative;
				top:		0;
				left:		410px;
				display:	block;
				width:		250px;
				}

			div#quickSummary h2 {
				position:	absolute;
				top:		60px;	
				right:		0px;
				display:	block;
				margin:		0 20px 0 0;
				}

	div#container {
		position:	relative;
		width:		840px;
		margin:		0 auto;
		}

	div#content_main {
		position:	relative;
		top:		-10px;
		margin:		100px 20px 0 210px;
		overflow:	hidden;
		}

		div#content_main img {
			display:	block;
			margin:		0 auto;
			max-width:	604px;
			}

		div#content_main > p {
			margin:		0 0 0 10px;
			}

	/* show pages */

		body#the_altos p.handicap, body#the_altos p.handicap img, body#the_altos p.handicap em {
			display:	none;
			}
	
		div#playbill {
			position:	relative;
			padding:	190px 20px 30px 20px;
			}

			.marquee {
				margin:		0 0 5px 0 !important;
				padding:	0 !important;
				}

			div#marquee {
				position:	absolute;
				top:		20px;
				left:		20px;
				width:		570px;
				}

			h1.marquee {
				padding:	3px 0 3px 0 !important;
				}

			h3.marquee {
				padding:	3px 0 3px 0 !important;
				}

				h3.marquee musician {
					display:	inline;
					}

			div#playbill p.show_summary {
				}

			img.show_poster {
				margin:		0 auto 20px auto !important;
				}

			h2.box_office {
				padding:	125px 0 0 0;
				}

			img#queen-victoria-place {
				width:		100%;
				margin:		0 auto;
				}

			ul#show_photo_thumbnails {
				position:	relative;
				margin:		20px auto 0 auto;
				padding:	0 0 600px 0;
				width:		560px;
				}

				ul#show_photo_thumbnails li {
					position:	absolute;
					}

				ul#show_photo_thumbnails li.first {
					top:		0;
					right:		0;
					}

				ul#show_photo_thumbnails li.second {
					top:		0;
					right:		200px;
					}

				ul#show_photo_thumbnails li.third {
					top:		0;
					right:		400px;
					}

				ul#show_photo_thumbnails li.fourth {
					top:		200px;
					right:		0;
					}

				ul#show_photo_thumbnails li.fifth {
					top:		200px;
					right:		200px;
					}

				ul#show_photo_thumbnails li.sixth {
					top:		200px;
					right:		400px;
					}

				ul#show_photo_thumbnails li.seventh {
					top:		400px;
					right:		0;
					}

				ul#show_photo_thumbnails li.eighth {
					top:		400px;
					right:		200px;
					}

				ul#show_photo_thumbnails li.ninth {
					top:		400px;
					right:		400px;
					}

					ul#show_photo_thumbnails li a {}

					ul#show_photo_thumbnails li a img {
						width:		160px;
						margin:		0 !important;
						padding:	0 !important;
						}

			ul.show_photos li img {
				margin:		25px auto 25px auto !important;
				max-width:	430px !important;
				}

		div#sponsor_banners {
			width:		100%;
			}

		div#sponsor_banners img {
			display:	inline !important;
			max-width:	250px;
			margin:		15px;
			}

	/* about.php */

		ol#producers {
			padding:	50px 0 0 0;
			min-height:	294px;
			}

		ol#producers li a span {
			display:	block;
			}

		body#about div.location {
			margin:		20px 0 40px 0;
			}

			body#about div.location p {
				margin:		0 0 0 12px;
				}

	/* ensemble.php */

		ol#ensemble {
			position:	relative;
			overflow:	hidden;
			}

			ol#ensemble li {
				float:		left;
				min-width:	29%;
				height:		2em;
				margin:		0 0 0 20px;
				}

				ol#ensemble li p {
					display:	inline;
					}
	/* dining.php */

		img.dining {
			float:		left;
			height:		226px;	
			margin:		0 20px 0 3px !important;
			}

		p.dining_preamble {
			margin:		0 10px 0 0 !important;
			padding:	0 !important;
			/* min-height:	232px; */
			}

		div.location_menu {
			margin:		30px 0 60px 0;
			}

		div.dining_menu {
			margin:		20px auto 0 auto;
			padding:	20px 20px 40px 20px;
			}

			div#menu p {
				padding:	0;
				}

			div#menu ol {
				margin:		0 0 20px 0;
				}

	/* location.php */

		body#location div.location {
			margin:		20px 0 40px 0;
			}

		div.address {
			padding:	10px;
			width:		50%;
			margin:		30px auto 0 auto;
			}

			div.address > h2 {
				margin:		0 0 10px 0 !important;
				padding:	0 !important;
				}

			div.address > p {
				margin:		0 !important;
				padding:	0 !important;
				}

	/* buzz.php */

		ul#buzz > li > h3 {
			margin:		70px 0 0 0 !important;
			padding:	30px 0 0 115px !important;
			min-height:	70px;
			}

		ul#buzz > li > blockquote {
			padding:	10px !important;
			}

		ul#buzz > li > blockquote > ul {
			padding:	0px !important;
			}

		ul#buzz > li > blockquote > ul > li {
			margin:		20px 0 0 0 !important;
			}

	/* contact.php */

		div#contact {
			width:		500px;
			margin:		0 auto;
			padding:	20px 55px 20px 55px;
			}

		p#contact_preamble {
			position:	relative;
			left:		-20px;
			}

		div#contact ol, p#email {
			margin:		0 0 0 50px !important;
			}

		div#contact > p > em {
			display:	block;
			padding:	20px 0 0 0;
			}

			div#contact > p > em > a {
				display:	block;
				padding:	10px 0 0 0;
				}

	/* box-office.php */

		div#box_office {
			width:		500px;
			margin:		0 auto;
			padding:	20px 55px 20px 55px;
			}

			div#box_office div.special {
				padding:	20px;
				}

		p#box_office_contact_preamble, div#box_office h2, div#box_office h3 {
			position:	relative;
			left:		-20px;
			}

			div#box_office div.special h2 {
				left:	0px !important;
				}

		div#box_office_contact ol, p#box_office_email {
			margin:		0 0 0 50px !important;
			}

		div#box_office > p > em {
			display:	block;
			padding:	20px 0 0 0;
			}

			div#box_office > p > em > a {
				display:	block;
				padding:	10px 0 0 0;
				}

	div#content_sub {
		margin:		0 0 0 230px;
		overflow:	hidden;
		}

		p#buzz_link {
			position:	relative;
			min-height:	70px;
			width:		465px;
			margin:		30px auto 0 auto;
			padding:	30px 0 0 125px;
			}

		p#buzz_link a span {
			display:	block;
			}

		div#coming_soon {
			position:	relative;
			float:		left;
			padding:	0;
			overflow:	hidden;
			min-height:	446px;
			}

			div#coming_soon > h3:first-child {
				display:	block;
				min-height:	137px;
				}

			div#coming_soon h5, h4#other_shows {
				padding:	10px 0 10px 0;
				max-width:	80%;
				margin:		0 auto;
				}

			div#coming_soon ol {
				padding:	10px 0 0 0;
				}

			div#coming_soon ol li {
				margin:		0 0 20px 0;
				}

		div#coming_soon {
			width:		48%;
			}

		div#reservations {
			width:		48%;
			}

		div#reservations {
			margin-left:	52%;
			}

			ul#group-pricing li {
				margin:		0 0 0 40px;
				}

			div#reservations h3 {
				padding:	0;
				}

			div#reservations h4 {
				margin:		10px 0 0 0;
				}

				div#reservations > h4 > strong > a {
					display:	block;
					}

			p.handicap {
				position:	relative;
				margin:		5px auto;
				min-height:	30px;
				}

				img#handicap {
					position:	relative;
					right:		15px;
					margin:		0 10px 0 0;
					}

				p.handicap em {
					position:	relative;
					top:		-10px;
					right:		15px;
					}

	div#content_sub2 {
		position:	absolute;
		top:		-10px;
		left:		-20px;
		width:		180px;
		padding:	10px 10px 0 10px;
		height:		100%;
		}

		div#news {
			margin:		0 0 0 0;
			}

			div#news ul li.auditions {
				min-height:	140px;
				min-width:	140px;
				padding:	10px;
				}

				div#news ul li.auditions h3 a {
					display:	block;
					}

			div#news ul li h3 a span {
				display:	block;
				}

		div#links > h2 {
			margin:		5px 0 15px 0;
			padding:	0 0 5px 0;
			}

		div#links ul, div#links h3, div#links a, div#links img {
			margin:		0 0 0 0 !important;
			padding:	0 0 0 0 !important;
			}

		div#links li {
			margin:		0 0 15px 0 !important;
			padding:	0 0 8px 0 !important;
			}

		div#links img {
			max-width:	180px;
			}

	div#nav_main {
		position:	absolute;
		top:		-350px;
		left:		-40px;
		width:		230px;
		}

		div#nav_main h2 {
			display:	none;
			}

		div#nav_main a:link, div#nav_main a:visited { 
			display:	inline;
			}

		div#nav_main > ul {
			margin-top:	10px;
			padding-left:	10px;
			}

			div#nav_main > ul > li {
				margin:		0 0 5px 0 !important;
				padding-bottom:	5px !important;
				}

				div#nav_main > ul > li > h3 {
					margin:		0 !important;
					padding:	0 !important;
					}

				div#nav_main > ul > li > ul {
					margin:		5px 5px 10px 0 !important;
					padding:	0 !important;
					}

				div#nav_main > ul > li > ul > li > h4 {
					margin:		0 !important;
					padding:	0 !important;
					}

				div#nav_main > ul > li > ul > li {
					margin:		5px 0 5px 0 !important;
					padding:	0 !important;
					}

	div#nav_sub {
		margin:		10px 0 80px 0;
		overflow:	hidden;
		padding:	5px;
		}

	div#nav_sub h2 {
		display:	inline;
		margin:		0;
		padding:	0;
		}

	div#nav_sub ul {
		margin:		0;
		padding:	0;
		}

	div#nav_sub li {
		display:	inline;
		margin:		0 12px 0 12px;
		padding:	0;
		}

		div#nav_sub li h3 {
			display:	inline;
			margin:		0;
			padding:	0;
			}

	div#footer {
		position:	relative;
		left:		-20px;
		min-height:	450px;
		margin:		0 auto 0 auto;
		padding:	50px 0 0 0;
		}

		div#footer h3, div#footer h4, div#footer p {
			display:	none;
			}

	div#site_info {
		position:	absolute;
		bottom:		490px;
		left:		-23px;
		width:		170px;
		height:		410px;
		padding:	0px 13px 0px 23px;
		}

		div.adr {
			margin:		0 0 15px 0;
			}

			div#site_info > h4:first-child {
				position:	relative;
				left:		-5px;
				margin:		10px 0 0 0;
				}

			div#site_info h4 {
				position:	relative;
				left:		-5px;
				margin:		10px 0 10px 0;
				}

			div#site_info p {
				display:	block;
				margin:		0;
				padding:	0 0 0 15%;
				}

			div#site_info p.type {
				position:	relative;
				right:		10px;
				float:		left;
				padding:	0 !important;
				width:		100%;
				}

				div#site_info p span.postal-code {
					display:	block;
					}