/***************** global elements *********************/

body {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 76%; /* change percentage to alter all text */
	color: #333;
	background: #990000 url(/cen/reelscience/img/img_69.gif); /* bg courtesy of http://www.squidfingers.com/patterns/ */
	}
	
img {
	border: 0;
	display: inline;
	}
	
.inline {
display: inline; 
}

.hide {
	display: none;
	}
	
.goright {
float: right;
}

.goleft {
float: left;
margin: 0 2em 1em 0;
}

.caption {
margin: 0;
padding: 0;
}
		
/***************** typography and page structure *********************/
a:link, a:visited {
	color: #333;
	text-decoration: underline;
	}

a:hover, a:active {
	color: #990000;
	text-decoration: none;
	}
		
h1 {
	position: relative;
	color: #990000;
	font-size: 2.4em;
	font-weight: normal;
	margin: 0;
	}
h2 {
	position: relative;
	font-size: 1.2em;
	margin: .5em 0;
	font-weight: bold;
	}
	
h2 a:link,h2 a:visited {
	color: #000;
	text-decoration: none;
	}
	
h2  a:hover, h2  a:active {
	color: #990000;
	}
	
	
h3 {
	font-size: 1.4em;
	margin: 1.2em 0;
	font-weight: normal;
	}
h4 {
	font-size: 1em;
	margin: .2em 0 0 0;
	font-weight: bold;
	}
h5 {
	font-size: .8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

ol, ul, li {
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
p, tr, td {
	position: relative;
	font-size: 1.0em;
	line-height: 1.6em;
	margin: 1.2em 0em 1.2em 0em;
	}

#shell
{
	margin: 10px 10px 10px 0;
	padding-left: 10px;
	background:  #fff url(/cen/reelscience/img/shell_bg.gif);
	background-repeat: repeat-y;
}

/*************** Header ****************/

#header {
	background: #000 url(/cen/reelscience/img/tl_head.gif) top left no-repeat;
	height:74px;
}

#bannerAd {
	display: block;
	width: 468px;
	height: 72px;
	position: absolute;
	top: 18px;
	left: 25%;
}	


#bannerAd a img {margin: 0px; padding: 0px; border: none;position: relative;z-index: 2;}

#bannerAd h4 {color: #666666; font-size: 10px; height:14px; margin: 0px auto; padding: 0px; text-align:center; position: relative; z-index: 0;border-bottom: 1px dotted #666666;}

#toolbox {
	background: transparent url(/cen/reelscience/img/reel_back.jpg) top right no-repeat;
	position: absolute;
	top: 16px;
	right: 24px;
	height:64px;
	color: #fff;
	text-align: right;
	z-index:1;
}

#toolbox ul li
{
margin: 0;
padding: 0;
list-style-type: none;
display: inline;
font-weight: bold;
}

#toolbox a:link, #toolbox a:visited {
	text-decoration: none;
	color: #fff;
	}

#toolbox a:hover, #toolbox a:active {
	color: #990000;
	}

/*************** Main Navigation ****************/

#nav
{
	height: 10px;
	margin: 0 8px;
	padding-bottom: 35px;
	position: relative;
	background-color: #000;
	background-image: url(/cen/reelscience/img/leader_nav.gif);
	background-repeat: repeat-x;
	color: #fff;
	font-weight: bold;
}

#nav a:link, #nav a:visited {
	text-decoration: none;
	color: #fff;
	}

#nav a:hover, #nav a:active {
	color: #990000;
	}
	
	
#navlist {
position: absolute;
top: 15px;
left: 0px;
width:100%;
background: #000;
}

#navlist ul
{

padding-left: 0;
margin-left: 0;
float: left;
width: 100%;
}

#navlist ul li { display: inline; }

#navlist ul li a
{
padding: 0 .8em;
text-decoration: none;
float: left;
}

/* Text Switcher */ 

#t-switch {
position: absolute;
top: 16px;
right: 13px;
background: transparent;
}


/* commented backslash hack v2 \*/
#t-switch {
position: absolute;
top: 16px;
right: 13px;
background: transparent;
z-index: 2;
}

#t-switch {
position: absolute;
top: 16px;
right: 13px;
background: transparent;
}
/* end hack */


#t-switch p
{
	margin: 0;
	padding:0;
	font-weight: bold;
	word-spacing: .3em;
	color: #fff;
	text-align: right;
}

/*************** Index Page ****************/
#features {
	margin: 1.5em 350px 3.5em 0;
}

#info {
	float: right;
	margin: .6em 8px 3.5em 0;
	width: 300px;
	}
	
#info h3 {
margin:0 0 10px 0;
padding: .5em 0 0 0;
border-bottom: 1px solid #333;
font-weight: bold;
}

#info ul, #info li
{
margin: .5em .7em;
padding: 0;
font-size: 1em;
line-height: 1.2em;
}

#info li
{
padding: 0 0 .4em 0;
}

#cen{
text-align: center
}

#cen h3 {
text-align: left;
padding: .1em;
color: #fff;
background: #780505 url(/cen/reelscience/img/h3_bg.gif) no-repeat top right;
border-bottom: 1px solid #fff;
}

.qbox
{
margin: 10px 0;
width: 300px;
display: block !important;
}
	
/* quote */

#quote {
display: none;
}

/* commented backslash hack v2 \*/
#quote {
display: none;
}

