
/*////////////////////////////////////////////////////////////////
///////////////////// CSS ///////////////////////////////////////
/////////////////////////////////////////////////////////////////
* Filename: style.css											*
* Version: 1.0.0 ( ) 2008-09-18									*
* Website: http://lxtv.com/ontherocks							*
* Author: J.P. McGarrity										*
* Description: Handles the site layout.							*
*															 	*
*				Contents										*
*				I. HTML Styles									*
*				II. Content Styles								*
*				IV. Copy										*
*				V. Link Styles									*
*				VI. Form Styles									*
*																*
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/
 
/*///////////////////////////////////////////////////////////
///////////////// Start Styles //////////////////////////////
//////////////////////////////////////////////////////////*/

/* Even the playing field in all browsers */

html, body, ul, li, p, img,
h1, h2, h3, h4, h5, h6,
form, fieldset, table, a {
margin:						0;
padding:					0;
border:						0;
}

/* Firefox imaage selection fix */
*:focus {outline: none}
/* ie6*/
a:focus{outline:none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

br
{
	clear:both;
}

/*///////////////////////////////////////////////////////////
///////////////// HTML Styles //////////////////////////////
//////////////////////////////////////////////////////////*/

body
	{
		font:				12px helvetica, verdana,arial;
			mobile	917-957-0112or:				#fff;		
		background:			url('../gfx/season2_bg.jpg') top center no-repeat #000;
	// 	background:			url('../gfx/ice_bg.png') -150px 145px no-repeat #000;
	//	background:			url('../gfx/icebg3.png') -150px 145px repeat-x #000;
		margin:				0 auto 30px;
		width:				963px;
		border:				0;		
	}
	
h1
	{
		text-transform:		uppercase;
		padding:			12px 5px 0;
		font:				bold 28px helvetica,arial,verdana;
	}


h2
	{
		padding:			0px 0 15px 0;
		font:				normal 24px helvetica,arial,verdana;
	}

h3
	{
		text-transform:		uppercase;
		padding:			12px 0px 0;
		font:				bold 18px helvetica,arial,verdana;
		color:				#fff;
	}

h4
	{
		padding-left:			50px;
		padding-top:			8px;
		font:					bold 18px helvetica,arial,verdana;
		height:					24px;
		background:				url('../gfx/header_badge.gif') no-repeat #84258d;
	}

h5
	{
		font:					bold 24px helvetica,arial,verdana;
		color:					#4a66b0;
	}

h5 a
	{
		font:					bold 24px helvetica,arial,verdana;
		color:					#4a66b0;
		text-decoration:		none;		
	}	

h5 a:hover
	{
		font:					bold 24px helvetica,arial,verdana;
		color:					#4a66b0;
		text-decoration:		underline;
	}

h6
	{
		font:					normal 24px helvetica,arial,verdana;
	}
	
b
	{
		font-weight:			bold;
	}

p
	{
		padding:				5px 5px;
		line-height:			20px;
	}
	
input
	{
		background:				#000;
		border:					1px solid #ccc;
		padding:				10px;
		width:					50px;
		color:					#fff;
		font-size:				18px;
	}	

label
	{
		font:					bold 18px helvetica;
		text-transform:			uppercase;
	}

legend
{
	display:none;
}
/*//////////////////////////////////////////////////////////
///////////////// Content Styles ///////////////////////////
//////////////////////////////////////////////////////////*/

#newsletter_button
	{
		float:					right;
	padding:				5px 8px 3px 8px;		
	}

#newsletter_button a
	{
		padding:				6px 8px 6px 8px;
		background:				#a32caa;
		color:					#fff;
		font-weight:			bold;
	}

#newsletter_button a:hover
	{
		background:purple;
	}

.push_5
	{
		padding-left:			5px;
	}


#show_navigation 
	{
		padding-top:			0px;
	}

#show_navigation ul
	{
		width:						298px;
		margin:						0px;
		padding:					0px;
		display:					inline;

	}

#show_navigation li
	{
		display:					inline;
		list-style:					none;
		text-align:					center;		
		height:						20px;
	}

#show_navigation a
	{
		float:						left;
		font:						bold 14px helvetica,arial,verdana;		
		margin:						0px 0px 4px 0px;
		padding:					6px 0px;		
		background:					#724ba4;
		width:						148px;
		color:						#fff;
		text-align:					center;		
	}

#show_navigation span
	{
	}
	
	
#show_navigation a:hover
	{			
		background:					#4a66b0;
	}	
	
#bio_navigation 
	{
		padding-top:			0px;
	}

#bio_navigation ul
	{
		width:						298px;
		margin:						0px;
		padding:					0px;
		display:					inline;

	}
	

#bio_navigation li
	{
		display:					inline;
		list-style:					none;
		text-align:					center;		
	}

#bio_navigation a
	{
		float:						left;
		font:						bold 14px helvetica,arial,verdana;		
		margin:						15px 0px 4px 0px;
		padding:					6px 0px 5px 0px;		
		background:					#724ba4;
		width:						148px;
		color:						#fff;
		text-align:					center;
		vertical-align:				middle;
	}

#bio_navigation a:hover
	{			
		background:					#4a66b0;
	}	
	
#cast_navigation 
	{
		padding-top:				10px;
		margin-left:				4px;
		clear:both;	
	}

#cast_navigation ul
	{
		width:					298px;
		margin:					0px;
		padding:				0px;
		display:				inline;
	}

#cast_navigation li
	{
		display:					inline;
		list-style:					none;
		float:						left;
		color:						#fff;
		padding-top:				3px;		
	}

#cast_navigation a
	{
		float:						left;
		font:						12px helvetica,arial,verdana;		
		margin:						0px 4px 5px 0px;
		padding:					0px;			
		background:					#724ba4;
		color:						#fff;
	}	
	
#cast_navigation a.small
	{
		float:						left;
		font:						11px helvetica,arial,verdana;		
		margin:						0px 4px 5px 0px;
		padding:					0px;			
		background:					#724ba4;
		color:						#fff;
	}	

#cast_navigation a:hover
	{			
		background:					#4a66b0;
	}

#cast_thumb_container
	{
		clear:both;
		background:					#090a19;
		padding-top:				5px;
		color:#fff;
	}

#judge_navigation 
	{
		padding-top:				10px;
		margin-left:				4px;
		clear:both;	
	}

#judge_navigation ul
	{
		width:					298px;
		margin:					0px;
		padding:				0px;
		display:				inline;
	}

#judge_navigation li
	{
		display:					inline;
		list-style:					none;
		float:						left;
		color:						#fff;
		padding-top:				0px;		
	}

#judge_navigation a
	{
		float:						left;
		font:						12px helvetica,arial,verdana;		
		margin:						0px 4px 5px 0px;
		padding:					0px;			
		background:					#724ba4;
		color:						#fff;
	}	

#judge_navigation a:hover
	{			
		background:					#4a66b0;
	}

#judge_thumb_container
	{
		clear:both;
		background:					#7e2caa;
		padding-top:				5px;
		color:#fff;
	}


#email_container
	{
		margin-top:					20px;
		border-top:					1px solid #361443;
		width:						618px;
		padding-left:				14px;
	}


#stats
	{
		font:						normal 14px helvetica;
	}

#bar_mod
	{
		float:						left;
		width:						650px;
		height:						400px;
		margin-top:					10px;
	}

#navigation
	{
		border-top:				1px solid #a32caa;
		background:				#090a19;
		color:					#5786c1;
		padding:				4px	5px 0;
		margin-bottom:			5px;
/*		font-size:				16px;
*/	}
	
#navigation a
	{
		color:				#a32caa;
		text-decoration:	none;
	}

#navigation	a:hover
	{
		color:				#e43eee;
	}

.spacer1
	{
		padding:0 6px;
		color: #84258d;
	}

.right
	{
		float:				right;
	}
	
	
#col-1
	{
		float:					left;
		width:					650px;
		background:				#090a19;
		vertical-align:			top;
		padding-top:			10px;
		padding-bottom:			40px;
		padding-left:			0px;
		color:					#c8c8c8;
		font-size:				14px;
	}	
	
#col-2
	{
		float:					right;
		width:					302px;
    /*z-index: 50;*/
	}	
	

#login
	{
		background:				#090a19;
		padding:				20px;
		margin-top:				5px;
		color:					#c8c8c8;
	}	
	
#footer
	{
		clear:					both;
		margin-top:				15px;
		background:				#090a19;
		padding:				11px 11px 11px 11px;
		color:					#a32caa;
/*		width:					100%;*/
		width:				939px;
	}
	
#birthdate ul
	{
		display:				inline;
	}	


#birthdate li
	{
		display:				inline;
		list-style:				none;
	}	
	
#ad-container
	{
		margin-top:				0;
/*		border:					1px solid #000;*/
		padding-bottom:			10px;
	}
	
#ad-container2
	{
		float:					right;
		width:					728px;
		height:					90px;
		margin-top:				52px;  	
	}	

#bio
	{
		margin-left:11px;
		margin-right:11px;
	}


img.border_1
	{
		border:1px solid #724ba4;
	}
	

	
/*///////////////////////////////////////////////////////////
///////////////// Copy Styles //////////////////////////////
//////////////////////////////////////////////////////////*/	

p.big
	{
		font:				normal 18px helvetica;
		padding-bottom:		15px;
		color:#fff;
	}

/*///////////////////////////////////////////////////////////
///////////////// Link Styles //////////////////////////////
//////////////////////////////////////////////////////////*/
	

a
	{
		color:				#4a66b0;
		text-decoration:	none;
	}

a:hover
	{
		color:				#e43eee;
		text-decoration:	none;	
	}
	
	
.videolink a{
	#724ba4
}

.videolink a:hover{
	#4a66b0
}

a.cast
	{
		float:left;
		color:				#fff;
		background:			#724ba4;
		border:				1px solid #080a19;
		margin:				0 2px;
		margin-bottom:		15px;
		text-align:			left;
		text-decoration:	none;
		width:				93px;	
		height:				98px;		
	}

a.cast:hover
	{
		color:				#fff;
		background:			#4a66b0;
		border:				1px solid 080a19;
		text-align:			left;
		text-decoration:	none;
		width:				93px;	
		height:				98px;
	}	
	
a.judge
	{
		float:left;
		color:				#fff;
		background:			#724ba4;
		border:				1px solid #080a19;
		margin:				0 2px;
		margin-bottom:		15px;
		text-align:			left;
		text-decoration:	none;
		width:				93px;	
		height:				98px;		
	}

a.judge:hover
	{
		color:				#fff;
		background:			#4a66b0;
		border:				1px solid 080a19;
		text-align:			left;
		text-decoration:	none;
		width:				93px;	
		height:				98px;
	}	

.cast img
	{
		clear:right;
	}

a.footer_link
	{
		font-weight:		12px;
		padding-right:		20px;
		color:				#a32caa;
		text-decoration:	none;
		text-transform: 	uppercase;
	}

a.footer_link:hover
	{
		color:				#e43eee;
		text-decoration:	none;	
	}
	
#bc_container
{
	margin:	0px 0px 0px 5px;
}
	
	
/*//////////////////////////////////////////////////////////////
/////////////// Form Styles ////////////////////////////////////
//////////////////////////////////////////////////////////////*/	

.errors
	{
		color:red;
		margin: 4px 0;
	}
	
.age_input_holder
	{
		margin-right:		10px;
		float:				left;
		text-align:			center;
	}

#taf_content
	{
	    font:             12px helvetica, verdana,arial;
	    color:            #c8c8c8;
	    border:           0;
/*	    display:          none;*/
	    background:       #090b1a;

	}

#taf_thankyou
	{
	    font:             12px helvetica, verdana,arial;
	    color:            #c8c8c8;
	    border:           0;
	    background:       #090b1a;
	}

#taf_inner
	{
		padding:		10px;
	    margin:			0px auto 10px;
	}
	
	
#taf_inner label
	{
		font:			normal 14px helvetica, verdana,arial;
		padding:		4px 0 0;
		margin:			0px 0 0px 5px;
	}	
	
#taf_inner input
	{
		font:			normal 12px helvetica, verdana,arial;
		padding:		5px;
		margin:			4px 0 10px 5px;
		width:			410px;
	}	
	
#taf_inner textarea
	{
		font:			normal 12px helvetica, verdana,arial;
		padding:		5px;
		margin:			4px 0;
		background:		#000;
		border:			1px solid #ccc;
		color:			#fff;
		margin:			4px 0 0px 5px;		
	}	
	

a.border_1 img
	{
		float:					left;
		padding-bottom:			0px;
		border:					1px solid #090a19;
		margin:					1px 5px 5px 5px;	
	}

a.border_1:hover img
	{
		border:					1px solid #4a66b0
	}
	
a.border_2 img
	{
		float:					left;
		padding-bottom:			0px;
		border:					1px solid #090a19;
		margin:					1px 8px 5px 5px;

	}

a.border_2:hover img
	{
		border:					1px solid #4a66b0;
	}
	
	
.episode_divider
	{
		margin:					8px;
		padding:				10px 0px 15px;
		clear:					both;
		border-bottom:			1px solid #361443;
		height:					150px;
	}
	


.episode_divider p {
   margin-bottom:5px;
}


.episode_image
	{
		float:					left;
		margin-right:			10px;
	}
	
	
/*//////////////////////// Edit for date quest  */

#eptitle
	{
		padding-left:			50px;
		padding-top:			8px;
		font:					bold 18px helvetica,arial,verdana;
		height:					24px;
		background:				url('../gfx/header_badge.gif') no-repeat #84258d;
		width:					600px;
		margin:					12px 0px 0px 0px;
		color:					#fff;
			line-height: 			17px;
	}
	
span.recipes {
		padding-left: 	350px;
}

span.recipes a{
		color: 			#fff;
		font-size:		14px;
		font-weight: 	normal;
}

span.recipes a:hover {
		color: 			#fff;
		text-decoration: underline;
}
	
/*/////////////////// RSVP */

#rsvp_page
	{
		background:				#090A19;
		background-image:		none !important;
		color:					#e8e8e8;
	}

	
a.white_link
	{
		font-size:				12px;
		color:					#fff;
	}	
	
	
.input_popup	
{
	width:					300px;
	font-size:				12px;
	padding:				3px;
}	


#rsvp_page input 
{
 	float:					none !important;
	font-size:				12px;
	padding:				3px;
}

#rsvp_page label
{
 	float:			 	  none !important;
	padding:		 	  0px 0px 3px;
	font:			 	  normal 16px helvetica,arial,verdana;
	clear:both;      	
	text-transform:  	  capitalize !important;
}

#content_wrapper
{
	margin:					20px 0px 0px 50px;
	margin:					20px 0px 0px _25px;	 /* ie6 hack */
}

#note
{
	padding:				15px 0px;
	color:					#84258D;
}

ol
{
	margin-left:			2em;
}

ol li 
{
	margin-bottom:			.5em;
}

.notification_ok
{
	width:					400px;
}


/* added by Joel for season 3 - July 1, 2010*/

#eptitle-2
	{
		padding-left:			50px;
		padding-top:			8px;
		font:					bold 18px helvetica,arial,verdana;
		// cursor:pointer;
		height:					24px;
		background:				url('../gfx/header_badge.gif') no-repeat #84258d;
		width:					600px;
		margin:					12px 0px 0px 0px;
		color:					#fff;
		line-height: 			17px;
	}
	
#lnkDownload {
	float:						right;
	display:					inline;
	padding-right:				10px;
	
		line-height: 			10px;

}

