@import _reset.sass
@import _grid.sass
@import _mixins.sass
@import _globals.sass
@import _writing.sass
@import _photos.sass
@import _maps.sass
@import _about.sass
@import _contact.sass
@import _projects.sass


body#projects 
    h3
        +headline-sans
    article p
        font-size: 1.4em



#featured-image img
    margin-left= !pad
    margin-bottom= 78px

p.hyphenate
    text-align: justify
    

section#writing-tease, section#currently
    +sm-sans
    text-transform: uppercase
    font-size: .8em
    clear: both
    width= !full
    padding-top: 20px
    //border-top= !luxagraf_brown 1px "solid"
    border-top= #b9b9b9 1px "dotted"
    

section#currently
    padding: 0
    margin-bottom: 0px
    margin-top: 36px
    border-top= !luxagraf_brown 1px "solid"
    div.project-tease
        font-size: 18px
        line-height: 16px
        margin-top: 8px
        h4
            font-size: 64px
            line-height: 50px
            float: left
            margin: 0
            span
                font-size: 36px

        a
            display: block
            width= !col4
            float: left

        p
            font-size: .7em
            text-transform: none
            line-height: 50px
            margin-left= !col8 - !pad
            font-family= "Hoefler Text", Georgia, "Times New Roman", Times, serif
            cite
                padding-left: 4px

span.button
    display: block
    +sm-sans
    margin: 10px 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= #d7d7d7
        color: #666
        -moz-border-radius: 25px
        -webkit-border-radius: 25px
    a:hover
        background= !luxagraf_orange
        color: #fff
        
section#writing-tease
    h2
        margin: 24px 0 24px 0
section#fromthearc
    clear: both
    li
        float: left
        width= !col5+!pad
        margin-bottom= !pad
    h2
        +small-serif
        font-size: 2em
        margin: 0
    .col2
        margin-left= !pad*2
        margin-right= !pad*2
    h3
        +headline-sans
        font-size: 1.2em
        //min-height: 50px
        margin: 0
    p
        margin: 0
    p.hyphenate
        margin-top: 3px
        text-align: justify
    img
        margin-top: 4px
    .location, time
        +tiny-serif
        line-height= 3em
        margin: 0
        padding: 0
        font-size: .7em
        text-align: left