/* Utility Definitions */

.hideText{
	text-indent:-9000px;
}
.clearThis, .clearthis{
	clear:both;
}

.infoBox {
	background-color:#e9e9e9;
	border: solid 2px #959597;
	padding:10px;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
}
.rolloverBtn{
	background-position: top left;	
	text-indent:-9000px;
	display:block;
}

.rolloverBtn:hover{
	background-position: bottom left;	
}

.rolloverBtn:active{
	opacity:0.8;filter:alpha(opacity=80)
}


.nobr{
	white-space: nowrap
}

/* font  */

body{
	font-family:'Verdana','arial',san-serif;
	font-size:100%;
	line-height:20px;
	font-size:12px;
}

h1,h2,h3,h4,h5 {
	font-family:'Trebuchet', arial, san-serif;
	font-weight:bold;
}

h1{
	font-size:20px;
	margin-bottom:15px;
	line-height:2em;
}

h2{
	font-size:18px;
	color:#d40346;
	margin-bottom:15px;
}

h3{
	font-size:17px;
	font-weight:normal;
}

h4{
	font-size:15px;
	font-weight:normal;
	margin-bottom:10px;
}

h5{
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
}

p{
	font-size:12px;
	margin-bottom:15px;
}

a{
	text-decoration:none;
}

.italicBold{
	font-weight:bold;
	font-style:italic;
	font-size:15px;
}

/* links */

a{
	color:#03b9da;
	font-family:'times new roman', san-sarif;
	font-size:18px;
}

a:hover{
	text-decoration:underline;

}
p a{

	font-size:14px;
}
hr{
	background-color:#ccc;
	color:#ccc;
	height:1px;
	border:0;
}

/* buttons */

.btnCrimsonGrad{
	/*  not working right now border: #fff solid 1px; */
}

.btnCrimsonGrad a, .btnCrimsonGrad input {
	background: url(/images/btn_crimsonGrad_bg.png) repeat-x bottom #bc023d;
	color:#fff;
	font-family:'Trebuchet MS', 'arial', sans-serif;
	font-size:14px;
	padding: 3px 8px 3px 8px;
	border: #fff solid 1px;
	line-height:25px;
	outline: #000 solid 1px;
}

.btnCrimsonGrad a:hover, .btnCrimsonGrad input:hover{
	background: url() #bc023d;
	border: #d45d83 solid 1px;
	text-decoration:none;
}

.btnCrimsonGradDRK a, .btnCrimsonGradDRK input {
	background: url(/images/btn_crimsonGrad_bg.png) repeat-x bottom #bc023d;
	color:#fff;
	font-family:'Trebuchet MS', 'arial', sans-serif;
	font-size:14px;
	padding: 3px 8px 3px 8px;
	border: #000 solid 1px;
	line-height:300%;
	outline: #fff solid 1px;
}

.btnCrimsonGradDRK a:hover, .btnCrimsonGradDRK input:hover{
	background: url() #bc023d;
	outline: #fff solid 1px;
	border: #d45d83 solid 1px;
	text-decoration:none;
}

.btnCrimsonGrad a:active , .btnCrimsonGrad input:active{
	color:#e8a9bd;
}

 .btnCrimsonGrad input {
 	margin-top:20px;
 	margin-bottom:10px;
 }

/* forms */

input, textarea, select{
	height:20px;
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
	font-family:'Trebuchet MS','sans serif';
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	width:500px;
	
}

form .btnCrimsonGrad {
	background: url(/images/btn_crimsonGrad_bg.png) repeat-x bottom #bc023d;
	color:#fff;
	font-family:'Trebuchet MS', 'arial', sans-serif;
	padding: 3px 8px 3px 8px;
	height:26px;
	width:132px;
	line-height:300%;
	margin-top:4px;
	border: #fff solid 1px;
	line-height:300%;
	outline: #000 solid 1px;
}

form .btnCrimsonGrad:hover{
	background: url() #bc023d;
	text-decoration:none;
	border: #d45d83 solid 1px;
	text-decoration:none;
}

