* {
    margin:  0;
    padding: 0;

    font-family: Helvetica, Arial, sans-serif;
    font-size:   1em;
}

html {
    overflow-y: scroll;
}

h1 {
    margin:      1em 0;
    font-size:   1.5em;
    font-weight: 900;
    color:       #4099FF;
    letter-spacing: -0.02em;
}

h2 {
    margin:      1em 0;
    font-size:   1.2em;
    font-weight: 900;
    color:       #F26522;
}

blockquote {
    margin-left:      3em;
    padding:          .1em 1em;
    border-left:      2px solid #F26522;
    background-color: #F6F6F6;
}

blockquote p {
    margin:    1em 0;
    font-size: 1em;
}

p {
    margin:      1.5em 0;
    font-size:   1.2em;
    line-height: 1.6em;
    color:       #333;
}

ol, ul {
    margin: 1.5em; 0;
}

ol ol {
    margin: 0em 0em 0em 1.5em;
}

li {
    font-size:   1em;
    line-height: 1.6em;
    color:       #333;
}

a, a:visited {
    color:       #4099FF;
    font-weight: 900;
}

pre {
    margin:           1em 0 1em 4em;
    padding:          1em 0em;
    line-height:      1em;
    font-family:      monospace;
    border-left:      2px solid #4099FF;
    background-color: #F6F6F6;
}

code {
    padding:          .25em;
    font-family:      monospace;
    background-color: #F6F6F6;
}

pre a, pre a:visited {
    font-family: monospace;
}

#main > ul, #main > ol {
    margin-left: 3em;
}

#header {
    margin:     3em 0;
    text-align: center;
}

#header img {
    width:  200px;
    height: 200px;
}

#main {
    width:  600px;
    margin: 0 auto;
}

#index h1 {
    text-align: center;
    margin-top: -1em;
}

#index ul {
    list-style: none;
    margin-left: 0px;
}

#index a {
    display: block;
}

#footer {
    width:       700px;
    margin:      50px auto 20px;
    text-align:  center;
    font-weight: 900;
}

#footer ul {
    list-style: none;
}

#footer li {
    margin:  0 5px;
    display: inline;
}

#footer a, #footer a:visited {
    padding:         5px;
    font-size:       12px;
    color:           #F26523;
    border:          2px solid #F26522;
    text-decoration: none;
}