html, body {
   margin: 0;
   border: 0;
   padding: 0;
}

body {
   color: #444;
   background: #fffffe;
   font-family: Geneva, sans-serif;
   font-size: 14px;
   line-height: 1.4;
   max-width: 980px;
   margin: 0 auto;
   -webkit-text-size-adjust: 100%;
}

.header,
.navbar,
.footer,
h2 {
   color: #aaa;
   color: #09c;
   color: #07a;
}

.header,
.navbar {
   padding-right: 4%;
   text-align: right;
   margin: 0 1%;
}

.header {
   font-size: 32px;
   font-weight: bold;
   margin-top: 18px;
   margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
   .header,
   .navbar {
      padding-right: 3%;
   }

   .header {
      text-align: center;
   }
}

h2 {
   font-size: 18px;
   padding-top: 12px;
}

.footer {
   padding: 50px;
   text-align: center;
}

.navbar {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   margin-bottom: 30px;
   padding-bottom: 3px;
}

blockquote {
   text-align: justify;
   padding-bottom: 20px;
}

blockquote .signature {
   text-align: right;
}

.content {
   margin: 0 10%;
   padding: 0;
}

.index dt {
   font-size: 18px;
   margin-top: 18px;
}

.index dd {
   margin-top: 8px;
}

@media screen and (max-width: 480px) {
   .content {
      margin: 0 3%;
   }
}

a {
   text-decoration: none;
}

a:link {
   color: #09c;
}

a:visited {
   color: #07a;
}

a:focus,
a:hover,
a:active {
   background: #eee;
   color: #09c;
}

img {
   display: block;
   margin: 0 auto;
   max-width: 100%;
}

pre {
   background: #eee;
   overflow: auto;
   padding: 10px 3px;
}