/* ---------------------------------------------------------

	1.	GLOBAL STYLES		
	2. 	TYPOGRAPHY									
	3.	CONTAINERS	
	4.	NAVIGATION	
	5.  CONTENT STYLES
		- Homepage
		- Performer pages
		- Laugh Garage
		- Free Events
		- Contact Us
		- Venues
		- Media Room
		- Archives
		- Sponsors
	6.	FOOTER
	7.	FORMS / TABLES

-----------------------------------------------------------	*/



/* ---------------------------------------------------------
	1.	GLOBAL STYLES												
-----------------------------------------------------------	*/

body {
	text-align: center;
	line-height: 1em;
	font: 12px arial, verdana, sans-serif;
	color: #000;
	background: #ffec00 url("../images/img_bkg_nav.gif") center top no-repeat;
}

* {
	padding: 0;
	margin: 0;
}

.clear {
	clear: both;
}

img {
	border: 0;
	
}

a, a:link, a:visited, a:active {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #00B2F0;
}

.pdf {
	list-style: none;
	margin: 0 0 10px 0;
	float: left;
}

.pdf li {
	background: url("../images/ico_pdf.gif") left center no-repeat;
	padding: 3px 0 3px 20px;
}

img { behavior: url(css/iepngfix.htc); }

/* ---------------------------------------------------------
	2.	TYPOGRAPHY										
-----------------------------------------------------------	*/
p {
	margin-bottom: 15px;
}

h1 {
	margin-bottom: 10px;
}
h2 {
	margin-bottom: 8px;
}

h3 {
	margin-bottom: 10px;
	color: #00B2F0;
	font-size: 14px;
}

h3 strong {
	text-transform: uppercase;
}



/* ---------------------------------------------------------
	3.	CONTAINERS									
-----------------------------------------------------------	*/

#container {
	text-align: left;
	width: 750px;
	margin: 0 auto;
	/*background: url("../images/img_bkg_nav.gif") center top no-repeat;*/
}

#header {
	position: relative;
	height: 250px;
	width: 750px;
	z-index: 2
}

#content {
	float: left;
	width: 750px;
	w\idth: 700px;
	padding: 10px 25px;
	background: url("../images/img_content_rpt.gif") left top repeat-y;
	position: relative;
	z-index: 1;
}

#contentempty {
	float: left;
	width: 750px;

	padding: 10px 0px;
	position: relative;
}



/* ---------------------------------------------------------
	4.	NAVIGATION									
-----------------------------------------------------------	*/

#main_nav {
	float: left;
	list-style-type: none;
	position: relative;
}

#main_nav a {
	position: absolute;
	text-decoration: none;
}

#main_nav a i {
	visibility: hidden;
}


a.logo {top: 20px; left: 175px; width: 400px; height: 130px; background: url("../images/img_transparent.gif") left top no-repeat;}
a.logo:hover {background: url("../images/img_transparent.gif") left top no-repeat;}

a.home {top: 175px; left: 130px; width: 60px; height: 25px;}
a.home:hover, #current .home {background: url("../images/nav_home_f2.gif") left top no-repeat;}

a.ourStory {top: 175px; left: 210px; width: 90px; height: 30px;}
a.ourStory:hover, #current .ourStory {background: url("../images/nav_story_f2.gif") left top no-repeat;}

a.venues {top: 175px; left: 340px; width: 70px; height: 30px;}
a.venues:hover, #current .venues {background: url("../images/nav_venues_f2.gif") left top no-repeat;} 

a.riverside {top: 173px; left: 450px; width: 150px; height: 35px;}
a.riverside:hover {background: url("../images/nav_riverside_f2.gif") left top no-repeat;}

a.signUp {top: 168px; left: 640px; width: 90px; height: 40px;}
a.signUp:hover, #current .signUp {background: url("../images/nav_signUp_f2.gif") left top no-repeat;} 


