1 files changed, 239 insertions, 238 deletions
diff --git a/media/sass/photos.sass b/media/sass/photos.sass
index 5329d3f..9d78df9 100644
--- a/media/sass/photos.sass
+++ b/media/sass/photos.sass
@@ -5,276 +5,277 @@
 @import _mixins.sass
 @import _globals.sass
 
-!luxagraf_brown = #201a11
-!luxagraf_orange = #b53a04
-*:focus   
-    outline= none
-ul#breadcrumbs
-    font-size: 65%
-    font-family: Hoefler Text,Georgia,Times New Roman,Times,serif
-    margin: 0
-    float: left
+$luxagraf_brown: #201a11
+$luxagraf_orange: #b53a04
+
+*:focus
+  outline: none
+
+#breadcrumbs
+  font-family: "Hoefler Text", Georgia, "Times New Roman", Times, serif
+  font-size: 10px
+  color: #fff
+  float: left
+  margin-top: 5px
+#breadcrumbs a
+  color: #fff
 .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
-                    
+  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: $luxagraf_orange !important
+
 body
-    background: #000
+  background: black
 
 .hide
-    display: none
+  display: none
+
 .clear
-    clear: both
+  clear: both
 
 li.activeSlide a img.thumb
-    border= !luxagraf_orange 3px solid !important
+  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
+  border: #666666 3px solid
 
-.jcarousel-clip 
-    z-index: 2
-    padding: 0
-    margin: 0
-    
-    overflow: hidden
-    position: relative
+.jcarousel-container
+  bottom: 0
+  margin: 0 auto
+  padding: 0 40px 0 40px
+  width: 940px
 
-.jcarousel-list 
-    z-index: 1
-    overflow: hidden
-    position: relative
-    top: 0
-    left: 0
-    margin: 0
-    padding: 0
-    height: 80px
+.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-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 
-    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:hover 
-    background-position: -20px 0
+.jcarousel-next-horizontal:active
+  background-position: -64px 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-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 
-    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:hover 
-    background-position: -20px 0
+.jcarousel-prev-horizontal:active
+  background-position: -64px 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
 
-.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 
-    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
 
-ul#feature_gallery_pager li a 
-    overflow: hidden
-    width: 80px
-    height: 80px
-    padding: 2px
-    float: left
-    display: block
+#slides img.thumb
+  width: 65px
+  height: 65px
 
-ul#feature_gallery_pager li 
-    margin: 0 2px
-    padding: 0
+#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
 
-#slides img.thumb 
-    width: 65px
-    height: 65px
+#map-wrapper
+  width: 400px
+  height: 328px
+  margin: 37px 0 0 44px
 
-#map-container
-    width: 469px
-    height: 392px
-    position: absolute
-    right: 10px
-    bottom: 35px
-    z-index: 2000
+#wrapper
+  width: 1010px
+  margin: 0 auto
+  +sm-sans
+  text-align: left
+  font-size: 16px
+  color: white
+  ul#slides li
+    margin-top: 10px
+  a
+    color: white
+  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
-    background: url('../img/mapbg.png') no-repeat top left
-#exif-container
-    width: 320px
-    height: 270px
+    img
+      border: none
+  div.legend
+    display: block
+    margin: 0
+    background: black
+    +transparent_class_lighter
     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
-
+    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
-        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
+      text-transform: uppercase
+      font-size: 13px
+      margin: 0 8px
+      line-height: 36px
+      color: white
+    a:hover
+      color: $luxagraf_orange
 
-#slideshow-controls 
-    +sm-sans
-    font-size: 12px
-    line-height: 18px
+#slideshow-controls
+  +sm-sans
+  font-size: 12px
+  line-height: 18px
+  text-align: center
+  width: 200px
+  margin: 0 auto
+  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
-    width: 200px
-    margin: 0 auto
-    position: relative
-    left: -5px
-    li 
-        display: inline
-        margin: 0
-        a
-            padding: 4px 6px
-            background: #3B3B3B
-            border-color: #111111 #020202 #000000 #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
+\ No newline at end of file