/* CSS Document */

/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
}

body {
	font-family: arial, verdana, tahoma;
	font-size: 12px;
	color: #080909;
	margin: 0;
	}

a:link, a:visited {
	color: #599ba9;
	text-decoration: underline;
	}

a:hover, a:active {
	text-decoration: none;
	}
	
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }
img { border:0; }
p { margin: 0; padding: 0; line-height: 18px; }

h1 { font-size: 18px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }

/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em arial, helvetica, sans-serif;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
}

 
/***** Global Classes *****/

a span, h1 span, h2 span, h3 span { display: none; }
.clear 			{ clear: both; font-size: 1px; }
.clear-5 		{ clear: both; font-size: 1px; height: 5px; }
.clear-10		{ clear: both; font-size: 1px; height: 10px; }
.clear-15 		{ clear: both; font-size: 1px; height: 15px; }
.clear-20 		{ clear: both; font-size: 1px; height: 20px; }	
.clear-left 	{ clear: left; font-size: 1px; }
.clear-right 	{ clear: right; font-size: 1px; }

.pmargin-5 p { margin: 0 0 5px 0; }
.pmargin-10 p { margin: 0 0 10px 0; }
.pmargin-15 p { margin: 0 0 15px 0; }
.pmargin-20 p { margin: 0 0 20px 0; }

.no 			{ margin: 0 !important; padding: 0 !important; }
.no-right 		{ margin-right: 0 !important; }
.bottom 		{ margin-bottom: 20px !important; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.blue     		{ color: #599ba9; }
.orange			{ color: #ce4f00; }
.white			{ color: #fff; }
 
.img-left      { float:left; margin:0 10px 4px 0; }
.img-right     { float:right; margin:0 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.bottom        { margin-bottom: 20px !important; }

ul.blue-dots {
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none;
	}

ul.blue-dots li {
	padding: 0 0 0 10px;
	margin: 0 0 9px 0;
	background: url(/images/icons/blue-dot.gif) no-repeat 0px 6px;
	}

#dvInfoBox {
	position: absolute;
	top: 100px;
	left: 175px;
	width: 489px;
	height: 360px;
	display: none;
	z-index: 2000;
	background: url(/images/bio-bg.gif) no-repeat;
	padding: 50px 20px 10px 20px;
	}

#dvInfoBox a.close {
	position: absolute;
	top: -31px;
	right: -9px;
	width: 22px;
	height: 22px;
	display: block;
	}

#dvInfoBox h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 5px 0;
	}

/***** Main Layout Containers *****/

#center {
	width: 880px;
	margin: 0 auto;
	text-align: center;
	}

#master {
	width: 880px;
	float: left;
	text-align: left;
	position: relative;
	}

#header {
	width: 880px;
	height: 120px;
	}

#body-content {
	width: 840px;
	float: left;
	padding: 0 20px;
	position: relative;
	}


/***** Main Site Elements *****/

#headline { font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 5px; }

a#logo {
	float: left;
	width: 223px;
	height: 85px;
	display: block;
	background: url(/images/logo.gif) no-repeat;
	}

#contact-info {
	float: right;
	text-align: right;
	width: 190px;
	height: 70px;
	padding-top: 15px;
	}

#contact-info p.phone {
	font-weight: bold;
	font-size: 16px;
	}

a#menu-link {
	width: 160px;
	height: 54px;
	background: url(/images/menu-button.gif) no-repeat 0% 0%;
	display: block;
	float: right;
	margin: 15px 10px 0 0;
	}

a#donations-link {
	width: 160px;
	height: 54px;
	background: url(/images/donations-button.gif) no-repeat 0% 0%;
	display: block;
	float: right;
	margin: 15px 10px 0 0;
	}

#donations-pop {
	width: 373px;
	height: 124px;
	padding: 28px 15px 15px 15px;
	background: url(/images/donations-pop.gif) no-repeat;
	position: absolute;
	top: 70px;
	left: 351px;
	display: none;
	z-index: 1000;
	}

#donations-pop a#close {
	position: absolute;
	top: 20px;
	right: 10px;
	width: 26px;
	height: 26px;
	display: block;
	}

ul#nav {
	width: 880px;
	height: 33px;
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul#nav li {
	display: inline;
	float: left;
	height: 33px;
	margin: 0;
	padding: 0;
	}

ul#nav li a {
	display: block;
	height: 33px;
	}

