main.sass

=linear_gradient($from, $to)
  /* fallback/image non-cover color */
  background-color: $from
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient($from, $to)
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from($from), to($to))
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient($from, $to)
  /* Opera 11.10+ */
  background-image: -o-linear-gradient($from, $to)

=radial_gradient($pos, $shape, $G1, $G2)
  $full : $pos, $shape, $G1, $G2

  background-color: nth($G1, 1)
  background-image: -webkit-radial-gradient($full)
  background-image:    -moz-radial-gradient($full)
  background-image:     -ms-radial-gradient($full)
  background-image:      -o-radial-gradient($full)
  background-image:         radial-gradient($full)

=rule_end_gradient($pos)
  +radial_gradient($pos, circle, #f2f2f2, #fff 30px)
  
.horizontal_rule
  $middle_width: 80%
  $outside_width: (100 - $middle_width) / 2
  position: relative
  border-top: 1px solid #e3e4e5
  border-bottom: 1px solid #fff
  height: 0px

  /*
  > div
    height: 30px
    position: absolute
    top: 1px
    width: $outside_width

    &.one
      left: 0%
      +rule_end_gradient(top right)

    &.two
      left: $outside_width
      width: $middle_width
      +linear_gradient(#f2f2f2, #fff)

    &.three
      right: 0%
      +rule_end_gradient(top left)
    */
    
  


body
  margin: 0
  background: url(/img/bg.jpg) repeat-x

#main
  width : 960px
  margin: 0 auto

  #header
    height: 100px
    background: url(/img/logo.jpg) no-repeat left bottom
    margin-bottom: 20px

#signup
  margin-top : 100px
  p
    margin-bottom : 10px
    label
      display : inline-block
      width : 100px

/* Datepicker shouldn't be huge */
.ui-widget
  font-size: 0.7em