main.sass

=clean-list
  ul
    :list-style-type none
    :margin-left -2em
    :line-height 2em
  li
    :font-size 1em
    :margin-bottom 0.4em

=clean-list-left
  :font-style italic
  :margin-right 2em
  :color #888a85
  :float left
  :text-align right
  :font-size 0.9em
  :width 8em

=clean-list-right
  :text-align left
  :font-size 1.1em

=post-list
  span
    :font-family sans-serif
    :-moz-border-radius 2px
    :-webkit-border-radius 2px
    :font-style normal
    :background-color #d3d7cf
    :padding 2px 4px
    :color #888a85
    :margin-left 0.2em
    :font-size 0.8em
  #post_date
    +clean-list-left
  #post_link
    +clean-list-right

=misc-list(!margin = 0px, !width = 0px)
  #misc_label
    +clean-list-left
    :width = !width "!important"
  #misc_content
    +clean-list-right
  li
    :margin-left= !margin

=info-alignment
  :margin-left -3%
  :width 85%

@font-face
  :font-family "Inconsolata"
  :src url(http://www.levien.com/type/myfonts/Inconsolata.otf)

body
  :background-color #eee
  :font-family sans-serif
  :font-size 12px
a
  :text-decoration none
  :color #3465a4
  &:hover
    :color #ad7fa8
  &:visited
    :color #75507b
    &:hover
      :color #ad7fa8
  &:active
    :color #ef2929
  img
    :border-style none
code
  :font-family "Inconsolata",monospace,mono
  :font-size 1.1em
h1, h2, h3, h4, h5, h6
  :font-weight normal
h3, h4, h5, h6
  :margin-bottom -0.1em
  :margin-top 1.5em
h1, h2
  :letter-spacing 0.1em
  :margin-bottom -0.1em
h1
  :font-size 1.9em
h2
  :font-size 1.5em
h3
  :font-size 1.25em
  :font-weight bold
  :margin-top 1em
#header
  :margin 1.5em auto 0.5em
  :padding-bottom 0.5em
  :padding-left 4em
  :text-align left
  h1
    :font-size 1.8em
    :margin 0
    a
      :color black
  p
    :color #666
    :font-size 1.1em
    :margin 0
    :padding 0
#content
  :width 100%
  :min-width 800px
#sidebar
  :float right
  :width 20%
  :font-size 0.9em
  :margin
    :top -1em
  p
    :margin-left 0.5em
  a:hover
    :text-decoration underline
  h2
    :font-size 1.1em
    :font-variant small-caps
  h3
    :border-bottom 1px solid #ccc
    :font-size 0.95em
    :margin-bottom 0.5em
    :padding-bottom 1px
  #repolist
    :margin
      :left -3em
    :font-size 1em
    li
      :list-style-type none
      :padding-bottom 1px
  #legal
    p
      :font-size 0.95em
#main
  :width 68%
  :max-width 800px
  :background-color #fff
  :border 1px solid #ccc
  :padding 25px 40px 40px
  :line-height 1.6em
  .home
    +clean-list
    +post-list
    #contact
      +misc-list(3.6em, 4em)
    #books
      +misc-list(-1.8em, 10em)
  .related
    +clean-list
    +post-list
  h2
    :font-size 1.2em
  .posts
    +info-alignment
  .contact
    +info-alignment
  .books
    +info-alignment
#footer
  :clear both