@import reset.sass

= clearfix
  *display: inline-block
  &:after
    content: " "
    display: block
    height: 0
    clear: both
    visibility: hidden
    
= form_style
  padding: 5px
  border: 1px solid #ccc
  font-size: 13px
  width: 600px

body
  font: 14px Arial, Helvetica, Sans-Serif
  color: #555

h1
  margin-bottom: 15px
  font-size: 28px
  font-weight: normal

h2
  font-size: 130%

h3
  margin-bottom: 15px
  font-size: 110%
  font-weight: normal

h3 a
  margin: 0
  padding: 0 0 0 18px

h3 a:hover
  color: #900
  text-decoration: none

a.edit
  background: url('/images/edit-page-blue.gif') left center no-repeat

a.add
  background: url('/images/add-item-blue.gif') left center no-repeat

a.back
  background: url('/images/left-blue.gif') left center no-repeat

a
  font-weight: bold
  color: #009
  text-decoration: none

a:hover
  text-decoration: underline

// Header

.header
  padding: 10px 5% 0 5%
  background: #900

.header h1
  margin: 0
  color: #fc0
  font-size: 24px

.header h2
  margin: 0 0 20px 0
  color: #fff
  font-size: 15px
  font-weight: normal

ul.menu
  +clearfix

ul.menu li
  margin-right: 5px
  float: left
  display: inline

ul.menu li a
  padding: 6px 10px
  background: #c00
  color: #fff
  text-decoration: none
  float: left

ul.menu li a:hover
  background: #600
  color: #fc0

ul.menu li a.current
  border-bottom: 1px solid #fff
  background: #fff
  color: #900

// end Header

// Content

#content
  margin: 20px 5%

// end Content

#item_name
  +form_style
  font-size: 18px
  font-weight: bold

#item_description
  +form_style

a.edit-description
  padding: 0 0 0 19px
  background: url('/images/edit-description-blue.gif') center left no-repeat

#images li
  margin: 0 20px 20px 0
  list-style: none
  width: 150px
  float: left

#images li img
  margin-bottom: 5px
  border: 1px solid #ccc

// Flash

.flash
  margin-bottom: 20px
  padding: 5px 5px 5px 30px
  border: 1px solid #ccc

.flash.notice
  border-color: #9c9
  background: url('/images/flash-notice.gif') #e2f9e3 left no-repeat
  color: #060

.flash.error
  border-color: #c99
  background: url('/images/flash-error.gif') #c00 left no-repeat
  color: #fff

// end Flash

li.live-site
  margin-left: 20px
  a
    font-weight: normal

p.url
  margin-top: 5px
  font-size: 11px
  color: #777
}