@charset "UTF-8";
/* CSS Document */
/***************************************
LAYOUT STYLES
****************************************/

header#main_header { width: 100%; }

div#wrapper { display: flex; }

div#lft_sidebar {
    flex: 0 0 180px;
    margin-top: 70px;
    margin-right: 5px;
	padding-right: 0px;
	background: rgba(30, 16, 18, .95);
    border-radius: 10px;
}

div#main_content {
    flex: 0 0 500px;
    margin-top: 70px;
    margin-right: 5px;
	height: auto;
	background: rgba(30, 16, 18, 0.95);
	border-radius: 10px;
}

div#rgt_sidebar {
    flex: 1;
    margin-top: 70px;
	height: auto;
	background: rgba(30, 16, 18, 0.95);
	border-radius: 10px;
}

footer#footer { 
    margin-top: 5px;
    max-width: 1200px;
	/*margin: 0 auto;*/
    height: 240px; /*DO NOT REMOVE*/
}

/* note:ruser class is designed to let registered users access page links */
.section_default.ruser {
	position: relative;
	clear: both;
}
.section_default h1, h2 {
	 position:absolute;
	 left:-2000em;
}
.ruser h1, h2 {
	 position:absolute;
	 left:-2000em;
}
/* ---------------- lft_sidebar specific styles ----------------*/

 /* Navigation */
section#nav-container { display: none; }

nav.topnav {
    display: block;
    margin-top: -72px;
    background-color: #1E1012;
    overflow: hidden;
}

