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

div#wrapper { display: flex; }

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

nav.topnav { display: none; }

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

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

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

/* ---------------- lft_sidebar specific styles ----------------*/
/*------------- genres specific styles --------------- */
#header_genres {
    width: 100%; 
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
section#genres h1, h2 {
	position:absolute;
	left:-2000em;
}
section#genres { height: 860px; }
section#genres ul {
    margin-left: 40px;
	list-style-type: none;
}
section#genres ul li {
	line-height: 2;
	font-size: 1.2em;
}
section#genres ul li:first-child { padding-top: 20px; }
section#genres a { color: #FFFFFF; }
section#genres a:hover { font-weight: bold; }

/*------------------- main_content specific styles ---------------------*/
section.section_default h1, h2 {
	 position:absolute;
	 left:-2000em;
}
#header_romantic_comedies_of_the_new_millenium {
    width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
ul.ul_main {
	margin: 0px 10px 30px 0px;
	width: 100px;
	float: left;
	list-style-type: none;
	color: #FFF;
	text-align: center;	
}
.ul_main img {
	width: 100px;
	height: 175px;
}
/*this is for images that have a live link*/
.linked:hover {
	border: solid 1px #F3D61C;
}
ul.ul_main>:first-child {
	margin-left: -5px;
}

/*----------------- best_adventure_classics_of_the_1990s --------------------*/
#header_best_adventure_classics_of_the_1990s {
    margin-top: 20px;
    width: 100%; 
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
/*----------------- feature_animation_classics_of_the_1980s --------------------*/
#header_feature_animation_classics_of_the_1980s {
    margin-top: 20px;
    width: 100%; 
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
#header_feature_animation_classics_of_the_1980s h3 { font-size: 1.15em; }

/*----------------- biographical_classics_of_the_1970s --------------------*/
#header_biographical_classics_of_the_1970s {
    margin-top: 20px;
    width: 100%; 
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}

/*---------------- rgt_sidebar specific styles ------------------*/
/*---------------- crime_classics_of_the_1960s ---------------*/
#header_crime_classics_of_the_1960s {
    width: 100%; 
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
/*---------------- documentary_classics_of_the_1950s ---------------*/
#header_documentary_classics_of_the_1950s {
    margin-top: 20px;
    width: 100%; 
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
/*---------------- best_dramas_of_the_1940s ---------------*/
#header_best_dramas_of_the_1940s {
    margin-top: 20px;
    width: 100%; 
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
/*---------------- best_musicals_of_the_1930s ---------------*/
#header_best_musicals_of_the_1930s {
    margin-top: 20px;
    width: 100%; 
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}

/*------ MEDIA QUERIES ------*/

@media screen and ( max-width: 1200px ) {
    
    /* right sidebar */
    
    #header_documentary_classics_of_the_1950s { font-size: .85em; }
}

@media screen and ( max-width: 1165px ) {
    
    /* right sidebar */
    
    #header_crime_classics_of_the_1960s { font-size: .85em; }
}

@media screen and ( max-width: 1140px ) {
    
    /* right sidebar */
    
    #header_documentary_classics_of_the_1950s { font-size: .8em; }
}

@media screen and ( max-width: 1115px ) {
    
    /* right sidebar */
    
    #header_crime_classics_of_the_1960s { font-size: .8em; }
    
    #header_documentary_classics_of_the_1950s { font-size: .75em; }
}

@media screen and ( max-width: 1095px ) {
    
    /* right sidebar */
    
    #header_crime_classics_of_the_1960s { font-size: .75em; }
    
    #header_documentary_classics_of_the_1950s { font-size: .7em; }
    
    #header_best_musicals_of_the_1930s { font-size: .85em; }
}

@media screen and ( max-width: 1070px ) {
    
    /* right sidebar */
    
    #header_crime_classics_of_the_1960s { font-size: .7em; }
    
    #header_documentary_classics_of_the_1950s { font-size: .65em; }
    
    #header_best_dramas_of_the_1940s { font-size: .85em; }
    
    #header_best_musicals_of_the_1930s { font-size: .8em; }
}

