/*
 * Stylesheet for zoobar.com
 *
 */

/* 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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: none;
}

/* zoobar.com */

body {
	background-color: #1A1A1A;
	background-image: url('../images/wood_tile.png');
	background-repeat: repeat;
	padding: 20px 0px 37px;
}

hr {
	width: 565px;
	height: 5px;
	margin: 0px;
	margin-bottom: 10px;
	background-image: url('../images/body_divider.png');
	background-position: 50%;
	background-repeat: no-repeat;
	border: none;
}

p,address,h1,h2,h3,h4,h5,h6 {
	margin-bottom: 10px;
}

h1.button,
a.button,
span.button {
	background-image: url('../images/buttons.png');
	background-repeat: no-repeat;
}

ul.menu {
	height: 25px;
	list-style-type: none;
}

	ul.menu > li {
		display: inline;
	}

	ul.menu > li > a,
	ul.menu > li > span {
		display: block;
		float: left;
		height: 25px;
		text-indent: -9999px;
		padding-right: 10px;
	}

	ul.menu > li > span.divider {
		width: 5px;
		background-image: url('../images/menu_divider.png');
		background-repeat: no-repeat;
	}

	ul.menu > li > span.find_us_on {
		width: 104px;
		background-position: 0px -199px;
	}

	ul.menu > li > a.calendar {
		width: 99px;
		background-position: 0px -124px;
	}

	ul.menu > li > a.buy_tickets {
		width: 248px;
		background-position: 0px -99px;
	}

	ul.menu > li > a.buy_merch {
		width: 110px;
		background-position: 0px -74px;
	}

	ul.menu > li > a.contact_us {
		width: 119px;
		background-position: 0px -149px;
	}

	ul.menu > li > a.facebook {
		width: 23px;
		background-position: 0px -175px;
	}

	ul.menu > li > a.myspace {
		width: 23px;
		background-position: 0px -250px;
	}

	ul.menu > li > a.twitter {
		width: 23px;
		background-position: 0px -350px;
		padding-right: 0px;
	}
	
	ul.menu > li > a.view_full_calendar {
		width: 195px;
		background-position: 0px -374px;
	}
	
	ul.menu > li > a.show_more_events {
		width: 189px;
		background-position: 0px -324px;
	}
	
	ul.menu > li > a.back_to_top {
		width: 119px;
		background-position: 0px -49px;
		margin-right: 0px;
	}
	
#poster {
	width: 960px;
	margin: 0px auto;
}

#header {
	width: 960px;
	height: 273px;
	background-image: url('../images/header.png');
	background-repeat: no-repeat;
}

	#header > h1#title {
		display: none;
	}

	#header > ul#main_nav {
		position: relative;
		top: 232px;
		left: 40px;
		width: 880px;
	}