nav.topnav a {
    float: left;
    display: block;
    color: #F49321;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

nav.topnav a:hover {
    background-color: #F2B81C;
    color: black;
}

/* Nav: dropdown container */
nav.topnav div.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
nav.topnav div.dropdown button.dropbtn {
  font-size: 16px; 
  border: none;
  outline: none;
  color: #F49321;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a background color to navbar links on hover */
nav.topnav a:hover, div.dropdown:hover button.dropbtn:hover {
    background-color: #F49321;
    color: black;
}

/* Dropdown content (hidden by default) */
nav.topnav div.dropdown div.dropdown-content {
  display: none;
  position: absolute;
  background-color: #20212A;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
nav.topnav div.dropdown div.dropdown-content a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a background color to dropdown links on hover */
nav.topnav div.dropdown .dropdown-content a:hover {
  background-color: #F49321; opacity: 0.8;
  color: black;
}

nav.topnav div.dropdown div.dropdown-content a.active {
    background-color: #F49321;
    color: white;
}

/* Show the dropdown menu on hover */
nav.topnav div.dropdown:hover .dropdown-content { display: block; }

/* ---- end navigation ----*/

/* ---------------- stars specific styles ----------------*/
div.header_stars {
    margin-top: 0px;
	margin-bottom: 10px;
    width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
	
}
div.header_stars h3 {
    padding-top: 3px;
    padding-left: 5px;
    font-weight: 500;
}

.img_left {
	width: 90%;
	margin: auto;
}
.detail_left {
	color: #FFF;
}
.detail_left p {
	font-size: 1.2em;
	font-weight: bold;
}
.detail_left a {
	text-decoration: none;
	color: #fff;
}
/* ---------------- co-stars specific styles ----------------*/
/*#header_co-star {
	width: 100%;
	height: 30px;
	/*margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../_images/movies/headings/heading_stars.png);*/
	/*background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
/*}
#header_co-stars {
	width: 200px;
	height: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../_images/movies/headings/heading_co-stars.png);
}
/* ---------------- featured players specific styles ----------------*/
#header_featured_player {
    margin-top: 0px;
	margin-bottom: 10px;
    width: 100%;
	height: 60px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
div.header_featured_player h3 {
    padding-top: 3px;
    padding-left: 5px;
    font-weight: 500;
}
#header_featured_players {
    margin-top: 0px;
	margin-bottom: 10px;
    width: 100%;
	height: 60px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
div.header_featured_players h3 {
    padding-top: 3px;
    padding-left: 5px;
    font-weight: 500;
}
/* --------------------------------------------------------------*/

/* ---------------- main_content specific styles ----------------*/

div#rgt_sidebar_container { display: none; }

/* ---------------- featured_film specific styles ----------------*/
#header_feature {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
#header_feature h3 {
    padding-top: 3px;
    padding-left: 5px;
    font-weight: 500;
}
#header_feature span { 
    float: right;
    margin-right: 10px;
} 
#feat_film_img {
	position: relative;
	overflow: hidden;
}
#feat_film_img img {
	width: 90%;
	margin: 2.5% 5% 2.5% 5%;
}
/* this is styling for the transparent gif.  It should lay on top of the image and cover it.*/
.cover, .cover img {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
}
#feat_film_img figcaption {
	color: #fff;
	float: right;
	clear:right;
	margin: -10px 25px 0px 25px;
}
/* ---------------- film_source specific styles ----------------*/
#header_film_source {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
.img_source img {
	width: 120px;
	margin: 20px auto;
	/*float: left;*/
}
.detail_source {
	float: left;
	margin: 16px 20px 40px 20px;
	width: 85%;
	height: auto;
	color: #FFF;
}
.detail_source ul {
	list-style: none;
}
.detail_source a {
	color: #CDEBF2;
	text-decoration: none;
}
.detail_source ul li:first-child {
	font-weight: bold;
}
.detail_source ul li:nth-child(2) {
	margin-bottom: 10px;
}
.detail_source p {
	margin-bottom: 5px;
}
.detail_source_wide {
	margin: 16px 20px 40px 20px;
	width: 100%;
	height: auto;
	color: #FFF;
}
.detail_source_wide ul {
	list-style: none;
}
.detail_source_wide ul li:first-child {
	font-weight: bold;
}
.detail_source_wide ul li:nth-child(2) {
	margin-bottom: 10px;
}
.detail_source_wide a {
	color: #CDEBF2;
	text-decoration: none;
}
.detail_source_wide p {
	margin-bottom: 5px;
}
/* ---------------- producer specific styles ----------------*/
#header_producer {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
/*#header_producers {
	width: 500px;
	height: 30px;
	margin-top: 30px;
	margin-bottom: 10px;
	background-image: url(../_images/movies/headings/heading_producers.png);
	clear: both;
}
#header_producer_director {
	width: 500px;
	height: 30px;
	margin-top: 30px;
	margin-bottom: 10px;
	background-image: url(../_images/movies/headings/heading_producer_director.png);
	clear: both;
}*/
.img_producer img {
	width: 120px;
	margin: 20px 20px 40px 20px;
	float: left;
	clear: both;
}
.name {
	float: left;
	margin-top: 16px;
	margin-left: 20px;
	margin-bottom: -30px; 
}
.name a {
	color: #CDEBF2;
	text-decoration: none;
	font-weight: bold;
}
.detail_producer {
	float: left;
	margin: 16px 20px 40px 20px;
	width: 60%;/*300px*/
	height: auto;
	color: #FFF;
}
.detail_producer ul {
	list-style: none;
	clear: both;
}
.detail_producer a {
	color: #CDEBF2;
	text-decoration: none;
}
.detail_producer ul li:first-child {
	font-weight: bold;
}
.detail_producer ul li:nth-child(odd) {
	margin-bottom: 10px;
}
/*use this when a paginated CV is required*/
.detail_producer_cv {
	float: left;
	margin: 16px 20px 0px 20px;
	width: 60%;/*300px*/
	height: auto;
	color: #FFF;
}
.detail_producer_cv ul {
	list-style: none;
	clear: both;
}
.detail_producer_cv a {
	color: #CDEBF2;
	text-decoration: none;
}
.detail_producer_cv ul li:first-child {
	margin-top: -15px;
}
.detail_producer_cv ul li:nth-child(even) {
	margin-bottom: 10px;
}
/*use a table structure when adding a list of previously noted films (subsequent enhancement)*/
.table_main {
	width: 60%;
}
.table_main tr:first-child {
	height: 1em;
}
.table_main tr {
	height: 0.8em;
}
/* ---------------- director specific styles ----------------*/
#header_director {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
/*#header_directors {
	width: 500px;
	height: 30px;
	margin-top: 90px;
	margin-bottom: 10px;
	background-image: url(../_images/movies/headings/heading_directors.png);
	clear: both;
}*/
.img_director img {
	clear: both;
	width: 120px;
	margin: 20px 20px 20px 20px;
	float: left;
}
.detail_director {
	float: left;
	margin: 16px 20px 20px 20px;
	width: 60%;/*300px*/
	height: auto;
	color: #FFF;
}
.detail_director ul {
	list-style: none;
	clear: both;
}
.detail_director a {
	color: #CDEBF2;
	text-decoration: none;
}
.detail_director ul li:first-child {
	font-weight: bold;
	margin-bottom: 10px;
}
.detail_director ul li:nth-child(odd) {
	margin-bottom: 10px;
}

