---
---

body {
  margin: 0;
  color: #464646;
  font-family: 'Open Sans', sans-serif;
}

a {
  text-decoration: none;
  color: #3a76c3;
}

a:hover {
  color: #202020;
}

h1, h2, h3 {
  color: #202020;
  font-family: 'Roboto' sans-serif;
  line-height: 1em;
}

h1 a, h2 a, h3 a {
  color: #202020;
}

code {
  padding: 3px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}

.container {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#header {
  background-color: #f8f8f8;
  border-bottom: solid 1px #ededed;
  margin-bottom: 30px;
}

#header .container {
  display: table;
}

#banner {
  float: left;
  padding: 10px 0 10px 10px;
}

#navbar {
  float: right;
  color: #202020;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 1.4em;
  text-align: center;
  text-transform: uppercase;
  padding: 32px 10px 32px 0;
}

#navbar a {
  margin: 0 10px;
  color: #202020;
}

#navbar a:hover {
  color: #3a76c3;
}

#navbar .slack {
  vertical-align: middle;
}

#content {
  position: relative;
}

/*
 * articles
 */
#articles {
  list-style: none;
  margin: 0;
  padding: 0;
}

#articles li {
  margin: 0 0 1em;
  padding-bottom: 1em;
  border-bottom: solid 2px #e6e6e6;
}

#articles li:last-child {
  border-bottom: 0;
}

.article header h1,
.article header h2 {
  margin-top: 0;
  margin-bottom: .4em;
}

.article time {
  color: #b9b9b9;
  font-family: 'Roboto', sans-serif;
}

.article pre {
  font-size: .8em;
}

.article img {
  max-width: 100%;
}

.article pre {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px;
}

/*
 * docs
 */

#docs {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 6px 10px;
  width: 200px;
  overflow: hidden;
  list-style: none;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 3px;
}

#docs hr {
  border: 1px solid #ddd;
  border-bottom: 0;
}

#docs ul {
  list-style: none;
  margin: 0 0 0 20px;
  padding: 0;
}

#docs .current {
  color: #202020;
}

.doc {
  margin-left: 250px;
}

/**
 * Syntax highlighting styles
 */
.highlight {
  background: #fff;

  .highlighter-rouge & {
    background: #eef;
  }

  .c     { color: #998; font-style: italic } // Comment
  .err   { color: #a61717; background-color: #e3d2d2 } // Error
  .k     { font-weight: bold } // Keyword
  .o     { font-weight: bold } // Operator
  .cm    { color: #998; font-style: italic } // Comment.Multiline
  .cp    { color: #999; font-weight: bold } // Comment.Preproc
  .c1    { color: #998; font-style: italic } // Comment.Single
  .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special
  .gd    { color: #000; background-color: #fdd } // Generic.Deleted
  .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
  .ge    { font-style: italic } // Generic.Emph
  .gr    { color: #a00 } // Generic.Error
  .gh    { color: #999 } // Generic.Heading
  .gi    { color: #000; background-color: #dfd } // Generic.Inserted
  .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
  .go    { color: #888 } // Generic.Output
  .gp    { color: #555 } // Generic.Prompt
  .gs    { font-weight: bold } // Generic.Strong
  .gu    { color: #aaa } // Generic.Subheading
  .gt    { color: #a00 } // Generic.Traceback
  .kc    { font-weight: bold } // Keyword.Constant
  .kd    { font-weight: bold } // Keyword.Declaration
  .kp    { font-weight: bold } // Keyword.Pseudo
  .kr    { font-weight: bold } // Keyword.Reserved
  .kt    { color: #458; font-weight: bold } // Keyword.Type
  .m     { color: #099 } // Literal.Number
  .s     { color: #d14 } // Literal.String
  .na    { color: #008080 } // Name.Attribute
  .nb    { color: #0086B3 } // Name.Builtin
  .nc    { color: #458; font-weight: bold } // Name.Class
  .no    { color: #008080 } // Name.Constant
  .ni    { color: #800080 } // Name.Entity
  .ne    { color: #900; font-weight: bold } // Name.Exception
  .nf    { color: #900; font-weight: bold } // Name.Function
  .nn    { color: #555 } // Name.Namespace
  .nt    { color: #000080 } // Name.Tag
  .nv    { color: #008080 } // Name.Variable
  .ow    { font-weight: bold } // Operator.Word
  .w     { color: #bbb } // Text.Whitespace
  .mf    { color: #099 } // Literal.Number.Float
  .mh    { color: #099 } // Literal.Number.Hex
  .mi    { color: #099 } // Literal.Number.Integer
  .mo    { color: #099 } // Literal.Number.Oct
  .sb    { color: #d14 } // Literal.String.Backtick
  .sc    { color: #d14 } // Literal.String.Char
  .sd    { color: #d14 } // Literal.String.Doc
  .s2    { color: #d14 } // Literal.String.Double
  .se    { color: #d14 } // Literal.String.Escape
  .sh    { color: #d14 } // Literal.String.Heredoc
  .si    { color: #d14 } // Literal.String.Interpol
  .sx    { color: #d14 } // Literal.String.Other
  .sr    { color: #009926 } // Literal.String.Regex
  .s1    { color: #d14 } // Literal.String.Single
  .ss    { color: #990073 } // Literal.String.Symbol
  .bp    { color: #999 } // Name.Builtin.Pseudo
  .vc    { color: #008080 } // Name.Variable.Class
  .vg    { color: #008080 } // Name.Variable.Global
  .vi    { color: #008080 } // Name.Variable.Instance
  .il    { color: #099 } // Literal.Number.Integer.Long
}
