body
  :padding 1.25em
  :font-family "Helvetica Neue", "Lucida Grande", "Arial"
  :font-size 18px
  :color #333
  :background url(/images/head_bg.png) no-repeat 50% 4.5em

#ribbon
  :border 0 none
  :position absolute
  :right 0
  :top 0

#wrap
  :width 29em
  :margin 0 auto

#head
  :overflow hidden
  :margin 0 0 2em 0
  .avatar
    :float left
    :margin 0 .75em 0 0
    :border 1px solid #DDD
    :padding 1px
    :background #FFF
    :width 50px
  .welcome
    :font-size 1.25em
    :margin 0 0 .05em 0
    :color #495961
  .nav
    :font-size .8em
    a
      :margin-right 1.75em
#main
  :margin 1em 0

#foot
  :margin 1em 0
  :font-size .75em
  :color #666
  :text-align center
  iframe
    :width 100%
    :border 0
    :margin .75em 0 0 0

h1
  :font-size 1.5em
  :margin 0 0 .25em 0

h2
  :font-size 1em
  :margin 1.25em 0 .25em 0

p
  :margin 0 0 .75em 0

a
  :color #4183C4
  :text-decoration none
  :outline 0
  &:hover
    :text-decoration underline

img
  :border 0

.header
  :overflow hidden
  h1
    :float left
  #filter
    :float right
    :margin .25em .75em
    #filter_tag
      :width 12em

input[type='text']
  :border 1px solid #CCC
  :padding .29em
  :-moz-border-radius .3em
  :-webkit-border-radius .3em

button
  :display inline-block
  :text-align center
  :color #777
  :border 1px solid #CCC
  :padding .175em .25em
  :background #EFEFEF
  :-moz-border-radius .3em
  :-webkit-border-radius .3em
  &::-moz-focus-inner
    :border 1px dotted transparent
  &:hover
    :background #CCC
    :border 1px solid #AAA
    :color #555

.important
  :padding .35em .75em
  :color #FFF
  :background #D70000
  :-moz-border-radius .3em
  :-webkit-border-radius .3em
  a
    :color #f4e79c

.info
  :padding .35em .75em
  :background #EEE
  :-moz-border-radius .3em
  :-webkit-border-radius .3em

ul#start
  :margin 0 0 1.25em 1.5em
  :padding 0
  li
    :margin .5em 0
    img
      :margin 1em 0 0 -1.5em
      :border 1px solid #DDD
      :padding 5px
      :-moz-border-radius .5em
      :-webkit-border-radius .5em

ul#twitter_update_list
  :margin 0 0 1.25em 0
  :padding 0 0 0 1em
  li
    :padding .25em 0
    &:first-child
      :border-top none

ul.items
  :list-style none
  :margin 0 0 1.25em 0
  :padding 0
  :border 1px solid #CCC
  :-moz-border-radius .5em
  :-webkit-border-radius .5em
  li
    :position relative
    :overflow hidden
    :border-top 1px solid #CCC
    :padding .5em .75em
    &:first-child
      :border-top none
    .entry
      :float left
      .count
        :position absolute
        :bottom 0
        :right 2.125em
        :color #DDD
        :font-size 2em
    .tags
      :font-size .8em
      a
        :color #777
        :margin-right .25em
    .description
      :clear both
      :margin-top .5em
      :font-size .7em
    .options
      :float right
      :margin-left 1em
      form
        :float left
        :margin-left .5em

div#tagcloud
  :overflow hidden
  :line-height 1.75em
  :text-align center
  :margin 0 0 1.25em 0
  a
    :margin 0 0.125em
