application.sass

body
  :padding 2em
  :margin 0
a
  :color #CC1E14
  :text
    :decoration none
  &:hover
    :color #CC1E14

#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 0
  :height 30px
  :color #fff
  :background
    :color #1A1A21
  :border
    :bottom 2px solid #fff
  :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
  li
    :display block
    :padding 5px 0
    &:first-child
      :border-top-right-radius 5px
      :border-top-left-radius 5px
    &:last-child
      :border-bottom-right-radius 5px
      :border-bottom-left-radius 5px
  a
    :color #B1CFE3
  a: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

#content  
  :position absolute
  :top 94px

#main
  :width 100%

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

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

li.message
  :line-height 140%
  :font
    :family 'Lucida Grande'
  :color #999
  

  span.from
    :color #000
    :font
      :weight bold
    :margin
      :right 0.2em

  div.time
    :color #bababa
    :font-size 70%
.mine
  //:background-color rgba(202, 237, 204, 0.5)

#user_name
  :font
    :size 15px
  :line-height 100%

h1
  :position relative
  :font
    :size 18px
    :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

#publish
  input#thought
    :font
      :size 30px
    :padding 7px
    :border-radius 5px
    :width 100%
    :margin
      :bottom 1em

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

  input
    :padding 0.2em
    :max-width 100%
  
#user_name
  a
    :color #000
    &:hover
      :color #CC1E14
  :text
    :shadow 0 1px 0 #fff

#comment_text
  :padding 3px

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-radius 5px

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

img#profile_picture
  :width 100%