//basic stuff

@import _reset.sass
@import _grid.sass
@import _mixins.sass
@import _globals.sass

!luxagraf_brown = #201a11
!luxagraf_orange = #b53a04

ul#breadcrumbs
    font-size: 65%
    font-family: Hoefler Text,Georgia,Times New Roman,Times,serif
    margin: 0
    float: left
ul#instructions 
    font-size: 70%
    font-family: Hoefler Text,Georgia,Times New Roman,Times,serif
    text-transform: uppercase
    margin: 0
    line-height: 1.2em
    visibility: hidden
    margin-left: 720px
    li
        display: inline
.meta
    margin: 43px 0 0 37px
    color: #000
    dl
        font-size: 13px
    dt
        clear: left
        float: left
        line-height: 16px
        margin: 4px 0
        width= 100px
        //border-bottom: 1px solid #999
    
    dd
        float: left
        width= 125px
        margin: 4px 0 4px 4px
        line-height: 16px
        a
            color: #000 !important
        a:hover
            color= !luxagraf_orange !important
                    
body
    background: #000

.hide
    display: none
.clear
    clear: both

li.activeSlide a img.thumb
    border= !luxagraf_orange 3px solid !important
li.jcarousel-item a img.thumb
    border: #666 3px solid
    
.jcarousel-container 
    bottom: 0
    margin: 0 auto
    padding:0 50px
    width: 960px

.jcarousel-clip 
    z-index: 2
    padding: 0
    margin: 0
    
    overflow: hidden
    position: relative

.jcarousel-list 
    z-index: 1
    overflow: hidden
    position: relative
    top: 0
    left: 0
    margin: 0
    padding: 0
    height: 80px


.jcarousel-item 
    float: left
    list-style: none
    width:80px
    height: 80px


.jcarousel-next-horizontal 
    position: absolute
    top: 5px
    right: 3px
    width: 20px
    height: 53px
    margin-top: 695px
    background:  transparent url('../img/slideshow-arrow-right.png') no-repeat 0 0

.jcarousel-next-horizontal:hover 
    background-position: -20px 0

.jcarousel-next-horizontal:active 
    background-position: -64px 0

.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active 
    cursor: default
    background-position: -96px 0

.jcarousel-prev-horizontal 
    position: absolute
    top: 5px
    left: -6px
    width: 20px
    height: 53px
    margin-left: 7px
    margin-top: 695px
    background: transparent url('../img/slideshow-arrow-left.png') no-repeat 0 0

.jcarousel-prev-horizontal:hover 
    background-position: -20px 0

.jcarousel-prev-horizontal:active 
    background-position: -64px 0

.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active 
    cursor: default
    background-position: -96px 0

ul#feature_gallery_pager 
    display: block
    margin: auto
    overflow: hidden
    height: 85px
    margin-top: 680px


ul#feature_gallery_pager li a 
    overflow: hidden
    width: 80px
    height: 80px
    padding: 2px
    float: left
    display: block

ul#feature_gallery_pager li 
    margin: 0 2px
    padding: 0


#slides img.thumb 
    width: 65px
    height: 65px

#map-container
    width: 469px
    height: 392px
    position: absolute
    right: 10px
    bottom: 35px
    z-index: 2000
    margin: 0
    padding: 0
    background: url('../img/mapbg.png') no-repeat top left
#exif-container
    width: 320px
    height: 270px
    position: absolute
    right: 0px
    bottom: 26px
    z-index: 2000
    background: url('../img/exifbg.png') no-repeat top left
#map-wrapper
    width: 400px
    height: 328px
    margin: 37px 0 0 44px
    
     
#wrapper
    width: 1010px
    margin: 0 auto
    +sm-sans
    text-align: left
    font-size: 16px
    color: #fff
    ul#slides li
        margin-top: 10px

    a
        color: #fff
    li.bigimg
        width= !col16+!pad*3
        position: relative
        display: block
        clear: both
        margin: 0px
        margin-top: 36px
        clear: both
        margin-bottom: 72px
        
    div.figure
        margin: 0
        padding: 0
        
        img
            border= none

    div.legend
        display: block
        margin: 0
        background: #000
        +transparent_class_lighter
        position: absolute
        bottom: 0
        clear: both
        width: 100%
        
        
    div.caption
        float: left
        padding: 0 8px
        line-height: 36px
        p 
            line-height: 14px
            font-size: 12px
            margin-top: 0
            margin-bottom: 12px
        h5
            display: inline
            text-transform: uppercase
            span
                font-weight: normal
                color: #999
    div.photo-options 
        float: right
        margin: 0
        a
            text-transform: uppercase
            font-size: 13px
            margin: 0 8px
            line-height: 36px
            color: #fff
        a:hover
            color= !luxagraf_orange