html
  font: 13px/1.5em "Lucida Grande", calibri, Tahoma, Arial
body
  background-color: #fff
  #container
    font-size: 1em
    #header
      background-color: #aaa
      color: #fff
    #navigation
      background-color: #666
      ul
        li
          list-style: none
          margin: 5px 20px
          padding: 3px
          float: left
      width: 100%
      float: left
      height: 35px
    #flash
      background-color: #000000
    #content
      background-color: #efefef
      float: left
    #sidebar
      background-color: #aaa
      color: #efefef
      width: 200px
      float: left
      height: 140px
    #footer
      background-color: #999
      color: #fff
      clear: both

a
  color: #fff
  text-decoration: none

h1, h2, h3, h4, h5, h6
  font-family: helvetica, arial, verdana, sans-serif
  font-weight: normal
  
h1
  font-size: 208%

h2
  font-size: 164%

h3
  font-size: 145%

h4
  font-size: 118%


#flash
  margin: 10px 0
  width: 720px
  color: #0f0f0f
  font-size: 16px
  .alert, .notice
    background-color: #F5DF94
    border: solid 5px #F5D671
    padding: 7px

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

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

.fieldWithErrors
  display: inline

#errorExplanation
  width: 400px
  border: 2px solid #CF0000
  padding: 0px
  padding-bottom: 12px
  margin-bottom: 20px
  background-color: #f0f0f0
  h2
    text-align: left
    font-weight: bold
    padding: 5px 5px 5px 15px
    font-size: 12px
    margin: 0
    background-color: #c00
    color: #fff
  p
    color: #333
    margin-bottom: 0
    padding: 8px
  ul
    margin: 2px 24px
    li
    font-size: 12px
    list-style: disc