---
---

$main-font: sans-serif
$page-background: #ffffff
$content-background: #ffffff
$content-text: #000000
$header-background: #4d4d4d
$header-text: #ffffff
$menu-background: #f18137
$menu-text: #ffffff
$footer-text: #7f7f7f

body
  background-color: $page-background
  margin: 0

  #about-well-image
    img
      padding-right: 1em

  pre
    font-family: monospace

  code
    font-family: monospace
    background-color: #ddd

  .highlight
    background-color: #b5b5b5
    padding: 10px

    .code-title
      text-indent: 0 !important
      font-size: 120%
      font-weight: bold

    .code-description
      border: 1px solid #333
      background-color: #d9d9d9
      padding: 3px
      text-indent: 0 !important
      margin: .5em 0 0 0 !important
      font-size: 75%
      color: #444

    pre
      font-family: monospace
      background-color: #002b36
      padding: 5px
      height: 300px
      overflow: auto
      color: #586e75

      *
        font-family: monospace
        background-color: #002b36
        color: #586e75

      code
        /* Comment */
        .c
          color: #999988
          font-style: italic

        /* Error */
        .err
          color: #a61717
          background-color: #e3d2d2

        /* Keyword */
        .k
          font-weight: bold

        /* Operator */
        .o
          font-weight: bold

        /* Comment.Multiline */
        .cm
          color: #999988
          font-style: italic

        /* Comment.Preproc */
        .cp
          color: #999999
          font-weight: bold

        /* Comment.Single */
        .c1
          color: #999988
          font-style: italic

        /* Comment.Special */
        .cs
          color: #999999
          font-weight: bold
          font-style: italic

        /* Generic.Deleted */
        .gd
          color: #000000
          background-color: #ffdddd

          /* Generic.Deleted.Specific */
          .x
            color: #000000
            background-color: #ffaaaa

        /* Generic.Emph */
        .ge
          font-style: italic

        /* Generic.Error */
        .gr
          color: #aa0000

        /* Generic.Heading */
        .gh
          color: #999999

        /* Generic.Inserted */
        .gi
          color: #000000
          background-color: #ddffdd

          /* Generic.Inserted.Specific */
          .x
            color: #000000
            background-color: #aaffaa

        /* Generic.Output */
        .go
          color: #888888

        /* Generic.Prompt */
        .gp
          color: #555555

        /* Generic.Strong */
        .gs
          font-weight: bold

        /* Generic.Subheading */
        .gu
          color: #aaaaaa

        /* Generic.Traceback */
        .gt
          color: #aa0000

        /* Keyword.Constant */
        .kc
          font-weight: bold

        /* Keyword.Declaration */
        .kd
          font-weight: bold

        /* Keyword.Pseudo */
        .kp
          font-weight: bold

        /* Keyword.Reserved */
        .kr
          font-weight: bold

        /* Keyword.Type */
        .kt
          color: #445588
          font-weight: bold

        /* Literal.Number */
        .m
          color: #009999

        /* Literal.String */
        .s
          color: #d14

        /* Name.Attribute */
        .na
          color: #008080

        /* Name.Builtin */
        .nb
          color: #0086B3

        /* Name.Class */
        .nc
          color: #445588
          font-weight: bold

        /* Name.Constant */
        .no
          color: #008080

        /* Name.Entity */
        .ni
          color: #800080

        /* Name.Exception */
        .ne
          color: #990000
          font-weight: bold

        /* Name.Function */
        .nf
          color: #990000
          font-weight: bold

        /* Name.Namespace */
        .nn
          color: #555555

        /* Name.Tag */
        .nt
          color: #000080

        /* Name.Variable */
        .nv
          color: #008080

        /* Operator.Word */
        .ow
          font-weight: bold

        /* Text.Whitespace */
        .w
          color: #bbbbbb

        /* Literal.Number.Float */
        .mf
          color: #009999

        /* Literal.Number.Hex */
        .mh
          color: #009999

        /* Literal.Number.Integer */
        .mi
          color: #009999

        /* Literal.Number.Oct */
        .mo
          color: #009999

        /* Literal.String.Backtick */
        .sb
          color: #d14

        /* Literal.String.Char */
        .sc
          color: #d14

        /* Literal.String.Doc */
        .sd
          color: #d14

        /* Literal.String.Double */
        .s2
          color: #d14

        /* Literal.String.Escape */
        .se
          color: #d14

        /* Literal.String.Heredoc */
        .sh
          color: #d14

        /* Literal.String.Interpol */
        .si
          color: #d14

        /* Literal.String.Other */
        .sx
          color: #d14

        /* Literal.String.Regex */
        .sr
          color: #009926

        /* Literal.String.Single */
        .s1
          color: #d14

        /* Literal.String.Symbol */
        .ss
          color: #990073

        /* Name.Builtin.Pseudo */
        .bp
          color: #999999

        /* Name.Variable.Class */
        .vc
          color: #008080

        /* Name.Variable.Global */
        .vg
          color: #008080

        /* Name.Variable.Instance */
        .vi
          color: #008080

        /* Literal.Number.Integer.Long */
        .il
          color: #009999

        /* Make line numbers unselectable: excludes line numbers from */
        /* copy-paste user ops */
        .lineno
          -webkit-user-select: none
          -moz-user-select: none
          -o-user-select: none

        .lineno::-moz-selection /* Mozilla specific */
          background-color: transparent

        .lineno::selection /* Other major browsers */
          background-color: transparent


  #keywords-button
    font-size: 50%
    color: #7f7f7f
    font-weight: normal

  #keywords-button:hover
    background-color: #4d4d4d
    color: #ffffff
    cursor: pointer

  #keywords
    position: absolute
    top: 100px
    left: 100px
    font-size: 75%
    background-color: #4d4d4d
    color: #ffffff
    text-align: justify
    width: 50%
    padding: .5em
    border: 1px solid #f18137
    z-index: 200
    display: none

  .keyword-first-letter
    font-weight: bold
    color: #f18137

  #keywords-close
    width: 24px
    height: 24px
    background-image: url('../images/close.png')
    z-index: 210
    position: absolute
    display: block
    top: -13px
    right: -13px

  .i
    font-style: italic

  .b
    font-weight: bold

  .post
    margin-bottom: 2em

  p.article-date
    text-indent: 0
    font-size: 80%
    color: #7f7f7f

  .paginator
    margin: .5em 0

  .plusone-container
    margin-left: 1em
    display: inline