justincampbell/whipped-cream

body
  background-color: #fff
  font-family: sans-serif
  font-size: 16px
  color: #798795

a
  text-decoration: none

h1
  text-align: center
  color: #fff
  background-color: #2C3E50
  top: 0
  padding: 1em
  font-size: 1.5em
  font-weight: 700

hr
  height: 1px

form
  text-align: center
  overflow: visible

input[type="submit"]
  background-color: #1abc9c
  width: 90%
  border: none
  color: #fff
  padding: 1em
  margin-top: 2em
  font-size: 1em
  -webkit-appearance: none
  +border-radius(8px)
  &:hover, &:active
    background-color: #16A085

.item
  +clearfix
  padding: 1em
  margin: 0 auto
  h2
    +inline-block
    vertical-align: middle
    font-size: 1.2em
    width: 49%
    font-weight: 700
    top: 0
  p
    +inline-block
    vertical-align: middle
    width: 49%
    text-align: right
    top: 0
  input[type="submit"]
    width: 100%

ul.menubar
  +box-shadow(1px 1px 3px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.5))
  font-family: helvetica
  font-size: 14px
  z-index: 1
  margin-bottom: 20px
  &.default
    +menubar(#2C3E50, white, 50px, 4px)
    border: 1px solid #000
  li.menu
    float: right
    margin-right: 14px
    i
      position: relative
      top: 4px
  li ul li.label
    text-decoration: underline
    padding: 10px 10px

div.title
  position: absolute
  top: 14px
  left: 50%
  width: 400px
  margin-left: -200px
  z-index: 2
  p
    color: #fff
    font-size: 1.5em
    font-weight: 700
    text-align: center