//Writing Archive pages

#writing-archive
  margin-top: 72px
  margin-bottom: 36px
  li
    clear: both
  h3
    +sm-headline-sans
    margin: 0
    text-align: "left"
  div
    width: $col7
    margin-right: $pad
    float: left
    text-align: "justify"
  .img
    width: $col9
    margin-left: $pad
    margin-bottom: 36px
  p
    margin: 0
    font-size: 1.1em
  .location,time
    +tiny-serif
    line-height: 3em
    font-size: 0.7em
  img
    border: $luxagraf_brown 10px solid

#pagination
  +sm-sans
  width: $full
  clear: both
  margin: 0
  border-top: $luxagraf_brown 1px dotted
  border-bottom: $luxagraf_brown 1px dotted
  text-align: center
  .pagination
    margin: 8px 0
  .current
    color: $luxagraf_orange

//Basic styles for Writing detail pages

#writing-detail
  font-size: 1.7em
  line-height: 1.5em
  header
    border: none
    height: auto
    width: auto
    margin: 0 0 0 0
  h1
    +headline-sans
    font-size: 30px
    line-height: 1.2em
    margin: 0
    letter-spacing: 0.5px
  aside
    +tiny-serif
    font-size: 12px
    line-height: 2.3em
    a
      color: $luxagraf_brown
      &:hover
        color: $luxagraf_orange
  dl
    font-size: 100%
    dt
      font-style: italic
      margin: 9px
  a
    color: $luxagraf_orange
  h3
    +headline-sans
    font-size: 1.6em
    line-height: 1.2em

#post-metadata
  width: $col9 + $pad
  border-top: $luxagraf_brown 1px dotted
  border-bottom: $luxagraf_brown 1px dotted
  margin: 24px 0 24px $col4 - $pad
  font-size: 0.8em
  padding-bottom: 8px
  clear: both

#page-navigation
  width: $full
  clear: both
  margin: 24px 0 0 0
  text-transform: uppercase
  font-size: 0.5em
  li#next
    float: right
    +sm-sans
    margin-right: $col3 - $pad
  li#prev
    float: left
    +sm-sans
    margin-left: $col2 + $pad

#comments
  clear: both
  width: $col9
  margin: 24px 0 24px $col4 - $pad
  font-size: 0.8em
  h4
    margin-top: 96px
    +headline-sans
    text-transform: uppercase
    font-size: 1.3em

h4 a.disqus-link-count
  color: $luxagraf_brown !important

ul#dsq-comments
  font-size: 1.2em

.dsq-comment-cite
  font-family: "Helvetica", "Verdana", "sans-serif"
  font-size: 0.9em !important
  font-weight: normal
  text-transform: uppercase

.dsq-comment-header-time, .dsq-comment-footer
  font-family: "Helvetica", "Verdana", "sans-serif"

.dsq-comment-footer
  font-size: 0.8em

#dsq-comments-title
  display: none !important

.drop
  font-size: 4.8em
  display: block
  float: left
  padding: 38px 10px 5px 0
  overflow: visible

.drop-small
  font-size: 2.9em
  display: block
  float: left
  padding: 19px 8px 5px 0
  overflow: visible

blockquote
  font-size: 0.8em

.footnote
  margin: 18px 0
  width: $col9 + $pad
  li
    margin: 12px 0
    line-height: 0.8em
  p
    line-height: 18px !important
    font-size: 14px
  a, span
    font-size: 14px

#writing-detail .figure
  margin-top: 24px
  img
    border: $luxagraf_brown 10px solid
  .legend
    width: 552px
    padding: 8px 0 12px 16px
    font-family: "Helvetica", "Verdana", "sans-serif"

h4.notes
  +sm-sans
  font-weight: bold
  text-transform: uppercase

.addendum dt
  font-style: italic
  margin: 0.8em 0 0 0
  margin-left: -30px !important
  text-indent: -30px
  padding-left: 30px

.addendum dd
  margin: 0.8em 0 0 0

// special styles for single and double column posts

.single article
  header, #post-body
    margin-left: $col4 - $pad !important
    width: $col10 - $pad !important
    p:nth-of-type(1)
      font-size: 20px
      line-height: 28px

//double stuff

.double article
  header
    float: left
    width: $col4 - $pad * 2 !important
    text-align: right !important
    margin-top: $pad !important
  aside
    section
      text-align: right !important
      font-size: 1em
      line-height: 18px

#post-body
  width: $col13 + $pad
  margin-left: $pad
  .col
    width: 350px
    float: left
    margin: 0 $pad * 2 0 0
  .narrow
    width: $col9

.double #post-body
  float: left