/**
 * NOTES:
 * xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 * 1) This document uses Yahoo's css reset to start off ... cuz it's the most lightweight reset i've found.
 * 2) The use of IE css hacks are used throughout this document instead of the using server side browser 
 *    detection and setting an .ie class.  The css hacks are _property:value for IE6, and .property:value 
 *    for IE7 (example _margin:2px;.margin:2px;)
 * 3) /* xxxxx usage.  Used an alpha-numeric character 'x' instead of standard '-' or '*' as the seperator 
 *    so I could double click and select the chars.
 */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* Version 2.5.2 of yahoo's reset.css */
html{color:#000;margin:0;padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,button,table,iframe,label,strong{
	margin:0;padding:0;font-family: arial, helvetica, verdana, sans-serif;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,iframe{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* GENERAL STYLIN */
html{
	background:#000;
	color:#999;
}
body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	background:url(../images/bg_body.jpg) no-repeat top center;
	.width:98.3%;
}

strong {font-weight:600;}

/* Link */
a, a:visited, a:link {
	color:#FF7310;
}
a:hover {
	color:#FCAB00;
}

h1 {
	font-weight:bold;
	color:#AAA;
	padding:0 7px;
}

a.disabled,a.disabled:hover,a.disabled:active,a.disabled:visited {
	color:#777;
	cursor:default;
}

/* Floats */
.fl  {float: left;}
.fr  {float: right;}
.clr {clear: both;}

/* visibility classes */
.invisible {visibility:hidden;}
.visible {visibility:visible;}
.none {display:none;}
.block {display:block;}

/* Text Input - aka .tin */
input.tin {
	margin:0;
	padding:0;
	color:#222;
	width:165px;
	padding:0.25em 0.2em 0.15em;
	/*height:1.2em !important;*/ /*this is causing FF issues with letter tails*/
	height:1.3em;
	vertical-align:baseline;
	border-spacing:0px;
	border:1px solid #d5d0bd;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* HEADER */
#header {
	margin-left:auto;
	margin-right:auto;
	width:994px;
	height:179px;
	background: url(../images/bg_header_off.jpg) no-repeat;
	padding:0;
	position:relative;
}

.home #header {
	background: url(../images/bg_header_home.jpg) no-repeat;
}

#logo, #backToMain, #buyTix, #homeLink {
	display:block;
	position:absolute;
}

#logo {
	left:15px;
	top:10px;
	width:70px;
	height:60px;
}

#backToMain {
	right:205px;
	bottom:10px;
	width:160px;
	height:25px;
}

#buyTix {
	right:15px;
	bottom:10px;
	width:183px;
	height:25px;
}


#header .gradient {
	background: url(../images/header_overlay.png) no-repeat;
	height:47px;
	width:900px;
}

#homeLink {
	left:15px;
	bottom:10px;
	width:50px;
	height:25px;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* FOOTER */
#footer {
	background:url(../images/logo_bar_bottom.jpg) no-repeat left top;
	padding:80px 0;
	margin:0 auto 20px auto;
	position:relative;
	width:994px;
	font-size:0.7em;
	color:#777;
}

#footer a {
	text-decoration:none;
	padding-right:7px;
	margin-right:5px;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* MAIN CONTENT WRAPPERS */
.contentSection {
	position:relative;
	background:#121212 none repeat scroll 0 0;
	border:1px solid #222222;
	padding:19px;
	width:954px;
	margin:5px auto;
}

.contentLeft {
	width:630px;
	float: left;
}

.contentRight {
	width:299px;
	float:right;
	margin:-1px 2px 0 0;
}

.section {
	background:#121212 url(../images/bg_box_1.gif) repeat ;
	border:1px solid #777;
	padding:15px;
	color:#FFF;
	margin-bottom:15px;
}

.section h3 {
	font-size:0.8em;
	border-bottom:1px solid #AAA;
}

.sectionToolbar {
	border:1px solid #222;
	padding:10px 5px;
	border-left:0;
	border-right:0;
}

.sectionToolbar h1 {
	float:left;
}
.sectionToolbar .fr {
	font-size:0.6em;
	font-weight:bold;
	margin:5px 10px 0;
}

.sectionToolbar a {
	text-decoration:none;
}


.contentRight #eventList .over, .contentRight #areaCodeList .over  {
	display:none;
}

.contentRight #eventList.showAll .over, .contentRight #areaCodeList.showAll .over  {
	display:block;
}

.contentRight #eventList.showAll span.over, .contentRight #areaCodeList.showAll span.over  {
	display:inline;
}

