body {
    font: 12pt/1.5em Garamond, Georgia, "Times New Roman", Times, serif;

    /* navbar shadow effect */
    background: -webkit-linear-gradient(white 50px, rgba(255,255,255,0)), -webkit-radial-gradient(50% 20px, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0));
    background:    -moz-linear-gradient(white 50px, rgba(255,255,255,0)),    -moz-radial-gradient(50% 20px, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0));
    background:      -o-linear-gradient(white 50px, rgba(255,255,255,0)),      -o-radial-gradient(50% 20px, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0));
    background:         linear-gradient(white 50px, rgba(255,255,255,0)),         radial-gradient(50% 20px, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0));
    background-repeat: no-repeat;
    background-color: white;
    background-size: 100% 80px, 100% 70px;
    background-attachment: scroll, fixed;
}

nav.top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: white;
    z-index: 10;
}

nav.top ul {
    margin: 0.7em 1em;
    padding: 0;
}

nav.top li {
    list-style-type: none;
    display: inline;
    margin: 0 1em 0 0;
}

nav.top a,
nav.top a:visited {
    color: rgba(150, 150, 150, 0.8);
    text-decoration: none;
    font-size: 110%;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

nav.top a:hover {
    color: rgba(50, 50, 50, 1);
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;
}

nav.top .selected a,
nav.top .selected a:visited {
    color: black;
}

nav.top .home a {
    font-weight: bold;
}

article.main {
    width: 45em;
    margin: 7em auto;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: capitalize;
}

h1 {
    font-size: 250%;
    line-height: 1.3em;
}

h1 code {
    text-transform: none;
    background: transparent;
}

pre {
    padding: 1em 1.5em;
    background-color: #f2f2f2;
    overflow: auto;
}

code {
    font-family: Courier, "Courier New", mono, monospace;
    background-color: #f2f2f2;
    padding: 0.1em 0.3em;
    font-size: 95%;
}

pre code {
    padding: 0;
    background-color: transparent;
}

blockquote {
    background-color: #e5f3ff;
    padding: 0.1em 1em;
    margin-left: 0;
    margin-right: 0;
}

blockquote pre {
    background-color: transparent;
}

blockquote .attribution {
    display: block;
    text-align: right;
    font-style: italic;
    margin-right: 1em;
}

table {
    border-collapse: collapse;
    margin: 1em;
}

table td, table th {
    border-right: 1px solid silver;
    padding: 0.2em 0.5em;
}

table tr td:first-child, table tr th:first-child {
    border-left: 1px solid silver;
}

dl {
    margin: 1em;
}

dl dt {
    font-weight: bold;
}

dl dd {
    margin: 0.5em 1em 1em;
}

figure {
    float: right;
    margin: 0 0 1em 1em;
}

figure#browser-encoding-menu img {
    width: 300px;
}

aside {
    float: right;
    width: 33%;
    margin: 0 0 2em 3em;
    color: gray;
}

footer {
    font-size: 80%;
    margin: 1em auto;
    width: 45em;
    text-align: center;
    color: gray;
}