#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
    div.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: .7em
        
    img 
        border= !luxagraf_brown 10px solid


body#writing-detail 
    article
        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: 1.8em
            line-height: 1.2em
            margin= 0
    
        aside
            +tiny-serif
            font-size= .7em
            line-height= 2.3em
            a
                color= !luxagraf_brown
                &:hover
                    color= !luxagraf_orange
        
        div#post-body
            
            
        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
        
.single article
    header, div#post-body
        margin-left= !col4-!pad !important 
        width= !col10-!pad !important
        p:nth-of-type(1) 
            font-size: 1.2em
            line-height: 1.4em

.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
    div#post-body
        width= !col13+!pad
        float= left
        margin-left= !pad
        div.col
            width= 350px
            float= left
            margin= 0 !pad*2 0 0
            
        img.picwide
            clear= both
            margin= 30px 0 30px -200px
            border= !luxagraf_brown 10px solid
        
        div.narrow
            width= !col9

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

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

ol.footnote
    font-size: 12px
    margin: 18px 0

    li
        margin: 12px 0
        line-height: .8em
  
        p
            line-height: 18px !important
            font-size: 12px !important
  
        a, span
            font-size: 12px

        
section#post-metadata
    width= !col10-!pad
    border-top= !luxagraf_brown 1px dotted
    border-bottom= !luxagraf_brown 1px dotted
    margin= 24px 0 24px !col4-!pad
    font-size= .8em
    padding-bottom= 8px
    
section#page-navigation
    width= !full
    clear=both
    margin= 24px 0 0 0
    :text-transform uppercase
    font-size: .5em
    li#next
        float= right
        +sm-sans
        
        margin-right= !col3-!pad
    li#prev
        float= left
        +sm-sans
        margin-left= !col2+!pad

section#comments
    clear= both
    width= !col9
    margin= 24px 0 24px !col4-!pad
    font-size: .8em
    h4
        margin-top: 96px
        +headline-sans
        :text-transform uppercase
        font-size: 1.3em

h4 a.disqus-link-count  
    color= !luxagraf_brown !important

#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

body.dubcol
    footer 
        nav 
            li
                font-size= .6em

h4.notes
    +sm-sans
    font-weight: bold
    text-transform: uppercase
dl.addendum dt 
    font-style: italic
    margin: 0.8em 0 0 0
    margin-left: -30px !important
    text-indent: -30px
    padding-left: 30px

dl.addendum dd 
    margin: 0.8em 0 0 0

ul#dsq-comments 
    font-size: 1.2em
    
.dsq-comment-cite 
    font-family: Helvetica, Verdana, sans-serif
    font-size: .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: .8em
#dsq-comments-title 
    display: none !important

div.figure
    position: relative
    margin: 10px 0
    span.legend
        display: block
        +transparent_class_light
        position: absolute
        bottom: 9px
        left: 0
        font-family= Helvetica,Verdana,sans-serif
        font-size= .7em
        padding: 8px 0 8px 8px
        width: 552px
        background= !luxagraf_brown
        color: #999