form .fieldBlur {
	background-color:#bc023d;
	border: #d45d83 solid 1px;
	color:#fff;

}

form .fieldBlurDefault{
	background-color:#bc023d;
	border: #d45d83 solid 1px;
	color:#d45d83;
}

form .fieldFocus {
	background-color:#000;
	border: #fff solid 1px;
	color:#fff;
}


/* major layout elements */

body{
	background-color:#000;
}

#header{
	
	background: url(/images/nav_bg.png) #000 repeat-x;
	height:101px;
	width:100%;
}

#header .content{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	min-width:775px;
	height:100%;
}

#RCCClogo{
	width:196px;
	height:102px;
}

#header #socialize{
	position:absolute;
	left:580px;
	top:69px;
	width:170px;
	height:24px;
	}

#header #socialize h2{
	text-indent:-9000px;
	background: transparent url(/images/txt_Socialize.png) no-repeat 0 0 ;
	width:70px;
	height:17px;
	margin:0;
	padding:0;
	margin-top:6px;
	margin-bottom:5px;
	float:left;
}

#header #socialize .facebookBtn{
	background-image:url(/images/sprite_facebook.png);
	width:24px;
	height:24px;
	float:left;
	margin-right:5px;
}
#header #socialize .twitterBtn{
	background-image:url(/images/sprite_twitter.png);
	width:24px;
	height:24px;
		float:left;
	margin-right:5px;
}
#header #socialize .myspaceBtn{
	background-image:url(/images/sprite_myspace.png);
	width:24px;
	height:24px;
		float:left;
	margin-right:5px;
}


/* sprite based navigation  single image for the normal and hover states
   requires a seperate definition for each element to have consistent spacing
   accessibility --- text is hidden using the text-indent property 
*/

#navigation{
	position:absolute;
	top:0px;
	left:219px;
	width:720px;
	height:60px;	
}

#navigation a{
	height:18px;
	display:block;
	text-decoration:none;
	color:#fff;
	float:left;
	margin-top:26px;
	margin-right:20px;
	text-indent:-9000px;
}

#navigation  #navCalendar {
	width:76px;
	background-image: url(/images/nav_calendar.png);
	background-position: 0 0;
}

#navigation  #navCalendar:hover{
	background-position: 0 19px;
}

#navigation  #navSpotlight {
	width:74px;
	background-image: url(/images/nav_spotlight.png);
	background-position: 0 0;
}

#navigation  #navSpotlight:hover{
	background-position: 0 19px;
}

#navigation  #navInformation {
	width:98px;
	background-image: url(/images/nav_information.png);
	background-position: 0 0px;
}

#navigation  #navInformation:hover {
	background-position: 0 19px;
}

#navigation  #navEvents{
	width:125px;
	background-image: url(/images/nav_events.png);
	background-position: 0 0;
}

#navigation  #navEvents:hover {
	background-position: 0 19px;
}

#navigation #navRestaurant{
	width:93px;
	background-image: url(/images/nav_restaurant.png);
	background-position: 0 0;
}

#navigation #navRestaurant:hover {
	background-position: 0 19px;
}

#navigation #navDirections{
	width:85px;
	background-image: url(/images/nav_directions.png);
	background-position: 0 0;
}

#navigation #navDirections:hover {
	background-position: 0 18px;
}


#navigation #navContact{
	width:67px;
	background-image: url(/images/nav_contact.png);
	background-position: 0 0;
}

#navigation #navContact:hover {
	background-position: 0 18px;
}

#navigation #navEmailList{
	width:79px;
	background-image: url(/images/nav_emaillist.png);
	background-position: 0 0;
}

#navigation #navEmailList:hover {
	background-position: 0 18px;
}



#tagline{
	position:absolute;
	top:71px;
	left:219px;
	background-image:url(/images/txt_TheHottestComedyInSanAntonio.png);
	width:336px;
	height:27px;
	text-indent:-9000px;
}

#newsletter{
	overflow:hidden;
	position:absolute;
	top:0px;
	right:0px;
	width:25px;
	z-index:1000;
	height:100%;
}

