//basic stuff

@import _reset.sass
@import _mixins.sass

body
  font: normal 100% unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif 
  margin: 0
  background: black
*:focus
  outline: none
  
a
  text-decoration: none

#breadcrumbs
  font: normal 100% unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif 
  text-transform: uppercase
  margin: -10px 0 2em .75em
  font-size: .75em
  li
    margin: 0
    line-height: 1em
    float: left
    a:hover
      color: $orange


.meta
  margin: 43px 0 0 37px
  color: black
  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: black !important
    a:hover
      color: $orange !important



.hide
  display: none

.clear
  clear: both

li.activeSlide a img.thumb
  border: $orange 3px solid !important

li.jcarousel-item a img.thumb
  border: #666666 3px solid

.jcarousel-container
  bottom: 0
  margin: 0 auto
  padding: 0 40px 0 40px
  width: 925px

.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
  font: normal 1em Helvetica, Verdana, sans-serif
  text-align: left
  font-size: 16px
  color: white
  ul#slides li
    margin-top: 10px
  a
    color: white
  li.bigimg
    width: 1000px
    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: black
    +photo_overlays
    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: #999999
  div.photo-options
    float: right
    margin: 0
    a
      text-transform: uppercase
      font-size: 13px
      margin: 0 8px
      line-height: 36px
      color: white
    a:hover
      color: $orange

#slideshow-controls
  font: normal 1em Helvetica, Verdana, sans-serif
  font-size: 12px
  line-height: 18px
  text-align: center
  width: 200px
  margin: 0 auto 10px
  position: relative
  left: -5px
  top: 2px
  li
    display: inline
    margin: 0
    a
      padding: 4px 6px
      background: #3b3b3b
      border-color: #111111 #020202 black #111111
      color: #dddddd
      text-shadow: 1px 1px 0 #161616
    a:hover
      background: #303030
  li a#prev
    border-right: #111111 1px solid
    -moz-border-radius-bottomleft: 6px
    -moz-border-radius-topleft: 6px
    -webkit-border-top-left-radius: 6px
    -webkit-border-bottom-left-radius: 6px
    border-bottom-left-radius: 6px
    border-top-left-radius: 6px
  li a#next
    border-left: #111111 1px solid
    -moz-border-radius-bottomright: 6px
    -moz-border-radius-topright: 6px
    -webkit-border-top-right-radius: 6px
    -webkit-border-bottom-right-radius: 6px
    border-bottom-right-radius: 6px
    border-top-right-radius: 6px
  li a#play
    border-left: #484848 1px solid
    border-right: #484848 1px solid
    text-align: center

.ie7 #slideshow-controls
  left: -160px
.ie #breadcrumbs li
  display: inline