body{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
body{
    line-height:1.1
}
table{
    border-collapse:collapse;
    border-spacing:0
}
iframe{
    max-width:100%
}
body{
    font-family:Verdana,Sans-Serif;
    font-size:13px;
    line-height:1.7
}
a,a:active,a:visited{
    text-decoration:none;
    border-bottom:1px solid #839496;
    padding:2px 4px
}
a:hover{
    color:#000
}
p{
    margin-bottom:15px;
    word-wrap:break-word
}
ul,ol{
    padding:0 0 18px 30px
}
ol li,ul li{
    margin-top:10px;
    margin-bottom:10px
}
em,i{
    font-style:italic
}
strong,b{
    font-weight:700
}
small{
    font-size:.85em
}
sup{
    vertical-align:super;
    font-size:.85em
}
sub{
    vertical-align:sub;
    font-size:.85em
}
code{
    font:.85em Monaco,Courier,Monospace
}
blockquote{
    margin:22px;
    padding:0 20px;
    border-left:2px solid #000;
    font-size:1.2em;
    font-style:italic;
    line-height:1.5em
}
#page{
    width:500px;
    margin:0 auto;
    position:relative
}
#header{
    width:650px;
    padding-left:150px;
    margin:40px auto 50px;
    background-size:auto 100%
}
#header h1{
    font-size:32px;
    margin-bottom:4px
}
#content{
    width:500px;
    margin:0 auto
}
#sidebar{
    position:absolute;
    text-align:right;
    width:160px;
    top:0;
    left:-240px
}
#sidebar li{
    list-style:none;
    margin:2px 0
}
#sidebar a{
    border:none;
    display:block;
    font-size:1.2em;
    padding:0
}
#sidebar a span{
    padding:2px 4px
}
.site-description,.title,.nav{
    font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace
}
article{
    margin-bottom:40px
}
article h1{
    font-size:17px;
    margin:0 0 10px
}
article h1 a{
    border:none
}
article h1 a.anchor{
    margin-left:8px
}
article p{
    text-align:justify
}
article .meta{
    padding-top:6px;
    font-size:.85em;
    font-style:italic
}

@media all and (max-width:870px){
    #page,#header,#content{
        width:inherit;
        padding-left:10px;
        padding-right:10px
    }
    #header{
        background-position:right 20px center
    }
    #header h1,#header p{
        padding-left:10px;
        padding-right:10px
    }
    #sidebar{
        position:relative;
        text-align:left;
        width:100%;
        left:0;
        margin:10px 10px 20px
    }
    #sidebar nav ul{
        padding-left:0
    }
    #sidebar nav ul li{
        display:inline
    }
    #sidebar a{
        display:inline
    }
    #sidebar nav select.mnav{
        display:block;
        margin-bottom:15px
    }
}
html,body{
    background-color:#1a1a1f;
    color:#839496
}
::selection{
    background:rgba(255,255,255,5%)
}
a,a:visited,a:active,a code{
    color:#839496;
    border-color:#839496
}
a:hover{
    background-color:#111;
    border-color:#fff;
    color:#fff
}
hr{
    border-color:#2b2b2b
}
h1,h2,h3{
    color:#fafafa
}
h1 a,h1 a:visited,h1 a:active{
    color:#fafafa
}
h1 a:hover{
    background-color:#111;
    border-color:#111;
    color:#fafafa
}
article h1 a.anchor{
    color:#2aa198
}
blockquote{
    border-color:#fafafa
}
#sidebar a:hover{
    background-color:transparent
}
#sidebar a:hover span{
    color:#2aa198;
    background-color:#2b2b2b
}
