body {
  background-color: #fff;
  color: #444;
  font: $body-font-size $body-font-family;

  :focus {
    outline-color: #ccc;
  }

  h1 {
    font: 800 24px $header-font-family;
  }

  li {
    margin-bottom: lh();
  }

  em {
    font-style: italic;
  }

  a {
    color: $mit-red;
    font-style: italic;
    text-decoration: none;

    &:hover, &:focus {
      color: darken($mit-red, 10%);
    }
  }

  #{$all-text-inputs}, textarea {
    @include box-shadow(0 -1px 0 #fff);
    @include linear-gradient(#eee, #fff);
    border: 1px solid #999;
    font: $body-font-size $body-font-family;
    padding: 4px;
    width: 100%;

    &:focus {
      border-color: $mit-red;
    }
  }
}
