/* CSS Document */

/* does this get replicated to the PUBLIC folder??? */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}


body {
	background-color: #461B46;
	background-image:url(../images/bg_circles.gif);
	background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}




/* fonts etc ----------------- */



.style1 {
	font-size: 14px;
	font-weight: bold;
}
.style1b {
	font-size: 14px;
	font-weight: bold;
	color:#8A4F7A;
	
}


.style1a {
	font-size: 18px;
	font-weight: bold;
	color:#FFFFFF;
}
.style2 {color: #B98CA8}
.style3 {
	font-size: 22px;
	font-weight: bold;
}
.style4 {font-size: 12px}

.style5 {color: #8A4F7A}
.style6 {color: #7D446F}
.style7 {color: #B9E3DB}
.style9 {font-size: 12px; color: #000000; font-weight:bold;}
.style11 {font-size: 12px; color: #000000; font-weight: bold; }
.style14 {color: #000000; font-size: 12px;}


.style16 {color: #FFFFFF}
.style17 {color: #FF99CC; font-weight: bold; font-size: 12px; }
.style18 {color: #000000}
.stylemap {line-height:1.5; padding-bottom:35px; padding-top:35px; }
UL { list-style-image:url(../images/ul.gif); line-height:1.5;}


.form {font-size: 10px;	color:#8A4F7A;}



/*boxs & layout ----------------- */

.episodebox {padding-bottom:35px; padding-top:35px; border-bottom-width:1px; border-bottom-color:#666666; border-bottom-style:dashed; width:520px;}
.sharebox {padding-bottom:20px; padding-top:20px; border-bottom-width:1px; border-bottom-color:#666666; border-bottom-style:dashed;}
.episodebox2 {padding-bottom:10px; padding-top:10px;}
.episodeheader {padding-bottom:0px;}
.castbox {padding-bottom:35px; padding-top:35px; }

#episodes {width:600px; float:left;}
#episodesads {float:left; width:120px;}

#cocktails {padding-left:40px; float:left;}
#googlecocktails {float:right; padding-right:40px; padding-top:35px; } 



#links {
	position:absolute;
	left:-760;
	top:211px;
	width:760;
	height:210;
	z-index:1;
}
#Layer4 {
	position:absolute;
	margin-left: -380px;
	width:760px;
	height:0;
	z-index:100;
	visibility: block;
	left: 50%;
}

#Layer1 {
	position:absolute;
	margin-left: -380px;
	width:760px;
	height:0;
	z-index:100;
	visibility: block;
	left: 50%;
}


#Layer8 {
	position:absolute;
	margin-left: -390px;
	width:760px;
	height:0;
	z-index:0;
	visibility: default;
}


#Layer2 {
	position:absolute;
	margin-left: -390px;
	width:780px;
	height:0;
	z-index:1;
}








/*links ----------------- */


a:link {
	color: #FAD8E7;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FAD8E7;
}
a:hover {
	text-decoration: underline;
	color: #BC8FAA;
}
a:active {
	text-decoration: none;
	color: #BC8FAA;}

.class604 a:link{color:#8C507B; text-decoration:underline;}
.class604 a:hover{color:#8C507B; text-decoration:none;}
.class604 a:active{color:#8C507B; text-decoration:underline;}
.class604 a:visited{color:#8C507B; text-decoration:underline;}

.pop a:link{color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold;}
.pop a:hover{color:#FFFFFF; text-decoration:underline; font-size:12px; font-weight:bold;}
.pop a:active{color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold;} 
.pop a:visited{color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold;}