#lnkDownload a {
 text-decoration: 				none;
 
}

#lnkDownload a:hover {
 text-decoration: 				underline;
 
}

#frmSubmit {
	padding:10px;
	border-bottom:2px #333 solid;
}

#frmSubmit label
{
 	float:			 	  none !important;
	padding:		 	  0px 0px 3px;
	font:			 	  normal 16px helvetica,arial,verdana;
	clear:both;      	
	text-transform: none !important;
}

#frmSubmit input
{
 	float:					none !important;
	font-size:				12px;
	padding:				3px;
	width:                  350px;
	margin:0 0 0 5px;
}

#frmSubmit input.btnSubmit { background:url(gfx/submit.png) no-repeat; cursor:pointer; width: 150px; height: 30px; border: none;  }

 
 
 
#castingLocation {
 clear:	both;
 width: 650px;
 background-color: #080b19;
 
}
#castingLocation div {
	 
	}

 
#location_spacer {
 position:relative;
 
}

.location_info {
	float: right;
	background: url("../gfx/cloc_bg.png") no-repeat;
	width: 448px;
	min-height:500px;
 	height:auto !important;
  	height:500px;
	clear: none;
	z-index:-1;
	 background-color: #080b19;
	/* border: 1px #fff solid; */
	 
}

.location {
  width: 208px;
  position:absolute;
  top:-10px;
  left:-10px;
  padding:10px;
  z-index:999;
}