#txtSignUpForOurNewsletter{
	background: url(/images/sprite_newsletter_signup.png) no-repeat top left;
	width:25px;
	height:109px;
	float:left;
}

#txtSignUpForOurNewsletter:hover{
	background: url(/images/sprite_newsletter_signup.png) no-repeat top right;
}


#newsletter .btnGrad{
	width:55px;
	font-size:12px;
	height:28px;
	padding-top:3px;
	
}

#newsletter .btnGrad:hover{
	border: #fff solid 1px;
}

#newsletter #newsletterForm{
	width:170px;
	background-color: #000;
	position:absolute;
	left:25px;
}

#newsletter #newsletterForm .wrapper{
	margin-left:15px;
	
}

#newsletter form .fieldWrapper{
	border: 1px solid #000;
	margin:5px 0px 9px -1px;
	width:120px;

}

#newsletter form .fieldWrapper input{
	width:120px;
	font-size:12px;
	height:20px;
}


#newsletter #closeNewsletter{
	float:right;
	position:relative;
	right:30px;
	top:8px;
}

#newsletter #closeNewsletter a, #newsletter #closeNewsletter .deactive{
	font-size:12px;
	text-decoration:none;
	color:#fff;
	font-family:'Trebuchet MS', 'arial', sans-serif;
}

#newsletter #closeNewsletter .deactive{
	color:#87002b;
	cursor:pointer;
}

#newsletter #closeNewsletter a:hover{
	color:#d40346;
}



#newsletter #newsletterMessage{
	margin-top:15px;
	width:130px;
	padding:5px;
	color:#fff;
	background-color:#000;
}

#newsletter #newsletterMessage .emailAddress{
	font-weight:bold;
}

#newsletter #newsletterMessage .progress{
	text-align:center;
	color:#000;
	background-color:#fff;
	padding-bottom:5px;
}

#newsletter .padding{
	height:13px;
}
/* Top content area in a two row layout*/

#top{
	background-color: #000;
	padding:30px;
	color:#fff;
	
}

#top .content{
	width:80%;
	min-width:750px;
	margin-left:auto;
	margin-right:auto;
}


/* Bottom content area in a two row layout */

#bottom{
	background: url(/images/bottom_bg.png) repeat-x;
	background-color:#fff;
	min-height:200px;
	padding:60px 30px 50px;
	color:#171717;
}

#bottom .content{
	margin-left:auto;
	margin-right:auto;
	width:80%;
	min-width:775px;
}

/* footer content */

#footer{
	background: url(/images/footer_bg.png) repeat-x #4a0118 5px 0;
	color:#fff;
	padding:20px 10px 10px 10px;
	margin-top:2px;
}

#footer table {
	min-width:775px;
}

#footer .left {
	font-size:12px;
	vertical-align: middle;
	background-color: #61001f;
	
}

#footer .left #rights{
	line-height:14px;
	margin-left:60px;
}

#footer .left .copy{
	font-size:30px;
	float:left;
	margin-right:10px;
	margin-left:20px;
	line-height:30px;
	margin-top:-2px;
	width:30px;
}

#footer ul{
	display:inline;
}

#footer li {
	display:inline;
	margin-right:.5%;
	
}

#footer .middle a{
	color:#fff;
	font-family:'Verdana','arial',san-serif;
	font-size:12px;
}
#footer .middle a:hover{
	text-decoration:none;
}

#footer .middle a:hover{
	color:#000;
}

#footer .middle .top{
	background-color:#a30235;
	padding:10px;
	text-align:center;
	margin-left:10px;
	margin-right:10px;
	
}


#footer .middle .bottom{
	background-color:#a30235;
	padding:10px;
	margin-top:5px;
	text-align:center;
	margin-left:10px;
	margin-right:10px;

}

#footer .right{
	background-color: #61001f;
	vertical-align: middle;
	text-align:center;
}

#footer .right span{
	padding:5px;
}


/* accessibility --- text is hidden using the text-indent property    */

/* headings */