/* ---------------- rgt_sidebar specific styles ----------------*/

/* ---------------- movie_rating ----------------*/
#header_movie_rating {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
#header_movie_rating h3 {
    padding-top: 3px;
    padding-left: 5px;
    font-weight: 500;
}
.basic_movie_rating {
	color: #FFF;  
	margin: 20px auto 0px auto;  
	width: 	260px; 
	height:	87px;/*58px*/
	overflow: hidden; 
}
.sub_movie_rating {
	color: #FFF;  
	margin: 20px auto 0px 20px;  
	/*width: inherit;*/
	height:	95px;
	font-size: 1.3em;
	overflow: hidden; 
}
/*relates to subscribers the date they last entered a rating for said movie*/
#date_of_entry {
	font-size: .75em;
	margin-bottom: 5px;
}
/* This is the grey star grid */
ul.ratings {
	width:      280px;
	height:     92px;
	list-style: none;
	position:   relative;
	background: url(../_images/index/star_rating_grid_40px.png) no-repeat;
	cursor: pointer;
}
ul.ratings li {
	/*ie5 mac doesn't like it if the list is floated but ie6 does*/
	float: left;
}
/* This section takes the a: titles ["Bailed", etc.] and spreads them evenly across the background graphic */
ul.ratings li a {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 40px;
	text-decoration: none;
	z-index: 200;
}
ul.ratings li.red_star_0 a {
	left: 0;
}
/* This allows the titles to be hover-able across the full graphic */
ul.ratings li.red_star_0 a {
	left: 20px;
}
ul.ratings li.red_star_1 a {
	left: 40px;
}
ul.ratings li.red_star_2 a {
	left: 60px;
}
ul.ratings li.red_star_3 a {
	left: 80px;
}
ul.ratings li.red_star_4 a {
	left: 100px;
}
ul.ratings li.red_star_5 a {
	left: 120px;
}
ul.ratings li.red_star_6 a {
	left: 140px;
}
ul.ratings li.red_star_7 a {
	left: 160px;
}
ul.ratings li.red_star_8 a {
	left: 180px;
}
ul.ratings li.red_star_9 a {
	left: 200px;
}
ul.ratings li.red_star_10 a {
	left: 220px;
}
/*This section positions the indicated gold star rating from the background grid*/
ul.no_star {
	background-position: 0 0;
}
ul.gold_star_0 {
	background-position: 0 -40px;
}
ul.gold_star_5 {
	background-position: 0 -80px;
}
ul.gold_star_10 {
	background-position: 0 -120px;
}
ul.gold_star_15 {
	background-position: 0 -160px;
}
ul.gold_star_20 {
	background-position: 0 -200px;
}
ul.gold_star_25 {
	background-position: 0 -240px;
}
ul.gold_star_30 {
	background-position: 0 -280px;
}
ul.gold_star_35 {
	background-position: 0 -320px;
}
ul.gold_star_40 {
	background-position: 0 -360px;
}
ul.gold_star_45 {
	background-position: 0 -400px;
}
ul.gold_star_50 {
	background-position: 0 -440px;
}
/*This section positions the indicated green star rating from the background grid*/
ul.no_star {
	background-position: 0 0;
}
ul.green_star_0 {
	background-position: 0 -920px;
}
ul.green_star_5 {
	background-position: 0 -960px;
}
ul.green_star_10 {
	background-position: 0 -1000px;
}
ul.green_star_15 {
	background-position: 0 -1040px;
}
ul.green_star_20 {
	background-position: 0 -1080px;
}
ul.green_star_25 {
	background-position: 0 -1120px;
}
ul.green_star_30 {
	background-position: 0 -1160px;
}
ul.green_star_35 {
	background-position: 0 -1200px;
}
ul.green_star_40 {
	background-position: 0 -1240px;
}
ul.green_star_45 {
	background-position: 0 -1280px;
}
ul.green_star_50 {
	background-position: 0 -1320px;
}
/* This section pulls up hover-enabled red stars from the background grid and puts them on top of the gold star rating */
ul.ratings li a:hover {
	z-index: 2;
	width: 240px;
	height: 40px;
	left: 0;
	background: url(../_images/index/star_rating_grid_40px.png) no-repeat;
}
ul.ratings li.red_star_0 a:hover {
	background-position: 0 -480px;
}
ul.ratings li.red_star_1 a:hover {
	background-position: 0 -520px;
}
ul.ratings li.red_star_2 a:hover {
	background-position: 0 -560px;
}
ul.ratings li.red_star_3 a:hover {
	background-position: 0 -600px;
}
ul.ratings li.red_star_4 a:hover {
	background-position: 0 -640px;
}
ul.ratings li.red_star_5 a:hover {
	background-position: 0 -680px;
}
ul.ratings li.red_star_6 a:hover {
	background-position: 0 -720px;
}
ul.ratings li.red_star_7 a:hover {
	background-position: 0 -760px;
}
ul.ratings li.red_star_8 a:hover {
	background-position: 0 -800px;
}
ul.ratings li.red_star_9 a:hover {
	background-position: 0 -840px;
}
ul.ratings li.red_star_10 a:hover {
	background-position: 0 -880px;
}
 /*This section provides the click-fired overlay of the red symbol and is 
	triggered by javascript.*/