.contentRight #eventList .moreLink, .contentRight #areaCodeList .moreLink {
	display:block;
	margin-top:10px;
	font-weight:bold;
	font-style:italic;
	cursor:pointer;
}

.contentRight #eventList.showAll .moreLink, .contentRight #areaCodeList.showAll .moreLink {
	display:none;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* HOMEPAGE */
#recentPics,#dayList,#eventList {
	margin-bottom:10px;
	font-size:0.8em;
	padding:4px;
}
#eventList {
	margin-bottom:0;
}
.home h2 {
	display:block;
	font-weight:bold;
	font-size:0.8em;
	border-bottom:1px dashed #777;
	padding: 3px 4px;
	margin:0 0 5px;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* LIVE PIC SECTION */
#livePicContent .loadingDiv {
	margin:14px 0 0 10px;
	padding:8px 0px 10px 40px;
	background:url(../images/loading.gif) no-repeat left top;	
}

#livePicContent .noEventsFound {
	font-weight:bold;
	color:#900;
	margin:10px;
}

.livePicEvent {
	background:#111 none repeat scroll 0 0;
	border:1px solid #444;
	color:#777;
	font-size:0.8em;
	font-weight:bold;
	margin-top:30px;
	padding:5px 10px;
}


.livePicEvent.first {
	margin-top:15px;
}

.livePicEvent a {
	font-weight:normal;
	font-size:0.9em;
	cursor:pointer;
	text-decoration:underline;
}
.livePicItem {
	margin-top:10px;
	padding-top:10px;
	margin-left:20px;
	position:relative;
	border-top:1px dashed #777;
}

.livePicItem.first {
	border-top:0px;
}

.livePicItem .imgWrapper {
	width:290px;
	height:350px;
	position:relative;
	overflow:hidden;
	cursor:pointer
}

.livePicItem img {
	width:400px;
	position:absolute;
	z-index:1;
	left:0px;
	top:20px;
	color:#fff;
	font-size:0.7em;
}

.livePicItem .imgWrapper .overlay {
	position:absolute;
	left:0px;
	top:0px;
	background:url(../images/polaroid_large.gif);
	width:290px;
	height:350px;
	z-index:2;
}

.livePicItem .text {
	height:320px;
	left:300px;
	margin-top:15px;
	overflow:auto;
	position:absolute;
	top:10px;
	width:230px;
}
.livePicItem .copy {
	font-size:0.9em;
	font-weight:bold;
}

.livePicItem .post, .livePicItem .meta {
	font-weight:normal;
	padding-right:7px;
	font-size:0.7em;
	margin-bottom:5px;
	line-height:1.6em;
}

.eventList {
	font-size:0.8em;
}

.eventList em {
	font-size:0.8em;
	font-style:italic;
}

