/* commented backslash hack v2 \*/
* html {overflow:hidden;}
/* end of hack */
body {
background: #DCD4EC url('/images/sitelayout/1024fade.jpg') repeat-y center;
margin: 0;
padding:0 10px 0 10px;
border:0;
height:100%;
}
* html body {overflow-y:scroll;}

a:hover {color: #ff0000;}


#sidebar { /* Not setting a height here may make Opera angry */
/* background-color: #B8ADD3; If you do NOT want a long sidebar to cover the footer at bop, then set to transparent */
background: url('/images/sitelayout/sidebarbkg.jpg') repeat-y;
position:fixed;
display:block;
top:172px;
left:50%;
margin-left: -395px; /* half of the width less left edge*/
width:128px;
padding: 6px 10px;
z-index:16;
text-align: left;
}
* html #sidebar {position:absolute; margin-left: -406px;}
#sidebar a {padding: 2px 10px 1px 0; text-decoration: none;}
#sidebar a:hover, #sidebar a:active {background-color: #FEE169;}

body {font-family:arial, sans-serif; font-size:12px;}

#content {
position:relative;
display: block;
margin: 0 auto;
background:transparent;
overflow:hidden;
text-align: center;
padding: 0;
z-index:10;
/* width: 818px; This width kills scroll in IE6 */
padding: 0;
padding-top: 150px;
/* background: #ffffff url('/images/sitelayout/contentbkg.gif') repeat-y; Put this back in if sidebar transp */
}
* html #content {}

.text {
display:block;
padding: 18px 12px 10px 173px;
width:625px;
float:left;
/* For some reason, the float left makes this scroll? */
color:#000;
text-align: left;
background-color: #ffffff;
/* overflow: visible; Will this even work, or just cause problems until we reformat wide pages? */
}
.text {width/* */:/**/633px;
	width: /**/633px;}
* html .text {padding: 0 10px 10px 194px; width: 614px; margin-left: 1px;}
 /* IE6 with large fonts pushes itself wide, hence above hack. Some day, somebody should fix this. Or at least check it. */

.clear {clear:both; height:1px;}

#headnav, #headdesc {
position:fixed;
padding: 0;
padding-top: 8px;
display:block;
z-index:30;
text-align: center;
width: 818px;
left:50%;
margin-left: -409px;
top: 0;
background-color:#FC9335;
}
#headdesc {
top: 51px;
z-index:27;
}
* html #headnav, * html #headdesc {position:absolute;
margin-left: -418px;
}

#headdesc #header {
line-height:70px;
overflow:hidden;
width: 818px;
height:99px;
background: url(/images/sitelayout/header818.jpg);
background-repeat: none;
text-align: center;
}

#wrap { /* NOTE: IE6 is still 2 pixels too wide. Some day, somebody should fix this. */
width: 818px; /* Added this and makes many things happy */
margin: 0 auto; /* added auto here */
text-align: center; /* Shouldn't IE6 like this better? */
border-left:27px solid #FC9335;
border-right:27px solid #FC9335;
}
* html #wrap {width: 816px;} /* IE6 just doesn't get this for some reason */

.bold {font-size:14px; font-weight:bold;}
#pad {display:block; height:20px;}

#sub {
	font-weight:bold;
	font-size:12px;
	text-align:center;
	padding:3px;
	background-color: #FC9335;
z-index:20;
}

input {
	border:2px inset #c0c0c0;
}

#sub form {
	display:inline;
}

#sub input {
	margin:1px;
	width:77px;
	border:2px inset #c0c0c0;
}

#footer {
	clear: both;
	background: #FEE168;
	padding:10px 0;
	font-size:12px;
	margin: 0 auto;
	margin-top: 0;
	padding-top: 0;
	width: 818px;
	text-align: center;
z-index:19;
border:27px solid #FC9335;
border-top:none;
}
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	text-decoration:none;
	color:#000;
}

#footer #filmstrip {
	clear: both;
	background: #FEE168 url(/images/1600filmstrip.jpg) repeat-x;
	height:110px;
	margin:8px 0;
z-index:22;
}

#netman {
	font-size:10px;
	margin: 6px;
	margin-top: 23px;
z-index:24;
}

#netman a:link, #netman a:visited {
	color:#00f;
	font-weight:normal;
}

#netman a:hover, #netman a:active {
	color:#c00;
	font-weight:normal;
}
#topnav, #bottomnav {
	color: #000000;
	font-family: Arial, Helvetica, Verdana, "Century Gothic", sans-serif;
	font-weight: bold;
	font-size: 11px;
display:block;
}
#bottomnav {
	margin-top: 8px;
