/* Base CSS Document for BIFF
Author: Strategic Insights, contact Jennifer Hoy
Site design: Strategic Insights
Date Created: 10/08/2009
Last Updated: 03/03/2010
Copyright: Strategic Insights */


/*-------------------------
Structure
------------------------*/

*, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	
}
body {
	margin: 0 auto;
	text-align: center;
	font-family: Geneva, 'Trebuchet MS', Helvetica, Arial, sans-serif;
	line-height: 1;
	color: #222;
	background: url(/elements/images/bg-body.jpg) repeat-x #848ead;
	
}
div {
	display: block;
	
}
div#wrapper, div#header, div#banner, div.columns, div.footer {
	width: 960px;
	margin: 0 auto;
	position: relative;
	
}
div#banner {
	height: 484px;
	margin-bottom: 60px;
	padding-top: 63px;
	overflow: hidden;
	
}
div#header {
	height: 210px;
	text-align: left;
	background: url(/elements/images/bg-header.jpg) no-repeat;
	
}
div.columns {
	width: 920px;
	height: 1%;
	padding: 40px 20px 100px 20px;
	background: url(/elements/images/bg-columns.gif) repeat-x #cad1de;
	
}
div#footer {
	height: 28px;
	text-align: left;
	color: #222;
	background: url(/elements/images/bg-footer.jpg) no-repeat #cad1de 0 top;
	
}

/*-------------------------
Secondary divs
------------------------*/

div#banner div#intro, div#banner div#posters {
	position: relative;
	height: 484px;
	float: right;
	
}
div#banner div#intro {
	width: 552px;
	text-align: left;
	background: url(/elements/images/bg-intro.jpg) no-repeat 0 0;
	
}
div#banner div#posters {
	width: 408px;
	
}
div.columns div.col-left, div.columns div.col-right {
	float: left;
	text-align: left;
	
}
div.columns div.col-left {
	width: 360px;
	margin-right: 19px;
	padding-right: 20px;
	border-right: 1px solid #848ead;
	
}
div.columns div.col-right {
	width: 500px;
	
}
div#twitter_div, div#smedia {
	position: relative;
	padding-bottom: 11px;
	margin-bottom: 10px;
	border-bottom: 1px solid #848ead;
	
}
div#twitter_div div {
	z-index: -1;
	
}
div#smedia {
	width: 100%;
	height: 1%;
	padding: 5px 0 15px 0;
	overflow: auto;
	
}
div#contact {
	width: 280px;
	clear: both;
	
}

/*-------------------------
Images
------------------------*/

img {
	border: none;
	
}
img#web-logo {
	position: absolute;
	top: 4px;
	left: 4px;
	behavior: url(/elements/includes/iepngfix.htc);
	
}
img#print-logo {
	display: none;
	
}
div#posters img {
	position: absolute;
	top: 0;
	left: 0;
	
}
img#popcorn {
	position: absolute;
	right: 0;
	bottom: 0;
	behavior: url(/elements/includes/iepngfix.htc);
	
}
div#footer address img {
	position: relative;
	top: 6px;
	behavior: url(/elements/includes/iepngfix.htc);
	
}

/*-------------------------
Forms
------------------------*/

/*-------------------------
Headlines
------------------------*/

h1, h2, h3 {
	display: block;
	margin-bottom: 28px;
	
}
h2 {
	height: 28px;
	
}
div#intro h1 {
	width: 330px;
	height: 84px;
	margin: 25px 0 28px 29px;
	background: url(/elements/images/h1-intro.gif) no-repeat;
	
}
div#header h2 {
	width: 326px;
	height: 75px;
	margin: 0;
	position: absolute;
	top: 4px;
	left: 262px;
	background: url(/elements/images/h2-header.png) no-repeat;
	behavior: url(/elements/includes/iepngfix.htc);
	
}
div#attractions h2 {
	width: 323px;
	background: url(/elements/images/h2-attractions.gif) no-repeat;
	
}
div#buzz h2 {
	width: 222px;
	background: url(/elements/images/h2-smedia.gif) no-repeat;
	
}
div#contact h3 {
	width: 205px;
	height: 22px;
	background: url(/elements/images/h3-contact.png) no-repeat;
	behavior: url(/elements/includes/iepngfix.htc);
	
}

/*-------------------------
Paragraphs
------------------------*/

p {
	margin-bottom: 5px;
	font-size: .875em;
	line-height: 1.3em;
	color: #222;
	background-color: inherit;
	
}
div#intro p {
	margin-left: 29px;
	margin-right: 37px;
	
}
div.columns p, dd {
	margin: 0 0 20px 0;
	font-size: .814em;
	line-height: 1.539em;
	
}

/*-------------------------
Lists
------------------------*/

