html { background-color: white; }
body { background-color: black; }
.container { background-color: white; }

#head { text-align: center; }
#foot p { border-top: 1px solid rgb(220, 220, 220); color: rgb(180, 180, 180); margin: 0 1em; padding-top: 1em; }
#foot a { color: rgb(180, 180, 180); }
#foot a:hover { background-color: rgb(220, 220, 220); color: rgb(150, 150, 150); text-decoration: none; }

#posters p { height: 396px; }
.poster a:hover { background: none; }
.poster img { border: 2px solid rgb(220, 0, 0); }
.contact { font-size: 14px; }

#media {
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.75);
  border: 2px solid rgb(200, 0, 0);
  padding-top: 1em;
  text-align: center;
  display: none;
  position: absolute;
  top: 10%;
  right: auto;
  bottom: auto;
  left: 10%;
  height: 300px;
  width: 400px;
}
#media h1 {
  color: white;
  font-size: 200%;
  font-weight: bold;
}

a { color: rgb(200, 0, 0); }
a:hover {
  background-color: rgb(200, 0, 0);
  color: white;
  text-decoration: none;
}
ul {
  list-style-type: none;
  margin: 0;
  text-align: center;
}
.contact > ul {
  border-top: 1px solid rgb(220, 220, 220);
  padding: 1em 0;
  margin: 0 2em;
}
.contact > ul:first-child { border-top: none; }
.phone { font-family: Georgia; }
.email {
  font-style: italic;
  font-family: "Helvetica Neue";
}