html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
  margin: 0
  padding: 0

table
  border-collapse: collapse
  border-spacing: 0

img, input, textarea
  border: 0
  outline: 0

ul, ol
  list-style: none

a
  outline: 0
  text-decoration: none

body
  background-color: #fff
  font:
    family: 'Helvetica Neue',Arial,Helvetica,sans-serif

#header
  line-height: 44px
  font-size: 12px
  color: #eee
  text-align: center
  width: 100%
  height: 44px
  background-image: url(/images/topbar_bg.png)

  a
    color: #29aaca
    padding-bottom: 1px
    border-bottom: 1px dotted #29aaca

    &:hover
      color: #f90f67
      border-color: #f90f67

=icon
  background:
    image: url(/images/icons.png)
    repeat: no-repeat

#wrapper
  margin: 0 auto
  width: 642px
  padding-bottom: 40px

  h1
    float: left
    margin: 60px 120px 40px
    width: 380px
    height: 90px
    background-image: url(/images/clickitystick.gif)

    a
      display: block
      width: 100%
      height: 100%
      text-indent: -999999px

  #placeholders
    float: left
    width: 642px

    li
      float: left
      width: 174px
      height: 150px
      padding: 20px

      &.droppable
        background-image: url(/images/droppable.png)

    .note, .contact, .event
      width: 174px
      height: 150px
      background:
        image: url(/images/post_bgs.png)
        repeat: no-repeat

      a.delete
        +icon
        position: absolute
        display: none
        text-indent: -999999px
        left: -2px
        top: -10px
        width: 21px
        height: 21px
        background-position: 0 0

    .note
      background-position: 0 0

    .contact
      background-position: -348px 0

    .event
      background-position: -174px 0

  #footer
    clear: both