.location p {
  color: #399cdd;
  font-family: Helvetica;
  text-transform:uppercase;
  font-weight: bold; 
  font-size: 14px;
  padding:10px 0 0 15px;
  margin:0 0 10px;
 /* border: 1px #fff solid; */
}

.location li {  
	width:240px;
	height:36px;
 	cursor:pointer;
	margin:2px;
	padding:0;
	list-style:none;
	// background:url(../gfx/casting_bg.png) no-repeat -80px 0;
}

 

.location_out {
	background:none;
}


.location li a { 
	text-transform:uppercase;
	color:#a32ea1;
	display:block;
	text-align:left;	
	//position:relative;
	//top:20px;
	line-height:30px;
	 // padding-left:15px;
	//  border:1px #fff solid; 
	  display:block;
	  padding:5px 10px;
	  height:100%;
	  text-decoration:none;
}

#rsvp a {background:url(../gfx/casting_bg.png) no-repeat -300px 0;}
/* -65px = hover
 -80px = active
 -300 = hide
*/

#rsvp_City p {
 margin: 0px;
 padding:5px 0 0 5px;
}

#frmClose {
	width:23px;
	height:23px;
	display:block;
	cursor:pointer;
	position:absolute;
	right:10px;
	background: url(../gfx/close.png) no-repeat;
}