@media screen and ( max-width: 1045px ) {
    
    /* right sidebar */
    
    #header_crime_classics_of_the_1960s { font-size: .65em; }
    
    #header_documentary_classics_of_the_1950s { font-size: .6em; }
    
    #header_best_dramas_of_the_1940s { font-size: .85em; }
    
    #header_best_musicals_of_the_1930s { font-size: .8em; }
}

@media screen and ( max-width: 1030px ) {
    
    /* right sidebar */
    
    #header_crime_classics_of_the_1960s { font-size: .6em; }
    
    #header_documentary_classics_of_the_1950s { font-size: .55em; }
    
    #header_best_dramas_of_the_1940s { font-size: .8em; }
    
    #header_best_musicals_of_the_1930s { font-size: .75em; }
}

@media screen and ( max-width: 1015px ) {
	
	/* Header */
	header#main_header {
		background: url(../_images/index/home_background_header_ps_1117.png) no-repeat left top;
	}
    
    /* Main Content */
    
    div#main_content { flex: 0.5; }
    #header_romantic_comedies_of_the_new_millenium h3, #header_best_adventure_classics_of_the_1990s h3, #header_biographical_classics_of_the_1970s h3 { font-size: 1em; }
    #header_feature_animation_classics_of_the_1980s h3 { font-size: 1em; }

    /* Right Sidebar */
    div#rgt_sidebar { flex: 0.5; }
    
    #header_crime_classics_of_the_1960s h3 { font-size: 1.7em; }
    #header_documentary_classics_of_the_1950s h3 { font-size: 1.8em; } 
    #header_best_dramas_of_the_1940s h3 { font-size: 1.3em; }
    #header_best_musicals_of_the_1930s h3 { font-size: 1.4em; }
    
}

@media screen and ( max-width: 975px ) {
    
    /* main content */
    #header_romantic_comedies_of_the_new_millenium h3, #header_best_adventure_classics_of_the_1990s h3 { font-size: .85em; } 
    #header_feature_animation_classics_of_the_1980s h3 { font-size: .85em; }
    #header_biographical_classics_of_the_1970s h3 { font-size: .9em; }
    
    /* Right Sidebar */
    #header_crime_classics_of_the_1960s h3 { font-size: 1.5em; }
    #header_documentary_classics_of_the_1950s h3 { font-size: 1.6em; }  
    #header_best_dramas_of_the_1940s h3 { font-size: 1.1em; }
    #header_best_musicals_of_the_1930s h3 { font-size: 1.2em; }
    
}

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

@media screen and (max-width: 875px) {
    
    /* main content */
    #header_romantic_comedies_of_the_new_millenium h3, #header_best_adventure_classics_of_the_1990s h3 { font-size: .8em; } 
    #header_feature_animation_classics_of_the_1980s h3 { font-size: .8em; }
    #header_biographical_classics_of_the_1970s h3 { font-size: .9em; }
    
    /* Right Sidebar */
    #header_crime_classics_of_the_1960s h3 { font-size: 1.4em; }
    #header_documentary_classics_of_the_1950s h3 { font-size: 1.5em; }  
    #header_best_dramas_of_the_1940s h3 { font-size: 1.1em; }
    #header_best_musicals_of_the_1930s h3 { font-size: 1.2em; }
    
    
    /* footer */
    footer#footer { height: 270px; }
    footer#footer div#links p.legal { 
        margin-top: 10px;
        margin-left: 8px;
    }
}

@media screen and (max-width: 840px) {
    
    /* main content */
    #header_romantic_comedies_of_the_new_millenium h3, #header_best_adventure_classics_of_the_1990s h3 { font-size: .75em; } 
    #header_feature_animation_classics_of_the_1980s h3 { font-size: .75em; }
    #header_biographical_classics_of_the_1970s h3 { font-size: .85em; }
    
    /* Right Sidebar */
    #header_crime_classics_of_the_1960s h3 { font-size: 1.3em; }
    #header_documentary_classics_of_the_1950s h3 { font-size: 1.4em; }  
    #header_best_dramas_of_the_1940s h3 { font-size: 1em; }
    #header_best_musicals_of_the_1930s h3 { font-size: 1.1em; }
    
}

