@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Special+Elite);
body {
  background: white;
  color: black;
  font-family: "Droid Sans", "dejavu sans", "arial", sans-serif;
  margin-left: 5%;
  margin-right: 5%; }

img {
  border: 0; }

a:link {
  background: transparent;
  color: #0000ff;
  text-decoration: none; }

a:visited {
  background: transparent;
  color: #802020;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a.img:link {
  border-bottom: solid white; }

a.img:visited {
  border-bottom: solid white; }

a.img:hover {
  border-bottom: solid black; }

a.skip-nav-link {
  position: absolute;
  padding: 6px;
  background-color: black;
  color: white;
  transform: translateY(-200%); }

a.skip-nav-link:focus {
  transform:translateY(0); }

h2 {
  font-family: "Special Elite", "courier", "mono", monospace;
  font-weight: bold;
  font-size: 170%;
  text-align: center; }

h3 {
  font-family: "Special Elite", "courier", "mono", monospace;
  font-weight: bold;
  font-size: 140%; }

h4 {
  font-family: "Special Elite", "courier", "mono", monospace;
  font-weight: bold; }

dt {
  font-family: "Special Elite", "courier", "mono", monospace;
  font-weight: bold; }

dd {
  margin-bottom: 1em; }

span.error {
  font-size: 90%;
  font-weight: bold;
  color: red; }

header.banner {
  margin: 0 auto;
  width: 563px;
  margin-bottom: 50px; }
  header.banner a:hover {
    text-decoration: none; }
  header.banner nav {
    padding-top: 4px; }
    header.banner nav.menu {
      margin-top: 20px;
      margin-left: 48px; }
    header.banner nav.menu img {
      margin-left: 14px;
      margin-right: 14px; }
    header.banner nav.social {
      margin-top: -64px;
      margin-left: 300px;
      width: 220px;
      height: 30px; }
    header.banner nav.social img {
      margin-left: 0px;
      margin-right: 0px; }

footer {
  clear: both; }

section.feature p.image {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em; }
section.feature p.information {
  float: right; }
section.feature p.links {
  clear: both;
  text-align: center;
  font-size: 80%; }
section.feature section.appearances {
  clear: both; }

section.computer p.image {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em; }
section.computer p.information {
  float: right; }
section.computer p.links {
  clear: both;
  text-align: center;
  font-size: 80%; }
section.computer section.appearances {
  clear: both; }

.appearance p.image {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em; }
.appearance p.comment {
  float: right;
  font-weight: bold; }

article.appearance p.stars {
  clear: both; }

section.edgefilm {
  background-image: url("film.jpg");
  background-repeat: repeat-y;
  padding-left: 160px; }

div.film {
  clear: both;
  text-align: center;
  margin: 0 auto;
  width: 528px; }
  div.film div {
    text-align: center;
    background-image: url("/img/film_bg.png");
    background-repeat: repeat-y; }
    div.film div img {
      border: black 2px;
      padding-top: 8px;
      padding-bottom: 8px; }

article.introduction hr {
  width: 60%;
  clear: both; }
article.introduction p.signature {
  float: right; }

section.atoz {
  text-align: center;
  font-size: 80%; }

article.sublist {
  font-size: 80%;
  margin-bottom: 0.5em;
  margin-left: 2em; }

section.help p.image {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em; }
section.help p.information {
  float: right; }
section.help p.links {
  clear: both;
  text-align: center;
  font-size: 80%; }
section.help section.appearances {
  clear: both; }

article.help {
  padding-top: 2em;
  clear: both; }
  article.help img {
    float: left;
    padding-right: 1em; }

article.helped {
  padding-top: 2em;
  clear: both; }
  article.helped img {
    float: left;
    padding-right: 1em; }
  article.helped img {
    width: 200px; }

section.comments {
  clear: both; }
  section.comments article.comment {
    clear: both; }
    section.comments article.comment span.date {
      font-size: 80%; }
  section.comments article.commentform {
    text-align: center;
    float: left; }
    section.comments article.commentform p.approval {
      background: #ccffcc;
      color: #000000;
      border: thin solid #000000;
      text-align: center;
      margin-left: 10%;
      margin-right: 10%;
      margin-top: 1em;
      margin-bottom: 1em;
      padding-top: 1em;
      padding-bottom: 1em; }

section.footerbuttonbox {
  float: left;
  padding-right: 10px; }
  section.footerbuttonbox a:hover {
    text-decoration: none; }

.rssbutton {
  width: 100%;
  text-align: center; }
  .rssbutton a:hover {
    text-decoration: none; }

a.button:hover {
  text-decoration: none; }