/*
	Author	:	B.K.
	Email		:	rho@igot.com
	Website	:	http://www.leopon.com/
*/
* {
	border:0;
	margin:0;
	padding:0;
}

html, body {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

/* general */
a {
	color:#b484da;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration:underline;
}
blockquote {
	background:#f1f1f1;
	border-left:2px solid #7534aa;
	color:#444;
	display:block;
	font-style:oblique;
	line-height:20px;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}
.left {
	float:left;
	margin:0 10px 0 0;
}
.right {
	float:right;
	margin:0 0 0 10px;
}

/* Containers */
.container
{
	margin:0 auto;
	width:100%;
	height:1000px;
	position:relative;
	text-align:center;
}

/* Container (Header) */
.containerHeader 
{
	background-color:#960018;
	margin:0 auto;
	text-align:center;
	position:relative;
	width:100%;
	height:110px;
}

/* Container (Main) */
.containerBodyIndex 
{
	margin:0 auto;
	position:relative;
	background-color:White;
	width:900px;
	/*height:1400px;*/
	padding:0px;
	text-align:left;
	background-color:#fff;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
}

.containerBody 
{
	margin:0 auto;
	position:relative;
	width:900px;
	height:100%;
	float:left;
	text-align:left;
}

/* Content */
.content 
{
	margin:0 auto;
	position:relative;
	width:900px;
	text-align:left;	
}

div.content p {
	line-height:20px;
	padding:3px;
	color:#585958;
	font-family:"verdana";
	font-size:11px; 
}

div.content h1 {
	/*aborder-bottom:2px solid #7534aa;*/
	font-family:"arial";
	color:#E7651A;
	font-size:17px;
	font-weight:bold;
	line-height:17px;
	padding:3px;
}

/* header */
.header 
{
	padding:0px;
	width:748px;
	height:110px;
	position:relative;
	text-align:center;
	margin:0 auto;			/* must have for center location */
}

.header:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
.header h1 {
	color:#2943C2;
	font-size:25px;
	font-weight:bold;
	left:100px;
	letter-spacing:0px;
	position:relative;
	top:40px;
}
.header p {
	color:#808080;
	font-size:20px;
	line-height:30px;
	padding:10px;
	text-align:center;
	margin:0px 0 100px 0;
}
.header ul {
	list-style:none;
	position:absolute;
	top:100px;
}
.header ul li {
	list-style:none;
}
.header ul li a {
	color:#fff;
	display:block;
	font-size:1.2em;
	font-weight:700;
	height:20px;
	padding:10px;
	width:190px;
}
.header ul li a:hover {
	background:#b484da;
	color:#eee;
	text-decoration:none;
}

/* menu */
.menutop {
	color:#fff;
	position:relative;
	width:900px;
	height:25px;
}

.menutop a {
	color:#fff;
	font-size:14px;
	line-height:14px;
	margin:0 auto;
	padding:0px;
	font-family:"Arial";
	font-weight: bold;
}

.menutop a:hover{
	border-top:4px solid #ea6b48;
	/*border-left:4px solid #ea6b48;
	border-right:4px solid #ea6b48;
	border-bottom:4px solid #ea6b48;*/
	text-decoration: none;
	color:#ea6b48;
	margin:0 auto;
	padding:0px;
}

.menutop100percent {
	background-color:#000;
	width:100%;
	height:25px;
	margin:0 auto;
	position:relative;
}

.containerMenutop 
{
	width:900px;
	height:25px;
	margin:0 auto;
	position:relative;
}

.menutop100percentIndex {
	background-color:#fff;
	width:100%;
	height:42px;
	margin:0 auto;
	position:relative;
}

.containerMenutopIndex 
{
	width:890px;
	height:42px;
	margin:0 auto;
	position:relative;
	padding:5px;
	margin-bottom:5px;
	text-align:left;
	background-color:#fff;
	font-family:"Arial";
	font-weight: bold;	
	font-size: 14px;
}

.containerMenutopIndex a
{
	color:#000;
	font-size:14px;
	line-height:14px;
	margin:0 auto;
	padding:0px;
	font-family:"Arial";
	font-weight: bold;
}

.menutopwidthleft 
{
	width:650px;
	height:100%;
	position:relative;
	float:left;
	color:#fff;
	font-size:14px;
	line-height:14px;
	margin:0 auto;
	padding:0px;
	font-family:"Arial";
	font-weight: bold;
	margin-top:5px;
	text-align:left;	
}

.menutopwidthleft a {
	color:#fff;
	font-size:14px;
	line-height:14px;
	margin:0 auto;
	padding:0px;
	font-family:"Arial";
	font-weight: bold;
}

.menutopwidthleft a:hover{
	/*border-top:4px solid #ea6b48;
	border-left:4px solid #ea6b48;
	border-right:4px solid #ea6b48;
	border-bottom:4px solid #ea6b48;*/
	text-decoration: none;
	color:#ea6b48;
	margin:0 auto;
	padding:0px;
}

.menutopwidthright 
{
	background-image: url('/image/bg_TopRightMenu.jpg');
	/*background-color:#48B2B1;*/
	width:250px;
	height:25px;
	margin:0 auto;
	float:right;

}

/* Container (Footer) */
.containerFooter 
{
	background-color:#fff;
	margin:0 auto;
	text-align:center;
	position:relative;
	width:898px;
	height:160px;
	float:left;
	border:solid 1px black;
}

div.containerFooter p {
	color:#808080;
	font-size:12px;
	line-height:50px;
	text-align:center;
	font-family:"verdana";
}

/* footer */
div.footer 
{
	padding:0;
	margin:0 auto;
	position:relative;
	width:748px;
	height:150px;
	text-align:center;
	float:none;
}

div.footer p {
	color:#808080;
	font-size:12px;
	line-height:50px;
	text-align:center;
	font-family:"verdana";
}

/* sidebar */
div.sidebar {
	margin:0 auto;
	position:absolute;
	top:300px;
	left:0px;
	float:left;
	width:150px;
	height:563px;
	line-height:0px;
}
div.sidebar h1 {
	border-bottom:2px solid #7534aa;
	color:#444;
	font-size:165%;
	font-weight:400;
	line-height:30px;
	padding:0 10px;
}
div.sidebar input {
	background:#f1f1f1;
	color:#555;
	margin:10px;
	padding:5px;
	width:180px;
}
div.sidebar p {
	/*background:#f1f1f1;*/
	color:#fff;
	/*display:block;*/
	font-size:70%;
	line-height:15px;
	margin:0 0;
	padding:2px;
	font-family:"Arial Black";
}
div.sidebar p a.more {
	display:block;
	text-align:right;
}
div.sidebar ul {
	margin:10px;
}
div.sidebar ul li {
	border-bottom:1px solid #b484da;
	list-style:none;
	padding:5px 2px;
}
div.sidebar ul li a {
	color:#333;
	display:block;
	font-family:Geneva;
	padding:5px;
	text-decoration:none;
}
div.sidebar ul li a:hover {
	color:#000;
}

/* Content Detail */
div.content h1 {
	font-family:"arial";
	color:#E7651A;
	font-size:17px;
	font-weight:bold;
	line-height:17px;
	padding:3px;
}


/* Content (Left) 646 + 4 (left & right paddings) 650px */
.contentLeft 
{
	margin:0 auto;
	position:relative;
	float:left;
	width:620px;
	/*border-right:1px solid #000;*/
	
	color:#898989; /*#585958;*/
	font-family:"verdana";
	font-size:13px; 
	line-height:22px;
	padding:5px;
}

div.contentLeft p
{
	color:#898989;
	font-family:"verdana";
	font-size:13px; 
	line-height:22px;
}

.contentLeft h1 {
	font-family:"arial";
	color:#E7651A;
	font-size:17px;
	font-weight:bold;
	line-height:17px;
	padding:3px;
}

.contentLeft h2 {
	font-family:"arial";
	color:#555555;
	font-size:19px;
	font-weight:bold;
	line-height:25px;
	padding:3px;
}

.contentLeft h2 a{
	font-family:"arial";
	color:#555555;
	font-size:19px;
	font-weight:bold;
	line-height:25px;
	padding:3px;
}

/* Content (Right) */
.contentRightIndex
{
	background-color:#fff;
	margin:0px auto;
	float:right;
	position:relative;
	width:255px;
	/*height:650px;*/
	border-left:0px solid silver;

	color:#585958;
	font-family:"verdana";
	font-size:11px; 
	line-height:15px;
	padding-right:5px;
	text-align:left;
}

.contentRight 
{
	background-color:#fff;
	margin:0px auto;
	float:right;
	position:relative;
	width:250px;
	height:100%;
	border-left:0px solid silver;

	color:#585958;
	font-family:"verdana";
	font-size:11px; 
	line-height:15px;
	padding:0px;
	text-align:left;
}

.contentRight h1 {
	/*aborder-bottom:2px solid #7534aa;*/
	font-family:"arial";
	color:#007524;
	font-size:17px;
	font-weight:bold;
	line-height:17px;
	padding:2px;
}


div.containerMenuCurrent
{
	margin:0 auto;
	float:left;
	position:relative;
	width:498px;
	height:100%;
}

/* Btm */
.btm 
{
	width:900px;
	height:230px;
	margin:0 auto;
	position:relative;
	float:left;			/* float is not default for FireFox */
	text-align:left;
	
	color:#585958;
	font-family:"verdana";
	font-size:11px; 
	line-height:15px;	
	
	border-top:1px solid #000;
	border-bottom:2px solid #000;
	background-color:#fff;
}

.btm a
{
	font-weight:bold;
}

/* Content Parts (A) */
.contentBtmA 
{
	margin:0 auto;
	position:relative;
	float:left;
	width:200px;
	height:100%;
}

.contentBtmA p
{
	padding:2px;
}

.contentBtmA h1 {
	/*aborder-bottom:2px solid #7534aa;*/
	font-family:"arial";
	color:#E7651A;
	font-size:17px;
	font-weight:bold;
	line-height:17px;
	padding:3px;
}

/* Content Parts (B) */
.contentBtmB 
{
	margin:0 auto;
	position:relative;
	float:left;
	width:200px;
	height:100%;
	border-left:1px dotted #595959;
	border-right:1px dotted #595959;
}

.contentBtmB p
{
	padding:2px;
}

.contentBtmB h1 {
	/*aborder-bottom:2px solid #7534aa;*/
	font-family:"arial";
	color:#00B03B;
	font-size:17px;
	font-weight:bold;
	line-height:17px;
	padding:3px;
}

/* Content Parts (C) */
div.contentBtmC 
{
	margin:0 auto;
	float:right;
	position:relative;
	width:697px;			/* Check line widths (2 borders) */
	height:100%;
	border-right:1px dotted #595959;
}

.contentBtmC p
{
	padding:2px;
}

.contentBtmC h1 {
	font-family:"arial";
	color:#007524;
	font-size:17px;
	font-weight:bold;
	line-height:17px;
	padding:3px;
}

div.contentBtmCA
{
	margin:0 auto;
	float:left;
	position:relative;
	width:230px;
	height:100%;
}

.contentBtmC p
{
	padding:2px;
}

div.contentBtmCB
{
	margin:0 auto;
	float:left;
	position:relative;
	width:230px;
	height:100%;
}

.contentBtmCB p
{
	padding:2px;
}

div.contentBtmCC
{
	margin:0 auto;
	float:left;
	position:relative;
	width:230px;
	height:100%;
}

.contentBtmCC p
{
	padding:2px;
}

/* popupMenu */
.popupMenu {
	background-color:#eee;
	display:block;
	margin:0 auto;
	position:relative;
	text-align:left;
	float:left;
	padding:5px;
	border:1px solid #A6A6A6;
	/* for IE */
	filter:alpha(opacity=99);
	/* CSS3 standard */
	opacity:0.99;
	z-index:99999;
  
	color:#fff;
	font-family:"verdana";
	font-size:12px; 
	line-height:20px;
	
	display:none;
}

.popupMenu a {
	color:#004477;
}

/* Thumbnails */
.thumbContainer
{
	width:640px;	
	margin:0 auto;
	position:relative;
	float:left;
	text-align:center;
}

.thumb 
{
	margin:0 auto;
	position:relative;
	float:left;
	text-align:center;
	width:150px;
	height:200px;
}

.tm
{
	font-family:"arial";
	color:#E7651A;
	font-size:11px;
	line-height:13px;
}

/* divider */
.dividerHmiddle {
	background-color:#000;
	width:100%;
	height:2px;
	margin:0 auto;
	position:relative;
}

.dividerHbtm {
	background-color:#000;
	width:100%;
	height:1px;
	margin:0 auto;
	position:relative;
}

.dividerHdot {
	background-image: url('/image/VDot_space.gif');
	width:1px;
	height:100%;
	margin:0 auto;
	position:relative;
	float:left;
}

/* Ad */
.AdContainer
{
	background-color:#fff;
	position:relative;
	width:748px;
	height:100px;
	text-align:center;
}

.Ad{
	background-image: url('/image/Bg_Ad.gif');
	position:relative;
	padding-top:10px;
	padding-left:7px;
	width:740px;
	height:100px;

}

.AdContainerBox300
{
	background-color:Silver;
	position:relative;
	width:300px;
	height:250px;
	float:left;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:10px;
	border:solid 1px black;
}

.AdContainerBox250
{
	background-color:Silver;
	position:relative;
	width:250px;
	height:250px;
	float:left;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:10px;
	border:solid 1px black;
}

.AdContainerBoxRight250
{
	background-color:Silver;
	position:relative;
	width:250px;
	height:250px;
	float:left;
}

/* Index Coming */
.ComingShows
{
	background-image: url('/image/Bg_ComingShows.gif');
	/*border:5px solid #E6E6E6;*/
	position:relative;
	width:240px;
	height:240px;
	float:left;
	margin-left:0px;
	padding:5px;
	line-height:25px;
}

.ComingShows a
{
	font-size:13px;
	color:#E7651A;
	font-weight:bold;
}

.ComingSoon
{
	background-image: url('/image/Bg_FeaturedShows.gif');
	/*border:5px solid #E6E6E6;*/
	position:relative;
	width:240px;
	height:240px;
	float:left;
	margin-left:0px;
	padding:5px;
	line-height:18px;
}

.ComingSoon a
{
	font-size:13px;
	color:#E7651A;
	font-weight:bold;
}

.ShowInfo
{
	background-image: url('/image/Bg_ShowInfo.gif');
	position:relative;
	width:240px;
	height:290px;
	float:left;
	margin-left:0px;
	padding:5px;
	line-height:22px;
	margin-top:20px;
}

.ShowInfo_H250
{
	background-image: url('/image/Bg_ShowInfo_H250.gif');
	position:relative;
	width:240px;
	height:240px;
	float:left;
	margin-left:0px;
	padding:5px;
	line-height:22px;
	margin-top:20px;
}

.Cast
{
	background-image: url('/image/Bg_Cast.gif');
	position:relative;
	width:240px;
	height:240px;
	float:left;
	margin-top:20px;
	margin-left:0px;
	padding:5px;
	line-height:22px;
}

.Cast a
{
	color:Blue;
	text-decoration:underline;
}

.StarInfo
{
	background-image: url('/image/Bg_StarInfo.gif');
	position:relative;
	width:240px;
	height:240px;
	float:left;
	margin-left:0px;
	padding:5px;
	line-height:22px;
	margin-top:20px;
}

.Filmography
{
	background-image: url('/image/Bg_Film.gif');
	position:relative;
	width:240px;
	height:240px;
	float:left;
	margin-left:0px;
	padding:5px;
	line-height:22px;
	margin-top:20px;
}

.currentDates {
	background-image: url('/image/CurrentDateBar.jpg');
	width:100%;
	height:20px;
	border:solid 1px gray;
	margin:0 auto;
	position:relative;
	float:left;
		
	font-family:"arial";
	color:#FFFFFF;
	font-size:17px;
	font-weight:bold;
	line-height:17px;
	padding:0px;
}

.currentDates_01 {
	background-image: url('/image/CurrentDateBar_02.jpg');
	width:100%;
	height:20px;
	border:solid 1px gray;
	margin:0 auto;
	position:relative;
	float:left;
		
	font-family:"arial";
	color:#000;
	font-size:17px;
	font-weight:bold;
	line-height:17px;
	padding:0px;
	
	vertical-align:middle;
}

/* Show schedule */
.ShowSchedule 
{
	position:relative;
	width:250px;
	/*height:300px;*/
	font-family:"verdana";
	font-size:12px;
    float:left;
    margin-top:10px;
    overflow:hidden;
    /*border:dotted 1px gray;*/
}

/* Accordion *******************************************************************************************/
.accordionHeader
{
	color:White;
	width:244px;
	height:15px;
	background-color:#aaa; /*#2E4D7B*/
	border:solid 1px gray; /*#0F3977;*/
	font-size:11px; 
	line-height:15px;
	cursor:hand;
	padding:2px;
	margin-bottom:3px;
}

.accordionHeaderSelected
{
	color:White;
	width:244px;
	height:20px;
	background-color:#5078B3;
	border:solid 1px #0F3977;
	font-size:13px; 
	font-weight:bold;
	line-height:20px;
	cursor:hand;
	padding:2px;
	margin-bottom:0px;
}

.accordionContent
{
	color:Black;
	width:244px;
	background-color:#F7F6F3;
	border:solid 1px #E6E2D8;
	font-size:13px; 
	line-height:17px;
	padding:2px;
	margin-bottom:5px;
	overflow:hidden;
}

.ShowTimeS
{
	float:left;
	position:relative;
	width:50px;
	padding:0px;
	margin-left:2px;
	list-style-type:none;
	font-size:11px; 
	line-height:20px;
	color:Maroon;
}

.ShowTimeM
{
	float:left;
	position:relative;
	width:70px;
	padding:0px;
	margin-left:2px;
	list-style-type:none;
	font-size:11px; 
	line-height:20px;
	color:Maroon;
}

.ShowTimeL
{
	float:left;
	position:relative;
	width:80px;
	padding:0px;
	margin-left:2px;
	list-style-type:none;
	font-size:11px; 
	line-height:20px;
	color:Maroon;
}

.ShowName a
{
	float:left;
	position:relative;
	width:145px;
	padding:0px;
	margin-left:3px;
	list-style-type:none;
	font-size:13px;
	color:Black;
	line-height:20px;
	text-decoration:underline;
}

.Featured
{
	float:right;
	position:relative;
	width:164px;
	height:84px;
	padding:3px;
	border-left:solid 1px gray;
	font-family:"verdana";
	font-size:13px;
	color:Black;
	line-height:15px;	
}

.Featured a
{
	font-size:13px;
	color:Black;
}

.Featured h1
{
	font-size:15px;
	color:Maroon;
}

.thumbEpi
{
	position:relative;
	width:130px;
	height:55px;
	float:left;
	margin-top:7px;
	margin-right:5px;
	margin-bottom:7px;
}

.FeaturedCast
{
	float:left;
	position:relative;
	width:110px;
	height:150px;
	padding:0px;
	border:solid 1px gray;
	margin-right:2px;
}

.indexStars
{
	float:left;
	position:relative;
	text-align:center;
	width:620px;
	height:190px;
	background-color:#000;
	margin-left:0px;
	padding:3px;
	
	color:Black;
}

.indexStar
{
	float:left;
	position:relative;
	width:115px;
	height:160px;
	text-align:center;
	line-height:15px;
	padding:2px;
	color:Black;
}

.indexStar a
{
	float:left;
	position:relative;
	width:125px;	
	text-align:center;
	color:Black;
	text-decoration:underline;
}

/* NEW FORMAT ///////////////////////////////////////////////////////////////////////////////////////
/* Container (Content) */
.containerContent 
{
	float:left;
	position:relative;
	margin:0 auto;
	background-color:#fff;
	width:898px;
	padding:0px;
	border:solid 1px #000;
}

/* Container (Content Main) */
.containerContentMain 
{
	float:left;
	position:relative;
	margin:0 auto;
	background-color:#fff;
	width:898px;
	padding:0px;
	border:solid 1px #000;
}
