body {
    margin: 0;
    padding: 0;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

a {
    color: #00CC00;
}

header {
    background: #000000;
    color: #00CC00;
    padding: 15px;
    position: relative;
}

    header h1 {
        margin: 0;
        padding: 0;
        font-size: 1.3em;
    }

    header .version {
        float: right;
    }

    header nav {
        position: absolute;
        right: 10px;
        bottom: 0;
        padding-top: 20px;
        float: right;
    }

   header nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: right;
    }

        header nav ul li {
            display: inline-block;
        }

            header nav ul li a {
                display: inline-block;
                padding: 10px;
                border: 1px dotted #00FF00;
                border-bottom: 0;
                text-decoration: none;
            }

                header nav ul li a:hover {
                    border: 1px solid #00FF00;
                    border-bottom: 0;
                    background: #009900;
                    color: #FFFFFF;
                }


section {
    border: 1px dotted #009900;
    margin: 30px;
    padding: 20px;
}

    section h2 {
        margin-top: 0;
    }


pre {
    border: 1px solid #C9C9C9;
    background: #E9E9E9;
    padding: 20px;
    font-family: Consolas, Courier New, Courier, monospace;
}

code {
    background: #E9E9E9;
    padding: 2px;
    font-family: Consolas, Courier New, Courier, monospace;
}