/* MEYER RESET v1.0*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}



* {
  	border: 0;
  	margin: 0;
  	padding: 0;
  	font-family: arial, verdana, sans serif;
  	font-size: 1.0em;
  	text-decoration: none;
  	color: #000;
}


body {
	font-size:80%;
	background-color: #1C2D39;
}

small, sup, sub { font-size: 85%; }

h1, h2, h3, h4, h5, h6,
.headline1, .headline2, .headline3, .headline4, .headline5, .headline6 {
	color: #05054E;
	font-weight: bold;
	margin-top:0px;
	padding-top:0px;
	margin-bottom: 0.6em;
}

h1, .headline1 {
	font-size: 1.8em;
	
}

h2, .headline2 {
	font-size: 1.4em;
}

h3, .headline3 {
	font-size: 1.2em;
}

h4, .headline4 {
	font-size: 1.1em;
	
}

h5, .headline5 {
	font-size: 1.0em;
}

h6, .headline6 {
	font-size: 1.0em;
}


a {
	color: #05054E;
}

a:hover {
	text-decoration: underline;
}

p {
	margin-bottom: 1em;
	line-height: 1.6em;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html p {
  height: 1%;
  margin-left: 0;
  }
 
/* End hide from IE5/mac */

ul li {
	list-style-type: none;
}


.clear {
  clear: both;
  height: 0px;
  font-size: 1px;
  line-height: 1px;
  margin-bottom: -1px;
}

div#mainContainer {
	width: 960px;
	margin: 0 auto;
}

div#headerAds {
	width: 960px;
}

div#headerAds div#headerAd1 {
	float: left;
}

div#headerAds div#headerAd2 {
	float: right;
}

div#header {
	clear: both;
	width: 960px;
	height: 115px;
	margin-top: 10px;
	background: #1C2D39;
}

div#header img#headerLogo {
	float: left;
}

div#header form#headerSearch {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}

div#content {
	width: 960px;
	background-color: #EAEFF2;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#mainMenuColumn {
	width: 142px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 10px 0px;
	background-color: #36475E;
	
}

div#mainMenuColumn div#mainMenu {

}

div#mainMenuColumn div#mainMenu ul {
	margin-top: 1em;
  	margin: 0px;
  	padding: 0px;
  	list-style: none;
  	list-style-type: none;
  	list-style-position: outside;
}

div#mainMenuColumn div#mainMenu ul li {
  	margin: 0;
  	padding: 0;
}

div#mainMenuColumn div#mainMenu ul li a {
  	display: block;
  	margin-left: 0px;
  	padding-left: 20px;
  	padding-top: 3px;
  	padding-bottom: 3px;
  	color: #f0f0f0;
	font-size: 1.1em;
  	font-family: arial, verdana, sans serif;
  	font-weight: bold;
  	text-decoration: none;
  	width: 128px;
}

div#mainMenuColumn div#mainMenu ul li a:hover {
  	background-color: #293647;
}

div#mainMenuColumn div#mainMenu ul li a.active {
  	background-image: url('main_menu_bullet.gif');
  	background-position: left;
  	background-repeat: no-repeat;
}

div#mainMenuColumn div.mainMenuColumnAd {
	width: 120px;
	margin-left: 10px;
	margin-top: 50px;

}



div#footer {
	width: 860px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #202020;
	color: #d8d8d8;
	text-align: center;
	font-size: 0.9em;
}

div#footer a {
	color: #fff;
}

div#contentPage {
	width: 818px;
	padding-bottom: 100px;
	float: right;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html div#contentPage {
  width: 808px;
}
 
/* End hide from IE5/mac */


div#contentPage div#contentPageColumn1 {
	width: 658px;
	float: left;
	padding-top: 20px;
	background-color: #EAEFF2; 
}

div#contentPage div#contentPageColumn1 div.content {
	margin-left: 15px;
	margin-right: 18px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html div#contentPage div#contentPageColumn1 {
	width: 658px;
}
 
* html div#contentPage div#contentPageColumn1 div.content {
	margin-left: 10px;
	margin-right: 10px;
}
 
/* End hide from IE5/mac */

div#contentPage div#contentPageColumn1 div.content img#contentPageBig {
	/*width: 600px;*/
	margin-bottom: 15px;
}

