html, body {
  font-family: Helvetica, Verdana, Sans-serif;
  background-color: #111111; }
  html #doc3, body #doc3 {
    margin: auto; }
  html #hd, body #hd {
    background-color: #4a8a9d;
    border-bottom: 2px solid #0a4a5d; }
  html #bd, body #bd {
    background: black;
    color: #eeeeee;
    font-size: 1.2em; }
    html #bd .content, html #bd .blog_content, body #bd .content, body #bd .blog_content {
      padding: 1em 0; }
    html #bd a, body #bd a {
      color: #ff424f;
      text-decoration: none; }
      html #bd a:hover, body #bd a:hover {
        color: #83060f;
        text-decoration: underline; }
  html #ft, body #ft {
    border-top: 2px solid #222222;
    padding-top: 1em; }
    html #ft .copyright, body #ft .copyright {
      text-align: center; }
  html .content, body .content {
    margin: 0 auto;
    width: 750px; }
  html .blog_content, body .blog_content {
    margin: 0 auto;
    width: 950px; }
  html #logo, body #logo {
    font-size: 4em;
    font-weight: bolder;
    color: white;
    padding: 0.5em 0; }
  html h1, body h1 {
    font-size: 3em;
    padding: 0.25em 0; }
  html h2, body h2 {
    padding: 0em;
    margin: 0.5em 0;
    border-bottom: 2px solid #222222;
    font-size: 2.5em; }
  html strong, body strong {
    font-weight: bold; }
  html em, body em {
    font-style: italic; }
  html .code, body .code {
    background-color: #f5f5f5; }
    html .code pre, body .code pre {
      margin: 0.5em 0;
      padding: 0.5em; }
  html #navigation, body #navigation {
    list-style: none; }
    html #navigation li, body #navigation li {
      display: inline;
      margin-right: 0.25em; }
      html #navigation li a, body #navigation li a {
        padding: 10px 20px 2px 20px;
        font-size: 1.25em;
        text-decoration: none;
        letter-spacing: 0.1em;
        color: black;
        background: #0d5266; }
      html #navigation li a.current, html #navigation li a:hover, body #navigation li a.current, body #navigation li a:hover {
        background: black;
        color: white;
        border-bottom: 2px solid black; }
    html #navigation li.blog, body #navigation li.blog {
      float: right;
      margin-right: 0px;
      margin-left: 10px; }

.iphone {
  height: 390px; }

.iphone-sideways {
  height: 200px; }

.iphone, .iphone-sideways {
  position: relative; }
  .iphone .iphone-shell, .iphone-sideways .iphone-shell {
    position: absolute; }
  .iphone .iphone-screenshot, .iphone-sideways .iphone-screenshot {
    position: relative;
    top: 64px;
    left: 22px;
    width: 174px;
    height: 260px; }
  .iphone .iphone-screenshot-sideways, .iphone-sideways .iphone-screenshot-sideways {
    position: relative;
    top: 20px;
    left: 64px;
    width: 260px;
    height: 174px; }