@media screen, projection {

  #page {
    border: 0 none;
    margin: 100px 0 0 0px;
  }

  .page_margins {
    border: 0 none;
    margin: 0 auto;
    width: auto;
    min-width: 740px;
    max-width: 90em;
    background: #fff;
  }

  #header {
    position: relative;
    text-align: center;
  }

  body {
    overflow-y: scroll;
    background: #fff none;
    font-family: Georgia;
  }

  body .text {
    text-decoration: none;
    font-weight: bold;
    color: #888;
    cursor: default;
  }

  body a {
    text-decoration: none;
    font-weight: bold;
    color: #000;
  }

  body a img {
    border: none;
  }

  #main {
    padding: 0px 20px
    margin: 10px 0;
    text-align: center;
    width: 100%;
    position: relative;
  }

  #main span img:not(.last) {
    margin: 0 0 25em 0;
  }

  #main span .last {
    margin: 0 0 10em 0;
  }

  .shadow {
    -moz-box-shadow: 3px 3px 4px #908888;
    -webkit-box-shadow: 3px 3px 4px #908888;
    box-shadow: 3px 3px 4px #908888;
    border: 1px solid #222;
  }

  :focus {
    outline: 0;
  }

  #footer {
    padding: 25px;
    text-align: center;
  }

  #footer span {
    font-size: 0.6em;
    color: #999;
  }

}