.top
  margin: 36px 0 36px 0
  clear: both
  width: $col16
  a
    color: $luxagraf_orange

p.col
  width: 360px
  float: left
  margin: 0 $pad * 2 0 0
  font-size: 14px

p.two
  margin: 0
  margin-left: $col
  width: 450px

.break
  border-bottom: #e3e3e3 1px solid
  width: $col16 + $pad * 2
  height: 2px
  padding-top: 36px
  clear: both
  margin: 0

.project-tease
  margin-top: 65px
  li
    margin-top: 36px
    clear: both
    h3
      +sm-sans
      font-size: 24px
      line-height: 24px
      margin: 0
      width: $col7 - $pad
      font-weight: bold
  .tease
    float: left
  .img
    float: right
    width: $col9 + $pad
    margin-bottom: 72px
    img
      border: $luxagraf_brown 10px solid
  .lede
    clear: both
    margin: 0
    padding-top: 12px
    width: $col7 - $pad
    p
      font-family: Hoefler Text, Georgia, Times New Roman, Times, serif
      font-size: 16px
      line-height: 23px
      text-align: justify
  .proj
    font-size: 64px
    line-height: 50px
    float: left
    margin: 2px 2px 0 0
    span
      font-size: 36px
  dt a
    display: block
    width: 175px
    float: left

// National Parks detail page

.map-container
  width: 469px
  height: 392px
  position: absolute
  right: 20px
  bottom: 60px
  z-index: 2000
  margin: 0
  padding: 0
  background: url("../img/mapbg-dark.png") no-repeat top left

.more-container
  width: 405px
  height: 260px
  position: absolute
  right: -30px
  bottom: 40px
  z-index: 2000
  background: url("../img/parkbg.png") no-repeat top left
  dl
    margin-top: 45px
    margin-left: 45px
    dt,dd
      font-size: 0.9em
      line-height: 25px
      margin: 4px 0
      font-family: Helvetica, Verdana, sans-serif
      color: white
    dt
      clear: left
      float: left
      width: 65px
      //border-bottom: 1px solid #999
      font-weight: bold
      line-height: 25px
      font-size: 0.7em
      text-transform: uppercase
    dd
      float: left
      width: 250px
      overflow: hidden
      //border-bottom: 1px solid #999
      a:hover
        color: $luxagraf_orange

.map-wrapper
  width: 400px
  height: 328px
  margin: 37px 0 0 44px

#parks
  margin-top: 36px
  article
    width: $col16 + $pad * 2
    position: relative
    display: block
    margin-top: 36px
    clear: both
    margin-bottom: 72px
  .figure
    img
      border: none
  h1
    display: block
    color: #888888
    padding: 10px 10px 10px 15px
    background: $luxagraf_brown
    +transparent_class_light
    position: absolute
    top: 0
    width: $col16 + $pad
    color: white
    +headline-sans
    margin: 0
  .legend
    display: block
    padding: 10px 10px 10px 15px
    background: $luxagraf_brown
    +transparent_class_light
    position: absolute
    bottom: 0
    height: 45px
    width: $col16 + $pad * 2
    font-size: 10px
    line-height: 16px
    color: white
    h2
      +sm-headline-sans
      line-height: 36px
      font-size: 18px
      margin: 0
      padding: 0
      float: left
    p
      margin: 6px 0 10px 0
    .buttons
      padding-top: 6px
      float: right
      margin-right: 20px
      li
        float: left
        clear: none
        margin: 0px 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: #463215
          color: white
          -moz-border-radius: 25px
          -webkit-border-radius: 25px
          -o-border-radius: 25px
          border-radius: 25px
        a:hover
          background: $luxagraf_orange
  .map
    width: $col5
    margin-top: 42px
    height: 130px
    float: left
    margin-left: 6px
    a
      display: none
    div
      div
        span
          display: none
  .entry-foot
    clear: both
    +sm-sans
    font-size: 12px
    background: #ff33ff
    width: $col16 + $pad * 2
    margin-top: 4px

img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png']
  display: none !important