/*////////
///////////////////  RSVP INFO ////////////////////////////////
/////////////////////////////////////////////////////////////////
*/
#rsvp_info { 
 width:448px; 
 //  border:1px solid #fff;
 display:none; 
}

#unavailable, #unavailable_2 {
	 display:none;
	 line-height:200;
	 text-align:center;
	 padding:150px 0 0 0;
	}

#rsvp_init {
 
}

#rsvp_info div {
 padding: 10px 5px 0 20px;
}

#rsvp_info div h4 {
	background:none;
	font-weight:normal;
	font-size:14px;
	padding:0; 
	margin:0;
}

#rsvp_info div p, #rsvp_info div span {
	 
	font-size:14px; 
	margin:0;
	padding:0;
}
#rsvp_info a {
 color:#4d9cd9;
}

#info_img {
	text-align:center;
	display:block;
	clear:both;	 
}

.rsvp_show {
 display:block;
 background:url(../gfx/rsvp_link.png) no-repeat right;
 width:150px; 
 
}

.notification {
	          color:#a32ea1;
}
 

#rsvp_City, #rsvp_Date {
 margin:8px 0 5px;
}

#rsvp_City h6, #rsvp_Date h6 {
 font-size:16px;
 color: #399cdd;
}


#frmStatus {
text-align:center;
margin-left:auto;
margin-right:auto;
}


