body {
  color: white;
  margin: 0px;
  font-size: 1.1em; }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    margin-bottom: 5px;
    padding-bottom: 0px; }
  body header {
    width: 90%;
    margin-left: auto ;
    margin-right: auto ;
    top: 0px;
  }
  body p {
    margin-top: 0px;
    margin-bottom: 2em; }
  body a:link {
    color: #ddF; 
  }
  body a:active {
    color: #FAA;
  }
  body a:visited {
    color: #ccc; 
  }
  body a:hover {
    color: #aaf; 
  }
  body code {
    color: #aff;
  }
  body li {
    margin-bottom: 1em; 
  }
 
  body #background_eye {
    z-index: -1;
    position: absolute;
    width: 100%;
    opacity: 0.2; }
    @media screen and (orientation: portrait) {
      body #background_eye {
        width: 100%;
        height: auto; } }
    @media screen and (orientation: landscape) {
      body #background_eye {
        width: auto;
        height: 100%; } }
  @media screen and (orientation: portrait) {
    body #content {
      width: 90%;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (orientation: landscape) {
    body #content {
      width: 65%;
      margin-left: 5%;
      margin-right: auto; } }
  body #content .flexible_video {
    width: 100%;
    height: auto; }
  body #content .flexible_image {
    width: 100%;
    height: auto; }
  body #content .screenshot {
    border: 5px solid rgba(255, 255, 255, 0.2);
    width: 99%; }
  body #footer {
    font-size: 0.5em;
    position: fixed;
    bottom: 0px; }

#menu {
  position: absolute;
  top: 0;
  right: 0;
  list-style-type: none;
  margin: 0;
  padding: 0; }

#posts_menu td {
  vertical-align: top; }
#posts_menu .post_date {
  display: table;
  vertical-align: top;
  margin-bottom: 7px;
  font-size: smaller; }