#body {
	width: 960px;
	padding: 10px 0px;
	font-family: sans-serif;
	font-size: 12px;
	background-image: url('../images/body.png');
	background-repeat: repeat-y;
}

	#body > #container {
		width: 880px;
		margin: 0px auto;
	}

	#body > #container > div.column {
		display: inline;
		float: left;
		margin-right: 10px;
	}

	#body > #container > div.calendar_banner {
		width: 55px;
		height: 404px;
		background-image: url('../images/calendar_banner.png');
	}

	#body > #container > div.calendar {
		width: 565px;
	}

	#body > #container > div.calendar > ul#calendar_events {
		width: 565px;
		margin-top: 1px;
		list-style-type: none;
	}
	
	#body > #container > div.calendar > ul#calendar_events > li.loading > img {
		display: block;
		margin: 10px auto;
	}

	#body > #container > div.calendar > ul#calendar_events > li.error > p {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
	}
	
	#body > #container > div.calendar > ul#calendar_events > li.more > ul#sub_nav {
		width: 565px;
	}
	
		#body > #container > div.calendar > ul#calendar_events > li.events > p {
			margin-bottom: 10px;
			font-size: 12px;
			font-style: italic;
		}
		
		#body > #container > div.calendar > ul#calendar_events > li.events > p.day {
			font-size: 16px;
		}

		#body > #container > div.calendar > ul#calendar_events > li.events > ul {
			list-style-type: none;
		}

			#body > #container > div.calendar > ul#calendar_events > li.events > ul > li.event {
				margin-bottom: 10px;
			}

			#body > #container > div.calendar > ul#calendar_events > li.events > ul > li > p.time {
				margin-bottom: 0px;
				font-size: 12px;
			}

			#body > #container > div.calendar > ul#calendar_events > li.events > ul > li > p.title {
				font-size: 16px;
				font-weight: bold;
				margin-bottom: 0px;
			}

			#body > #container > div.calendar > ul#calendar_events > li.events > ul > li > p.description {
				font-size: 12px;
				font-style: italic;
			}

	#body > #container > div.coming_soon {
		width: 240px;
		margin-right: 0px;
	}

	#body > #container > div.coming_soon > div.coming_soon_top {
		height: 50px;
		background-image: url('../images/coming_soon_top.png');
		background-repeat: no-repeat;
	}

	#body > #container > div.coming_soon > div.coming_soon_body {
		background-image: url('../images/coming_soon_body.png');
		background-repeat: repeat-y;
	}

	#body > #container > div.coming_soon > div.coming_soon_body > div.coming_soon_event {
		padding: 10px 16px;
	}

		#body > #container > div.coming_soon > div.coming_soon_body > div.coming_soon_event > img {
			display: block;
			max-width: 208px;
			margin: 0px auto;
			padding: 10px 0px;
		}

		#body > #container > div.coming_soon > div.coming_soon_body > div.coming_soon_event > p {
			margin: 0px;
			text-align: center;
		}
		
		#body > #container > div.coming_soon > div.coming_soon_body > div.coming_soon_event > p.day {
			font-size: 16px;
			font-style: italic;
		}

		#body > #container > div.coming_soon > div.coming_soon_body > div.coming_soon_event > p.time {
			font-size: 12px;
		}

		#body > #container > div.coming_soon > div.coming_soon_body > div.coming_soon_event > p.title {
			font-size: 16px;
			font-weight: bold;
		}
		
		#body > #container > div.coming_soon > div.coming_soon_body > div.coming_soon_event > p.description {
			font-size: 12px;
			font-style: italic;
		}
		

	#body > #container > div.coming_soon > div.coming_soon_divider {
		height: 21px;
		background-image: url('../images/coming_soon_divider.png');
		background-repeat: no-repeat;
	}

	#body > #container > div.coming_soon > div.coming_soon_bottom {
		height: 16px;
		background-image: url('../images/coming_soon_bottom.png');
		background-repeat: no-repeat;
		margin-bottom: 10px;
	}

	#body > #container > div.tickets_banner {
		width: 55px;
		height: 352px;
		background-image: url('../images/tickets_banner.png');
	}

	#body > #container > div.tickets {
		width: 400px;
		height: 352px;
	}

		#body > #container > div.tickets > h1 {
			height: 23px;
			text-indent: -9999px;
		}

		#body > #container > div.tickets > a {
			display: block;
			margin-bottom: 10px;
			font-size: 16px;
			font-weight: bold;
			color: #1A1A1A;
			text-transform: uppercase;
		}

		#body > #container > div.tickets > h1.buy_tickets {
			width: 248px;
			background-position: 0px -99px;
		}
	
	#body > #container > div.tickets_image {
		width: 405px;
		height: 352px;
		margin-right: 0px;
	}
	
		#body > #container > div.tickets_image > img {
			display: block;
			width: 195px;
			height: 242px;
			margin: 45px auto;
		}

	#body > #container > div.merch_banner {
		width: 55px;
		height: 262px;
		background-image: url('../images/merch_banner.png');
	}

	#body > #container > div.merch {
		width: 400px;
		height: 262px;
	}

		#body > #container > div.merch > h1 {
			height: 23px;
			text-indent: -9999px;
		}

		#body > #container > div.merch > a {
			display: block;
			margin-bottom: 10px;
			font-size: 16px;
			font-weight: bold;
			color: #1A1A1A;
			text-transform: uppercase;
		}

		#body > #container > div.merch > h1.buy_merch {
			width: 110px;
			background-position: 0px -74px;
		}
	
	#body > #container > div.merch_image {
		width: 405px;
		height: 262px;
		margin-right: 0px;
	}
	
		#body > #container > div.merch_image > img {
			display: block;
			width: 239px;
			height: 225px;
			margin: 20px auto;
		}
	
	#body > #container > div.contact_us_banner {
		width: 55px;
		height: 455px;
		background-image: url('../images/contact_us_banner.png');
	}
	
	#body > #container > div.unsubscribe_banner {
		width: 56px;
		height: 542px;
		background-image: url('../images/unsubscribe_banner.png');
	}

	#body > #container > div.contact_us {
		width: 260px;
		height: 455px;
	}

		#body > #container > div.contact_us > address,
		#body > #container > div.contact_us > p {
			font-size: 14px;
		}

		#body > #container > div.contact_us > address > strong {
			font-weight: bold;
			text-transform: uppercase;
		}

		#body > #container > div.contact_us > a {
			display: block;
			margin-bottom: 10px;
			font-size: 14px;
			font-weight: bold;
			color: #1A1A1A;
		}

		#body > #container > div.contact_us > h1 {
			height: 23px;
			text-indent: -9999px;
		}

		#body > #container > div.contact_us > h1.contact_us {
			width: 119px;
			background-position: 0px -149px;
		}

		#body > #container > div.contact_us > h1.want_to_play_here {
			width: 198px;
			background-position: 0px -399px;
		}

		#body > #container > div.contact_us > h1.advertise_with_us {
			width: 188px;
			background-position: 0px -24px;
		}

	#body > #container > div.divider {
		width: 5px;
		height: 455px;
		background-image: url('../images/vertical_divider.png');
	}

	#body > #container > div.mailing_list {
		width: 530px;
		margin-right: 0px;
	}

		#body > #container > div.mailing_list > h1 {
			height: 23px;
			text-indent: -9999px;
		}

		#body > #container > div.mailing_list > h1.join_the_zoo_bar_mailing_list {
			width: 292px;
			background-position: 0px -224px;
		}
		
		#body > #container > div.mailing_list > h1.remove_from_zoo_bar_mailing_list {
			width: 413px;
			background-position: 0px -274px;
		}

		#body > #container > div.mailing_list > form > ul {
			list-style-type: none;
		}

		#body > #container > div.mailing_list > form > ul > li {
			margin-bottom: 10px;
		}
		
		#body > #container > div.mailing_list > form > ul > li > label,
		#body > #container > div.mailing_list > form > ul > li > input {
			display: block;
			font-size: 12px;
			color: #1A1A1A;
		}
		
		#body > #container > div.mailing_list > form > ul > li > label.response {
			display: inline;
			float: right;
			line-height: 20px;
		}
		
		#body > #container > div.mailing_list > form > ul > li > img.loading {
			display: none;
			float: right;
			width: 20px;
			height: 20px;
		}
		
		#body > #container > div.mailing_list > form > ul > li > input[type=text] {
			width: 515px;
			border: 2px #1A1A1A solid;
			background-color: #FAFAFA;
			padding: 5px;
		}
		
		#body > #container > div.mailing_list > form > ul > li > input[type=submit] {
			display: inline;
			float: left;
		}
		
		#body > #container > div.mailing_list > form > ul > li > input:focus {
			background-color: #EAEAEA;
		}

		#body > #container > div.mailing_list > form > ul > li > label {
			font-size: 14px;
			font-weight: bold;
		}
		
	#body > #container > div.admin_banner {
		width: 55px;
		height: 263px;
		background-image: url('../images/admin_banner.png');
	}

	#body > #container > div.admin {
		width: 260px;
		height: 455px;
	}
	
		#body > #container > div.admin > h1 {
			height: 23px;
			text-indent: -9999px;
		}

		#body > #container > div.admin > h1.admin {
			width: 65px;
			background-position: 0px 0px;
		}
		
		#body > #container > div.admin > form > ul > li > input[type=text],
		#body > #container > div.admin > form > ul > li > input[type=password] {
			width: 225px;
			border: 2px #1A1A1A solid;
			background-color: #FAFAFA;
			padding: 5px;
		}
		
		#body > #container > div.admin > form > ul {
			list-style-type: none;
		}

		#body > #container > div.admin > form > ul > li {
			margin-bottom: 10px;
		}
		
		#body > #container > div.admin > form > ul > li > label,
		#body > #container > div.admin > form > ul > li > input {
			display: block;
			font-size: 12px;
			color: #1A1A1A;
		}
		
		#body > #container > div.admin > form > ul > li > label.response {
			display: inline;
			float: right;
			margin-right: 20px;
			line-height: 20px;
		}
		
		#body > #container > div.admin > form > ul > li > img.loading {
			display: none;
			float: right;
			width: 20px;
			height: 20px;
		}
		
		#body > #container > div.admin > form > ul > li > input[type=submit] {
			display: inline;
			float: left;
		}
		
		#body > #container > div.admin > form > ul > li > input:focus {
			background-color: #EAEAEA;
		}

		#body > #container > div.admin > form > ul > li > label {
			font-size: 14px;
			font-weight: bold;
		}
	
	#body > #container > div.mailer {
		width: 530px;
		margin-right: 0px;
		display: none;
	}
	
		#body > #container > div.mailer > h1 {
			height: 23px;
			text-indent: -9999px;
		}

		#body > #container > div.mailer > h1.send_a_message_to_the_zoo_bar_mailing_list {
			width: 435px;
			background-position: 0px -299px;
		}
		
		#body > #container > div.mailer > form > ul > li > input[type=text],
		#body > #container > div.mailer > form > ul > li > textarea {
			width: 515px;
			border: 2px #1A1A1A solid;
			background-color: #FAFAFA;
			padding: 5px;
		}
		
		#body > #container > div.mailer > form > ul > li > textarea {
			max-width: 515px;
			height: 295px;
		}
		
		#body > #container > div.mailer > form > ul {
			list-style-type: none;
		}

		#body > #container > div.mailer > form > ul > li {
			margin-bottom: 10px;
		}
		
		#body > #container > div.mailer > form > ul > li > label,
		#body > #container > div.mailer > form > ul > li > input,
		#body > #container > div.mailer > form > ul > li > textarea {
			display: block;
			font-size: 12px;
			color: #1A1A1A;
		}
		
		#body > #container > div.mailer > form > ul > li > label.response {
			display: inline;
			float: right;
			line-height: 20px;
		}
		
		#body > #container > div.mailer > form > ul > li > img.loading {
			display: none;
			float: right;
			width: 20px;
			height: 20px;
		}
		
		#body > #container > div.mailer > form > ul > li > input[type=submit] {
			display: inline;
			float: left;
		}
		
		#body > #container > div.mailer > form > ul > li > input:focus,
		#body > #container > div.mailer > form > ul > li > textarea:focus {
			background-color: #EAEAEA;
		}

		#body > #container > div.mailer > form > ul > li > label {
			font-size: 14px;
			font-weight: bold;
		}
		
#footer {
	width: 960px;
	height: 396px;
	background-image: url('../images/footer.png');
	background-repeat: no-repeat;
}

#acwrightdesign {
	width: 952px;
	margin: 0px auto;
}

	#acwrightdesign a {
		display: block;
		float: right;
		width: 154px;
		height: 17px;
		background-image: url('../images/acwrightdesign.png');
		background-repeat: no-repeat;
		text-indent: -9999px;
	}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}