@charset "utf-8";
/* CSS Document */

html {
	margin: 0;
	padding: 0;
	}
body {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #241F1C;
	margin: 0;
	padding: 0;
	background-color: #241F1C;
	}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	margin-top: 0;
	text-align: justify;
	color: #FFFFFF;
	}
a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #CCFF00;
	}
a:hover, a:active {
	color: #FF6633;
	}
a.navBar:link, a.navBar:visited {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #817772;
	}
a.navBar:hover, a.navBar:active {
	color: #CCFF00;
	}
a.navBarFr:link, a.navBarFr:visited {
	font: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	}
a.navBarFr:hover, a.navBarFr:active {
	color: #CCFF00;
	}
h1 {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	}
h2 {
	font: 1.25em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;	/*line-height: 0.85em;*/
	}
.keywordBig {
	font-style:italic;
	text-align:left;
	display:table-cell;
	min-width:250px;
	}
.extras { 
	text-align:left;
	font-size: 0.85em;
	display:table-cell;
	min-width:150px;
	}
.social {
	vertical-align:middle;
	position:relative;
	top:3px;
	right:3px;
	}
.socialF {
	vertical-align:middle;
	position:relative;
	}
img { border:none;}
.episode {
	display: table-cell;
	width: 135px;
	height: 220px;
	background-color:#000000;
	padding: 5px;
	border: #241f1c solid 5px;
	position: inherit;
	}	
.thumb {
	height: 135px;
	width: 135px;
	vertical-align:top;
	}
.name {
	font-weight: bold;
	font-size: 12px;
	position: relative;
	top: 5px;
	left: 5px;
	text-align: left;
	}
.keyword {
	font-size: 10px;
	position: relative;
	top: -5px;
	left: 5px;
	text-align:left;
	height: 30px;
	}
.epDate {
	font-size: 10px;
	font-style: italic;
	position: relative;
	text-align: right;
	bottom: -10px;
	right: 5px;
	}
.arrow {
	display: table-cell;
	width: 16px;
	height: 180px;
	vertical-align:top;
	}
/*#firstArrow {
	display: table-cell;
	width: 20px;
	height: 220px;
	}
.arrowImg {
	height: 220px;
	width: 20px;
	vertical-align:top;
	}*/
.thumb:hover {
	border:#999999 solid 2px inset;
	}
/*#frame {
	background: #222222;
	padding: 0 125px 0 125px;
	min-width:730px;
	margin: 0;
	position: relative;
	height:100%;
	}*/
#frame2 {
	/*background: #333333;*/
	padding: 10px 0 10px 0;
	/*margin: 0 125px 0 125px;*/
	width: 85%;
	min-width: 730px;
	height:100%;
	margin:auto;
	/*border-left:#555555 solid 1px;
	border-right:#555555 solid 1px;*/
	}
#logo {
	min-width: 800px;
	height: 27px;
	background-color:#000000;
	border-bottom:#FFFFFF solid 1px;
	border-top:#FFFFFF solid 1px;
	background: #000000 url(../images/Logo1.gif) no-repeat center center;
	text-align:right;
	vertical-align:middle;
	}
#content {
	margin: 0px 0px 0px 10px;
	min-height: 320px;
	position:relative;
	display:table;
	}
#content2 {
	display:table-row;
	min-height:320px;
	}
#content3 {
	padding: 0px 0px 0px 0px;
	/*min-height: 320px;*/
	}
#episodeScroll {
	padding: 0 30px 0 30px;
	height: 285px;
	border-top:#544842 solid 1px;
	margin: 0;
	}
#navBar{
	background-color:#000000;
	border-bottom:#544842 solid 1px;
	/*border-top:#544842 solid 1px;*/
	height: 20px;
	vertical-align:center;
	position:static;
	/*bottom:5px;*/
	display:table; 
	width:100%;
	min-width:800px;
	}
#navBarF{
	background-color:#000000;
	border-bottom:#544842 solid 1px;
	border-top:#544842 solid 1px;
	vertical-align:center;
	position:static;
	height:25px;
	/*bottom:5px;*/
	display:table; 
	width:100%;
	}
#navBar ul {
	display:table-row; 
	width: 100%;
	}