a.schools {top: 215px; left: 0px; width: 150px; height: 30px;}
a.schools:hover, #current .schools {background: url("../images/nav_schools_f2.gif") left top no-repeat;} 


a.sponsors {top: 215px; left: 170px; width: 70px; height: 25px;}
a.sponsors:hover, #current .sponsors {background: url("../images/nav_sponsors_f2.gif") left top no-repeat;} 

a.archive {top: 215px; left: 280px; width: 150px; height: 30px; }
a.archive:hover, #current .archive {background: url("../images/nav_archive_f2.gif") left top no-repeat;} 

a.media {top: 215px; left: 470px; width: 125px; height: 30px; }
a.media:hover, #current .media {background: url("../images/nav_media_f2.gif") left top no-repeat;}

a.contact {top: 215px; left: 645px; width: 100px; height: 30px; ;}
a.contact:hover, #current .contact {background: url("../images/nav_contact_f2.gif") left top no-repeat;} 




/* Sub Navigation */
#main_nav li {
	float: left;
	width: auto;
}

#main_nav li ul {
	position: absolute;
	left: -999em;
	top: 238px;
	float: left;
	list-style: none;
	padding: 10px;
}

#main_nav li ul.dropSchool {
	width: 180px;
	w\idth: 160px;
	height: 80px;
	background: url("../images/img_nav_school.gif") left top no-repeat;
}

#main_nav li ul.dropArchives {
	width: 110px;
	w\idth: 90px;
	height: 130px;
	background: url("../images/img_nav_archives.gif") left top no-repeat;

}

#main_nav li ul li a {
	position: relative; /* Removes position absolute from level 1 nav items */
	clear: left;
	display: block;
	color: #FFF;
	text-decoration: none;
	margin: 3px 0;
}

#main_nav li ul li a:hover {font-weight: bold}

#main_nav li ul.dropSchool li a {
	widtrh: 140px;
}

#main_nav li ul.dropArchives li a {
	width: 80px;
}


#main_nav li:hover ul.dropSchool, #main_nav li.sfhover ul.dropSchool {
	left: 0px;
}

#main_nav li:hover ul.dropArchives, #main_nav li.sfhover ul.dropArchives {
	left: 280px;
}



/* ---------------------------------------------------------
	5.	CONTENT	STYLES	 						
-----------------------------------------------------------	*/

.info {
	width: 470px;
	float: left;
}

.info br {clear: none}

.img {
	float: right;
	padding-bottom: 50px;
	width: 215px;
}

.img img {
	float: right;
	margin-bottom: 1px;
}

.contentTop {
	width: 750px;
	height: 10px;
	float: left;
	background: url("../images/img_content_top.gif") no-repeat;
}

.contentBtm {
	width: 750px;
	height: 20px;
	float: left;
	clear: left;
	background: url("../images/img_content_btm.gif") no-repeat;
}

/* Header */
.flash {
	position: absolute; 
	top: 0; 
	left:0;
	height: 200px;
}

.noFlash {
	width: 750px;
	height: 200px;
	background: url("../images/img_biglaugh_banner.jpg") top center no-repeat;
}

/* Homepage */
#intro #welcome {
	width: 560px;
	w\idth: 490px;
	height: 270px;
	background: url("../images/img_welcome_bkg.gif") left top no-repeat;
	float: left;
	padding: 34px;
	color: #FFF;
}

#intro #welcome .content {
	width: 305px;
	float: left;
}

#intro #welcome .img {
	width: 170px;
	float: left;
	height: 240px;
	margin: 0px 0px 0px -5px;
	padding: 2px 2px 0px 2px;
	position: relative;
}


#intro #welcome .text {
	position: absolute;
	text-decoration: none;
	font-weight: normal;
	bottom: 10px;
	left: 10px;
	padding: 0px;
	font-size: 11px;
}





#intro #welcome .img a.book, #intro #welcome .img a.more {
	position: absolute;
	text-decoration: none;
	font-weight: bold;
	bottom: 10px;
	padding: 0px;
	font-size: 11px;
}