div#contentPage div#contentPageColumn1 div.content h1 {
	clear: both;
	margin-top: 15px;
}

div#contentPage div#contentPageColumn1 div.content p {
	width: 458px;
 	line-height: 1.33em;
	padding-right: 10px;
}


div#contentPage div#contentPageColumn1 div.content #articleAuthorsDateRating {
	width: 618px;
}

div#contentPage div#contentPageColumn1 div.content #articleAuthorsDateRating .articleAuthors {
	float: left;
	padding-bottom: 0.15em;
}

div#contentPage div#contentPageColumn1 div.content #articleAuthorsDateRating .rating {
	float: right;
	padding-bottom: 0.15em;
}

div#contentPage div#contentPageColumn1 div.content #articleAuthorsDateRating .dateFacebook {
	clear: both;
	padding-top: 0.15em;
	border-top: 1px dotted #aaa;
	width: 618px;
	margin-bottom: 15px;
	font-size: .85em;
	color: #777;
}

div#contentPage div#contentPageColumn1 div.content #articleAuthorsDateRating .dateFacebook .fb_share_link {
	float: right;
	margin-right: 160px;
	padding: 2px 0px 0px 20px; 
	height: 12px;
	color: #333399;
	background: url(/design/facebook_share_icon.gif) no-repeat top left; 
}

div#contentPage div#contentPageColumn1 div.content .dateline {
  font-size: .85em;
  color: #777;
  margin-top: 0.1em;
}

div#contentPage div#contentPageColumn1 div.content .article_authors {
  border-bottom: 1px dotted #333399;   
  padding-bottom: 0.15em;
  margin-bottom: 0px;
}

div#contentPage div#contentPageColumn1 div.content .article_ingress {
  margin-top: 0.8em;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.4em; 
}

div#contentPage div#contentPageColumn1 div.content div.infoBox {
	width: 140px;
	padding: 5px ;
	float: right;
	clear: both;
	margin-bottom: 5px;
	margin-top: 0px;
	background-color: #D5DDE5;
}

div#contentPage div#contentPageColumn1 div.content div.ratingbox {
	width: 80px;
	float: right;
	clear: both;
	
}

div#contentPage div#contentPageColumn1 div.content div.cdon150 {
	width: 150px;
	padding: 0px;
	float: right;
	clear: both;
	margin-bottom: 5px;
	margin-top: 5px;
}

div#contentPage div#contentPageColumn1 div.content div.cdon150 img{
	width: 150px;
	padding: 0px;
	clear: both;
}


div#contentPage div#contentPageColumn1 div.infoBox p {
	width: 100%;
	padding-top: 0.5em;
	padding: 0px 0px 0px 0px;
}

div#contentPage div#contentPageColumn1 div.infoBox p * {
	width: 100%;
}

div#contentPage div#contentPageColumn1 div.infoBox h3 {
  font-size: 1em;
  color: black;
  font-weight: bold;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html div#contentPage div#contentPageColumn1 div.content div.infoBox {
	width: 130px;
}
 
/* End hide from IE5/mac */

#contentPage #contentPageColumn1 div.infoBox img {
	width: 100%;
	padding-top: 0px;
}

#contentPage #contentPageColumn1 #comments {
	width: 440px;
	margin-top: 50px;
}

#contentPage #contentPageColumn1 #comments h2 {
	margin-bottom: 10px;
}

#contentPage #contentPageColumn1 #comments .comment {
	/*width: 440px;*/
	width: 100%;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	clear: both;
	background-color: #DBE0E1;
	
}

#contentPage #contentPageColumn1 #comments .comment .commentColumn1 {
	/*width: 329px;*/
	width: 74%;
	float: left;
	padding-right: 5px;
	border-right: 1px dotted #333;
	padding-bottom: 10px;
}

#contentPage #contentPageColumn1 #comments .comment .commentColumn1 p{
	font-size:0.9em;
	width: 100%;
	margin-top:0.5em;
}

#contentPage #contentPageColumn1 #comments .comment .commentColumn2 {
	width: 25%;
	float: left;
}

#contentPage #contentPageColumn1 #comments .comment .commentColumn2 img {
	width: 100%;
}



