html {
  background-image: url("/images/html_bg.jpg"); }
  html a {
    text-decoration: none; }
  html figure {
    border: thin  solid #840; }
  html figcaption {
    text-align: center;
    color: #840; }
  html body {
    width: 800px;
    margin: 30px auto;
    padding: 30px 50px 2800px 24px;
    background: #e8deb4;
    box-shadow: #e8deb4 0px 0px 5px 5px, #e8deb4 0px 0px 5px 5px;
    border-radius: 5px;
    font: 100% Helvetica, sans-serif; }
    html body #sidebar {
      position: fixed;
      float: left;
      width: 100px;
      padding-top: 80px;
      margin: 0 40px 0 0; }
      html body #sidebar nav ul {
        list-style: none;
        padding: 0;
        text-transform: capitalize;
        text-align: center;
        border: thin dotted maroon; }
        html body #sidebar nav ul a {
          display: block;
          margin: 2px 0px;
          padding: 3px 7px;
          font-style: italic; }
        html body #sidebar nav ul a:hover {
          background: #836e1c; }
    html body #main {
      float: right;
      width: 670px; }
      html body #main h1, html body #main h2 {
        font-family: "Droid Serif", serif; }
      html body #main h1 {
        font-size: 24px; }
      html body #main h2 {
        font-size: 18px; }
      html body #main audio {
        display: block;
        margin: 10px 0 30px;
        background: maroon;
        width: 400px;
        padding: 4px; }
      html body #main .floatright {
        float: right;
        margin: 2px 0 10px 10px; }

/*# sourceMappingURL=screen.css.map */