ul.ratings li.active {
	position: absolute;
	background: url(../_images/index/star_rating_grid_40px.png) no-repeat;
	left: 0px;
	width: 240px;
	height: 40px;
}
ul.ratings li.red_star_0.active {
	background-position: 0 -480px;
}
ul.ratings li.red_star_1.active {
	background-position: 0 -520px;
}
ul.ratings li.red_star_2.active {
	background-position: 0 -560px;	
}
ul.ratings li.red_star_3.active {
	background-position: 0 -600px;
}
ul.ratings li.red_star_4.active {
	background-position: 0 -640px;
}
ul.ratings li.red_star_5.active {
	background-position: 0 -680px;
}
ul.ratings li.red_star_6.active {
	background-position: 0 -720px;
}
ul.ratings li.red_star_7.active {
	background-position: 0 -760px;
}
ul.ratings li.red_star_8.active {
	background-position: 0 -800px;
}
ul.ratings li.red_star_9.active {
	background-position: 0 -840px;
}
ul.ratings li.red_star_10.active {
	background-position: 0 -880px;
}
/* puts a description of the rating below the star area */
.voting_data {
	width: 90%;
	margin-left: 20px;
	margin-bottom: 0px;
	height: 40px;
	color: #FFF;
}
/* text of rating plus count of total votes cast */		
.total_votes { 
	width: 		90%;
	height:  	45px;
	margin-bottom: 10px;
	font-size: .75em;
}
.other_ratings {
	position: relative;
	width: auto;
	height: 80px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.other_ratings h5 {
	color: #FFF;
	margin-bottom: 10px;
}
.imdbRatingPlugin {
	float: left;
}
.rotten_tomatoes_rating {
	float: left;
	margin-top: 6px;
	margin-left: 20px;
}
.rotten_tomatoes_rating img {
	height: 36px;
	width: 65px  ;
}
.mrqe_rating {
	float: left;
	margin-top: 6px;
	margin-left: 20px;
}
/*tooltip*/
#sign_up_tip {
	position: absolute;
	padding: 5px;  
	width: 250px; 
	height: 270px;
	font-size: 1em;
	overflow: hidden;
	background-color: #CCC;
	color: #000; 
	opacity: 0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	border-radius: 7px;
	-moz-border-radius: 7px; 
}
#sign_up_tip a {
	color: #F60;
}
#sign_up_tip ul {
	margin-top: 5px;
	padding-left: 20px;
}
#sign_up_tip li {
	margin-top: 5px;
}
#sign_up_tip li:last-child {
	list-style: none;
}
/* ---------------- runtime & synopsis specific styles ----------------*/
#header_synopsis {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
#header_synopsis h3 {
    padding-top: 3px;
    padding-left: 5px;
    font-weight: 500;
}
#runtime {
	padding: 20px 0px 0px 20px;
	width: auto;
	color: #fff;
}
#synopsis {
	width: 90%;
	padding: 0px 20px 0px 20px;
	color: #FFF;
}
#synopsis a {
	text-decoration: none;
	color: #CDEBF2;
}
/* ---------------- comments specific styles ----------------*/
#header_comments {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
#header_comments h3 {
    padding-top: 3px;
    padding-left: 5px;
    font-weight: 500;
}
#comments {
	width: 90%;
	padding: 30px 20px 40px 20px;
	color: #FFF;
}
#comments p {
	margin-bottom: 5px;
}
#comments a {
	text-decoration: none;
	color: #CDEBF2;
}
/* ---------------- Awards specific styles ----------------*/
#header_awards {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
#header_awards h3 {
    padding-top: 3px;
    padding-left: 5px;
    font-weight: 500;
}
.awards {
	position: relative;
	width: 90%;
	padding: 0px 0px 20px 20px;
	color: #FFF;
}
.awards h4 {
	margin-bottom: 20px;
	font-size: 1.2em;
	color: #F49321;
}
.awards a {
	color: #CDEBF2;
	text-decoration: none;
}
.awards h5 {
	float: left;
	padding-right: 80px;
	margin-bottom: 20px;
}
.winner_heading {
	float: right;
	margin-right: 10px;
	margin-bottom: 20px;
	font-size: 1em;
	font-weight: bold;
}
.awards ul {
	clear: both;
	list-style: none;
	margin-bottom: 5px;
}
.awards ul a {
	color: #CDEBF2;
	text-decoration: none;
}
.bw_img {
	margin-right: 5px;
}
.color_img {
	float: right;
	margin-right: 30px;
}
.over_hang {
	margin-left: 20px;
}
.award_recipient {
	margin-left: 30px;
	font-size: .8em;
}
.award_recipient_multi {
	margin-left: 30px;
	font-size: .8em;
}
/* ---------------- MPAA rating specific styles ----------------*/
#header_mpaa_rating {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
#header_mpaa_rating h3 {
    padding-top: 3px;
    padding-left: 5px;
    font-weight: 500;
}
#mpaa_rating {
	width: 90%;
	padding: 30px 0px 20px 20px;
	color: #FFF;
}
/* ---------------- MPAA rating specific styles ----------------*/
/* ---------------- Box Office Ranking specific styles ----------------*/
#header_box_office_ranking {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
#header_box_office_ranking h3 {
    padding-top: 3px;
    padding-left: 5px;
    font-weight: 500;
}
#box_office_ranking {
	width: 90%;
	padding: 30px 0px 20px 20px;
	color: #FFF;
}
#box_office_ranking ul {
	list-style: none;
	font-size: 1em;
}
#box_office_ranking a {
	text-decoration: none;
	color: #CDEBF2;
}
#box_office_ranking img {
	float: right;
}
/* ---------------- Revenues specific styles ----------------*/
#header_revenues {
	clear: both;
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
#header_revenues h3 {
    padding-top: 3px;
    padding-left: 5px;
    font-weight: 500;
}
#revenues {
	width: 90%;
	padding: 30px 0px 20px 20px;
	color: #FFF;
}
#revenues ul {
	list-style: none;
	font-size: 1em;
}
#revenues li:first-child {
	font-size: .8em;
}
#revenues img {
	float: right;
}
/* ---------------- Distributor specific styles ----------------*/
#header_distributor {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
#header_distributor h3 {
    padding-top: 3px;
    padding-left: 5px;
    font-weight: 500;
}
#distributor {
	padding: 30px 10px 20px 10px;
	color: #FFF;
}
#distributor ul {
	list-style: none;
}
#distributor li:last-child {
	margin-top: 10px;
}
#distributor img {
	width: 85%;
    height: auto;
	/*vertical-align: middle;*/
    margin: 0 auto;
}
#distributor a {
	text-decoration: none;
	color: #CDEBF2;
}
div#distributor ul li:last-child a { margin-left: 20px; }