#intro #welcome .img a.book {
	color: #ffec00;
	right: 10px;
}

#intro #welcome .img a.more {
	color: #FFFFFF;
	left: 10px;
}

#intro #welcome .img a.book:hover {
	background: #FFFFFF;
	color: #000000;
	text-decoration: none;
}

#intro #welcome .img a.more:hover {
	background: #FFFFFF;
	color: #000000;
	text-decoration: none;
}

#intro #news {
	float: left;
	width: 195px;
	w\idth: 155px;
	height: 318px;
	padding: 15px;
	background: url("../images/img_news_bkg.gif") left top no-repeat;
}

#intro #news a {color: #000;}
#intro #news a:hover {color: #000; font-weight: bold}



/* ---------------------------------------------------------
	2007	 						
-----------------------------------------------------------	*/

#performers2007 {
	clear: left;
	float: left;
}

#performers2007 .performerdouble {
	float: left;
	width: 354px;
	w\idth: 354px;	
	height: 242px;
	margin: 0 5px 10px 5px;
	padding: 2px 2px 0px 2px;
	background: url("../images/img_performer_bkg.gif") left top no-repeat;	
	position: relative;
}

#performers2007 .performerdouble a.book, #performers2007 .performerdouble a.more {
	position: absolute;
	text-decoration: none;
	font-weight: bold;
	bottom: 10px;
	padding: 0px;
	font-size: 11px;
}

#performers2007 .performerdouble a.book {
	color: #ffec00;
	right: 10px;
}

#performers2007 .performerdouble a.more {
	color: #FFFFFF;
	left: 10px;
}

#performers2007 .performer {
	float: left;
	width: 170px;
	w\idth: 170px;	
	height: 242px;
	margin: 0 5px 10px 5px;
	padding: 2px 2px 0px 2px;
	background: url("../images/img_performer_bkg.gif") left top no-repeat;	
	position: relative;
}

#performers2007 .performer a.book, #performers2007 .performer a.more {
	position: absolute;
	text-decoration: none;
	font-weight: bold;
	bottom: 10px;
	padding: 0px;
	font-size: 11px;
}

#performers2007 .performer a.book {
	color: #ffec00;
	right: 10px;
}

#performers2007 .performer a.more {
	color: #FFFFFF;
	left: 10px;
}

#performers2007 .performer a.book:hover {
	background: #FFFFFF;
	color: #000000;
	text-decoration: none;
}

#performers2007 .performer a.more:hover {
	background: #FFFFFF;
	color: #000000;
	text-decoration: none;
}


/* ---------------------------------------------------------
	Original	 						
-----------------------------------------------------------	*/

#performers {
	margin-top: 20px;
	clear: left;
	float: left;
}

#performers .performer {
	float: left;
	width: 180px;
	w\idth: 170px;	
	height: 260px;
	margin: 0 3px 20px 3px;
	padding: 10px 0 0 10px;
	background: url("../images/img_performer_bkg.gif") left top no-repeat;	
	position: relative;
}

#performers .performer a.book, #performers .performer a.more {
	position: absolute;s
	text-decoration: none;
	font-weight: bold;
	bottom: 15px;
	padding: 2px;
	font-size: 11px;
	text-transform: uppercase
}

#performers .performer a.book {
	color: #00B2F0;
	right: 15px;
}

#performers .performer a.more {
	color: #ED1D25;
	left: 10px;
}

#performers .performer a.book:hover {
	background: #00B2F0;
	color: #FFF;
	text-decoration: none;
}

#performers .performer a.more:hover {
	background: #ED1D25;
	color: #FFF;
	text-decoration: none;
}