z-index:21;
}
#topnav a, #bottomnav a {
	color: #000000;
	text-decoration: none;
}
#topnav a:hover, #topnav a sel, #bottomnav a:hover, #bottomnav a sel {
	color: #976400;
}
/* This CSS pure ul menu is driven by son of suckerfish from http://www.htmldog.com/articles/suckerfish/dropdowns/ */
#nav, #nav ul, #bnav, #bnav ul {
	float: left;
	list-style: none;
	line-height: 1.1;
	padding: 0;
	margin: 0;
}
#bnav ul {
	margin-bottom: 8px;
}
#nav, #nav ul {
	background-color: #FC9335;
}
/* In the below, we only want to specify a width for Opera?   width: 80px;    w\idth: 40px;  */
#nav a, #bnav a {
	display: block;
	padding: 1px 8px;
}
/* In the below, we only want to specify a width for Opera?   width: 90px;  */
#nav li, #bnav li {
	float: left;
	padding: 0;
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 160px;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin-left: 4px;
	background-color: #FDBF48;
	text-align: left;
	z-index:200;
}
#nav li li {
	width: 140px;
	padding: 3px;
	padding-right: 1px;
	/* border-bottom:1px solid #AEAEAE; */
}
#nav li ul a {
	width: 140px;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
/* Would be nice to indicate selected page  */
ul#nav li a.current:link, ul#nav li a.current:visited
		{	color: #0000ff; }

ul#nav li a.current:hover, ul#nav li a:hover, ul#nav li a.current:active {	
	background-color: #B8ADD3;
	color: #fff;
}

#sidebar {line-height:18px;}
h1 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #ED1D1D;
	font-weight:bold;
	font-size:30px;
	margin: 0;
	}
h2, h5 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 20px;
	color: #4E2F92;
	display: block;
	padding: 4px 0 0 10px;
	}
h5 {
	text-align: left;
	font-size: 15px;
	margin-bottom: -13px;
	}
h3 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 18px;
	color: #ffffff;
	background-color: #4E2F92;
	display: block;
	padding: 8px 20px;
	}
h4 {font-size:16px; color: #000; margin-bottom:5px; border-bottom:4px dashed #4E2F92; font-weight:bold; font-style:italic; text-align:center;padding-bottom:3px;}
/* Just below is the IE 7 focus/click elsewhere hover fix from http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/  */
.text ul {margin-top:-14px;}
.text li {margin-bottom:3px;}
.text td {font-style: italic;
	font-size: 11px;
	color: #333333;
}
.text a {font-weight: bold;}
#sidebar a {font-weight: normal;}
img {border: none;}

#sitemap ul {margin-top:7px;}

.post h3 a {
	color:#ccc;
}
#results {
	background-color:#FFFFFF;
	width:816px;
	text-align:left;
	position:absolute;
	top:154px;
	left:1px;
	z-index:9999;
	margin:0 auto;
}

#searchResults {margin-left:200px;}
#searchResults .gs-webResult .gs-visibleUrl-short { display:none; }
#searchResults .gs-webResult .gs-visibleUrl-long { display:block; }

/* 1303 Detail page \*/
#tabholder {
	padding:4px;
	width:440px;
	text-align:left;
	height:240px;
	overflow:hidden;
	float:left;
}
.tabs { border-bottom:1px solid #66cc66;}
.tabs, #tabholder {
}
.tabs, .tabdiv {
	text-align:left;
	padding:0; margin:0;
}
.tabdiv {
	padding:8px;
	width:424px;
	background:#fff;
	height:166px;
	max-height:166px;
	overflow-y: scroll;
	overflow-x: hidden;
	border-left:1px solid #66cc66;
	padding-top:3px;
}
.tabs li {
	list-style:none;
	display:inline;
}
.tabs a {
	padding:5px 10px;
	display:inline-block;
	background:#ccffcc;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #66cc66;
	position:relative;
	top:1px;
	font-size:14px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.tabs a:hover {
	color:#fff;
	background:#66cc66;
}
.tabs a.active {
	background:#fff;
	color:#111;
	border-bottom:1px solid #fff;
}
#headdetail {
	background-color:white;
	padding:2px;
}
#detailbanner {
	font-size:16px;
	background-image:url('/images/1303-detailhead.jpg');
	background-repeat:none;
	height:166px;
	text-align:left;
	padding:0 6px;
	overflow:hidden;
}
#detailbanner div {
	margin-top:125px;
}
#detailbanner h1 {
	float:left;
	margin:5px 0 0 132px;
	color:#fff;
	font-size:36px;
	text-shadow: 2px 2px 2px #333;
	overflow:hidden;
	line-height:38px;
	height:120px;
	max-height:120px;
}
#detailbanner span {font-weight:bold;}
#contentinner {
	background:#fff;
	padding:0 4px;
	padding-bottom:25px;
}
#belowtabs {text-align:center;width:100%;}
#detailimg {
	float:left;
	width:146px;
	height:240px;
	overflow:hidden;
	margin-top:7px;
	text-align:center;
}
#titleimg {
	max-width:146px;
	max-height:200px;
	width:auto !important;
	height:auto !important;
	height:200px;
	margin-bottom:4px;
}
#detailsumm {
	float:right;
	background:#fee169;
	color:#000;
	margin-top:4px;
	padding:4px;
	width:204px;
	height:240px;
}
.vidimg {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	display:block;
}
.vidimg:hover
{
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}
.vidcell {
	padding:4px 11px;
}
#playtrailer {
	margin-top:5px;
	display:block;
}