ul#nav li a#home { background: url(/images/nav/home.gif) no-repeat; width: 50px; background-position: 0% 0%; } 
ul#nav li a#calendar { background: url(/images/nav/calendar.gif) no-repeat; width: 136px; background-position: 0% 0%; } 
ul#nav li a#tickets { background: url(/images/nav/tickets.gif) no-repeat; width: 148px; background-position: 0% 0%; } 
ul#nav li a#birthday { background: url(/images/nav/birthday.gif) no-repeat; width: 102px; background-position: 0% 0%; } 
ul#nav li a#corporate { background: url(/images/nav/corporate.gif) no-repeat; width: 107px; background-position: 0% 0%; } 
ul#nav li a#fundraising { background: url(/images/nav/fundraising.gif) no-repeat; width: 84px; background-position:  0% 0%; } 
ul#nav li a#contact { background: url(/images/nav/contact.gif) no-repeat; width: 111px; background-position:  0% 0%; } 
ul#nav li a#bachelor { background: url(/images/nav/bachelor.gif) no-repeat; width: 142px; background-position:  0% 0%; }

ul#nav li a#home:hover, ul#nav li a#calendar:hover, ul#nav li a#tickets:hover, ul#nav li a#birthday:hover, ul#nav li a#corporate:hover, ul#nav li a#fundraising:hover, ul#nav li a#contact:hover, ul#nav li a#bachelor:hover { background-position: 100% 100%; }

#title-bar {
	width: 840px;
	height: 38px;
	padding: 10px 20px 0 20px;
	}

#title-bar h1 {
	width: 576px;
	height: 28px;
	background-repeat: no-repeat;
	}

#title-bar h1#calendar { background-image: url(/images/titles/calendar.gif); }
#title-bar h1#tickets { background-image: url(/images/titles/tickets.gif); }
#title-bar h1#birthday { background-image: url(/images/titles/birthday.gif); }
#title-bar h1#corporate { background-image: url(/images/titles/corporate.gif); }
#title-bar h1#fundraising { background-image: url(/images/titles/fundraising.gif); }
#title-bar h1#contact { background-image: url(/images/titles/contact.gif); }
#title-bar h1#admin { background-image: url(/images/titles/admin.gif); }
#title-bar h1#harvest { background-image: url(/images/titles/harvest.gif); }
#title-bar h1#early-burg { background-image: url(/images/titles/early-burg.gif); }
#title-bar h1#funniest { background-image: url(/images/titles/funniest.gif); }
#title-bar h1#bachelor { background-image: url(/images/titles/bachelor.gif); }
#title-bar h1#upcoming { background-image: url(/images/titles/upcoming.gif); }

/* Subtitles */

h2.subtitle {
	height: 22px;
	margin: 0 0 3px 0;
	}

h2#birthday-details { background-image: url(/images/titles/birthday-details.gif); width: 200px; }
h2#birthday-join { background-image: url(/images/titles/birthday-join.gif); width: 207px; }
h2#fundraising-how { background-image: url(/images/titles/fundraising-how.gif); width: 173px; }
h2#fundraising-risk { background-image: url(/images/titles/fundraising-risk.gif); width: 173px; }
h2#fundraising-make { background-image: url(/images/titles/fundraising-make.gif); width: 236px; }
h2#fundraising-benefits { background-image: url(/images/titles/fundraising-benefits.gif); width: 395px; }
h2#fundraising-socials { background-image: url(/images/titles/fundraising-socials.gif); width: 264px; }
h2#no-risk { background-image: url(/images/titles/no-risk.gif); width: 288px; }
h2#prices { background-image: url(/images/titles/ticket-prices.gif); width: 264px; }
h2#showtimes { background-image: url(/images/titles/showtimes.gif); width: 264px; }
h2#contact-details { background-image: url(/images/titles/contact-info.gif); width: 200px; }
h2#contact-form { background-image: url(/images/titles/contact-form.gif); width: 200px; }
h2#promotion-details { background-image: url(/images/titles/promotion-details.gif); width: 178px; }
h2#current-promotions { background-image: url(/images/titles/current-promotions.gif); width: 187px; }

h3.bluebold {
	font-size: 14px;
	color: #5097A6;
	font-weight: bold;
	}

div.rounded-box {
	width: 354px;
	background: url(/images/rounded-grad.gif) no-repeat;
	padding: 10px 15px 0 15px;
	}