/* ---------------- Location specific styles ----------------*/
#header_locations {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
#header_locations h3 {
    padding-top: 3px;
    padding-left: 5px;
    font-weight: 500;
}
#locations {
	width: 90%;
	padding: 30px 20px 20px 20px;
	color: #FFF;
}
#locations ul {
	list-style: none;
}
#locations li {
	padding-bottom: 20px;
}
#locations a {
	text-decoration: none;
	color: #CDEBF2;;
}
#locations a:hover {
	font-weight: bold;
}
/* ---------------- Sources specific styles ----------------*/
#header_sources {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
#header_sources h3 {
    padding: 3px;
    padding-left: 5px;
    font-weight: 500;
}
#sources {
	width: 90%;
	padding: 20px 20px 20px 20px;
	color: #FFF;
}
#sources ul {
	list-style: none;
	font-size: .8em;
}
#sources sup {
	float: left;
}
#sources a {
	float: left;
	text-decoration: none;
	color: #CDEBF2;
	padding-left: 10px;
}


/*-- Media Queries --*/

@media screen and (max-width: 1030px)  {
    
    /* main content */
    div#main_content { 
        flex: 1;
        margin-right: 0px;
    }
    div#rgt_sidebar_container { display: block; }
    
    /* right sidebar */
   div#rgt_sidebar { display: none; }
    
}

