body {
	margin: 0;
	padding: 0;
	font-size:0.8em; font-family:arial,sans-serif;
	/* background: #98B3D1 */ /* url(page-back.gif) repeat-x */;
	background-image: url(kinostat_pics/background.gif);
}
#container {
	margin: 0 auto;
	padding: 12px 10px;
	max-width:1200px;
	min-width:974px;
	width:auto !important; /* FX and IE7 see !important, IE6 ignores it */
	width:974px;
	position: relative;
}
a:link {
	color: #06003E;
}
a:visited, a:active {
	color: #000;
}
a:hover {
	color: #98B3D1;
}
p {
	padding-top: 0;
	margin-top: 0;
}
.field_comment, .field_comment a:link, .field_comment a:visited { /* this makes the tips next to entry fields and submission buttons gray */
	color: #808080;
}
#header { /* this block positions .spiffy_headerfg, which contains the logo and menu */
	height: 127px;
	margin-bottom:12px;
	position: relative;
}
#logo {
	margin-top:25px;
	margin-left:22px;
	float:left;
	width: 388px; /* this should be set to the width of the final logo gif */
}
#slogan {
	float:right;
	margin-top:6px;
	margin-right:27px;
}
#menu { 
	float:right;
	margin-top:9px;
	margin-right:6px;
	width:450px;
    /* border: 2px solid #ffffff; */
	padding: 10px 15px ;
	font-size:12px;
}
#menu a:link, #menu a:visited {
	text-decoration: none;
	color: #06003E;
}
img {
border: none;
}
img#chart {
	display:block;
	margin: 0px auto;
}
p.footnote { /* used in the Ranking box for the link to the FAQs about rankings */
margin-top: 10px;
margin-bottom: 3px;
}
h3 {
	font: 100%;
	margin: 0px;
	padding-bottom: 1px;
	color: #06003E;
}
table {
	font-size: 1em;
	border-collapse: collapse;
	text-align:left;
}
table#project td { /* puts space between entries in the project description table on the application page */
	padding-bottom: 7px;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.spacer { /* used to push td elements to the right a bit. why margin-left doesn't work for this, I don't know. */
	padding-left:20px;
}
.error {
	color:red;
}
.center_box { /* each instance of this class holds a center title_bar block and content block. Note that the title_bar block cannot be placed within the content block because the text in the content block requires padding so that it does not touch the edges of the content block, and this padding would therefore incorrectly bound the title bar were it so placed. Thus the content is a separate block added below the title block. Note also that the .center_box is flowed directly onto the page without being contained within an absolutely positioned block. This is contrary to blocks of class "box", which are flowed within the absolutely positioned IDs "left_sidebar" and "right_sidebar". The center_box class and the box class both use the same title_bar class for their dark blue title band. */ 
	margin: 0px 250px 12px 171px;
	padding: 0 px;
    /* border: 2px solid #06003E; */
}
.center_box .content{ /* sets the background color of the sidebar boxes to light blue */
	background-image: url(kinostat_pics/center_background.gif);
}
.title_bar { /* this class creates the title bar that appears at the top all boxes (center, left, right). the color the h3 text in the titlebar is different for title_bars in the center column versus in the sidebar. this is handled below. */
	background: #06003E;
	padding: 0px 10px 4px 10px;
}
.center_box .title_bar h3 { /* this class makes each title in a center_box title_bar white (titlebar h3 text within the box class, used for the left_sidebar and right_sidebar titles, is light blue) */ 
	color: #FFF;
	font-size: 12px;
}
.content { /* this affects the content in instances of the center_box class AND instances of the box class within the left_sidebar and right_sidebar. Padding is applied within this block, as opposed to within instances of the center_box and box class because center_box and box also contain a titlebar, and the padding would incorrectly apply to the tilebar in that case */
	padding: 10px 10px 10px 10px;
}
#left_sidebar { /* this ID makes the sidebar that appears on the left-hand side and contains elements of class "box" */
	position: absolute;
	width: 160px;
	top: 151px;
	left: 10px;
}
#right_sidebar { /* this ID creates the right-hand sidebar, which contains elements of class "box". */
	position: absolute;
	width: 238px; /* the right margin for #center is 240, but the width of #right_outer_box plus the right absolute positioning is 248, wtf? */
	top: 151px;
	right: 10px;
}
.box { /* a box containing sidebar content. these are flowed in the (absolutely positioned) left and right sidebars */
	margin: 0px 0px 12px 0px; /* this puts vertical space between sidebar boxes. */
    /* border: 2px solid #06003E; */
}
.box .title_bar h3 { /* sets the h3 (title) text of the sidebar boxes to light blue */
	color: #DAE3EE;
	font-size: 12px;
}
.box .content { /* sets the background color of the sidebar boxes to light blue */
	background-image: url(kinostat_pics/sidebar_background.gif);
}
#youtube_marquee { /* used to show link to youtube video on comments page */
	margin-top: 10px;
	margin-bottom: 5px;
	text-align:center !important;
	/* margin-left: auto;
	margin-right: auto; */ /* auto margins fail to center the object for some reason, even in FF */
}
.result_marquee {
	height:240px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	max-width: 600px;
}
.result_marquee img { /* shows the relevant film's poster, displayed as inline, so that the stats table can be displayed on the same line */
	position:absolute;
	left:10px;
	top:0px;
}
.result_marquee table {
	width:100%;
	position:relative;
}
.result_marquee th { /* if the data runs over multiple rows, align the heading with the top data line */
	vertical-align:top;
	width:110px;
}
.result_marquee td { /* if the heading runs over multiple rows, align the data with the bottom heading line */
	vertical-align:bottom;
}
.result_marquee_table_wrapper { /* necessary to keep the table from expanding into the margin at 100% width, see http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_23242557.html?cid=239#a21171322 */
	margin-left:200px;
	margin-right:10px; /* to stop the right side of the result_marquee table doesn't get too close to the content div */
	margin-top:5px; /* so that the top of the table falls slightly below sthe top of the image */
}
.result_marquee_table_wrapper img {
	position:static;
}
.comment_field {
	padding:4px 10px;
}
.standard_comment {
	background:#DAE3EE;
}
.new_comment {
	background:#9D99B0;
}
.hidden_comment {
	background:#EBA7A7;
}
.comment_heading_left {
	float:left;
	color:#06003E;
	font-weight:bold;
}
.comment_heading_right {
	float:right;
	color:#06003E;
	font-weight:bold;
}
#comment_form {
	background:#DAE3EE;
	padding:10px 10px 15px 10px;
}

