@font-face {
  font-family: 'league_gothicregular';
  src: url("fonts/League_Gothic-webfont.eot");
  src: url("fonts/League_Gothic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/League_Gothic-webfont.woff") format("woff"), url("fonts/League_Gothic-webfont.ttf") format("truetype"), url("fonts/League_Gothic-webfont.svg#league_gothicregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@-moz-document url-prefix() {
  nav ul li:hover ul {
    top: 50px; } }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block; }

[hidden] {
  display: none; }

html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

button, input, select, textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

button, input {
  line-height: normal; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/** FILM EDUCATION LIFE OF PI **/
#wrapper {
  width: 960px;
  height: auto;
  background: url(../images/website_bg.jpg) no-repeat;
  margin: 0 auto;
  position: relative; }

#content {
  width: 780px;
  height: auto;
  background: url(../images/white-80-transparent.png);
  margin: 250px auto 0 auto;
  padding: 40px;
  position: relative; }
  #content blockquote {
    line-height: 1.5em; }
  #content ul {
    margin: 0 1em 1em 1em; }
    #content ul li {
      margin: 0 0 .8em 0;
      line-height: 1.5em; }

#left-col {
  float: left;
  width: 330px; }

#right-col {
  margin: 0 0 40px 40px;
  width: 410px;
  height: auto;
  float: right; }

#footer {
  width: 840px;
  height: 100px;
  margin: 30px auto 0 auto; }

/** NAVIGATION **/
nav {
  font-family: 'league_gothicregular', Arial, sans-serif;
  text-transform: uppercase;
  position: relative;
  top: 205px;
  background: url(../images/white-transparent-bg.png); }
  nav a {
    text-decoration: none;
    color: #000;
    font-size: 1.6em; }
    nav a:hover {
      color: #fec435; }
  nav > ul {
    width: 540px;
    padding: 10px 30px;
    height: 45px;
    margin: 0 auto;
    list-style: none; }
    nav > ul li {
      float: left;
      margin: 0 80px 0 0;
      position: relative;
      font-size: 1.65em; }
      nav > ul li ul {
        display: none; }
      nav > ul li:hover ul {
        display: block;
        position: absolute;
        left: -10px;
        padding: 0 0 5px 0;
        list-style: none;
        background: url(../images/nav-bg.png) repeat-x;
        z-index: 999; }
        nav > ul li:hover ul li {
          margin: 0;
          padding: 0 10px;
          font-size: .73em; }

.selected {
  color: #f7d01a; }

/** FORMATTING **/
p {
  font-family: Arial, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  padding: 0 0 1em 0;
  margin: 0; }
  p a {
    text-decoration: none;
    color: #ec6112; }
    p a:hover {
      text-decoration: underline; }

blockquote {
  font-style: italic; }

h1, h2, h3, h4 {
  font-family: 'league_gothicregular', Arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0 0 .2em 0; }

h1 {
  font-size: 2.3em; }

h2 {
  font-size: 1.6em;
  margin-top: .7em; }

h3 {
  font-size: 1.8em; }

h4 {
  font-size: 1.4em; }

/** VIDEOPLAYER **/
.transcript {
  font-size: .8em;
  text-align: right;
  padding: 0; }

.button, .playlist {
  background: url(../images/black-transparent-bg.jpg);
  font-family: 'league_gothicregular', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1.7em;
  padding: 5px 15px;
  color: #fec435;
  border: 0;
  height: 45px;
  text-align: left;
  text-decoration: none; }
  .button:hover, .playlist:hover {
    text-decoration: none;
    color: #fff;
    background: #000;
    cursor: pointer; }

.playlist {
  width: 270px;
  margin: 10px 0 0 40px; }

/** MISC**/
#fblikewidget {
  position: absolute;
  left: 50px;
  top: 100px; }

ul {
  margin: 0; }

.clear {
  clear: both; }

.hide {
  display: none; }

.print_show {
  display: none; }