div.rounded-wide-box {
	width: 810px;
	background: url(/images/roundedwide-grad.gif) no-repeat;
	padding: 10px 15px 0 15px;
	}

div.rounded-box ul
	{
	list-style: none;
	text-align: right;
	margin: 0; padding: 0;
	width: 320px;
	}

div.rounded-box ul li
	{
	padding: 3px;
	position: relative;
	text-align: right;
	width: 320px;
	}

div.rounded-box ul li.submit a {
	float: right;
	margin-top: 5px;
	width: 95px;
	height: 29px;
	background: url(/images/buttons/submit.gif) no-repeat 0% 0%;
	display: block;
	}

div.rounded-box ul li.submit a:hover { background-position: 100% 100%; }

div.rounded-box ul li input {
	width: 200px;
	height: 19px;
	border: 1px solid #cdc6b8;
	}

div.rounded-box ul li select {
	width: 200px;
	height: 19px;
	}
	
div.rounded-box ul li textarea {
	width: 200px;
	height: 75px;
	border: 1px solid #cdc6b8;
	}

div.rounded-box ul li span#comments {
	position: absolute;
	top: 10px;
	left: 46px;
	}
	
/*****Homepage Elements *****/

#upcoming-comics {
	width: 880px;
	height: 379px;
	background: url(/images/upcoming/bg.gif) no-repeat center top;
	padding: 15px 0 0 0;
	position: relative;
	}

#upcoming-comics h1#now-playing {
	width: 100px;
	height: 17px;
	background: url(/images/titles/nowplaying.gif) no-repeat;
	margin: 0 0 5px 0;
	}

#upcoming-comics a#upcoming {
	width: 182px;
	height: 25px;
	background: url(/images/buttons/upcoming.gif) no-repeat 0% 0%;
	display: block;
	position: absolute;
	top: 12px;
	right: 6px;
	}
	
#upcoming-comics a#upcoming:hover { background-position: 100% 100%; }

#upcoming-comics ul {
	width: 880px;
	height: 275px;
	margin: 0;
	padding: 0;
	}

#upcoming-comics ul li {
	width: 184px;
	background: url(/images/upcoming/comic-bg.gif) no-repeat top;
	margin: 0 9px;
	padding: 8px 8px 0 9px;
	text-align: center;
	float: left;
	display: inline;
	color: #5097a6;
	font-size: 14px;
	font-weight: bold;
	}

#upcoming-comics ul li h1 {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	margin: 8px 0 0 0;
	}

#upcoming-comics ul li a.details {
	margin: 15px auto 0 auto;
	text-align: center;
	width: 95px;
	height: 29px;
	background: url(/images/buttons/details.gif) no-repeat 0% 0%;
	display: block;
	}

#upcoming-comics ul li a.details:hover { background-position: 100% 100%; }

/*** Promotions Bar ***/

ul#promotions-list {
	link-style: none;
	margin: 0; padding: 0;
	width: 880px;
	}

ul#promotions-list li {
	display: inline;
	float: left;
	width: 206px;
	margin: 0 18px 0 0;
	padding: 0;
	}

ul#promotions-list li a {
	display: block;
	width: 206px;
	height: 84px;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	}

ul#promotions-list li a#harvest { background-image: url(/images/promotions/harvest.gif); }
ul#promotions-list li a#early-burg { background-image: url(/images/promotions/early-burg.gif); }
ul#promotions-list li a#funniest { background-image: url(/images/promotions/funniest.gif); }
ul#promotions-list li a#christmas { background-image: url(/images/promotions/christmas.gif); }

ul#promotions-list li a:hover { background-position: 100% 100%; }	

/***** Comedian Calenday *****/

h1#month-title {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	}

#tblCal {
	width: 840px;
	margin: 20px 0;
	background-color: #fff;
	}

#tblCal tr.hed {
	height: 40px;
	background: url(/images/calendar/days/bg.gif) repeat-x;
	}

#tblCal tr.hed th {
	text-align: center;
	width: 120px;
	}

#tblCal td {
	width: 120px;
	height: 120px;
	border-right: 1px solid #e3e2dd;
	border-bottom: 1px solid #e3e2dd;
	}

#tblCal td div.cell {
	width:120px;
	height:120px;
	position: relative;
	}

#tblCal td div.cell div.acal {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 16px;
	background-color: #e3e2dd;
	font-weight: bold;
	text-align: center;
	}
	 