#homeCopy {
	padding:0 10px 0 10px;
}

#homeCopy p {
	margin:10px 0;
	font-weight: normal;
	text-decoration:	none;
	font-size:14px;
	padding:0;
	line-height:18px;
}
#homeCopy strong {
   color:#e43eee;
}

#homeCopy h5 { 
		font:					bold 28px helvetica,arial,verdana;
		color:					#fff;
		line-height:15px;
	 
}
#homeCopy h4 {
 		background: none;
		font:					27px tahoma,helvetica,arial,verdana;
		color:					#c4c5c9;
		font-weight: normal;
	    padding:0;
		margin:10px 0 13px;
		
}

#homeCopy h2 {
 		background: none;
		font:					22px tahoma,helvetica,arial,verdana;
		color:					#c4c5c9;
		font-weight: normal;
	    padding:0;
		margin:10px 0 10px;		
}

.hidden {
  // visibility: hidden;
  display:none;
 }

#frmRSVP input {
}

#frmRSVP em { font-weight: bold; padding-right: 1em; vertical-align: top; color: red;}

.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
}

#disclaimer {
 font-size:9px;
 background:#171717;
 padding:5px;
 color:#c4bcab;
 font:bold Arial, Helvetica, sans-serif;
 line-height:10px;
}

p, h1, form, button{border:0; margin:0; padding:0;}