@media screen and (max-width: 1020px)  {
    
    /* Header */
	header#main_header { background: url(../_images/index/home_background_header_ps_1117.png) no-repeat left top; }
    
}

@media screen and (max-width: 940px)  {
	
	/* header */
	header#main_header { background: url(../_images/index/home_background_header_ps_1020_no_tagline.png) no-repeat; }
    
}

@media screen and (max-width: 875px)  {
    
    /* footer */
    div#links p.legal { margin-top: 10px; } 
    
}

@media screen and (max-width: 635px)  {
    
    /* left sidebar */
    div.header_stars h3 { font-size: 1em; }
    div#header_featured_players { height: 30px; }
    div#header_featured_players h3 { font-size: 1em; }
    
    /* main content */
    div#header_feature h3 {font-size: 1em; }
    div#header_movie_rating h3 {font-size: 1em; }
    div#header_film_source h3 {font-size: 1em; }
    div#header_producer h3 {font-size: 1em; }
    div#header_director h3 {font-size: 1em; }
    div#header_synopsis h3 {font-size: 1em; }
    div#header_comments h3 {font-size: 1em; }
    div#header_mpaa_rating h3 {font-size: 1em; }
    div#header_awards h3 {font-size: 1em; }
    div#header_box_office_ranking h3 {font-size: 1em; }
    div#header_revenues h3 {font-size: 1em; }
    div#header_distributor h3 {font-size: 1em; }
    div#header_locations h3 {font-size: 1em; }
    div#header_sources h3 {font-size: 1em; }
    
}

@media screen and (max-width: 575px)  {
    
    /* main content */
    div.movie_rating { font-size: 0.9em; }
    
    #box_office_ranking img {
        margin-top: -15px;
	    float: left;
    }
    #revenues img {
        margin-top: -40px;
	    float: left;
    
}
    
@media screen and (max-width: 556px)  {

    /* main content */
    div#box_office_ranking ul li { font-size: 0.9em; }
    /*div#revenues img { margin-top: -62px; }*/
    div#revenues ul li { font-size: 0.9em; }
    
}