a#prev-month {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 126px;
	height: 24px;
	background: url(/images/calendar/prev.gif) no-repeat;
	}

a#next-month {
	position: absolute;
	top: 5px;
	right: 0;
	display: block;
	width: 126px;
	height: 24px;
	background: url(/images/calendar/next.gif) no-repeat;
	}

/***** Birthday Club Page *****/

#birthday-left {
	float: left;
	width: 440px;
	}

#birthday-right {
	float: right;
	width: 384px;
	}

/***** Fundraising Page *****/

#fundraising-left {
	float: left;
	width: 440px;
	}

#fundraising-left table {
	width: 440px;
	background-color: #fff;
	}

#fundraising-left table tr.hed {
	width: 440px;
	height: 25px;
	background: url(/images/tr-hed.gif) repeat-x;
	font-weight: bold;
	color: #fff;
	}

#fundraising-left table tr td {
	height: 25px;
	text-align: center;
	}
	
#fundraising-right {
	float: right;
	width: 384px;
	text-align: center;
	}

#fundraising-right #norisk-box {
	text-align: left;
	height: 200px !important;
	}

#fundraising-right #norisk-box p { margin: 0 0 5px 0; padding: 0; }

#fundraising-right #norisk-box ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
	width: 344px !important;
	}

#fundraising-right #norisk-box ul li
	{
	float: left;
	display: inline;
	margin: 0;
	height: 22px;
	text-align: left;
	width: 155px;
	padding: 0 0 0 10px !important;
	background: url(/images/icons/blue-dot.gif) no-repeat 0px 6px;
	}

/***** Tickets and Showtimes page *****/

table.tickets {
	font-size: 14px;
	font-weight: bold;
	}

table.tickets tr td.date {
	width: 200px;
	text-align: left;
	}

table.tickets tr td.time {
	width: 140px;
	text-align: center;
	color: #599ba9;
	}

/***** Contact Us Page *****/

#map {
	width: 432px;
	height: 300px;
	background-color: #fff;
	padding: 3px;
	border: 1px solid #cdc6b8;
	}

/***** Admin Page *****/

.admin-section h2 {
	font-size: 18px;
	font-weight: bold;
	color: #5097A6;
	margin: 0 0 10px 0;
	}

.admin-section h3 {
	font-size: 14px;
	font-weight: bold;
	}

.admin-section input {
	border: 1px solid #6DAFBD;
	height: 18px;
	}

.admin-section textarea {
	border: 1px solid #6DAFBD;
	width: 600px;
	height: 150px;
	}

.admin-section table {
	width: 840px;
	background-color: #fff;
	border: 1px solid #CDC6B8;
	}

.admin-section table tr.hed {
	width: 440px;
	height: 25px;
	background: url(/images/tr-hed.gif) repeat-x;
	font-weight: bold;
	color: #fff;
	}

.admin-section table tr td {
	height: 25px;
	text-align: center;
	}

/*****Footer Elements *****/

#footer {
	width: 820px;
	height: 124px;
	background: url(/images/footer-bg.gif) no-repeat;
	margin: 20px 0;
	padding: 15px 30px 5px 30px;
	}

#footer div.left {
	float: left;
	color: #fff;
	}

#footer div.left h1 {
	width: 179px;
	height: 18px;
	background: url(/images/titles/old-comics.gif) no-repeat;
	}

#old-comics {
	width: 405px;
	height: 87px;
	}

#footer div.right { 
	float: right;
	width: 300px;
	text-align: left;
	}

#newsletter {
	width: 270px;
	}

#newsletter h1 {
	width: 213px;
	height: 18px;
	background: url(/images/titles/newsletter.gif) no-repeat;
	margin: 0 0 5px 0;
	}

#newsletter ul
	{
	list-style: none;
	text-align: right;
	margin: 0; padding: 0;
	width: 270px;
	}

#newsletter ul li
	{
	padding: 3px;
	position: relative;
	text-align: right;
	width: 270px;
	}

#newsletter ul li.submit a {
	float: right;
	margin-top: 5px;
	width: 95px;
	height: 29px;
	background: url(/images/buttons/signup.gif) no-repeat 0% 0%;
	display: block;
	}

#newsletter ul li.submit a:hover { background-position: 100% 100%; }

#newsletter ul li input {
	width: 200px;
	height: 19px;
	border: 1px solid #cdc6b8;
	}