@import "flat-ui-colors"
@import "bootstrap"
@import "pygments"

$text-color: #696969
$focus-color: #ff0000

body
  color: $text-color
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
  font-weight: 400

.container
  width: 720px

a, a:hover, a:active, a:visited
  color: $focus-color

h1, h2, h3, h4, h5, h6
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
  font-weight: 200

#header
  border-top: 3px solid $focus-color

  a, a:hover
    color: $text-color

  h1, ol
    font-size: 1.2em
    display: inline-block

  h1
    padding-right: 0.4em

    a
      color: darken($text-color, 15%)
      span
        color: darken($text-color, 30%)
        font-weight: 800

  ol
    padding-left: 0

    li
      display: inline-block
      padding-right: 0.4em

#main
  #content

  #adpacks
    text-align: right
    font-size: 0.8em

  #posts
    .post
      margin-bottom: 20px

      h2.title
        margin-top: 0

        a
          color: darken($text-color, 15%)

      .date
        margin-bottom: 0

      .summary

#footer
  ul.tla
    padding-left: 0
    font-size: 0.8em

    li
      display: inline-block

      a
        color: $text-color