application.sass

body
  :padding 2em
  :margin 0
a
  :color #316191
  :text
    :decoration none
  :font-weight bold

#flash_notice,
#flash_error,
#flash_alert
  :z-index 60
  :position fixed
  :padding 5px 8px
  :margin 0
  :width 400px
  :top 0px
  :left 200px

#flash_notice
  :background-color #CFC
  :border solid 1px #6C6

#flash_error,
#flash_alert
  :background-color #FCC
  :border solid 1px #C66

.fieldWithErrors
  :display inline

.error_messages
  :width 400px
  :border 2px solid #CF0000
  :padding 0
  :padding-bottom 12px
  :margin-bottom 20px
  :background-color #f0f0f0
  :font
    :size 12px
  h2
    :text-align left
    :padding 5px 5px 5px 15px
    :margin 0
    :font
      :weight bold
      :size 12px
    :background-color #c00
  p
    :margin 8px 10px
  ul
    :margin 0

header
  :position relative
  :margin -2em
    :bottom 2em
  :height 30px
  :color #fff
  :background
    :color #1A1A21
  :border
    :bottom 2px solid #7E96A6
  :padding
    :top 5px

  #diaspora_text
    :position absolute
    :border none
    :top 10px

  #session_action
    :position absolute
    :right 300px
    :font
      :size 110%
    :top 7px
    a
      :color #ccc
      :border none

#show_filters
  :z-index 100
  :position absolute
  :right 0
  :text-align right

#show_filters > a
  :border 1px solid #666
  :padding 5px

ul#stream_filters
  :padding 0
  :margin 0
    :bottom 20px
  li
    :display block
    :padding 8px 0
    :border
      :bottom 1px #eee solid

  a
    :color #B1CFE3
    &:hover
      :color #000

#header_below
  :margin 0 -2em
  :-webkit-box-shadow 0 2px 2px -1px #999
  :background-color #F2F8FC
  :border
    :bottom 1px solid #7E96A6
  :padding
    :top 0.8em
    :bottom 0.4em

#main
  :width 100%

ul#stream, ul#friend_stream
  :margin 0
  :padding 0
  :color #666

  > li
    :list-style none
    :padding 1em 0
    :border
      :bottom 1px solid #f1f1f1
    :margin-bottom 5px

li.message
  :position relative
  :line-height 140%
  :font
    :family 'Lucida Grande', 'sans-serif'
  :color #999

  span.from
    :color #333
    :font
      :weight bold
    :margin
      :right 0.2em
    :font
      :size 110%

  div.time
    :color #bababa
    :font-size 70%

h1
  :position relative
  :font
    :size 21px
    :weight bold
  :line-height 36px

  p.description, span.description
    :font
      :weight 200
      :family 'helvetica neue', 'lucida grande', 'sans-serif'
    :color #999
    :padding 0.1em

h3
  :position relative
  :font
    :size 18px 
    :weight bold

form
  :font
    :size 120%
  :margin 1em
  :margin-left 0em

  
#user_name
  :margin
    :bottom 1em
  a
    :color #000
    &:hover
      :color #CC1E14

div.comments
  :display none

ul.comment_set
  :margin 0
    :top 1em
  :padding 0
    :left 1em
  :list-style none
  :width 90%

  li.comment
    :margin
      :bottom 0.5em
    :background-color #F2F8FC
    :padding 0.6em
    :border
      :bottom 1px solid #ccc

    .from
      :color #666
      :font
        :weight normal
      a
        :color #333
        :font
          :weight bold

    form
      :margin
        :top -5px
      :padding
        :bottom 8px


img#profile_picture
  :width 100%

img#user_picture
  :width 100%
  
.pagination
  a
    :padding 3px
  
.destroy_link
  :position absolute
  :right 0
  :bottom 15px
  :display none
  a
    :color #999
    :font
      :weight normal

#debug_info
  :margin-top 20px


input[type='text'], textarea
  :font
    :family 'lucida grande', 'sans-serif'
    :size 14px
  :padding 0.3em
  :display block
  :width 100%
  :-webkit-box-shadow 0 2px 0px #fff
  :-moz-box-shadow 0 2px 0px #fff
  :border-top 1px solid #999
  :height auto


input[type='submit']
  :position absolute
  :right 0

form p
  :position relative
  :padding 0
  :margin 0

label
  :color #999
  :position absolute
  :top 3px
  :left 0.48em