@font-face {
    font-family: "OpenSans-Regular";
    src: url("/fonts/OpenSans-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OpenSans-Bold";
    src: url("/fonts/OpenSans-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "OpenSans-Italic";
    src: url("/fonts/OpenSans-Italic.woff2") format("woff2");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "OpenSans-BoldItalic";
    src: url("/fonts/OpenSans-BoldItalic.woff2") format("woff2");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "UbuntuMono-Regular";
    src: url("/fonts/UbuntuMono-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "UbuntuMono-Bold";
    src: url("/fonts/UbuntuMono-Bold.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "UbuntuMono-RegularItalic";
    src: url("/fonts/UbuntuMono-RegularItalic.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "UbuntuMono-BoldItalic";
    src: url("/fonts/UbuntuMono-BoldItalic.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: OpenSans-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14pt;
    color: #000000;
    background-color: #FFFFFF;
}

h1 {
    font-family: OpenSans-Bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 48pt;
    letter-spacing: -2pt;
    margin-top: 0;
    margin-bottom: 10pt;
}
h2 {
    font-family: OpenSans-Bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 28pt;
    letter-spacing: -1pt;
}
h3 {
    font-family: OpenSans-Bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20pt;
    letter-spacing: -0.5pt;
}

b   { font-family: OpenSans-Bold, "Helvetica Neue", Helvetica, Arial, sans-serif; }
i   { font-family: OpenSans-Italic, "Helvetica Neue", Helvetica, Arial, sans-serif; }
b i { font-family: OpenSans-BoldItalic, "Helvetica Neue", Helvetica, Arial, sans-serif; }
i b { font-family: OpenSans-BoldItalic, "Helvetica Neue", Helvetica, Arial, sans-serif; }

a {
    font-family: OpenSans-Bold: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #006ED0;
}
a:hover {
    text-decoration: none;
    color: #98B5D0;
}

h1 a:link    { color: #000000; }
h1 a:visited { color: #000000; }
h1 a:hover   { color: #555555; }
h1 a:active  { color: #555555; }

h2 a:link    { color: #000000; }
h2 a:visited { color: #000000; }
h2 a:hover   { color: #555555; }
h2 a:active  { color: #555555; }

h3 a:link    { color: #000000; }
h3 a:visited { color: #000000; }
h3 a:hover   { color: #555555; }
h3 a:active  { color: #555555; }

pre {
    border: 1px solid #888888;
    padding: 20pt;
    overflow-x: auto;
    font-family: UbuntuMono-Regular, Menlo, Monaco, "Lucida Console", "Courier New", Courier, monospace;
}

img {
    max-width: 100%;
    height: auto;
}

video {
    max-width: 100%;
    height: auto;
}

aside {
    font-family: OpenSans-Italic, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left: 30pt;
}

.squish-page {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 15pt;
    padding-right: 15pt;
}

.squish-article {
    max-width: 800px;
    margin: 0;
}

.breadcrumbs {
    font-size: 12pt;
    color: #888888;
}
.breadcrumbs A:link    { color: #444444; }
.breadcrumbs A:visited { color: #444444; }
.breadcrumbs A:hover   { color: #888888; }
.breadcrumbs A:active  { color: #888888; }

.indent {
    margin-left: 30pt;
}

.fineprint {
    font-size: 10pt;
    color: #444444;
}

.thumbnails img {
    width: 300px;
    height: 300px;
}
.thumbnails td {
    vertical-align: top;
    width: 306px;
}
.thumbnails a {
    font-family: OpenSans-Bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14pt;
    color: #000000;
}
.thumbnails a:link    { color: #000000; }
.thumbnails a:visited { color: #000000; }
.thumbnails a:hover   { color: #888888; }
.thumbnails a:active  { color: #888888; }

.table_data th {
    font-family: OpenSans-Bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #AAAAAA;
    padding: 5pt;
}
.table_data td {
    padding: 5pt;
}
.table_data tr:nth-child(odd) {
    background-color: #EFEFEF;
}
.table_data tr:nth-child(even) {
    background-color: #E0E0E0;
}

.highlight pre {
    color: #F5F5F5;
    background: #151515;
}
.highlight .hll { background-color: #303030; }
.highlight .c   { color: #707070; } /* Comment */
.highlight .err { color: #FB9FB1; } /* Error */
.highlight .k   { color: #88FF88; } /* Keyword */
.highlight .n   { color: #F5F5F5; } /* Name */
.highlight .o   { color: #F5F5F5; } /* Operator */
.highlight .p   { color: #F5F5F5; } /* Punctuation */
.highlight .ch  { color: #707070; } /* Comment.Hashbang */
.highlight .cm  { color: #707070; } /* Comment.Multiline */
.highlight .cp  { color: #44AAFF; } /* Comment.Preproc */
.highlight .cpf { color: #F5F5F5; } /* C include file target */
.highlight .c1  { color: #707070; } /* Comment.Single */
.highlight .cs  { color: #707070; } /* Comment.Special */
.highlight .gd  { color: #fb9fb1; } /* Generic.Deleted */
.highlight .ge  { font-style: italic; } /* Generic.Emph */
.highlight .gr  { color: #FF0000; } /* Generic.Error */
.highlight .gh  { color: #F5F5F5; font-weight: bold; } /* Generic.Heading */
.highlight .gi  { color: #AD7FA8; } /* Generic.Inserted */
.highlight .go  { color: #888888; } /* Generic.Output */
.highlight .gp  { color: #707070; font-weight: bold; } /* Generic.Prompt */
.highlight .gs  { font-weight: bold; } /* Generic.Strong */
.highlight .gu  { color: #12CFC0; font-weight: bold; } /* Generic.Subheading */
.highlight .gt  { color: #888888; } /* Generic.Traceback */
.highlight .kc  { color: #88FF88; } /* Keyword.Constant */
.highlight .kd  { color: #88FF88; } /* Keyword.Declaration */
.highlight .kn  { color: #12CFC0; } /* Keyword.Namespace */
.highlight .kp  { color: #88FF88; } /* Keyword.Pseudo */
.highlight .kr  { color: #88FF88; } /* Keyword.Reserved */
.highlight .kt  { color: #DDB26F; } /* Keyword.Type */
.highlight .m   { color: #AD7FA8; } /* Literal.Number */
.highlight .s   { color: #AD7FA8; } /* Literal.String */
.highlight .na  { color: #44AAFF; } /* Name.Attribute */
.highlight .nb  { color: #F5F5F5; } /* Name.Builtin */
.highlight .nc  { color: #DDB26F; } /* Name.Class */
.highlight .no  { color: #FB9FB1; } /* Name.Constant */
.highlight .nd  { color: #12CFC0; } /* Name.Decorator */
.highlight .ni  { color: #F5F5F5; } /* Name.Entity */
.highlight .ne  { color: #FB9FB1; } /* Name.Exception */
.highlight .nf  { color: #44AAFF; } /* Name.Function */
.highlight .nl  { color: #F5F5F5; } /* Name.Label */
.highlight .nn  { color: #DDB26F; } /* Name.Namespace */
.highlight .nt  { color: #12CFC0; } /* Name.Tag */
.highlight .nv  { color: #FB9FB1; } /* Name.Variable */
.highlight .ow  { color: #12CFC0; } /* Operator.Word */
.highlight .w   { color: #F5F5F5; } /* Text.Whitespace */
.highlight .mb  { color: #EDA987; } /* Literal.Number.Bin */
.highlight .mf  { color: #EDA987; } /* Literal.Number.Float */
.highlight .mh  { color: #EDA987; } /* Literal.Number.Hex */
.highlight .mi  { color: #EDA987; } /* Literal.Number.Integer */
.highlight .mo  { color: #EDA987; } /* Literal.Number.Oct */
.highlight .sa  { color: #F5F5F5; } /* Literal.String.Affix */
.highlight .sb  { color: #F5F5F5; } /* Literal.String.Backtick */
.highlight .sc  { color: #F5F5F5; } /* Literal.String.Char */
.highlight .dl  { color: #F5F5F5; } /* Literal.String.Delimiter */
.highlight .sd  { color: #707070; } /* Literal.String.Doc */
.highlight .s2  { color: #AD7FA8; } /* Literal.String.Double */
.highlight .se  { color: #EDA987; } /* Literal.String.Escape */
.highlight .sh  { color: #AD7FA8; } /* Literal.String.Heredoc */
.highlight .si  { color: #EDA987; } /* Literal.String.Interpol */
.highlight .sx  { color: #AD7FA8; } /* Literal.String.Other */
.highlight .sr  { color: #AD7FA8; } /* Literal.String.Regex */
.highlight .s1  { color: #AD7FA8; } /* Literal.String.Single */
.highlight .ss  { color: #AD7FA8; } /* Literal.String.Symbol */
.highlight .bp  { color: #F5F5F5; } /* Name.Builtin.Pseudo */
.highlight .fm  { color: #DDB26F; } /* Name.Function.Magic */
.highlight .vc  { color: #FB9FB1; } /* Name.Variable.Class */
.highlight .vg  { color: #FB9FB1; } /* Name.Variable.Global */
.highlight .vi  { color: #FB9FB1; } /* Name.Variable.Instance */
.highlight .vm  { color: #FB9FB1; } /* Name.Variable.Magic */
.highlight .il  { color: #EDA987; } /* Literal.Number.Integer.Long */