ul, li {
	margin: 0;
	
}
div#twitter_div ul {
	display: block;
	padding-bottom: 65px;
	list-style-type: none;
	background: url(/elements/images/ul-twitter.gif) no-repeat 0 bottom;
	
}
div#twitter_div ul li {
	width: 418px;
	margin-left: 3px;
	padding: 12px 19px 0 19px;
	font-size: .814em;
	line-height: 1.539em;
	color: #222;
	background-color: #848ead;
	
}
dl {
	width: 360px;
	margin-bottom: 40px;
	overflow: auto;
	
}
dl, dt {
	display: block;
	
}
dt {
	width: 50px;
	float: left;
	clear: left;
	margin: 0 10px 20px 0;
	
}
dd {
	width: 300px;
	float: left;
	
}
dd strong {
	display: block;
	font-size: 1.077em;
	
}

/*-------------------------
Misc. typography
------------------------*/

span.caption {
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .625em;
	
}
span#buff-skyline.caption {
	top: 171px;
	left: 620px;
	color: #575e86;
	background-color: transparent;
	
}
span#harbor.caption {
	bottom: 1px;
	left: 287px;
	color: #d1d7de;
	background-color: transparent;
	
}
address {
	margin-left: 20px;
	font-size: .625em;
	font-style: normal;
	color: #95989e;
	background-color: transparent;
	
}
	

/*-------------------------
Inline nav + buttons
------------------------*/

a {
	color: #2b0d16;
	background-color: inherit;
	cursor: pointer;
	
}
a:visited {
	color: #574955;
	background-color: inherit;
	
}
a:hover, a:active {
	color: #412b35;
	background-color: inherit;
	
}
dd a {
	text-decoration: none;
	
}
div#twitter_div a#time {
	position: absolute;
	right: 0;
	bottom: -35px;
	font-size: .846em;
	line-height: 1.231em;
	text-decoration: none;
	color: #666;
	background-color: transparent;
	
}
div#twitter_div a#time:hover, div#twitter_div a#time:active {
	color: #777;
	background-color: transparent;
	
}
div#twitter_div a#twitter-link {
	position: absolute;
	right: 0;
	bottom: 21px;
	font-size: .689em;
	line-height: 1.455em;
	
}
div#smedia a {
	display: block;
	margin-right: 10px;
	padding-top: 58px;
	float: left;
	font-size: .625em;
	
}
div#smedia a#facebook {
	background: url(/elements/images/a-facebook.gif) no-repeat center top;
	
}
div#smedia a#rss {
	background: url(/elements/images/a-rss.gif) no-repeat center top;
	
}
div#smedia a#youtube {
	background: url(/elements/images/a-youtube.gif) no-repeat center top;
	
}
a.button {
	display: block;
	
}
a.button.tickets, a.button.join {
	width: 185px;
	height: 69px;
	background: url(/elements/images/but-tickets.png) no-repeat 0 0;
	behavior: url(/elements/includes/iepngfix.htc);
	
}
a.button.join {
	background: url(/elements/images/but-join.png) no-repeat 0 0;

}
div#attractions a.button.tickets {
	margin-top: -40px;
	
}
a.button.tickets:hover, a.button.tickets:active, a.button.join:hover, a.button.join:active {
	background-position: 0 -69px;
	
}
a.button.contact {
	width: 165px;
	height: 46px;
	margin-left: 114px;
	background: url(/elements/images/but-contact.png) no-repeat 0 0;
	behavior: url(/elements/includes/iepngfix.htc);
	
}
a.button.contact:hover, a.button.contact:active {
	background-position: 0 -46px;
	
}
address a {
	text-decoration: none;
	
}

