---
---

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

body
  font: 100% $main-font
  background-color: $page-background
  margin: 0

  #content-wrapper
    background-color: $content-background
    width: 960px
    margin: 0 auto 0 auto
    padding-top: 14px

  #header
    height: 190px
    width: 960px
    background-color: $header-background
    color: $header-text
    position: absolute

    #picture
      background-color: $content-background
      position: relative
      width: 170px
      height: 170px
      display: inline
      float: left
      top: 40px
      left: 20px

      img
        margin: 10px

    h1
      text-align: right
      margin: 40px 10px 0 0
      font-size: 41px
      font-weight: bold
      padding-top: 45px

      a
        color: $header-text
        text-decoration: none

    h2
      text-align: right
      margin: 0 10px 0 0
      font-size: 12px
      font-weight: normal
      padding-top: 5px

  #contact-list
    position: absolute
    right: -22px
    width: 20px

    a
      display: block

  #menu
    background-color: $menu-background
    height: 39px
    margin-top: 15px

    ul
      margin: 8px
      padding: 0
      list-style-type: none
      float: right

      li
        float: right
        margin: 1px 0 10px 1em
        height: 30px

        a
          color: $menu-text
          font-weight: bold
          font-size: 12px
          text-decoration: none

      li.active
        background-image: url('../images/arrow-up.png')
        background-repeat: no-repeat
        background-position: center bottom

  #tagcloud-button
    float: left
    padding: 2px 0 0 6px
    cursor: pointer

  #content
    clear: both
    padding: 8px

    h3
      margin: .5em 0 .2em 0

    p
      margin: .6em 0
      text-indent: 1.5em
      text-align: justify
      font-size: 80%

    a
      color: $content-text
      text-decoration: underline

  #content-padding
    height: 200px

  dt
    font-weight: normal
    text-decoration: underline

  dd
    p
      text-indent: 0 !important
      margin-top: .5em !important

  #page-disclaimer
    margin-top: 2em
    text-align: right
    font-size: 80%
    color: $footer-text

    a
      color: $footer-text
      text-decoration: underline

  #bottombar-wrapper
    display: block

  #bottombar-padding
    clear: both
    height: 35px

  #bottombar
    position: fixed
    background-color: #4d4d4d
    bottom: 0
    left: 0
    margin: 0
    z-index: 70000
    width: 100%
    padding: 1em
    text-align: center
    vertical-align: center
    color: #b3b3b3
    font-size: 10px
    border-top: 1px solid black

    a
      color: #b3b3b3
      text-decoration: underline

    img
      vertical-align: middle

  #more-posts
    margin-top: 1em
    text-align: right

  #tag-cloud
    position: absolute
    width: 600px
    padding: 8px
    border: 1px solid black
    background-color: #303030
    margin-left: 5px
    margin-top: 2px
    display: none

    a
      color: #b3b3b3
      text-decoration: none
      padding: 8px

    .size0
      font-size: 80%

    .size1
      font-size: 90%

    .size2
      font-size: 100%

    .size3
      font-size: 110%

    .size4
      font-size: 130%

    .size5
      font-size: 150%

  .clear
    clear: both

  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