/* Performer Pages */
#content.performer {min-height: 400px;}
#content.performer a {clear: both}
#content.performer a.book {
	position: absolute;
	right: 25px; 
	bottom: 15px;
	width: 115px;
	height: 50px;
	text-decoration: none;
}
#content.performer a.book i{visibility: hidden;}
#content.performer a.book {background: url("../images/btn_book_now.gif") left top no-repeat}
#content.performer a.book:hover {background: url("../images/btn_book_now_f2.gif") left top no-repeat}
#content.performer a.book#state {background: url("../images/btn_book_state.gif") left top no-repeat}
#content.performer a.book#state:hover {background: url("../images/btn_book_state_f2.gif") left top no-repeat}
#content.performer a.book#state{bottom: 60px; right: 100px; height: 50px;}
#content.performer a.book#river {background: url("../images/btn_book_river.gif") left top no-repeat}
#content.performer a.book#river:hover {background: url("../images/btn_book_river_f2.gif") left top no-repeat}
#content.performer a.book#seymour {background: url("../images/btn_book_seymour.gif") left top no-repeat}
#content.performer a.book#seymour:hover {background: url("../images/btn_book_seymour_f2.gif") left top no-repeat}
#content.performer a.book#seymour {bottom: 80px; right: 100px; height: 55px;}
#content.performer .back {float: left; font-weight: bold}
#content.performer .links {float: right; font-weight: bold; text-align: right}
#content.performer .dates#laughboat .c1 {width: 100px}
#content.performer .dates#laughboat .c2 {width: 100px}
#content.performer .dates#laughboat .c3 {width: 200px}

/* Laugh Garage */
#content.garage .info {width: 530px}
#content.garage .img {margin-bottom: 0; width: 145px;}
#content.garage br {clear: both}
#content.garage .info br {clear: none}
#content.garage .dates .c1 {width: 150px;}
#content.garage .dates .c2 {width: 150px;}

/* Free Events */
#content.free .info {width: 530px;}
#content.free .img {width: 145px;}

/* Contact Us */
#content.contact_us strong {float: left; width: 170px; line-height: 20px;}
#content.contact_us br {clear: both;}


/* Venues */
#content.venue br {clear: both;}
#content.venue .info br {clear: none}

/* Media Room */
#content.media_room ul {margin: 0 0 30px 15px;	}
#content.media_room li {padding: 5px 0 5px 0;}
#content.media_room h3 {margin-bottom: 5px;}

/* Archives */
#content.archives h1 {margin-bottom: 20px;}
#content.archives .info {width: 700px;}
#content.archives .performer {
	float: left;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	width: 140px;
	w\idth: 134px;
	height: 160px;
	padding: 0 3px 0 3px;
}

/* Sponsors */
#content.sponsors .info {width: 700px;}
#content.sponsors .sponsor {float: left; text-align: center; width: 225px;}
#content.sponsors br {clear: both;}


	
/* ---------------------------------------------------------
	6.	FOOTER						
-----------------------------------------------------------	*/
#footer {
	position: relative;
	width: 750px;
	height: 100px;
	clear: both;
	font-size: 11px;
}

#footer ul {
	list-style: none;
	width: 350px;
	margin-left: 200px;
}

#footer li {
	float: left;
	margin-right: 20px;
	margin-top: 40px;
	background-color: #FFF;
	padding: 3px;
	color: #000;
}

#footer li a {
	text-decoration: none;
}

#footer li a:hover {
	text-decoration: underline;
	color: #000;
}

#footer .date {
	position: absolute;
	right: 0;
	bottom: 0;
}

#footer .logo{
	position: absolute;
	left: 10px;
	bottom: 30px;
}


/* ---------------------------------------------------------
	7.	FORMS / TABLES						
-----------------------------------------------------------	*/
.dates{
	width: 100%;
	font-size: 11px;
	margin-bottom: 25px;
}

.dates td {padding: 4px 3px;}

.dates .r1 {background: #000; color: #FFF; font-weight: bold}
.dates .r2 {background: #FFF;}
.dates .r3 {background: #D9D9D9;}

.dates .c1 {padding-left: 10px;}
.dates .c2 {}
.dates .c3 {}
.dates .c4 {text-align: center}
.dates .c5 {text-align: center}