//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: .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: .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= .8em
    padding-bottom= 8px
    clear: both
    
#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

#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

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

.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: .8em

.footnote
    margin: 18px 0
    width= !col9 + !pad
    li
        margin: 12px 0
        line-height: .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"