@charset "UTF-8";
/*-----------------styles----------------------------------*/

div#wrapper { 
    display: flex;
    flex-flow: row;
}

div#lft_sidebar {
    width: 265px;
    flex: initial;
    order: 1;
    margin-right: 5px;
	background: rgba(30, 16, 18, 0.95);
    border-radius: 10px;
}

div#main_content {
    width: 600px;
    flex: initial;
    order: 2;
    margin-right: 5px;
    padding-bottom: 20px;
	background: rgba(30, 16, 18, 0.95);
	border-radius: 10px;
}

div#rgt_sidebar {
    flex: 1;
    order: 3;
	background: rgba(30, 16, 18, 0.95);
	border-radius: 10px;
}

footer#footer { 
    order: 4;
    margin-top: 5px;
    max-width: 1200px;
	margin: 0 auto; 
    margin-top: 5px;
}
/*---------Navigation -------------*/

nav.topnav { display: none; }

div#wrapper div#lft_sidebar section#nav-container nav.navigation ul.nav li a.current { padding-top: 30px; }

/*.nav_arrow { padding-left: 0px; }

nav.navigation ul.nav li ul { right: 1.8em; }*/

/* ---------------- lft_sidebar specific styles ----------------*/
/* ---------------- Awards specific styles ----------------*/