/* ////////////////////// VODKA BANNER /////////////////////////////
///////////////////////////////////////////////////////////////////*/


 .vodka { 
  position: relative;
  width: 728px;
  height: 90px;
  background: url(../gfx/absolute_banner.png) #000 no-repeat;
  display: block;
  cursor: pointer; 
 }
 
  .absolute_acai { 
  position: relative;
  width: 728px;
  height: 90px;
  background: url(../gfx/728X90_flash_static_backup_v2.jpg) #000 no-repeat;
  display: block;
  cursor: pointer; 
 }
 
 
 
 .vodka_tap_legal {
  position: absolute;
  width: 110px;
  height: 46px;
  background: url(../gfx/tap_legal.png) no-repeat;
  cursor: pointer;
  right:10px;
  bottom: 10px; 
 // border: 1px solid #333;
 } 
 
 
 .vodka_legal_info {
  //  border: 1px solid #333;
   position: relative;
   display: block;
   background: url(../gfx/vodka_legal_info.png) no-repeat;
   width: 172px;
   height: 84px;
   left:550px;
   bottom: -2px;
   z-index:777;
   display: none;
 }
 
 
 .vodka_spacer {
  position: relative;
 }
 
 
  #phone { margin-left: .5em; float: left; }
  	#phone, label { float: left; font-family: Arial, Helvetica, sans-serif; font-size: small; }
	
	br { clear: both; }
	 
	input.error { border: 1px solid red; }
	label.error {
		 
		padding-left: 16px;
		margin-left: .3em;
	}
	
	label.valid {		 
		display: block;
		width: 16px;
		height: 16px;
	}
	
	
	
	/*
	<img src="./gfx/lxtv_ontherocks_cocktail_728x90.jpg" alt="" width="728" height="90" />
	*/
	

.otrs3Banner {
	cursor: pointer;
    width:728px;
    height:90px;
    background:url(../gfx/lxtv_ontherocks_cocktail_728x90.jpg) no-repeat;
    position:relative;
    z-index:9;
}

.otr_officialrules {	
	cursor: pointer;
	/*border:1px solid #060;*/
	width:74px;
	height:18px;
	position:absolute;
	bottom:0;
	right:145px;
	z-index:10;
}
	
	