.eventList li {
	list-style:decimal;
	margin-left:2em;
	padding:2px 0;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* RIGHT SCROLLER */
.itemScroller {
	width:275px;
	margin:10px 0 0 1px;
}

.itemScroller .arrL, .itemScroller .arrR {
	width:15px;
	height:28px;
	background:url(../images/arrs_scroller.gif) no-repeat;
	float:left;
	margin-top:4px;
	cursor:pointer;
}
.itemScroller .arrL {
	background-position:right top;
	opacity:0.4;
}

.itemScroller .cntWrapper {
	float:left;
	position:relative;
	width:280px;
	margin:0;
	overflow:hidden;
}

.itemScroller .cnt {
}

.itemScroller .item {
}
.itemScroller .item div {
	cursor:pointer;
	width:36px;
	height:36px;
	background:#ccc;
	border:1px solid #444;
	margin-bottom:2px;
	margin-right:10px;
	overflow:hidden;
}

.itemScroller .item img {
	background:#ccc;
	width:50px;
}

.itemScroller .item p {
}

.itemScroller .item {
	width:48px;
	font-size:0.6em;
	vertical-align:top;
}

.itemScroller .cntWrapper .loadingDiv {
	font-size:0.8em;
	margin-left:5px;
}


#areaCodeAutoWrapper {
	
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* RIGHT SCROLLER */
.galleryContent {
	
}


.galleryContent h2 {
	font-size:0.9em;
	font-weight:bold;
	color:#FFF;
	margin:50px 0 0 63px;
}

.galleryContent .controller {
	position:relative;
	z-index:2;
	height:120px;
	margin:10px 0 0 3px;
}

.galleryContent .arrL, .galleryContent .arrR {
	width:60px;
	height:60px;
	background:url(../images/gallery_arr_sprite.gif) no-repeat;
	float:left;
	margin-top:20px;
	cursor:pointer;
}

.galleryContent .arrL {background-position:right top;}
.galleryContent .arrR.disabled {background-position:left bottom;opacity:0.2;cursor:default;}
.galleryContent .arrL.disabled {background-position:right bottom;opacity:0.2;cursor:default;}


.galleryContent .cntWrapper {
	float:left;
	position:relative;
	width:726px;
	height:120px;
	margin:0 7px 0 -4px;
	overflow:hidden;
}

.galleryContent .cnt {
	position:absolute;
	left:0px;
	top:0px;
}

.galleryContent .imgWrapper {
	width:100px;
	height:100px;
	position:relative;
	overflow:hidden;
	margin:0px 5px;
	cursor:pointer;
	border:2px solid #999;

}

.galleryContent .imgWrapper .overlay {
	position:absolute;
	left:0px;
	top:0px;
	background:url(../images/polaroid_thumb.gif);
	width:120px;
	height:145px;
	z-index:2;
}

.galleryContent .item img {
	position:absolute;
	z-index:1;
	left:0px;
	top:0px;
	width:160px;
	font-size:0.7em;
	color:#FFF;
}

.galleryContent .copy {
	text-align:left;
	margin:15px 0 15px 70px ;
}

.galleryContent .copy .caption {
	font-size:0.8em;
	font-weight:bold;
}

.galleryContent .copy .postedby{
	font-style:italic;
	font-size:0.7em;
}

.galleryContent .mainImage {
	text-align:center;
}

.galleryContent .mainImage .imageWrapper {
	border:2px solid #999;
	width:700px;
	margin:0 0 15px 64px;
	padding:0;
	/* IE HACKS */
	_margin:0 0 15px -5px;
	.margin:0 0 15px -5px;
}

.galleryContent .mainImage img {
	width:700px;
	margin:0;
	font-size:0.7em;
	padding:0;
}

.galleryContent #loadingGallery {
	background:#FFFFFF url(../images/loading.gif) no-repeat scroll 10px 5px;
	border:1px solid #CCCCCC;
	left:335px;
	margin:14px 0 0 10px;
	padding:12px 0 10px 55px;
	position:absolute;
	top:305px;
	width:9em;
	z-index:100;
}


.autocomplete {
	background:url(../images/bg_box_1.gif);
	padding:10px;
	border:1px solid #777;
	font-size:14px;
	font-weight:bold;
	color:#CCC;
	vertical-align:baseline;
}

#areaCodeResults {
	font-weight:normal;
}


#autocompleteButton {
	vertical-align:middle;
	margin-top:-5px;
}

.autocomplete .yui-ac {
    position:relative;font-family:arial;font-size:100%;
}

/* styles for input field */
.autocomplete .yui-ac-input {
    width:250px;
	font-weight:normal;
}

/* styles for results container */
.autocomplete .yui-ac-container {
    position:absolute;top:1.6em;width:100%;
}

/* styles for header/body/footer wrapper within container */
.autocomplete .yui-ac-content {
    position:absolute;width:100%;border:1px solid #808080;background:#fff;overflow:hidden;z-index:9050;
}

/* styles for container shadow */
.autocomplete .yui-ac-shadow {
    position:absolute;margin:.3em;width:100%;background:#000;-moz-opacity: 0.10;opacity:.10;filter:alpha(opacity=10);z-index:9049;
}

/* styles for results list */
.autocomplete .yui-ac-content ul{
    margin:0;padding:0;width:100%;
}

/* styles for result item */
.autocomplete .yui-ac-content li {
    margin:0;padding:2px 5px;cursor:default;white-space:nowrap;
}

/* styles for prehighlighted result item */
.autocomplete .yui-ac-content li.yui-ac-prehighlight {
    background:#B3D4FF;
}

/* styles for highlighted result item */
.autocomplete .yui-ac-content li.yui-ac-highlight {
    background:#426FD9;color:#FFF;
}

.yui-dialog .yui-panel .bd {
	padding:5px;
	background:#111;
}

#dlg_mask {
	opacity:0.6;
	filter:alpha(opacity=60);
}

#featuredPic {
	float:left;
	width:300px;
	padding:5px;
	margin-right:10px;
	margin-bottom:20px;
}

#featuredPic img {
	width:300px;
	border:3px solid #ccc;
}

.home #recentPics td {
	padding-bottom:20px;
}

.home #recentPics {
	float:left;
	width:290px;
	_overflow:hidden;
	.overflow:hidden;
	margin:0px;
	padding:5px 0 0 5px;
}

.home .itemScroller .item div {
	border:2px solid #CCC;
}

#countryText {
	font-style:italic;
	color:#FFF;
}