@media screen and (max-width: 825px) {
    
    /* Footer */
    footer#footer div#links { width: 50%; }
    
}
@media screen and (max-width: 821px) {
    
	/* footer */
    footer#footer { height: 200px; }
    
    footer#footer div#links {
        margin-top: -60px;
        width: 80%;
    }  
}

@media screen and (max-width: 800px) {
    
    /* Navigation */
    section#nav-container { display: none; }
    
    nav.topnav {
        display: block;
        margin-top: -70px;
        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: 2;
    }

    /* 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.by_genre {
        background-color: #F49321;
        color: white;
    }

    /* Show the dropdown menu on hover */
    nav.topnav div.dropdown:hover .dropdown-content {
      display: block;
    }
    
    /* left sidebar */
    div#lft_sidebar { 
        flex: 0 0 180px;
        margin-top: 73px;
    }
    div#header_genres h3 { font-size: 1em; }
    section#genres ul { margin-left: 20px; }
    div#lft_sidebar section#genres ul li a { font-size: .8em; }
    
    /* Main Content */
    div#main_content, div#rgt_sidebar { margin-top: 73px; }

    #header_romantic_comedies_of_the_new_millenium h3, #header_best_adventure_classics_of_the_1990s h3 { font-size: .75em; } 
    #header_feature_animation_classics_of_the_1980s h3 { font-size: .75em; }
    #header_biographical_classics_of_the_1970s h3 { font-size: .85em; }
    
    /* Right Sidebar */
    #header_crime_classics_of_the_1960s h3 { font-size: 1.3em; }
    #header_documentary_classics_of_the_1950s h3 { font-size: 1.4em; }  
    #header_best_dramas_of_the_1940s h3 { font-size: 1em; }
    #header_best_musicals_of_the_1930s h3 { font-size: 1.1em; }
}

@media screen and (max-width: 725px) {
    
     /* Main Content */
    #header_romantic_comedies_of_the_new_millenium h3, #header_best_adventure_classics_of_the_1990s h3 { font-size: .7em; } 
    #header_feature_animation_classics_of_the_1980s h3 { font-size: .7em; }
    #header_biographical_classics_of_the_1970s h3 { font-size: .8em; }
    
    /* Right Sidebar */
    #header_crime_classics_of_the_1960s h3 { font-size: 1.2em; }
    #header_documentary_classics_of_the_1950s h3 { font-size: 1.3em; }  
    #header_best_dramas_of_the_1940s h3 { font-size: .9em; }
    #header_best_musicals_of_the_1930s h3 { font-size: 1em; }
    
}

@media screen and (max-width: 680px) {
    
     /* Main Content */
    #header_romantic_comedies_of_the_new_millenium h3, #header_best_adventure_classics_of_the_1990s h3 { font-size: .65em; } 
    #header_feature_animation_classics_of_the_1980s h3 { font-size: .65em; }
    #header_biographical_classics_of_the_1970s h3 { font-size: .7em; }
    
    /* Right Sidebar */
    #header_crime_classics_of_the_1960s h3 { font-size: 1.1em; }
    #header_documentary_classics_of_the_1950s h3 { font-size: 1.2em; }  
    #header_best_dramas_of_the_1940s h3 { font-size: .85em; }
    #header_best_musicals_of_the_1930s h3 { font-size: .9em; }
    
}