#contentPage #contentPageColumn2 {
	width: 160px;
	padding-top: 20px;
	float: right;
	background-color: #BAC2CC;
}


#contentPage #contentPageColumn2 .content {
	width: 140px;
	margin-left: 10px;
	margin-right: 10px;
}

#contentPage #contentPageColumn2 .story {
	width: 140px;
	clear: both;
	margin-bottom: 20px;
}

#contentPage #contentPageColumn2 .story img {
	width: 140px; 
	margin-bottom: 5px;
}


.ad125 {
	clear: both;
	margin-bottom: 15px;
	padding-left:7px;
}

.ad120 {
	clear: both;
	margin-bottom: 15px;
	padding-left:10px;
}


div#sectionPage {
	width: 818px;
	float: right;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html div#sectionPage {
  width: 808px;

}
 
/* End hide from IE5/mac */


div#sectionPage div#sectionPageColumn1,
div#sectionPage div#sectionPageColumn2 {
	padding-top: 15px;
}

div#sectionPage div#sectionPageColumn1 {
	width: 498px;
	float: left;
	background-color: #EAEFF2;
}


div#sectionPage div#sectionPageColumn1 div.content {
	margin-left: 15px;
	margin-right: 15px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html div#sectionPage div#sectionPageColumn1 {
	width: 488px;
}
 
* html div#sectionPage div#sectionPageColumn1 div.content {
	margin-left: 10px;
	margin-right: 10px;
}
 
/* End hide from IE5/mac */

div#sectionPage div#sectionPageColumn1 div.content div#mainStory {
	width: 448px;
	background-color: #D5DDE5;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	margin-bottom: 15px;
}

div#sectionPage div#sectionPageColumn1 div.content div#mainStory img {
	width: 468px;
	margin-left: -10px;
	margin-right: -10px;
}

div#sectionPage div#sectionPageColumn1 div.content div#mainStory h2 {
	clear: both;
	padding-top: 10px;
}

div#sectionPage div#sectionPageColumn1 div.content div.story {
	width: 458px;
	padding-right: 10px;
	background-color: #D5DDE5;
	margin-bottom: 10px;
	font-size: 0.9em;
}

div#sectionPage div#sectionPageColumn1 div.content div.story img {
	float: left;
	/*width: 190px;*/
	
}

div#sectionPage div#sectionPageColumn1 div.content div.story p {
	float: right;
	width: 308px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
}

div#sectionPage div#sectionPageColumn1 a {
	margin-bottom: 5px;
}



div#sectionPage div#sectionPageColumn1 div#trailerColumn {
	padding-top: 10px;
	
}

div#sectionPage div#sectionPageColumn1 div#trailerColumn .content {
	width: 468px;
	margin-left: 10px;
	margin-right: 10px;
}

div#sectionPage div#sectionPageColumn1 div#trailerColumn h2 {
	font-size: 1.4em;
	color: #f0f0f0;
	margin-bottom: 10px;
	font-weight:normal;
}

div#sectionPage div#sectionPageColumn1 div#trailerColumn div.trailerA {
	margin-bottom: 15px;
}

div#sectionPage div#sectionPageColumn1 div#trailerColumn div.trailerA a {
	color: #f0f0f0;
	
}

div#sectionPage div#sectionPageColumn1 div#trailerColumn div.trailerA img {
	width: 468px;
	padding-bottom: 5px;
}



div#sectionPage div#sectionPageColumn2 {
	width: 320px;
	float: right;
	background-color: #BAC2CC; 
}

div#sectionPage div#sectionPageColumn2 div.content {
	width: 300px;
	margin-left: 10px;
	margin-right: 10px;
}

div#sectionPage div#sectionPageColumn2 div.content div.story {
	clear: both;
	margin-bottom: 20px;
}

div#sectionPage div#sectionPageColumn2 div.content div.story img {
	width: 300px;
	margin-bottom: 10px;
}



.biggreen{
  padding: 6px;
  font-size:18px;
  background-color: #33CC00;
}

.biggreen{
  padding: 6px;
  font-size:18px;
  background-color: #33CC00;
}

.bigorange{
  padding: 6px;
  font-size:18px;
  background-color: #EAB000;
}

