@import 'style.css';

@import 'prettyPhoto.css';
body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
::-moz-selection {
  background: #eb2767;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #eb2767;
  color: #fff;
  text-shadow: none;
}
body {
  background-color: #eff7fc;
}
html {
  background-color: #f3f9fd;
}
h1,
h2,
nav li a,
nav li a:visited {
  color: #222;
}
nav li a:hover {
  color: #eb2767;
  background-color: white;
}
a {
  color: #eb2767;
}
a:visited {
  color: #cc134f;
}
a:hover {
  color: #ef5688;
  background-color: #fef0f4;
}
header h2 {
  color: #eb2767;
}
header {
  background-color: #99ccec;
}
nav {
  background-color: white;
}
form#contact .button {
  background-color: #eb2767;
}
form#contact .button:hover {
  background-color: #ef5688;
}
form#contact .button:active {
  background-color: #cc134f;
}
form#contact label.error {
  color: #eb2767;
}
.korean,
.winner {
  color: #2589c7;
}
a.social-button:hover {
  background-color: #f8b3ca;
}
img {
  max-width: 100%;
}
header#top {
  margin-bottom: 1em;
}
section {
  display: inline;
  float: left;
  width: 97.91666666666666%;
  margin: 0 1.0416666666666665%;
}
.credits-footer {
  display: inline;
  float: left;
  width: 97.91666666666666%;
  margin: 0 1.0416666666666665%;
}
body#castandcrew .content-box {
  display: inline;
  float: left;
  width: 47.91666666666667%;
  margin: 0 1.0416666666666665%;
}
#screenings {
  display: inline;
  float: left;
  width: 56.25%;
  margin: 0 1.0416666666666665%;
}
#latest {
  display: inline;
  float: left;
  width: 39.58333333333333%;
  margin: 0 1.0416666666666665%;
}
@media screen and (min-width: 769px) {
  section {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
  }
  section #featured {
    display: block;
    width: 102.08333333333333%;
    margin: 0 -1.0416666666666665%;
    *zoom: 1;
  }
  section #featured:before,
  section #featured:after {
    content: "";
    display: table;
  }
  section #featured:after {
    clear: both;
  }
  section #featured #intro {
    display: inline;
    float: left;
    width: 39.58333333333333%;
    margin: 0 1.0416666666666665%;
  }
  section #featured #viewer {
    display: inline;
    float: left;
    width: 56.25%;
    margin: 0 1.0416666666666665%;
  }
}
footer {
  display: inline;
  float: left;
  width: 97.91666666666666%;
  margin: 0 1.0416666666666665%;
}
footer ul#boxes {
  display: block;
  width: 102.08333333333333%;
  margin: 0 -1.0416666666666665%;
  *zoom: 1;
}
footer ul#boxes:before,
footer ul#boxes:after {
  content: "";
  display: table;
}
footer ul#boxes:after {
  clear: both;
}
footer ul#boxes li {
  display: inline;
  float: left;
  width: 12.202380952380915%;
  margin: 0 1.0416666666666665%;
  margin-bottom: 1em;
}
.replace {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.footerlogo a {
  display: block;
  background-repeat: no-repeat;
  background-position: top center;
  text-decoration: none;
}
.footerlogo a:hover {
  background-color: transparent;
  text-decoration: none;
}
#koryologo a {
  background-image: url(../../img/foot-logo-koryo-swap.png);
  height: 32px;
}
#koryologo a:hover {
  background-position-y: -32px;
}
#kfeiclogo a {
  background-image: url(../../img/foot-logo-kfeic-swap.png);
  height: 75px;
}
#kfeiclogo a:hover {
  background-position-y: -75px;
}
#adoailogo a {
  background-image: url(../../img/foot-logo-adoai-swap.png);
  height: 30px;
}
#adoailogo a:hover {
  background-position-y: -30px;
}
#logologo a {
  background-image: url(../../img/foot-logo-4-swap.png);
  height: 37px;
}
#logologo a:hover {
  background-position-y: -37px;
}
#acelogo a {
  background-image: url(../../img/foot-logo-ace-swap.png);
  height: 39px;
}
#acelogo a:hover {
  background-position-y: -39px;
}
#acenetworklogo a {
  background-image: url(../../img/foot-logo-acenetwork-swap.png);
  height: 40px;
}
#acenetworklogo a:hover {
  background-position-y: -40px;
}
#flanderslogo a {
  background-image: url(../../img/foot-logo-flanders-swap.png);
  height: 12px;
}
#flanderslogo a:hover {
  background-position-y: -12px;
}
#gallery {
  display: inline;
  float: left;
  width: 97.91666666666666%;
  margin: 0 1.0416666666666665%;
}
#gallery ul#boxes {
  display: block;
  width: 102.08333333333333%;
  margin: 0 -1.0416666666666665%;
  *zoom: 1;
}
#gallery ul#boxes:before,
#gallery ul#boxes:after {
  content: "";
  display: table;
}
#gallery ul#boxes:after {
  clear: both;
}
#gallery ul#boxes li {
  display: inline;
  float: left;
  width: 31.25%;
  margin: 0 1.0416666666666665%;
  margin-bottom: 1em;
}
@media screen and (max-width: 960px) {
  body#castandcrew .content-box {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
  }
}
@media screen and (max-width: 768px) {
  body#castandcrew .content-box,
  .credits-footer {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
  }
}
@media screen and (max-width: 600px) {
  footer {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
  }
  footer ul#boxes {
    display: block;
    width: 102.08333333333333%;
    margin: 0 -1.0416666666666665%;
    *zoom: 1;
  }
  footer ul#boxes:before,
  footer ul#boxes:after {
    content: "";
    display: table;
  }
  footer ul#boxes:after {
    clear: both;
  }
  footer ul#boxes li {
    display: inline;
    float: left;
    width: 22.916666666666664%;
    margin: 0 1.0416666666666665%;
    margin-bottom: 1em;
  }
  #gallery {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
  }
  #gallery ul#boxes {
    display: block;
    width: 102.08333333333333%;
    margin: 0 -1.0416666666666665%;
    *zoom: 1;
  }
  #gallery ul#boxes:before,
  #gallery ul#boxes:after {
    content: "";
    display: table;
  }
  #gallery ul#boxes:after {
    clear: both;
  }
  #gallery ul#boxes li {
    display: inline;
    float: left;
    width: 47.91666666666667%;
    margin: 0 1.0416666666666665%;
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 480px) {
  #screenings,
  #latest {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
  }
  footer {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
  }
  footer ul#boxes {
    display: block;
    width: 102.08333333333333%;
    margin: 0 -1.0416666666666665%;
    *zoom: 1;
  }
  footer ul#boxes:before,
  footer ul#boxes:after {
    content: "";
    display: table;
  }
  footer ul#boxes:after {
    clear: both;
  }
  footer ul#boxes li {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
    margin-bottom: 1em;
  }
}