application.sass

body
  :font
    :family 'helvetica', 'arial', 'sans-serif'

a
  :color #CC1E14
  :text
    :decoration none
  :border
    :bottom dotted 1px #999

h1,
h2,
h3,
h4
  :text-shadow 1px 1px 1px #eaeaea


#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
  :height 30px
  :color #fff
  :font
    :size 110%
  :background
    :color #1A1A21
  :border
    :bottom 1px solid #fff
  :padding
    :top 5px


  #huge_star
    :position absolute
    :font
      :family 'helvetica neue', 'helvetica', 'arial', 'sans-serif'
      :size 60px
    //:background
    //:color #ff3378
    :top -15px

  #diaspora_text
    :border none
    

  #session_action
    :float right
    :font-size 110%
    :margin-top 1px
    a
      :color #ccc
      :border none
      &:hover
        :color #fff


ul.nav
  :padding 0
  :margin 0
  :font
    :size 130%
  :position absolute
  :margin-top -62px

  li
    :display inline
    :margin
      :right 1em
    :padding 5px 10px
    :background #F2F8FC
    :border 1px solid #fff
    :border-bottom none

  li:first-child
    :background #fff

  li:last-child
    :margin 0
  a
    :border
      :bottom none
    :color #B1CFE3

    &:hover
      :color #ccc





#header_below
  :background
    :color #e6eff7
  :text-align right

#left_pane
  :background
    :color #E6EFF7
  :border-radius 5px


ul#stream
  :margin 0
  :padding 0
  :text-shadow 0 1px #fff
  :color #666
  > li
    :list-style none
    :padding 2em
    :-webkit-box-shadow 0 4px 5px -5px #999
    :min-height 40px

    img.avatar
      background: #fff
      padding: 2px
      :border 1px solid #eaeaea
      :border-radius 3px


sp.message
  :font
    :size 120%
  :color #999
  :text-shadow none

  sp.from
    :color #000

  sp.time
    :color #ccc
    :font-size 80%


div.big_text
  :font
    :size 24px
    :weight bold
  :line-height 36px

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

  .big_number
    :font
      :size 300%
    :line-height 100%
    a
      :border none
  

#publish
  input
    :font
      :size 30px
    :padding 7px
    :border-radius 5px
    :width 90%


#profile_image
  :margin
    :top 0
  :width 100px

  :border 2px solid #eaeaea

.yellow
  :background #FFFDB8
  :border 1px solid #E3E08D