html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
  margin: 0
  padding: 0
  border: 0
  outline: 0
  font-weight: inherit
  font-style: inherit
  font-size: 1em
  font-family: inherit
  vertical-align: baseline

body
  line-height: 1
  color: #333
  background: #f7f7f7
  font-size: 75%

html>body
  font-size: 12px

.clear
  clear: both

em
  font-style: italic

strong
  font-weight: bold

#container
  font-family: Arial,Helvetica,Calibri,sans-serif

body.home
  background: #f7f7f7 url(img/davy/bg/home2.png) repeat-x top

.home #container
  width: 920px
  margin: 0 auto

#navigation
  width: 888px
  margin: 0 auto

.home
  #top, #bottom
    width: 900px
    margin: 0 auto

#footer
  width: 888px
  margin: 0 auto

#topnav_wrap
  background: url(img/davy/bg/product.png) repeat-x top

#navigation
  height: 38px
  overflow: hidden
  background: url(img/davy/bg/home2.png) repeat-x top

.home #navigation h1 a
  display: none

.home #footer
  border-top: 1px solid #d9d9d9
  margin-top: 24px

.nothome #footer
  margin-top: 0

#footer-inner
  border-top: 1px solid #f9f9f9
  padding: 12px 0
  color: #666
  font-size: .917em

#footer-left
  float: left
  width: 640px

#footer
  ul
    display: inline
  li
    display: inline
    margin-left: 1em
  #appjet
    float: right
    margin-right: -12px
    a
      background: url(img/davy/gfx/plane.gif) no-repeat right center
      padding-right: 12px

#top
  height: 349px
  position: relative
  background: url(img/davy/gfx/screenshot.png) no-repeat bottom right

#github-ribbon
  img
    z-index: 9999
    position: absolute
    top: 0
    right: 0
    border: 0

#intro-left
  width: 340px
  float: left
  font-family: Arial,Helvetica,sans-serif
  text-shadow: 0 0 1px #18487F
  padding-top: 30px
  h1
    width: 300px
    position: relative
    padding: 57px 0 0 0
    overflow: hidden
    background: transparent url(img/davy/gfx/home-logo2.png) no-repeat top left
    height: 0
    margin: 0 0 5px -8px
  h2
    color: #d1e5ff
    font-size: 1.5em
    font-weight: bold
    line-height: 1.2
    a
      color: #9ac6ff
      font-style: italic
      border-bottom: 2px solid
      &:hover
        text-decoration: none
        color: #4A91EE
  p
    color: #fff
    font-size: 1.167em
    line-height: 1.3
    margin: 10px 0

#intro-links
  position: absolute
  bottom: 5px
  left: -5px
  width: 500px
  a
    display: block
    float: left
    position: relative
    padding: 64px 0 0 0
    overflow: hidden
    background-repeat: no-repeat
    background-position: top left
    height: 0

#newpadbutton
  width: 212px
  background-image: url(img/davy/btn/createpad-home.png)
  margin-right: 11px

#bottom
  padding-top: 28px

#drop
  display: block
  clear: both
  margin-top: 40px
  background: #eee
  border: 2px dashed #bbb
  border-radius: 5px
  padding: 20px
  text-align: center
  font: 20pt bold,"Vollkorn"
  color: #bbb
  div
    display: block
    font-size: 60%
    padding-top: 0.5ex
    label
      cursor: pointer
