//basic stuff

$luxagraf_brown: #201a11
$luxagraf_orange: #b53a04

*:focus
  outline: $luxagraf_orange dotted thin

html
  height: 100%

body
  background: white
  font-family: unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif
  /* font-size 15px
  font-size: 15px
  /* line height of 24 px
  line-height: 23px
  color: $luxagraf_brown
  position: relative
  min-height: 100%
  width: $full
  height: 100%
  text-align: center
  margin: 0 auto


p
  margin: 0.8em 0 0 0

a
  text-decoration: none
  color: $luxagraf_brown
  &:visited
    color: $luxagraf_brown
    text-decoration: none
  &:hover
    color: $luxagraf_orange
    text-decoration: none

// structure ------------------------------

header
  border-bottom: $luxagraf_brown 2px solid
  height: 150px
  margin-bottom: 40px
  +small-serif
  font-size: 12px
  nav
    text-transform: uppercase
    float: left
    margin-top: 102px
    margin-left: $col
  li
    display: inline
    font-size: 12px
    margin-left: 4px
    letter-spacing: 1px
    a:hover
      color: $luxagraf_orange

//logo link
#logo
  background: url("../img/logo.png") no-repeat left bottom
  height: 148px
  width: $col7
  float: left
  text-indent: -1000px

header h2
  float: left
  text-indent: -1000px
  display: none

footer
  +sm-sans
  background: $luxagraf_brown
  height: 36px
  color: #888888
  font-size: 12px
  margin: 80px auto 0
  li
    float: left
    text-transform: uppercase
    line-height: 36px
    margin-left: 8px
  a
    color: #888888 !important
    &:hover
      color: $luxagraf_orange !important
  nav
    float: right
    margin-right: 8px
  p
    float: left
    padding-left: 8px
    line-height: 36px
    margin: 0

article ul
  font-size: 1.5em

#breadcrumbs
  font-weight: normal
  +tiny-serif
  font-size: 11px
  li
    display: inline

// global classes ------------------------------

.hide
  display: none

.postpic, .postpicright
  display: block
  margin: 0.3em 0.6em
  border: $luxagraf_brown 10px solid
  clear: both

.postpic
  float: left
  margin-left: 0
  margin-top: 0.3em

.postpicright
  float: right
  margin-right: 0

.postpicleft
  float: left
  margin: 5px

.picfull
  border: $luxagraf_brown 10px solid
  margin-top: 20px

.post-image
  margin: 0 10px 0 0
  float: left
  border: $luxagraf_brown 10px solid !important

.picwide
  clear: both
  margin: 30px 0 30px -200px
  border: $luxagraf_brown 10px solid

.pull-quote
  font-size: 14px !important
  font-style: italic !important

sup
  +sm-sans
  font-size: 0.7em
  line-height: 0
  padding: 3px 0 3px 3px
  a
    line-height: 0

.numeral
  font-family: Helvetica, Verdana, sans-serif
  font-size: 22px
  font-weight: bold
  display: block
  margin-top: 60px
  margin-bottom: 0

.nfirst
  margin-top: 0px !important

.figure
  position: relative
  margin: 0
  .legend
    display: block
    +transparent_class_light
    position: absolute
    bottom: 9px
    left: 0
    font-size: 13px
    padding: 8px 0 8px 8px
    width: auto
    background: $luxagraf_brown
    color: #999999

.button
  display: block
  +sm-sans
  margin: 10px 10px 0 0
  width: auto
  +sm-sans
  font-size: 10px
  a
    padding: 9px 14px 7px 14px
    font-weight: bold
    line-height: 25px
    text-transform: uppercase
    background: #d7d7d7
    color: #666666
    -moz-border-radius: 25px
    -webkit-border-radius: 25px
    border-radius: 25px
  a:hover
    background: $luxagraf_orange
    color: white

// shit to hide ------------------------------

.hide, .dsq-brlink, img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'], .terms-of-use-link, #dsq-comments-count
  display: none

div[dir='ltr'] span
  width: 0
  visibility: collapse