/*-------------------------
Calendar splices
------------------------*/
span.m-01, span.m-02, span.m-03, span.m-04, span.m-05, span.m-06, span.m-07, span.m-08, span.m-09, span.m-10, span.m-11, span.m-12 {
	display: block;
	width: 50px;
	height: 34px;
	behavior: url(/elements/includes/iepngfix.htc);
	
}
span.m-01 {
	background: url(/elements/images/m-01.png) no-repeat 0 0;
	
}
span.m-02 {
	background: url(/elements/images/m-02.png) no-repeat 0 0;
	
}
span.m-03 {
	background: url(/elements/images/m-03.png) no-repeat 0 0;
	
}
span.m-04 {
	background: url(/elements/images/m-04.png) no-repeat 0 0;
	
}
span.m-05 {
	background: url(/elements/images/m-05.png) no-repeat 0 0;
	
}
span.m-06 {
	background: url(/elements/images/m-06.png) no-repeat 0 0;
	
}
span.m-07 {
	background: url(/elements/images/m-07.png) no-repeat 0 0;
	
}
span.m-08 {
	background: url(/elements/images/m-08.png) no-repeat 0 0;
	
}
span.m-09 {
	background: url(/elements/images/m-09.png) no-repeat 0 0;
	
}
span.m-10 {
	background: url(/elements/images/m-10.png) no-repeat 0 0;
	
}
span.m-11 {
	background: url(/elements/images/m-11.png) no-repeat 0 0;
	
}
span.m-12 {
	background: url(/elements/images/m-12.png) no-repeat 0 0;
	
}
span.d-01, span.d-02, span.d-03, span.d-04, span.d-05, span.d-06, span.d-07, span.d-08, span.d-09, span.d-10, span.d-11, span.d-12, span.d-13, span.d-14, span.d-15, span.d-16, span.d-17, span.d-18, span.d-19, span.d-20, span.d-21, span.d-22, span.d-23, span.d-24, span.d-25, span.d-26, span.d-27, span.d-28, span.d-29, span.d-30, span.d-31 {
	display: block;
	width: 50px;
	height: 17px;
	behavior: url(/elements/includes/iepngfix.htc);
	
}
span.d-01 {
	background: url(/elements/images/d-01.png) no-repeat 0 0;
	
}
span.d-02 {
	background: url(/elements/images/d-02.png) no-repeat 0 0;
	
}
span.d-03 {
	background: url(/elements/images/d-03.png) no-repeat 0 0;
	
}
span.d-04 {
	background: url(/elements/images/d-04.png) no-repeat 0 0;
	
}
span.d-05 {
	background: url(/elements/images/d-05.png) no-repeat 0 0;
	
}
span.d-06 {
	background: url(/elements/images/d-06.png) no-repeat 0 0;
	
}
span.d-07 {
	background: url(/elements/images/d-07.png) no-repeat 0 0;
	
}
span.d-08 {
	background: url(/elements/images/d-08.png) no-repeat 0 0;
	
}
span.d-09 {
	background: url(/elements/images/d-09.png) no-repeat 0 0;
	
}
span.d-10 {
	background: url(/elements/images/d-10.png) no-repeat 0 0;
	
}
span.d-11 {
	background: url(/elements/images/d-11.png) no-repeat 0 0;
	
}
span.d-12 {
	background: url(/elements/images/d-12.png) no-repeat 0 0;
	
}
span.d-13 {
	background: url(/elements/images/d-13.png) no-repeat 0 0;
	
}
span.d-14 {
	background: url(/elements/images/d-14.png) no-repeat 0 0;
	
}
span.d-10 {
	background: url(/elements/images/d-10.png) no-repeat 0 0;
	
}
span.d-15 {
	background: url(/elements/images/d-15.png) no-repeat 0 0;
	
}
span.d-16 {
	background: url(/elements/images/d-16.png) no-repeat 0 0;
	
}
span.d-17 {
	background: url(/elements/images/d-17.png) no-repeat 0 0;
	
}
span.d-18 {
	background: url(/elements/images/d-18.png) no-repeat 0 0;
	
}
span.d-19 {
	background: url(/elements/images/d-19.png) no-repeat 0 0;
	
}
span.d-20 {
	background: url(/elements/images/d-20.png) no-repeat 0 0;
	
}
span.d-21 {
	background: url(/elements/images/d-21.png) no-repeat 0 0;
	
}
span.d-22 {
	background: url(/elements/images/d-22.png) no-repeat 0 0;
	
}
span.d-23 {
	background: url(/elements/images/d-23.png) no-repeat 0 0;
	
}
span.d-24 {
	background: url(/elements/images/d-24.png) no-repeat 0 0;
	
}
span.d-25 {
	background: url(/elements/images/d-25.png) no-repeat 0 0;
	
}
span.d-26 {
	background: url(/elements/images/d-26.png) no-repeat 0 0;
	
}
span.d-27 {
	background: url(/elements/images/d-27.png) no-repeat 0 0;
	
}
span.d-28 {
	background: url(/elements/images/d-28.png) no-repeat 0 0;
	
}
span.d-29 {
	background: url(/elements/images/d-29.png) no-repeat 0 0;
	
}
span.d-30 {
	background: url(/elements/images/d-30.png) no-repeat 0 0;
	
}
span.d-31 {
	background: url(/elements/images/d-31.png) no-repeat 0 0;
	
}

/*-------------------------
General classes
------------------------*/

.southpaw {
	float: left;
	
}
.starboard {
	float: right;
	
}
.ralign {
	text-align: right;
	
}
.lalign {
	text-align: left;
	
}
.calign {
	text-align: center;
	
}
.clear-both {
	display: block;
	clear: both;
	
}
.clear-left {
	clear: left;
	
}
.clear-right {
	clear: right;
	
}
.fakehide {
	position: absolute;
	left: -999999em;
	
}
.truehide {
	display: none;
	
}
.margin-321 {
	margin-left: 321px;
	
}
.small {
	font-size: .689em;
	
}