@media screen and (max-width: 540px)  {
    
    /* main content */
    div#header_feature h3 {font-size: 0.9em; }
    div#header_movie_rating h3 {font-size: 0.9em; }
    div.movie_rating { font-size: 0.8em; }
    div#header_film_source h3 {font-size: 0.9em; }
    div#header_producer h3 {font-size: 0.9em; }
    div#header_director h3 {font-size: 0.9em; }
    div#header_synopsis h3 {font-size: 0.9em; }
    div#header_comments h3 {font-size: 0.9em; }
    div#header_mpaa_rating h3 {font-size: 0.9em; }
    div#header_awards h3 {font-size: 0.9em; }
    div.awards h4 {font-size: 0.9em; }
    div.awards h5 {font-size: 0.8em; }
    div.awards span.winner_heading {font-size: 0.8em; }
    div.awards ul li {font-size: 0.9em; }
    div.awards ul li a {font-size: 0.9em; }
    div#header_box_office_ranking h3 {font-size: 0.9em; }
    div#box_office_ranking ul li {font-size: 0.8em; }
    div#header_revenues h3 {font-size: 0.9em; }
    div#revenues ul li {font-size: 0.8em; }
    div#header_distributor h3 {font-size: 0.9em; }
    div#distributor ul li {font-size: 0.9em; }
    div#header_locations h3 {font-size: 0.9em; }
    div#locations ul li {font-size: 0.9em; }
    div#header_sources h3 {font-size: 0.9em; }
    
}

@media screen and (max-width: 520px)  {
    
    /* left sidebar */
    div#header_featured_players h3 {font-size: 0.9em; }
    div.wrapper_left figure figcaption p {font-size: 0.9em; }
    
    /* main content */
    figure.img_source figcaption.detail_source ul li {font-size: 0.9em; }
    figure.img_director figcaption.detail_director ul li {font-size: 0.9em; }
    div#runtime {font-size: 0.9em; }
    div#synopsis p {font-size: 0.9em; }
    div#comments p {font-size: 0.9em; }
    .awards li:nth-child(3n+1) { font-size: 0.9em; }
    #box_office_ranking img {
        margin-top: -15px;
	    float: left;
    }
    div#box_office_ranking ul li { font-size: 0.9em; }
    #revenues img {
        margin-top: -40px;
	    float: left;
    }
    div#revenues ul li { font-size: 0.9em; }
    
}

@media screen and (max-width: 512px)  {
    
    /* left sidebar */
    div#lft_sidebar { flex: 1; }
    div.header_stars h3 { font-size: 0.8em; }
    div#header_featured_players h3 { font-size: 0.8em; }
    
    /* main content */
    div#main_content {
        flex: none;
        width: 300px;
    }
    div#header_feature h3 {font-size: 0.8em; }
    div#header_movie_rating h3 {font-size: 0.8em; }
    div#header_film_source h3 {font-size: 0.8em; }
    div#header_producer h3 {font-size: 0.8em; }
    div#header_director h3 {font-size: 0.8em; }
    div#header_synopsis h3 {font-size: 0.8em; }
    div#header_comments h3 {font-size: 0.8em; }
    div#header_mpaa_rating h3 {font-size: 0.8em; }
    div#header_awards h3 {font-size: 0.8em; }
    .awards h5 { padding-right: 20px; }
    div#header_box_office_ranking h3 {font-size: 0.8em; }
    div#box_office_ranking ul li { font-size: 0.8em; }
    div#header_revenues h3 {font-size: 0.8em; }
    div#revenues ul li { font-size: 0.75em; }
    div#header_distributor h3 {font-size: 0.8em; }
    div#header_locations h3 {font-size: 0.8em; }
    div#header_sources h3 {font-size: 0.8em; }
}

@media screen and (max-width: 470px)  {
    
    /* left sidebar */
    figure.img_left img {
        width: 90%;
	    margin: 2.5% 5% 2.5% 5%;
    }
    figcaption.detail_left p { font-size: 1em; }
    
}

@media screen and (max-width: 450px)  {
    
    /* left sidebar */
    div#header_featured_players { height: 60px; }
    
}