.heading{
	background:no-repeat;
}



#txtWhatsUp{
	background: url(/images/txt_WhatsUp.png) no-repeat 0 0;
	width:302px;
}
#txtReservations{
	background: url(/images/txt_reservations.png) no-repeat 0 0;
	width:175px;
}

#txtAdditionalInformation{
	background-image: url(/images/txt_AdditionalInformation.png);
	width:308px;
}

#txtNewsletterSignup{
	background-image: url(/images/txt_NewsletterSignup.png);
	width:308px;
}

#txtDetailedDrivingInstructions{
	background-image: url(/images/txt_DetailedDrivingInstructions.png);
	width:385px;
}

#txtWhereAreWeLocated{
	background-image: url(/images/txt_WhereAreWeLocated.png);
	width:318px;
}

#txtAboutUs{
	background-image: url(/images/txt_AboutUs.png);
	width:125px;
}
#txtPrivacyPolicy{
	background-image: url(/images/txt_PrivacyPolicy.png);
	width:190px;
}

#txtHello{
	background-image: url(/images/txt_Hello.png);
	width:82px;
}

#txtGeneralInformation{
	background-image: url(/images/txt_GeneralInformation.png);
	width:274px;
}

#txtClubRules{
	background-image: url(/images/txt_ClubRules.png);
	width:421px;
}

#txtContactTheComedyClub{
	background-image: url(/images/txt_ContactTheComedyClub.png);
	width:342px;
}

#txtAddressPhone{
	background-image: url(/images/txt_AddressPhone.png);
	width:204px;
}

#txtSpecialEvents{
	background-image: url(/images/txt_SpecialEvents.png);
	width:204px;

}

#txtUpcomingSpecialEvents{
	background-image: url(/images/txt_UpcomingSpecialEvents.png);
	width:335px;

}

#txtPaymentOptions{
	background-image: url(/images/txt_PaymentOptions.png);
	width:227px;

}

#txtPaymentOptionsBLK{
	background-image: url(/images/txt_PaymentOptionsBLK.png);
	width:227px;

}

#txtTecnicalSpecifications{
	background-image: url(/images/txt_TechnicalSpecifications.png);
	width:350px;
}

#txtShowtimesAndPrices{
	background-image: url(/images/txt_ShowtimesAndPrices.png);
	width:350px;
}


/* page elements */



/* home */
/* home */
#homePage #top {
	background: url(/images/gfx_header_bg.png) scroll no-repeat right bottom;
	margin-bottom:-25px;
}

#homePage #top .content{
	min-height:345px;
	width:980px;
}

#homePage #top .left{
	float:left;
}

#homePage #top .right{
	float:right;
	width:330px;
	height:300px;
}

#homePage #tonight{
	position:relative;
	top:-15px;
}


#homePage #tonight .wrapper{
	width:290px;
	position:relative;
	top:-30px;
	left:10px;
	background: url(/images/gfx_blackout.gif) repeat 0 0;
}
#homePage #tonight .wrapper img{
	width:130px;
	height:150px;
	float:left;
	margin-right:10px;
	background-color:#edfdef;
	position:relative;
	top:-20px;

}

#homePage #tonight h2{
	font-size:30px;
	position:relative;
	top:-10px;
	line-height:33px;
	color:#fff;
	overflow:visible;
	margin-bottom:0px;
}




#homePage #bottom .left{
	width:620px; 

}

#homePage #bottom .right{
	width:310px;
	float:right;
}


/**/






/* calendar */

#calendarPage{
	min-width:775px;
	background: url(/images/calendarPage_bg.png) repeat-y top right #fff;
}

#calendarPage #bottom{
	
	text-align:center;

}

#calendarPage  .wrapper{
	width:800px;
	margin:auto;

}

#calendarPage .left{
	padding-top:20px;
	margin-right:250px;
	padding-bottom:30px;
	
}


#calendarPage .right {
	width:250px;
	float:right;
	color:#fff;	
}

#eventView{
	margin-top:10px;
	padding:20px;
}

