@import url("https://fonts.googleapis.com/css?family=Roboto:200,300,500");
@import url("https://fonts.googleapis.com/css?family=Roboto+Mono:200,300,400");
@import url("https://fonts.googleapis.com/css?family=Roboto:200,300,500");
@import url("https://fonts.googleapis.com/css?family=Roboto:200,300,500");
@import url("https://fonts.googleapis.com/css?family=Roboto:200,300,500");
body { background-color: #fafafa; color: #333; font-family: 'Roboto'; font-size: 14px; font-weight: 300; margin: 0; padding: 0; }

a { text-decoration: none; font-weight: 500; color: #333; }

p { margin: 0 0 20px 0; padding: 0; line-height: 21px; }

strong { font-weight: 500; }

pre { font-family: 'Roboto Mono'; font-size: 12px; font-weight: 400; background-color: #fff; border: 1px solid #e6e6e6; color: #586e75; line-height: 21px; margin: 0 0 20px -30px; padding: 20px 30px; width: 500px; }
pre .c { color: #999; /* Comment */ }
pre .err { color: #586e75; /* Error */ }
pre .g { color: #586e75; /* Generic */ }
pre .k { color: #719a07; /* Keyword */ }
pre .l { color: #586e75; /* Literal */ }
pre .n { color: #026c75; /* Name */ }
pre .o { color: #333; }
pre .x { color: #cb4b16; /* Other */ }
pre .p { color: #586e75; /* Punctuation */ }
pre .cm { color: #999; /* Comment.Multiline */ }
pre .cp { color: #859900; /* Comment.Preproc */ }
pre .c1 { color: #999; /* Comment.Single */ }
pre .cs { color: #859900; /* Comment.Special */ }
pre .gd { color: #2aa198; /* Generic.Deleted */ }
pre .ge { color: #586e75; font-style: italic; /* Generic.Emph */ }
pre .gr { color: #dc322f; /* Generic.Error */ }
pre .gh { color: #cb4b16; /* Generic.Heading */ }
pre .gi { color: #859900; /* Generic.Inserted */ }
pre .go { color: #586e75; /* Generic.Output */ }
pre .gp { color: #586e75; /* Generic.Prompt */ }
pre .gs { color: #586e75; font-weight: bold; /* Generic.Strong */ }
pre .gu { color: #cb4b16; /* Generic.Subheading */ }
pre .gt { color: #586e75; /* Generic.Traceback */ }
pre .kc { color: #cb4b16; /* Keyword.Constant */ }
pre .kd { color: #268bd2; /* Keyword.Declaration */ }
pre .kn { color: #859900; /* Keyword.Namespace */ }
pre .kp { color: #859900; /* Keyword.Pseudo */ }
pre .kr { color: #268bd2; /* Keyword.Reserved */ }
pre .kt { color: #2b91af; /* Keyword.Type */ }
pre .ld { color: #586e75; /* Literal.Date */ }
pre .m { color: #2aa198; /* Literal.Number */ }
pre .s { color: #2aa198; /* Literal.String */ }
pre .na { color: #586e75; /* Name.Attribute */ }
pre .nb { color: #B58900; /* Name.Builtin */ }
pre .nc { color: #2b91af; /* Name.Class */ }
pre .no { color: #cb4b16; /* Name.Constant */ }
pre .nd { color: #268bd2; /* Name.Decorator */ }
pre .ni { color: #cb4b16; /* Name.Entity */ }
pre .ne { color: #cb4b16; /* Name.Exception */ }
pre .nf { color: #268bd2; /* Name.Function */ }
pre .nl { color: #586e75; /* Name.Label */ }
pre .nn { color: #586e75; /* Name.Namespace */ }
pre .nx { color: #586e75; /* Name.Other */ }
pre .py { color: #586e75; /* Name.Property */ }
pre .nt { color: #268bd2; /* Name.Tag */ }
pre .nv { color: #268bd2; /* Name.Variable */ }
pre .ow { color: #859900; /* Operator.Word */ }
pre .w { color: #586e75; /* Text.Whitespace */ }
pre .mf { color: #2aa198; /* Literal.Number.Float */ }
pre .mh { color: #2aa198; /* Literal.Number.Hex */ }
pre .mi { color: #2aa198; /* Literal.Number.Integer */ }
pre .mo { color: #2aa198; /* Literal.Number.Oct */ }
pre .sb { color: #93a1a1; /* Literal.String.Backtick */ }
pre .sc { color: #2aa198; /* Literal.String.Char */ }
pre .sd { color: #586e75; /* Literal.String.Doc */ }
pre .s2 { color: #2aa198; /* Literal.String.Double */ }
pre .se { color: #cb4b16; /* Literal.String.Escape */ }
pre .sh { color: #586e75; /* Literal.String.Heredoc */ }
pre .si { color: #2aa198; /* Literal.String.Interpol */ }
pre .sx { color: #2aa198; /* Literal.String.Other */ }
pre .sr { color: #dc322f; /* Literal.String.Regex */ }
pre .s1 { color: #2aa198; /* Literal.String.Single */ }
pre .ss { color: #2aa198; /* Literal.String.Symbol */ }
pre .bp { color: #268bd2; /* Name.Builtin.Pseudo */ }
pre .vc { color: #268bd2; /* Name.Variable.Class */ }
pre .vg { color: #268bd2; /* Name.Variable.Global */ }
pre .vi { color: #268bd2; /* Name.Variable.Instance */ }
pre .il { color: #2aa198; /* Literal.Number.Integer.Long */ }

h1, h2, h3, h4, h5 { color: #333; font-weight: 200; font-size: 28px; margin: 0 0 20px 0; padding: 0; }

h2 { font-size: 20px; }

h3, h4, h5 { font-size: 16px; }

#structure { font-weight: 200; position: fixed; top: 60px; text-align: right; width: 280px; }
#structure h1 { margin: 0 0 40px 0; }
#structure ul { margin: 0 0 40px 0; padding: 0; list-style: none; }
#structure ul a { color: #ccc; font-weight: 200; text-decoration: none; }
#structure ul a:hover { color: #999; }
#structure ul a.active { color: #333; }
#structure #top, #structure #projects { font-size: 28px; }
#structure #sections { font-size: 20px; }
#structure #documents { font-size: 16px; }

#content { margin: 137px 0 60px 400px; width: 500px; }
#content a { border-bottom: 1px dashed #999; }
#content a:hover { border-bottom: 1px solid #999; }
#content h1, #content h2, #content h3, #content h4 { color: #ccc; }
#content ul { list-style: none; line-height: 21px; margin: 0 0 20px 0; padding: 0; }
#content dl { margin: 0 0 20px 0; padding: 0; }
#content dl dt { color: #ccc; float: left; width: 120px; }
#content .contents { position: fixed; top: 137px; left: 1010px; }
#content .contents a { border-bottom: none; color: #ccc; font-weight: 300; }
#content .contents a:hover { color: #999; }