.smallgreen{
  padding: 3px;
  margin-right: 7px;
  background-color: #33CC00;
}

.smallorange{
  padding: 3px;
  margin-right: 7px;
  background-color: #EAB000;
}

.smallred{
  padding: 3px;
  margin-right: 7px;
  background-color: #CC0000;
}

.smallgray{
  padding: 3px;
  margin-right: 7px;
  background-color: #909090;
}

.relatedmovie {
	font-size: 0.85em;
	line-height: 1.2em;
	font-weight: bold;
}

.amazon{
   text-align: right;
   font-weight: normal;
}

.titlecontainer
{
  width:620 px;
  margin-bottom:10px;  
}
 
.ratingdiv
{
	float: left;
	width: 160px;
	clear:both;
}

.titlediv
{
	margin-left: 168px;
	position: relative;
}

.movietitle {
	font-size: 2em;	
	color: #05054E;
	font-weight: bold;
	
}

.signature {
   font-size:0.9em;
   color: #555;
   font-weight: normal;
}

.prodcomp{
  padding: 3px 0px;
  color: #444;
  font-weight:bold;
}

.dateface { 
font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 7.5pt; 
font-weight: normal;
color: #ffffff;
}

.fp_sectionhead { 
font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 8pt; 
font-weight: bold;
color: #ffffff;
}

.kolofon { 
font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 7.5pt; 
font-weight: normal;
color: #d0d0d0;
}

.sortorder {
  color: #05054E;
}

.chosenorder {
  color: #05054E;
  font-weight: bold;
}

SELECT {
font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 9px;
}




.byline { 
font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 7.5pt; 
font-weight: normal; 
color: #333333; 
}



.caption { 
font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 7.5pt; 
font-weight: normal; 
font-style: italic; 
color: #000000; 
}


.pad1 {padding:1px;}
.pad1_4 {padding:1px 4px;}
.pad2 {padding:2px ;}
.pad3 {padding:3px ;}
.pad4 {padding:4px ;}
.pad5 {padding:5px ;}
.pad6 {padding:6px ;}
.pad7 {padding:7px ;}
.pad8 {padding:8px ;}
.pad9 {padding:9px ;}
.pad10 {padding:10px ;}



/* Start Mac IE5 filter \*/
#firstRow #mainMenuColumn, 
#firstRow #mainStoryColumn, 
#firstRow #moreStoriesColumn,
#thirdRow #filmsWaitingColumn,
#thirdRow #trailerColumn,
#thirdRow #thirdRowAdColumn,
#firstRow #sectionPageColumn1,
#firstRow #sectionPageColumn2,
#firstRow #contentPageColumn1,
#firstRow #contentPageColumn2
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
@media all and (min-width: 0px) {
#firstRow #mainMenuColumn, 
#firstRow #mainStoryColumn, 
#firstRow #moreStoriesColumn,
#thirdRow #filmsWaitingColumn,
#thirdRow #trailerColumn,
#thirdRow #thirdRowAdColumn,
#firstRow #sectionPageColumn1,
#firstRow #sectionPageColumn2,
#firstRow #contentPageColumn1,
#firstRow #contentPageColumn2
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
	}
#firstRow #mainMenuColumn:before, 
#firstRow #mainStoryColumn:before, 
#firstRow #moreStoriesColumn:before,
#thirdRow #filmsWaitingColumn:before,
#thirdRow #trailerColumn:before,
#thirdRow #thirdRowAdColumn:before,
#firstRow #sectionPageColumn1:before,
#firstRow #sectionPageColumn2:before,
#firstRow #contentPageColumn1:before,
#firstRow #contentPageColumn2:before
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}
/* End Mac IE5 filter */
#content,
#firstRow,
#thirdRow
	{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#content,
#firstRow,
#thirdRow
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#content:after,
#firstRow:after,
#thirdRow:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#content,
#firstRow,
#thirdRow
	{
	display: inline-block;
	}
/*\*/
#content,
#firstRow,
#thirdRow
	{
	display: block;
	}
/* end easy clearing */
#footer
	{
	clear: both;
	}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #secondRow, * > form, * > #footer
	{
	position: relative;
	z-index: 1000;
	}