#eventView #date{
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
	color:#242424;
}

#calendarPage .additionalTxt{
	margin-top:30px;
	margin-left:10%;
}

.additionalTxt li{
	margin-left:20px;
	list-style: disc outside;
	margin-top:10px;
	line-height:20px;
}



/* directions */


#directionsPage #top .left{ 
	margin-right:300px;
}

#directionsPage #top .right{
	font-size:13px; 
	width:275px;
	float:right;
}

#directionsPage #top .right table{
	border-spacing:10px;
}

#directionsPage #bottom{}


#directionsPage #bottom #map_canvas{
	margin-right:300px; 
	height: 400px;
}
#directionsPage #hmtctl{
	display:none;
}

#directionsPage #bottom .right{
	width: 240px; 
	float:right;
}

#directionsPage #bottom form .btnCrimsonGrad{
	padding:0px;
}

#directionsPage #bottom form .btnCrimsonGrad {
	width:200px;
	margin:0px;
	padding:0px;
	height:26px;
	font-weight:normal;
}

#directionsPage #bottom form input{
	width:330px;
}


/* information */
#informationPage #top .content{

}


#informationPage #top .left{
	margin-right:350px; 

}

#informationPage #top .right{
	width:300px;
	float:right;
}

#informationPage #top .right p{
	font-size:18px;
	line-height:22px;
}
#informationPage #bottom { 
}

#informationPage table{
	font-size:12px;
	margin-bottom:15px;
}

	
#informationPage #bottom  table td{
	padding:5px;
}

#informationPage #bottom .left{
	margin-right:350px; 
}

#informationPage #bottom  .showTimes{
	padding:5px;
	border:2px solid #8b8c8e;
}

#informationPage #bottom  table th {
 	font-size:16px;
 	font-weight:bold;
 	padding:5px;
}

#informationPage #bottom  table i {
	font-weight:bold; 
	padding:10px;
	display:block;
}

#informationPage #bottom  table .cellOne {
 	background-color:#e9e9e9;
}


#informationPage #bottom  table .cellTwo{
	
	background-color:#fff;
}

/* restaurant */

#restaurantPage{
	font-family:'georgia', 'times new roman', serif;
	font-size:14px;

}

#restaurantPage img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;

}

#restaurantPage h1{
	font-family:'georgia', 'times new roman', serif;
	font-size:30px;
	margin-bottom:0px;
	padding-bottom:0px;
}

#restaurantPage p{
	font-size:18px;
	line-height:28px;
}



#restaurantPage .left{
	padding-top:20px;
	margin-right:50%;
	background: url(/images/restaurantPage_bg.png) repeat-y top right #fff;
	padding-bottom:30px;
	
}


#restaurantPage .right {
	padding-top:20px;
	padding-bottom:30px;
	width:50%;
	float:right;
	color:#fff;	
}
 
#restaurantPage .right .liquors{
	font-size:10px;
	padding-left:10px;
}

#restaurantPage .left .content, #restaurantPage .right .content{
	width:350px;
	margin-left:auto;
	margin-right:auto;

}


#restaurantPage .left .infoBox{
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:15px;
	background-color:#fff;
	border:1px solid #000;
}

/* contact us */


#contactPage #top .left,
#contactPage #bottom .left{
	margin-right:350px; 

}


#contactPage #top .right,
#contactPage #bottom .right{
	font-size:13px; 
	width:300px;
	float:right;
}

#contactPage #top .right table{
	border-spacing:10px;
	margin-left:-10px;
}

#contactPage #bottom { 
}

#contactPage #bottom .left{
	margin-right:350px; 
}

#contactPage form label{
	font-size:18px;
	color:#d40346;
	margin-bottom:15px;
}
#contactPage form textarea{
	height:200px;
	margin-top:0px;
	margin-bottom:0px;

}


#contactPage form .required{
	font-size:14px;
	color:#171717;
	font-weight:bold;
}

#contactPage form .fieldWrapper{
	border: 1px solid #000;
	margin-top:5px;
	width:522px;
	margin-bottom:10px;
}

