application.sass

body
  :font
    :family 'helvetica', 'arial', 'sans-serif'
  :padding 2em
  :margin 0
a
  :color #CC1E14
  :text
    :decoration none

#flash_notice,
#flash_error,
#flash_alert
  :padding 5px 8px
  :margin 10px 0

#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
    :color #fff
  p
    :margin 8px 10px
  ul
    :margin 0

header
  :z-index 10

  :position absolute
  :width 100%

  :margin
    :top -2em
    :right -2em
    :left -2em

  :height 30px
  :color #fff
  :background
    :color #1A1A21
  :border
    :bottom 2px solid #fff
  :padding
    :top 5px

  #diaspora_text
    :position absolute
    :border none
    :top 8px
    :left 1em

  #session_action
    :position absolute
    :right 1em
    :font
      :size 120%
    :margin
      :top 2px
    a
      :color #ccc
      :border none
      &:hover
        :color #fff


ul.nav
  :position absolute
  :padding 0
  :margin 0
  :width 200px

  li
    :display block
    :padding 5px 10px
    :background #F2F8FC
    :border 1px solid #fff
  
  li:hover
    a
      :color #666

  a
    :border
      :bottom none
    :color #B1CFE3
    &:hover
      :color #000

  > li:first-child
    :border-top-right-radius 5px
    :border-top-left-radius 5px

  > li:last-child
    :border-bottom-right-radius 5px
    :border-bottom-left-radius 5px



#header_below
  :z-index 5 
  :position fixed
  :height 40px
  :width 100%
  :padding 1em
    :top 4em
    :bottom 0
  :top 0

  :background
    :color rgba( 255, 255, 255, 0.8)

  //:background
    //:color rgba(230, 239, 247, 0.5)
  :margin
    :left -2em
  
  img
    :width 200px
    :border-radius 5px

    


ul#stream
  :margin 0
  :margin-left 210px
  :padding 0
  :text-shadow 0 1px #fff
  :color #666
  > li
    :list-style none
    :padding 1em
    :border
      :bottom 1px solid #f1f1f1
  :width 60%
  :min-width 500px
  :max-width 700px


li.message
  :line-height 110%
  :font
    :size 120%
    :family 'Lucida Grande'
  :color #999
  :text-shadow none

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

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


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

  p.description, span.description
    :font
      :weight normal
    :color #999

  .big_number
    :font
      :size 300%
    :line-height 100%

  .filters
    :position absolute
    :right 0
    :display inline
    :font
      :size 12px
      :weight normal

div.small_text
  :position relative
  :font
    :size 18px 
    :weight bold

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


#profile_image
  :display inline block
  :margin
    :top 0
  :width 100px
  :border 2px solid #eaeaea


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

  input
    :font
      :size 150%
    :padding 0.2em
    :max-width 100%
  

.centered
  :text-align center

.info_pane
  :padding 1em
  :background
    :color #1A1A21
  :color #f5fafd
  :margin
    :bottom 1em
  :border-radius 2px