#navBarF ul {
	display:table-row; 
	width: 100%;
	}
.left {
	display: table-cell; 
	text-align: center; 
	width: 20px; 
	white-space:nowrap;
	}
#navBar li {
	display: table-cell; 
	text-align: center; 
	width: auto; 
	vertical-align:middle;
	font:Verdana, Arial, Helvetica, sans-serif bold;
	}
#navBarF li {
	display: table-cell; 
	text-align: center; 
	width: auto; 
	vertical-align:middle;
	font:Verdana, Arial, Helvetica, sans-serif bold;
	}
#fullImg {
	/*float: left; */
	display:table-cell;
	min-width:300;
	left:10px;
	position: relative;
	vertical-align:top;
	/*padding: 10px;*/
	}
#fullImg2 {
	border: #FFFFFF solid 1px;
	position:relative;
	top:20px;
	}
.text{
	float:left;
	position:relative;
	display:table-cell;
	padding: 0px 10px 0px 20px;
	}
.podcast{
	float: right;
	margin: 8px;
	}
.listView {
	display: table-cell;
	width: 135px;
	height: 180px;
	background-color:#000000;
	padding: 5px;
	border: #241F1C solid 5px;
	}
#splash {
	min-width: 780px;
	height: 280px;
	background: #241F1C url(../images/splash.gif) no-repeat center center;
	vertical-align:middle;
	text-align:center;
	}
.news {
	display:table-cell;
	background:#000000;
	padding:10px;
	text-align:left;
	vertical-align:top;
	min-width:240px;
	border-top:#241F1C solid 10px;
	border-bottom:#241F1C solid 10px;
	}
.recent {
	display:table-cell;
	background:#000000;
	padding:10px;
	border-left:#241F1C solid 10px;
	border-top:#241F1C solid 10px;
	border-bottom:#241F1C solid 10px;
	text-align:left;
	vertical-align:top;
	min-width:230px;
	
	}
.thumbF {
	height: 100px;
	width: 100px;
	vertical-align:top;
	float:left;
	margin:4px;
	}
.descriptionF{
	font: 0.85em Verdana, Arial, Helvetica, sans-serif;
	}
#fullList{
	display:table;
	background:#000000;
	}
.listRow{
	display:table-row;
	}
.listImg{
	display:table-cell;
	padding:5px;
	border-top:#241f1c solid 10px;
	}
.listText{
	display:table-cell;
	border-top:#241f1c solid 10px;
	padding:5px;
	}
.listDate{
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	/*position: relative;*/
	float:right;
	margin:5px;
	}
.description{
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	}
.thumbThumb{
	height:65px;
	width:65px;
	vertical-align:top;
	}
.update{}
#buttonTable{
	display:table;
	min-width:500px;
	}
#buttonRow{
	display:table-row;
	height:50px;
	}
.buttons{
	display:table-cell;
	width:200px;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	vertical-align:middle;
	}
#olderEp{
	height:20px;
	width:20px;
	position:relative;
	bottom:-3px;
	}
#newerEp{
	height:20px;
	width:20px;
	position:relative;
	bottom:-3px;
	}
#download{
	height:20px;
	width:20px;
	position:relative;
	bottom:-3px;
	}

	
	
/* smoothDivScroll -- thanks Thomas Kahn*/
#makeMeScrollable {
	width: 100%;
	height: 245px;
	position: relative ;
	}
#makeMeScrollable div.scrollableArea {
	display:table-row; 
	width: 100%;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	}

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	width: 20px;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(SmoothDivScroll/images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(SmoothDivScroll/images/arrow_left.gif);
	width: 20px;
	height: 100%;
	background-color: #241f1c;
	background-repeat: no-repeat;
	opacity: 1; /* Standard CSS3 opacity setting */
	-moz-opacity: 1;  /*Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 100);  /*Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	width: 20px;
	height: 100%;
	background-image: url(SmoothDivScroll/images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;	
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(SmoothDivScroll/images/arrow_right.gif);
	background-color: #241f1c;
	background-repeat: no-repeat;
	width: 20px;
	height: 100%;
	opacity: 1;
	filter: alpha(opacity = 100);
	-moz-opacity: 1;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}