#contactPage form .btnCrimsonGrad{
	font-weight:normal;
}




#contactPage #message {
	visibility:hidden;
	margin-top:15px;
	padding:10px;
	border:1px solid #959597;
	width:502px;

}

#contactPage #message img{
	margin-bottom:-2px;
}

#contactPage #message .emailAddress{
	
	font-weight:bold;
	color:#222;
}

/* Upcoming Page */

#upcomingPage #bottom{
	text-align:center;
}

#upcomingPage #bottom .wrapper{
	width:800px;
	margin:auto;
}

/* Customer Page */

#customerPage #bottom{
	text-align:center;
}

#customerPage #bottom .wrapper{
	width:800px;
	margin:auto;
}
/* Special Events */

#specialEventsPage #top .content{

}


#specialEventsPage #top .left{
	margin-right:350px; 

}

#specialEventsPage #top .right img{
	margin-bottom:10px;
}

#specialEventsPage #top .right{
	width:300px;
	float:right;
}

#specialEventsPage #top .right p{
	font-size:18px;
	line-height:22px;
}
#specialEventsPage #bottom .event { 
position:relative;

}
#specialEventsPage #bottom .left{
	position:absolute;
	top:0;
	left:0;
}

#specialEventsPage #bottom .right{
	margin-left:250px;
}

#specialEventsPage .event h1{
	font-size:24px;
	margin:0;
	margin-bottom:10px;
	padding:0px;
	line-height:24px;
	color:#07090a;
}

#specialEventsPage hr{
	background-color:#ccc;
	color:#ccc;
	margin:20px 0 20px;
	height:1px;
	border:0;
	position:relative;
	
}

#technicalPage{

}

#technicalPage .content{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	background: url(/images/gfx_technical_bg.png) repeat-y center;
}

#technicalPage .wrapper{
	padding:20px 30px 20px 40px;
}

#technicalPage #browsers, #technicalPage #validators{
	margin-bottom:20px;
}

#technicalPage #browsers img, #technicalPage #validators img{
	margin:0px 30px 0px 10px;;
}

/* comedian */

#comedian h1, #comedian h2{
	margin:0px;
	padding:0px;
}
#comedian{
	width:629px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#comedian .top{
	background:url(/images/gfx_comedian_top.png) no-repeat;
	width:629px;
	height:149px;
}


#comedian .mid{
	background:url(/images/gfx_comedian_mid.png) repeat-y;
	width:629px;
}

#comedian .mid .wrappper{
	position:relative;
	top:-10px;
	left:0px;
}


#comedian .btm{
	background:url(/images/gfx_comedian_btm.png) no-repeat;
	width:629px;
	height:60px;
}

#comedian .mugshot{
	float:left;
	margin-left:65px;
	width:220px;
}

#comedian .right{
	margin-left:25px;
	margin-right:0px;
	max-height:240px;
	width:300px;
	overflow:auto;
	padding-right:10px;
}

#comedian .closeBar{
	background-color:#dfdfdf;
	border: 1px solid #c0c0c0;
	text-align:right;
	padding:0 10px 0px;
	margin: 10px 25px 0 65px;
	position:relative;
	top:-8px;
}

#comedian .links{
	text-align:left;
	padding:10px 0px 10px;
	line-height:20px;

}

#comedian .closeBar .btnCrimsonGrad{
	position:absolute;
	top:11px;
	right:10px;
}
#comedian .closeBar .links{
	min-height:26px;
	width:500px;
}

#blanket{
	background: url(/images/gfx_blanket.png) repeat;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
}

#theHottestComedy{
	background:url(/images/gfx_theHottestComedy.png) no-repeat bottom center;
	height:150px;
	width:100%;
	position:fixed;
	bottom:0px;
}

#loadingPage{
	position:absolute;
	top:50%;
	left:50%;
	display:none;
	width:300px;
	height:23px;
	line-height:21px;
	padding:10px;
	background:url(/images/progressbar.gif) no-repeat 195px center #fff;
	border:1px solid #BC023D ;
}