section.section_default h1, h2 {
	position:absolute;
	left:-2000em;
}
#header_awards {
	/*clear: both;*/
    /*margin-top: 30px;*/
	margin-bottom: 10px;
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
}
.awards {
	position: relative;
	width: 90%;
	margin: 30px 20px 40px 20px;
	color: #FFF;
}
.awards h4 {
    margin-left: -10px;
	margin-bottom: 20px;
	font-size: .9em;
	color: #F49321;
}
.awards h5 {
	float: left;
	padding-right: 0px;
	margin-bottom: 20px;
	font-size: .7em;
}
.nomination {
	clear: both;
	list-style: none;
	text-align: left;
}
.nomination li {
	font-size: .9em;
}
.nomination li:nth-child(2) {
	margin-left: 20px;
}
.nomination li:nth-child(3) {
	margin-left: 20px;
}
.nomination li:nth-child(4) {
	margin-left: 20px;
}
.nomination a {
	color: #CDEBF2;
	text-decoration: none;
}
.winner_heading {
	float: right;
	margin-right: 10px;
	margin-bottom: 20px;
	font-size: .7em;
	font-weight: bold;
}
.awards p {
	clear: both;
	font-size: .9em;
}
.awards a {
	color: #CDEBF2;
	text-decoration: none;
}	
figure.nominated_film {
	clear: both;
	list-style: none;
	width: 90%;
	margin: 10px 0px 30px 0px;
	text-align: center;
}
figure.nominated_film a img.award_film_img {
	margin: 10px auto 10px auto;
    align-content: center;
}
figure.nominated_film figcaption ul li { font-size: .8em; }
.over_hang {
	margin-left: 20px;
}
.note {
	font-size: .85em;
}
.bafta_nomination {
	clear: both;
	font-size: .9em;
	list-style: none;
}
.emmy_nomination {
	clear: both;
	font-size: .9em;
	list-style: none;
}
.emmy_nomination li:nth-child(2) {
	margin-left: 15px;
}
.emmy_nomination li:nth-child(3) {
	margin-left: 15px;
}
.emmy_nomination li:nth-child(4) {
	margin-left: 15px;
}
.emmy_nomination li:nth-child(5) {
	margin-left: 15px;
}
.emmy_nomination li:nth-child(6) {
	margin-left: 15px;
}
.emmy_nomination li:nth-child(7) {
	margin-left: 15px;
}
.honorary_nomination {
	clear: both;
	font-size: .9em;
	list-style: none;
}
.honorary_nomination a {
	clear: both;
	color: #CDEBF2;
	text-decoration: none;
}
.honorary_nomination li:first-child {
}
.honorary_nomination li:nth-child(2) {
	margin-left: 20px;
}
.honorary_nomination li:nth-child(3) {
	margin-left: 20px;
}
.honorary_nomination li:nth-child(4) {
	margin-left: 20px;
}
.honorary_nomination li:nth-child(5) {
	margin-left: 20px;
}
.honorary_nomination li:nth-child(6) {
	margin-left: 20px;
}
.special_award {
	list-style: none;
}
.special_award li {
	margin-left: 10px;
}
.special_award li:first-child {
	margin-bottom: 5px;
}
.nomination_span {
	margin-left: -20px;
}
.emmy_nomination_span {
	margin-left: 15px\9;/*to target IE7*/
}
.bw_img {
	margin-right: 5px;
}
.color_img {
	float: right;
	margin-right: 25px;
}
.honorary_award li {
	list-style: none;
}
.honorary_award li:first-child {
	margin-top: 10px;
	margin-right: 10px;
	text-align: left;
	font-size: .8em;
}
.honorary_award li:nth-child(2) {
	margin-top: 10px;
}
/* --- ajaxpagination styles ---*/
#paginate-top-awards {
	margin-right: 10px;
}
#paginate-bottom-awards {
	margin-right: 10px;
}
/* --------------------------------------------------------------*/
/* -----------------other_pictures - left ------------------------------*/
#other_pictures_left {
	position: relative;
	margin: 20px;
	margin-bottom: 40px;
	color: #fff; 
}
#other_pictures_left a {
	color: #CDEBF2;
	text-decoration: none;
}
.attribution_left {
	float: right;
	color: #fff;
	line-height: 0px;
	font-size: .8em;
	margin-bottom: 5px;
}
.img_detail_left {
	clear: both;
}
.img_detail_left a {
	color: #CDEBF2;
	text-decoration: none;
}
/* ---------------- main_content specific styles ----------------*/
/* ---------------- featured_person specific styles ----------------*/
#header_feature {
	/*margin-top: -18px;*/
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
}
#feat_person_img {
	position: relative;
	overflow: hidden;
}
#feat_person_img img {
	width: 95%;
	margin: 2.5%;
}
#feat_person_img figcaption {
	margin-left: 2.5%;
	margin-right: 2.5%;
	color: #fff;
}
#feat_person_img a {
	color: #CDEBF2;
	text-decoration: none;
}
/* 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%;
}
figcaption ul {
	position: relative;
	list-style: none;
}
.attribution {
	float: right;
	margin-top: -6px;
	color: #fff;
	line-height: 0;
	font-size: .8em;
}
figcaption ul li:last-child {
	clear: both;
}
/* ---------------- Bio specific styles ----------------*/
#biography {
	/*width: auto;*/
	/*height: auto;*/
    
	margin: 30px 20px 50px 20px;
	color: #FFF;
}
#biography h4 {
	color: white;
    margin-left: 0px;
}
#biography p {
	margin-top: 10px;
	margin-bottom: 5px;
}
#biography ol {
	margin-left: 20px;
}
#biography ol li {
	margin-bottom: 5px;
}
#biography ul {
	margin-left: 10px;
	list-style: none;
}
#biography ul li {
	margin-bottom: 5px;
}
#biography a {
	color: #CDEBF2;
	text-decoration: none;
}
.links {
	font-size: .9em;
}
#biography img {
	float: right;
	margin-top: 1px;
	margin-right: 50px;
}
.img_main {
	width: 120px;
	margin: 20px 20px 20px 20px;
	float: left;
}
.detail_main {
	margin-top: 25px;
	margin-left: 110px;
	width: 75%;
	color: #FFF;
}
/* ---------------- Other Pictures specific styles ----------------*/
#other_pictures {
	position: relative;
	overflow: hidden;
	/*margin-top: 20px;*/
	color: #fff;
}
#other_pictures img {
	width: 95%;
	margin: 2.5%;
}
#other_pictures figcaption {
	margin-right: 2.5%;
	margin-left: 2.5%;
}
#other_pictures a {
	color: #CDEBF2;
	text-decoration: none;
}
#other_pictures_reduced {
	position:relative;
	overflow: hidden;
	color: #fff;
	margin-left: 50px;
}
#other_pictures_reduced img {
	margin-top: -20px;
	max-width: 90%;
}
#other_pictures_reduced figcaption {
	margin-top: 10px;
	margin-right: 50px;
}
#other_pictures_reduced a {
	color: #CDEBF2;
	text-decoration: none;
}
/* ---------------- rgt_sidebar specific styles ----------------*/
/* ---------------- noted_films ----------------*/
#header_films {
	width: 100%;
	height: 30px;
	/*margin-top: -10px;*/
	margin-bottom: 20px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
}
.noted_films {
	/*position: relative;*/
	margin: 10px 20px 10px 10px;
	width: 95%;
	/*height: auto;*/
	color: #fff;
}
.film_img img {
	margin: 0px auto 10px auto;
	width: 100px;
	/*height: auto;*/
}
.film_detail {
	width: 90%;
	/*height: auto;*/
	margin: 0px 0px 30px 10px;
}
.film_detail ul {
	list-style: none;
	clear: both;
	font-size: .8em;
}
.film_detail li a {
	text-decoration: none;
	color: white;
}
.film_detail ul li:first-child {
	font-weight: bold;
}
#filmography {
	margin-top: 10px;
	margin-left: 20px;
	font-size: .8em;
	color: #fff;
}
#filmography a {
	text-decoration: underline;
}
#filmography img {
    display: inline-block;
	/*float: right;*/
	margin: -3px 10px; 10px; 5px;
}
/* --- ajaxpagination styles ---*/
#paginate-top {
	margin-right: 10px;
}
#paginate-bottom {
	margin-right: 10px;
}
/* ---------------- tv_series ----------------*/
#header_tv_series {
	width: 100%;
	height: 30px;
	margin-top: 40px;
	margin-bottom: 20px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
}
#header_tv_series_producer {
	width: 100%;
	height: 30px;
	margin-top: 40px;
	margin-bottom: 20px;
	background-image: url(../_images/people/heading_tv_series_producer.png);
}
#header_tv_series_director {
	width: 100%;
	height: 30px;
	margin-top: 40px;
	margin-bottom: 20px;
	background-image: url(../_images/people/heading_tv_series_director.png);
}
#header_tv_series_support {
	width: 100%;
	height: 30px;
	margin-top: 40px;
	margin-bottom: 20px;
	background-image: url(../_images/people/heading_tv_series_support.png);
}
div#tv_series {
    margin: auto;
	padding: 10px;
	/*width: 90%;*/
    /*align-content: center;*/
	/*height: auto;*/
	color: #fff;
}
/*figure.tv_series_img { width: 100%; }*/
figure.tv_series_img img {
    display: block;
    margin: auto;
	/*clear: both;*/
    /*align-content: center;
	/*width: 50%;*/
	/*float: left;*/
	padding-bottom: 15px;
}
figcaption.tv_series_detail {
	/*float: left;*/
	/*width: 40%;*/
	/*margin-left: 20px;*/
    text-align: center;
	margin-bottom: 60px;
}
.tv_series_detail ul {
	list-style: none;
	/*clear: both;*/
}
.tv_series_detail ul li {
	font-size: .8em;
	text-decoration: none;
}
.tv_series_detail ul li a {
	text-decoration: none;
	color: #CDEBF2;
}
.tv_series_detail ul li:first-child {
	font-size: 1em;
	font-weight: bold;
}
.tv_series_detail ul li:nth-child(2) {
	font-size: .9em;
}
/* ----------------------------------------*/


