html {
  background-image: url("/images/html_bg.jpg");
}
html a {
  text-decoration: none;
}
html body {
  width: 800px;
  margin: 20px auto;
  padding: 30px 50px 2800px 24px;
  background: #fafaff;
  box-shadow: #fafaff 0px 0px 5px 5px, #fafaff 0px 0px 5px 5px;
  border-radius: 5px;
  font: 100% Helvetica, sans-serif;
}
html body #sidebar {
  position: fixed;
  float: left;
  width: 100px;
}
html body #sidebar nav ul {
  list-style: none;
  padding: 0;
}
html body #sidebar nav ul a {
  display: block;
  margin: 2px 5px;
}
html body #sidebar nav ul a:hover {
  background: lime;
}
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 #photo_frame {
  position: relative;
  /* Tooltip text */
  /* Show the tooltip text when you mouse over the tooltip container */
}
html body #main #photo_frame .tooltiptext {
  width: 200px;
  background: white;
  color: black;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  z-index: 1;
  visibility: hidden;
  position: absolute;
  left: 2px;
  top: 2px;
}
html body #main #photo_frame .photo:hover .tooltiptext {
  visibility: visible;
}
html body #main #photo_frame #photo1 {
  position: absolute;
  top: 2px;
  left: 4px;
}
html body #main #photo_frame #photo2 {
  position: absolute;
  top: 287px;
  left: 4px;
}
html body #main #photo_frame #photo3 {
  position: absolute;
  top: 287px;
  left: 442px;
}
html body #main #photo_frame #photo4 {
  position: absolute;
  top: 3234px;
  left: 140px;
}
html body #main #photo_frame #photo5 {
  position: absolute;
  top: 2px;
  left: 478px;
}
html body #main #photo_frame #photo6 {
  position: absolute;
  top: 287px;
  left: 304px;
}
html body #main #photo_frame #photo7 {
  position: absolute;
  top: 1309px;
  left: 4px;
}
html body #main #photo_frame #photo8 {
  position: absolute;
  top: 1774px;
  left: 4px;
}
html body #main #photo_frame #photo9 {
  position: absolute;
  top: 1774px;
  left: 354px;
}
html body #main #photo_frame #photo10 {
  position: absolute;
  top: 572px;
  left: 4px;
}
html body #main #photo_frame #photo11 {
  position: absolute;
  top: 572px;
  left: 354px;
}
html body #main #photo_frame #photo12 {
  position: absolute;
  top: 2008px;
  left: 4px;
}
html body #main #photo_frame #photo13 {
  position: absolute;
  top: 2008px;
  left: 354px;
}
html body #main #photo_frame #photo14 {
  position: absolute;
  top: 2242px;
  left: 4px;
}
html body #main #photo_frame #photo15 {
  position: absolute;
  top: 2242px;
  left: 354px;
}
html body #main #photo_frame #photo16 {
  position: absolute;
  top: 2476px;
  left: 4px;
}
html body #main #photo_frame #photo17 {
  position: absolute;
  top: 2476px;
  left: 354px;
}
html body #main #photo_frame #photo18 {
  position: absolute;
  top: 1096px;
  left: 4px;
}
html body #main #photo_frame #photo19 {
  position: absolute;
  top: 1096px;
  left: 354px;
}
html body #main #photo_frame #photo20 {
  position: absolute;
  top: 834px;
  left: 4px;
}
html body #main #photo_frame #photo21 {
  position: absolute;
  top: 834px;
  left: 354px;
}
html body #main #photo_frame #photo22 {
  position: absolute;
  top: 2710px;
  left: 4px;
}
html body #main #photo_frame #photo23 {
  position: absolute;
  top: 2710px;
  left: 354px;
}
html body #main #photo_frame #photo24 {
  position: absolute;
  top: 2973px;
  left: 4px;
}
html body #main #photo_frame #photo25 {
  position: absolute;
  top: 2973px;
  left: 354px;
}

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