/* spiffycorner: header rounded corners */
.spiffy_header{display:block;}
.spiffy_header *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#06003E}
.spiffy_header1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #596691;
  border-right:1px solid #596691;
  background:#2a2c62}
.spiffy_header2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #89a1c2;
  border-right:1px solid #89a1c2;
  background:#212259}
.spiffy_header3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #212259;
  border-right:1px solid #212259;}
.spiffy_header4{
  border-left:1px solid #596691;
  border-right:1px solid #596691}
.spiffy_header5{
  border-left:1px solid #2a2c62;
  border-right:1px solid #2a2c62}
.spiffy_headerfg{
  height: 117px;
  background:#06003E}
/* end spiffycorner header rounded corners */

/* spiffycorner menu rounded corners */
.spiffy_menu{display:block}
.spiffy_menu *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background-image: url(kinostat_pics/background.gif);}
.spiffy_menu1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #444c7d;
  border-right:1px solid #444c7d;
  background:#7386ac}
.spiffy_menu2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #14114c;
  border-right:1px solid #14114c;
  background:#7c90b5}
.spiffy_menu3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #7c90b5;
  border-right:1px solid #7c90b5;}
.spiffy_menu4{
  border-left:1px solid #444c7d;
  border-right:1px solid #444c7d}
.spiffy_menu5{
  border-left:1px solid #7386ac;
  border-right:1px solid #7386ac}
.spiffy_menufg{
  padding: 5px 20px;
  background-image: url(kinostat_pics/background.gif);}
/* end spiffycorner menu rounded corners */

/* spiffycorner title_bar rounded corners (the top of the sidebar boxes) */
.spiffy_title_bar{display:block}
.spiffy_title_bar *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#06003E}
.spiffy_title_bar1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #596691;
  border-right:1px solid #596691;
  background:#2a2c62}
.spiffy_title_bar2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #89a1c2;
  border-right:1px solid #89a1c2;
  background:#212259}
.spiffy_title_bar3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #212259;
  border-right:1px solid #212259;}
.spiffy_title_bar4{
  border-left:1px solid #596691;
  border-right:1px solid #596691}
.spiffy_title_bar5{
  border-left:1px solid #2a2c62;
  border-right:1px solid #2a2c62}
.spiffy_title_barfg{
  background:#06003E}
/* end spiffycorner title bar rounded corners */

/* spiffycorner sidebar content rounded corners (the bottom of the sidebar boxes) */
.spiffy_sidebar_content{display:block}
.spiffy_sidebar_content *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background-image: url(kinostat_pics/sidebar_background.gif);}
.spiffy_sidebar_content1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #b4c7dd;
  border-right:1px solid #b4c7dd;
  background:#c9d7e6}
.spiffy_sidebar_content2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #9eb7d3;
  border-right:1px solid #9eb7d3;
  background:#cdd9e8}
.spiffy_sidebar_content3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cdd9e8;
  border-right:1px solid #cdd9e8;}
.spiffy_sidebar_content4{
  border-left:1px solid #b4c7dd;
  border-right:1px solid #b4c7dd}
.spiffy_sidebar_content5{
  border-left:1px solid #c9d7e6;
  border-right:1px solid #c9d7e6}
.spiffy_sidebar_contentfg{
  background:#DAE3EE}
/* end spiffycorner sidebar content rounded corners */

/* spiffycorner center_box content rounded corners */
.spiffy_center_box_content{display:block}
.spiffy_center_box_content *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.spiffy_center_box_content1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #c4d3e4;
  border-right:1px solid #c4d3e4;
  background:#e5ecf3}
.spiffy_center_box_content2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #a2bad5;
  border-right:1px solid #a2bad5;
  background:#ebf0f6}
.spiffy_center_box_content3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ebf0f6;
  border-right:1px solid #ebf0f6;}
.spiffy_center_box_content4{
  border-left:1px solid #c4d3e4;
  border-right:1px solid #c4d3e4}
.spiffy_center_box_content5{
  border-left:1px solid #e5ecf3;
  border-right:1px solid #e5ecf3}
.spiffy_center_box_contentfg{
  background-image: url(kinostat_pics/center_background.gif);}
/* end spiffycorner center_box content rounded corners */