@media screen and (max-width: 650px) {
    
     /* Main Content */
    #header_romantic_comedies_of_the_new_millenium, #header_best_adventure_classics_of_the_1990s { height: 50px; }
    #header_romantic_comedies_of_the_new_millenium h3, #header_best_adventure_classics_of_the_1990s h3 { 
        font-size: .7em;
        text-align: center;
    }
    #header_feature_animation_classics_of_the_1980s { height: 50px; }
    #header_feature_animation_classics_of_the_1980s h3 {  
        font-size: .7em;
        text-align: center; 
    }
    
    /* Right Sidebar */
    #header_crime_classics_of_the_1960s h3 { font-size: 1.2em; }
    #header_documentary_classics_of_the_1950s { height: 50px; }  
    #header_documentary_classics_of_the_1950s h3 {  
        font-size: 1.3em;
        text-align: center; 
    }  
    #header_best_dramas_of_the_1940s h3 { font-size: .9em; }
    #header_best_musicals_of_the_1930s h3 { font-size: 1em; }
    
}

@media screen and (max-width: 630px) {
    
     /* Main Content */
    #header_feature_animation_classics_of_the_1980s { height: 50px; }
    #header_feature_animation_classics_of_the_1980s h3 {  
        font-size: .75em;
        text-align: center; 
    }
    #header_biographical_classics_of_the_1970s { height: 50px; }
    #header_biographical_classics_of_the_1970s h3 { 
        font-size: .75em;
        text-align: center;
    }
    
    /* Right Sidebar */
    #header_crime_classics_of_the_1960s { height: 50px; } 
    #header_crime_classics_of_the_1960s h3 { 
        font-size: 1.2em; 
        text-align: center; 
    }
    #header_documentary_classics_of_the_1950s { height: 50px; }  
    #header_documentary_classics_of_the_1950s h3 {  
        font-size: 1.3em;
        text-align: center; 
    }
    
}

@media screen and (max-width: 570px) {
    
    /* right sidebar */
     #header_best_dramas_of_the_1940s { height: 50px; }
    #header_best_dramas_of_the_1940s h3 { 
        font-size: 1em;
        text-align: center;
    }
    #header_best_musicals_of_the_1930s { height: 50px; }
    #header_best_musicals_of_the_1930s h3 { 
        font-size: 1em;
        text-align: center; 
    }
    
}

@media screen and (max-width: 520px) {
    
    /* footer */
    footer#footer { height: 220px; }   
    
}

@media screen and (max-width: 510px) {
    
    /* footer */
    footer#footer div#links p.legal {
        margin-left: -80px;
        width: 90%;
    }
    
}

@media screen and (max-width: 500px) {
    
    /* container */
    div#container { min-width: 375px; }
    
    /*  wrapper */
    div#wrapper { flex-flow: wrap; }
    
    /* left sidebar */
    div#lft_sidebar { order: 1; flex: 1 0 160px; }
    
    /* Main Content */
    div#wrapper div#main_content { order: 2; flex: 1 60%; margin-right: 0px;}
    #header_romantic_comedies_of_the_new_millenium, #header_best_adventure_classics_of_the_1990s { height: 30px; }
    #header_feature_animation_classics_of_the_1980s { height: 30px; }
    #header_biographical_classics_of_the_1970s { height: 30px; }
    
    /* right sidebar */
    div#wrapper div#rgt_sidebar { order: 3; flex: 0 1 100%; margin-top: 5px;}
    #header_crime_classics_of_the_1960s { height: 30px; }
    #header_documentary_classics_of_the_1950s { 
        height: 30px;
         font-size: .6em;
    }
     #header_best_dramas_of_the_1940s { 
         height: 30px;
         font-size: .75em;
    }
    #header_best_musicals_of_the_1930s { 
        height: 30px;
        font-size: .75em;
    }
    
}

@media screen and (max-width: 470px) {
    
    /*nav.topnav { margin-top: -60px; }
    
    div#main_content, div#rgt_sidebar { margin-top: 83px; }*/
    
    /* left sidebar */
    div#lft_sidebar { flex: 0 0 135px; }
    
    div#header_genres h3 { font-size: .8em; }
    
    section#genres ul { font-size: .8em; }
    
     /* Main Content */
    #header_romantic_comedies_of_the_new_millenium { height: 30px; }
    #header_best_adventure_classics_of_the_1990s { height: 50px; }
    #header_feature_animation_classics_of_the_1980s { height: 50px; }
    #header_biographical_classics_of_the_1970s { height: 30px; }
    
}