$baseline: 14px
$gray: #666
$wellBackground: #f5f5f5
$baseBorderRadius: 4px
$grayDark: #333
$baseLineHeight: 20px
@mixin transition($transitions...)
  transition: $transitions
@mixin box-shadow($shadows...)
  box-shadow: $shadows
@mixin border-radius($str)
  border-radius: $str
@mixin opacity($str)
  opacity: $str
@mixin well
  min-height: 20px
  padding: 19px
  margin-bottom: 20px
  background-color: $wellBackground
  border: 1px solid darken($wellBackground, 7%)
  +border-radius($baseBorderRadius)
  +box-shadow(inset 0 1px 1px rgba(0,0,0,.05))
  blockquote
    border-color: #ddd
    border-color: rgba(0,0,0,.15)
@mixin close
  float: right
  font-size: 20px
  font-weight: bold
  line-height: $baseLineHeight
  color: black
  text-shadow: 0 1px 0 rgba(255,255,255,1)
  +opacity(.20)
  &:hover
    color: black
    text-decoration: none
    cursor: pointer
    +opacity(.40) 
.devise
  form
    // This is all copy/pasted. I can't get element-based rulesets to work
    input[type=email] 
      display: inline-block
      width: 210px
      margin: 0
      padding: 4px
      font-size: 13px
      line-height: $baseline
      height: $baseline
      color: $gray
      border: 1px solid #ccc
      +border-radius(3px)

    // Focus states
    input[type=email]
      +transition(border linear .2s, box-shadow linear .2s)
      +box-shadow(inset 0 1px 3px rgba(0,0,0,.1))
      &:focus
        outline: none
        border-color: rgba(82,168,236,.8)
        +box-shadow(inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6))
  margin-top: 20px
  //.columns(7)
  //.offset(4)
  //.well
  +well
  h2
    margin-left: 150px
    margin-bottom: 15px
    font-size: 20px
    font-weight: normal
    color: $grayDark
  form
    div
      margin-bottom: baseline
      a
        margin: 0
        &:after
          content: '\0000a0'
        &:before
          content: none
    br, i
      display: none
    input
      margin-left: 20px
    //* Oh, dear... *
    label[for=user_remember_me]
      padding: 0
      position: relative
      left: 130px
    input[type=submit]
      margin-left: 150px
      //+btn
      //+primary
  a, h3, p
    margin-left: 150px
  p
    a
      margin: 0
      &:before
        content: none
  a:before, p:before
    content: '\002022\0000a0'
  #error_explanation
    //.alert-message.error
    //.block-message
    margin-left: 150px

    text-shadow: none
    h2
      font-size: 13px
      line-height: 18px
      font-weight: bold
      margin: 0 0 6px 0
    h2, li
      color: white
    a
      +close
      //.alert-message.close