/*-- Media Queries --*/

@media screen and (max-width: 1100px) {
    
	/* right sidebar */
    div#rgt_sidebar { min-width: 225px; }
    
}

@media screen and (max-width: 1075px) {
    
	/* navigation */
    section#nav-container { display: none; }
    
    nav.topnav {
        display: block;
        margin-top: -80px;
        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 a.active {
        background-color: #F49321;
        color: white;
    }

    /* Show the dropdown menu on hover */
    nav.topnav div.dropdown:hover .dropdown-content { display: block; }
    
    div#wrapper { margin-top: 0px; }
    
}

@media screen and (max-width: 1025px) {
    
	/* 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: 925px) {
    
	/* left sidebar */
    div#lft_sidebar { min-width: 225px; }
 
}

@media screen and (max-width: 700px) {
    
    /* left sidebar */
    #header_awards { height: 25px; }
    #header_awards h3 {  
        font-size: 1em; 
        line-height: 20px; 
    }
    
	/* main content */
    div#header_feature { height: 25px; }
    div#header_feature h3 {  
        font-size: 1em; 
        line-height: 20px; 
    }
    div#main_content figure#feat_person_img figcaption ul li:nth-child(2) { font-size: .8em; }
    div#biography { font-size: .8em; }
    div#biography p.links { font-size: .8em; }
    figure#other_pictures figcaption ul li:nth-child(2) { font-size: .8em; }
    
    /* right sidebar */
    div#header_films { height: 25px; }
    div#header_films h3 {  
        font-size: 1em; 
        line-height: 20px; 
    }
    div#header_tv_series { height: 25px; }
    div#header_tv_series h3 { 
        font-size: 1em; 
        line-height: 20px; 
    }
    
}

@media screen and (max-width: 685px) {
    
    /* left sidebar */
    div#lft_sidebar { min-width: 175px; }
    
	/* main content */
    div#main_content { min-width: 225px; }
    
    /* right sidebar */
    div#rgt_sidebar { min-width: 175px; }
    
    
}

@media screen and (max-width: 590px) {
    
    /* left sidebar */
    div#lft_sidebar { min-width: 150px; }
    div.awards h5 { font-size: .5em; }
    div.awards span.winner_heading { font-size: .5em; }
    
	/* main content */
    div#main_content { min-width: 175px; }
    
    /* right sidebar */
    div#rgt_sidebar { min-width: 150px; }
    /*div#rgt_sidebar section div#header_films { height: 55px; }
    div#header_films h3 { text-align: center; }*/
    
    
}