//basic stuff

!luxagraf_brown = #201a11
!luxagraf_orange = #b53a04


*:focus   
    outline= !luxagraf_orange dotted thin

html
    height: 100%
body
    background= #fff
    font-family= "Hoefler Text", "Georgia", "Times New Roman", "Times", "serif"
    /* font-size 15px */
    font-size= 62.5% 
    /* line height of 24 px */
    line-height= 23px 
    color= !luxagraf_brown 
    position: relative
    min-height: 100%
    width= !full
    height: 100% 
    text-align= "center" 
    margin: 0 auto

p 
    margin: 0.8em 0 0 0

a
    text-decoration= "none"
    color= !luxagraf_brown

    &:visited 
        color= !luxagraf_brown
        text-decoration= "none"
    &:hover
        color= !luxagraf_orange
        text-decoration= "none"


// structure ------------------------------
    
header
    border-bottom= !luxagraf_brown 2px "solid"
    height= 160px
    margin-bottom: 40px
    +small-serif
    nav 
        text-transform= uppercase
        float= left
        margin-top= 113px
        margin-left= !col
    li
        display= "inline"
        font-size= 12px
        margin-left= 4px
        letter-spacing: 1px
        a:hover
            color= !luxagraf_orange
            
//logo link
#logo
    background= url("../img/logo.png") no-repeat left bottom
    height= 158px
    width= !col7
    float = left
    text-indent= -1000px

header h2
    float= left
    text-indent= -1000px
    display: none
    

footer
    +sm-sans
    background= !luxagraf_brown
    height: 36px
    color: #888
    font-size= 1.2em
    margin= 80px auto 0
    li
        float: left
        text-transform: uppercase
        line-height: 36px
        margin-left= 8px
    a
        color: #888 !important
        &:hover
            color = !luxagraf_orange !important
    nav
        float= right
        margin-right: 8px
    p 
        float= left
        padding-left= 8px
        line-height: 36px
        margin: 0

article ul 
    font-size= 1.5em 


#breadcrumbs
    font-weight= normal
    +tiny-serif
    font-size: 110%
    li
        display= "inline"



// global classes ------------------------------



.hide
    display= "none"

.postpic, .postpicright
    display: block
    margin: .3em .6em
    border= !luxagraf_brown 10px "solid"
    clear: both
  
.postpic
    float: left
    margin-left: 0
    margin-top: .3em
  
.postpicright
    float: right
    margin-right: 0
  
.postpicleft
    float: left
    margin: 5px
  
.picfull
    border= !luxagraf_brown 10px "solid"
    margin-top: 20px
        
.post-image
    margin: 0 10px 0 0
    float: left
    border= !luxagraf_brown 10px "solid" !important
.picwide
    clear= "both"
    margin= 30px 0 30px -200px
    border= !luxagraf_brown 10px "solid"


.pull-quote
    font-size= 14px !important
    font-style= "italic" !important
    
sup 
    +sm-sans
    font-size: .7em
    line-height: 0
    padding: 3px 0 3px 3px
    a
        line-height: 0
.numeral
    font-family= Helvetica,Verdana,sans-serif
    font-size: 22px
    font-weight: bold
    display: block
    margin-top: 60px
    margin-bottom: 0
.nfirst
    margin-top: 0px !important


.figure
    position: relative
    margin: 0
    .legend
        display: block
        +transparent_class_light
        position: absolute
        bottom: 9px
        left: 0
        font-size= 13px
        padding: 8px 0 8px 8px
        width: auto
        background= !luxagraf_brown
        color: #999
.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
        border-radius: 25px
    a:hover
        background= !luxagraf_orange
        color: #fff

// shit to hide ------------------------------


.hide, .dsq-brlink, img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'], .terms-of-use-link, #dsq-comments-count
    display: "none"


div[dir='ltr'] span
    width: 0
    visibility: collapse