html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
pre  { background: #111111; color: #ffffff }
pre .c { color: #008800; font-style: italic; background-color: #0f140f } /* Comment */
pre .err { color: #ffffff } /* Error */
pre .g { color: #ffffff } /* Generic */
pre .k { color: #fb660a; font-weight: bold } /* Keyword */
pre .l { color: #ffffff } /* Literal */
pre .n { color: #ffffff } /* Name */
pre .o { color: #ffffff } /* Operator */
pre .x { color: #ffffff } /* Other */
pre .p { color: #ffffff } /* Punctuation */
pre .cm { color: #008800; font-style: italic; background-color: #0f140f } /* Comment.Multiline */
pre .cp { color: #ff0007; font-weight: bold; font-style: italic; background-color: #0f140f } /* Comment.Preproc */
pre .c1 { color: #008800; font-style: italic; background-color: #0f140f } /* Comment.Single */
pre .cs { color: #008800; font-style: italic; background-color: #0f140f } /* Comment.Special */
pre .gd { color: #ffffff } /* Generic.Deleted */
pre .ge { color: #ffffff } /* Generic.Emph */
pre .gr { color: #ffffff } /* Generic.Error */
pre .gh { color: #ffffff; font-weight: bold } /* Generic.Heading */
pre .gi { color: #ffffff } /* Generic.Inserted */
pre .go { color: #444444; background-color: #222222 } /* Generic.Output */
pre .gp { color: #ffffff } /* Generic.Prompt */
pre .gs { color: #ffffff } /* Generic.Strong */
pre .gu { color: #ffffff; font-weight: bold } /* Generic.Subheading */
pre .gt { color: #ffffff } /* Generic.Traceback */
pre .kc { color: #fb660a; font-weight: bold } /* Keyword.Constant */
pre .kd { color: #fb660a; font-weight: bold } /* Keyword.Declaration */
pre .kp { color: #fb660a } /* Keyword.Pseudo */
pre .kr { color: #fb660a; font-weight: bold } /* Keyword.Reserved */
pre .kt { color: #cdcaa9; font-weight: bold } /* Keyword.Type */
pre .ld { color: #ffffff } /* Literal.Date */
pre .m { color: #0086f7; font-weight: bold } /* Literal.Number */
pre .s { color: #0086d2 } /* Literal.String */
pre .na { color: #ff0086; font-weight: bold } /* Name.Attribute */
pre .nb { color: #ffffff } /* Name.Builtin */
pre .nc { color: #ffffff } /* Name.Class */
pre .no { color: #0086d2 } /* Name.Constant */
pre .nd { color: #ffffff } /* Name.Decorator */
pre .ni { color: #ffffff } /* Name.Entity */
pre .ne { color: #ffffff } /* Name.Exception */
pre .nf { color: #ff0086; font-weight: bold } /* Name.Function */
pre .nl { color: #ffffff } /* Name.Label */
pre .nn { color: #ffffff } /* Name.Namespace */
pre .nx { color: #ffffff } /* Name.Other */
pre .py { color: #ffffff } /* Name.Property */
pre .nt { color: #fb660a; font-weight: bold } /* Name.Tag */
pre .nv { color: #fb660a } /* Name.Variable */
pre .ow { color: #ffffff } /* Operator.Word */
pre .w { color: #888888 } /* Text.Whitespace */
pre .mf { color: #0086f7; font-weight: bold } /* Literal.Number.Float */
pre .mh { color: #0086f7; font-weight: bold } /* Literal.Number.Hex */
pre .mi { color: #0086f7; font-weight: bold } /* Literal.Number.Integer */
pre .mo { color: #0086f7; font-weight: bold } /* Literal.Number.Oct */
pre .sb { color: #0086d2 } /* Literal.String.Backtick */
pre .sc { color: #0086d2 } /* Literal.String.Char */
pre .sd { color: #0086d2 } /* Literal.String.Doc */
pre .s2 { color: #0086d2 } /* Literal.String.Double */
pre .se { color: #0086d2 } /* Literal.String.Escape */
pre .sh { color: #0086d2 } /* Literal.String.Heredoc */
pre .si { color: #0086d2 } /* Literal.String.Interpol */
pre .sx { color: #0086d2 } /* Literal.String.Other */
pre .sr { color: #0086d2 } /* Literal.String.Regex */
pre .s1 { color: #0086d2 } /* Literal.String.Single */
pre .ss { color: #0086d2 } /* Literal.String.Symbol */
pre .bp { color: #ffffff } /* Name.Builtin.Pseudo */
pre .vc { color: #fb660a } /* Name.Variable.Class */
pre .vg { color: #fb660a } /* Name.Variable.Global */
pre .vi { color: #fb660a } /* Name.Variable.Instance */
pre .il { color: #0086f7; font-weight: bold } /* Literal.Number.Integer.Long */
html{
    width: 100%;
    overflow-y: scroll;
}
body{
    line-height: 1.3em;
    letter-spacing: 0.03em;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/res/images/gradient.png);
    background-repeat: repeat-x;
    background-color: #444444;
    color: white;
    font-size: 14px;
    font-family: serif;
}
#header{
    width: 1000px;
    height: 200px;
}
#content{
    float: left;
    width: 580px;
    padding-right: 20px;
}
#nav{
    margin-left: 600px;
    width: 400px;
    top: 200px;
    font-family: sans-serif;
}

#nav a.active{
    color: #ff8d09;
    cursor: default;
}

#nav div.col{
    float: left;
    width: 200px;
}


h1, h2, h3{
    font-family: sans-serif;
    font-weight: bold;
}
#header h1{
    float: left;
    font-size: 24px;
    padding-top: 10px;
}
#nav h1{
    font-size: 16px;
    padding-top: 30px;
    padding-bottom: 10px;
}
#content h1{
    font-size: 18px;
    padding-top: 30px;
}


#content h2{
    font-size: 14px;
}

#content p{
    text-indent: 1em;
}

#quote{
    float: right;
    margin-right: 20px;
    margin-top: 10px;
    cursor: pointer;
}

#quote blockquote{
    font-family: serif;
    padding-right: 18px;
    width: 460px;
    margin-bottom: 10px;
    
    background: url(/res/images/quote-left.png) no-repeat right bottom;
    padding-left: 18px;
    text-indent: -18px;
}


#quote blockquote:first-letter{
    font-size: 20px;
    font-weight: bold;
    background: url(/res/images/quote-right.png) no-repeat left top;
    padding-left: 18px;
}

#quote cite{
    font-size: 12px;
    font-style: italic;
}

#life{
    width: 200px;
    height: 200px;
    float: right;
    cursor: default;
}
#life div.row{
    width: 200px;
    height: 10px;
}

#life div.row div{
    /* border: 1px solid transparent; */
    width: 10px;
    height: 10px;
    float: left;
}

#life div.row div.alive{
    background-image: url(/res/images/square.png);
}

#nav li{
    padding-bottom: 5px;
}

a{
    color: #bdff42;
    text-decoration: none;
    font-weight: bold;
}

#content ul{
    list-style-type: disc;
    margin-left: 2em;
}

em{
    font-weight: bold;
}

pre{
    font-family: monospace;
    padding: 1em;
    display: block;
    background-color: #222;
    white-space: pre;
    text-shadow: #040404 1px 1px 2px;
}

#content h1,
#content h2,
#content p,
#content ul,
#content pre,
#content img,
#content div{
    margin-bottom: 10px;
}