@import _mixins.sass
//main content container
body
    max-width: 61.75em
    margin: 0 auto
header[role="banner"]
    text-align: left
    clear: both
    border-bottom: $brown 2px solid
    height: 9.375em
    h1, h2
        float: left
        padding-top: 2.2em
        background-position: left bottom
        margin: 0 !important
    h2
        padding-top: 3.5em
        background: url('../img/text-wide.png') left bottom no-repeat !important
        margin-left: 1.7em !important
nav[role="navigation"]
    width: 25em
    border: none
    padding-top: 7.3em
    padding-left: 15em
    a
        letter-spacing: 1px
    li
        font-size: 12px
//global
#pagination
    font-family: Helvetica, Verdana, sans-serif !important
    font-size: 1.125em
//homepage specific
#archive
    clear: both
    article
        width: 18.75em
        float: left
        text-align: justify
        h1
            text-align: left
            font-size: 1.125em
            margin: 1em 0 .5em
        .hyphenate
            font-size: .9375em
            line-height: 1.4375em
        .dateline
            text-align: left
            margin-bottom: .75em
            font-size: .65em
    .mid
        margin: 0 2.5em
    

article img
    width: auto !important

.img
    float: right
    img
        margin: 0

//writing archives
.archive
    padding-top: 2em
    article
        margin-bottom: 2em
        padding-bottom: 2em
        border: none !important
    h1, p
        width: 41%
        float: left
        text-align: left
        margin: 0
        font-size: 1em
    h1
        font-size: 1.5em
        line-height: 1.3em
        margin-top: .15em
        letter-spacing: .5px
    .dateline
        clear: left
        margin: .75em 0
        font-size: .6875em
    .hyphenate
        text-align: justify
    time
        display: inline
        float: right




#photo-galleries:after, #projects-page .top:after
    content: "."
    display: block
    height: 0
    clear: both
    visibility: hidden

//breadcrumbs
#page-nav
    border: none
    text-align: left
    margin-top: 2em
#breadcrumbs
    margin-left: 0
    li
        letter-spacing: 1px
    

//photo pages

#photo-galleries li
    float: left
    width: 291px
    margin: 0 1em 1em 1em
    .figure img
        width: 100%
        
#photo-galleries .legend
    width: 97%
    padding: 1em
    font-size: .75em !important
    line-height: 95%
  
//map page
#map-canvas
    width: 47.5em
    height: 31.25em
    float: right

.map-legend
    h4
        margin-bottom: .25em
        letter-spacing: 1px
        font-size: .875em
    li
        display: block
        font-size: .875em
        margin: 3px 0
    li:after
        content: ""
.infowin
    h4
        font: normal 1.3em Helvetica, Verdana, sans-serif
        margin: .5em 0
    p
        font-size: 95%
        overflow: auto
//projects page 
#projects-page .col
    float: left
    font-size: .875em
    margin: 0 40px 0 0
    width: 360px
#projects-page .two
    margin: 0 0 0 3.5em
    width: 32em
#projects-page .top
    padding-bottom: 2em
    margin-bottom: 2em
    border-bottom: 1px solid #E3E3E3
#projects-page article p
    margin: 1em 0 0 0
//Permalink pages
article[role="main"]
    header, #post-body, footer, #comments
        width: 35.625em
        margin: 3.5em 0 0 12em
    #post-body
        margin-top: 0
        .legend
            width: 96%
            font-size: 1em

    h1, aside
        text-align: left
        margin: 0 0 .4em 0
    h1
        font-size: 1.875em
    p:nth-of-type(1)
        font-size: 1.25em
        line-height: 28px
    #post-metadata 
        border-bottom: 1px $brown dotted
        margin-bottom: 1em
        margin-top: 1.5em
        padding: .75em 0
        p
            line-height: 1.5em !important
            margin: 0
        a
            color: $orange
    #page-navigation
        text-transform: uppercase
        font: normal 1.125em Helvetica, Verdana, sans-serif
        a
            color: $orange
        li#next
            float: right
            padding-right: 9em
        li#prev
            float: left
            padding-left: 6em
// two col layout
.double article[role="main"]
    p:nth-of-type(1)
        font-size: 1.0625em /* 17px / 16px */
        line-height: 1.5em /* 24px / 16px */
        margin: 1em 0 0
    header
        width: 11.25em
        float: left
        margin-left: 0
        h1, aside
            text-align: right
            line-height: 1.2em
    #post-body
        margin: 2em 0 0 1.25em
        float: left
        width: 48.75em
        .col
            float: left
            width: 23.125em
        .sec 
            margin-left: 2.5em
        .narrow
            width: 35.625em
            margin-left: -8px
            margin-bottom: 1em
            clear: both
    #post-metadata 
        clear: both
//About Page
#about article[role="main"]
    .content
        width: 35.625em
        margin: 0 0 0 12.4em
    h2
        margin-left: 8.2em
    p:nth-of-type(1)
        font-size: 1.063em
        line-height: 1.5em
footer[role="contentinfo"]
    font-family: Helvetica, Verdana, sans-serif
    background: $brown
    height: 3em
    color: #888888
    margin: 80px auto 0
    font-size: 1em
    padding: 0
    li
        float: left
        text-transform: uppercase
        line-height: 3em
        margin-top: .75em
        margin-left: 8px
    a
        color: #888888 !important
        &:hover
            color: $orange !important
    nav
        border: none
        margin: 0 1em 0 0
        padding: 0
        float: right
    p
        float: left
        padding-left: 8px
        line-height: 4em
        margin-top: .75em
.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
.postpic, .postpicright
    display: block
    margin: 0.3em 0.6em

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

.postpicright
    float: right
    margin-right: 0

.postpicleft
    float: left
    margin: 5px

.picfull
    margin-top: 20px

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

.ie8 .drop
    padding-top: 28px
.ie7 footer[role="contentinfo"], .ie7 #projects-archive, .ie7 #writing-archive article, .ie7 #pagination, .ie7 #projects-archive .button
    clear: both
.ie7 .top
    height: 90px
.ie7 nav[role="navigation"]
    padding-top: 6.2em
    padding-left: 3.5em
    margin-left: 90px !important