//basic stuff

!luxagraf_brown = #201a11
!luxagraf_orange = #b53a04

*:focus   
    outline= !luxagraf_orange dotted thin

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 
    height=100% 
    text-align= center 

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
    width= !full
    margin= 0 auto 40px
    //background= url("../img/horiz.png") repeat-x left bottom

header
    border-bottom= !luxagraf_brown 2px "solid"
    height= 160px
    
    h1
        a
            background= url("../img/logo.gif") no-repeat left bottom
            height= 158px
            width= !col7
            float = left
            text-indent= -1000px
    h2
        float= left
        text-indent= -1000px
        display: none
    nav 
        float= left
        margin-top= 110px
        margin-left= !col
        li
            display= "inline"
            +small-serif
            font-size= 1.2em
            margin-left= 4px
        a:hover
            color= !luxagraf_orange

footer
    width= !full
    background= !luxagraf_brown
    height: 36px
    color: #888
    font-size= 1.2em
    margin= 80px auto 0
    nav li
        float: left
        +sm-sans
        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
        +sm-sans
        padding-left= 8px
        line-height: 36px
        margin: 0

article
    width= !full
    margin= 0 auto
    //background= url("../img/bg.gif")
    
    ul
        font-size= 1.5em 


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

.hide
    display= "none"

img
    &.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

.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

p.pull-quote
    font-size= 14px !important
    font-style= "italic" !important
    
sup 
    +sm-sans
    font-size: .6em