#quote {
display: block !important;
position: relative;
}
/* end hack */


/* slideshow */

#slideshow {
display: none;
}

/* commented backslash hack v2 \*/
#slideshow {
display: none;
}

#slideshow {
display: block !important;
position: relative;
}
/* end hack */


/* movie of the month */

.i-review {
background: transparent url(/cen/reelscience/img/rev_bg.jpg) no-repeat top left;
}

.motm {
background: transparent url(/cen/reelscience/img/motm_bg.jpg) no-repeat top left;
}

.topbox {
margin-top: 1em;
position: relative;
border-bottom: 1px solid #666;
}

.topbox h2 {
margin: .1em 0 .1em 180px;
font-weight: bold;
font-size: 2.1em;
}

.topbox h3 {
margin: 0 10px 0 180px;
font-weight: bold;
font-size: 1.8em;
color: #990000;
border-bottom: 1px solid #fff;

}

.topbox p {
margin: 0 40px 10px 180px;
}

.topstar {
margin-left: 60px;
margin-top: .5em;
}

.ipad {
line-height: 4.5em;
text-align: right;
}

/* news */

#news {
background: transparent url(/cen/reelscience/img/news.jpg) no-repeat top left;
margin-top: 1em;

}

#news ul {
margin-left: 180px;
padding-left: .3em;
padding: 0;
}

#news li {
margin-top: 1.5em;
list-style-type: none;
}

#news h2 {
color: #990000;
font-size: 2em;
padding: .3em 0;
margin-left: 180px;

}

/*************** Main Content ****************/

#content {
	margin-right: 350px;
	margin-left: 50px;
	padding: 1em;
	height: 100%;
}

#content h5 {
	font-size: .9em;
	margin: .7em 0 1em 0;
	font-weight: normal;
	}
	
/*************** Footer ****************/

#footer {
	clear: both;
	background: transparent url(/cen/reelscience/img/br_foot.gif) bottom right no-repeat;
}

#footer p {
margin: 1em;
font-size: .95em;
line-height: 3em;
}

#footer a {
padding: 0 1em;
border-left: 1px solid #333;
}

#footer-b {
background: transparent url(/cen/reelscience/img/bl_foot.gif) bottom left no-repeat;
}

/*************** side bar ****************/

#sidebar {
	width: 300px;
	float: right;
	padding-right: 8px;
}


#sidebar h3 {
margin:0 0 10px 0;
padding: .2em;
font-weight: bold;
color: #fff;
background: #6A6863 url(/cen/reelscience/img/subtitle_bg.gif) no-repeat top right;
border-bottom: 1px solid #333;
}

#sidebar h4 {
margin:0 0 10px 0;
padding: .5em 0 0 0;
border-bottom: 1px solid #333;
font-weight: bold;
color: #990000;
font-size: 1.0em;
}

#poster {
text-align: center;
}

#poster h3 {
text-align: left;
}

#poster img {
border: 4px solid #fff;
}

#sidebar ul
{
margin: .5em 0;
padding: 0;
list-style-type: none;
font-size: 1em;
line-height: 1.2em;
}

#sidebar li
{
padding: 0 0 .4em 0;
}

#sublist ul, #sublist li
{
	margin-left: 1.2em;
	list-style-type: square;
	margin-top: 0;
	padding: 0 8px;
}

.subbox-t
{
margin: 10px 0;
width: 300px;
background: #D7D3C5 url(/cen/reelscience/img/side_round_b.gif) no-repeat bottom right;
}

.subbox-b
{
padding: 0 1em;
background: transparent url(/cen/reelscience/img/side_round_t.gif) no-repeat top left;
	
	/*box model hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	padding: 1em;
}

.amazon
{
margin: 0 25px 10px 25px;
}

/*************** sub nav ****************/

#subrec {
background: #D7D3C5 url(/cen/reelscience/img/subnav_cd.gif) no-repeat top right;
}

#subrev {
background: #D7D3C5 url(/cen/reelscience/img/subnav_reel.gif) no-repeat top right;
}

.subnav h4 {
margin:0 0 0 .5em !important;
padding: .5em 0 0 0 !important;
border: 0 !important;
font-size: 1.5em !important;
font-weight: bold ;
}

.subnav ul{
padding-top: 0 !important;
padding-bottom: 5px !important;
margin-bottom: 1em !important;
background: transparent url(/cen/reelscience/img/side_round_b.gif) no-repeat bottom left;
}

.subnav li
{
margin: 0 5px 3px 3px !important;
padding: 0 .4em .4em .4em !important;
line-height: 1.4em !important;
border-bottom: 1px solid #333 !important;
font-size: 1.3em !important;
}

	
#logo{ /*************** logo placed at bottom of css file due to strange IE 5.01 error ****************/
	background: #000 url(/cen/reelscience/img/tr_head.gif) top right no-repeat;
	margin-left: 11px;
	padding-top: 7px;
	height: 77px;

	/*box model hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 70px;
}

/* table format */

#stats {
margin-top: 1em;
}

#stats table {
font-size: 1em;
width: 98%;
	}

#stats tbody tr td {
		padding: .5em;
		border-top: 1px solid #666;
	}
	
	
#stats thead tr th {
		font-size: 1.2em;
		padding: .2em .5em;
		background-color: #D7D3C5;
		border-left: 2px solid #fff;
		text-align: left;
	}
	
