updated styles and templates for revamped design

1 files changed, 0 insertions, 417 deletions

diff --git a/media/sass/dark.sass b/media/sass/dark.sass
deleted file mode 100644
index b835305..0000000
--- a/media/sass/dark.sass
+++ /dev/null
@@ -1,417 +0,0 @@
-@import base.sass
-
-
-$brown: #201a11
-$orange: #b53a04
-
-*:focus
-    outline: $orange dotted thin
-
-body
-    background: $brown
-
-a
-    text-decoration: none
-    color: $orange
-    &:visited
-        color: white
-        text-decoration: none
-    &:hover
-        color: white
-        text-decoration: none
-
-header[role="banner"]
-    border-bottom: #cccccc 1px solid
-    margin-bottom: 1em
-    a
-        color: white !important
-        &:hover
-            color: $orange unquote("!important")
-    h1
-        background: url('../img/tree.png') left -84px no-repeat !important
-    h2
-        background: url('../img/text-centered.png') 0 -60px no-repeat !important
-
-            
-#breadcrumbs
-    color: white
-    a
-        color: white
-        &:hover
-            color: $orange
-article[role="main"] .geo a
-    color: white
-article[role="main"] .geo a:hover
-    color: $orange
-footer
-    color: #cccccc
-    a
-        color: #cccccc !important
-        &:hover
-            color: $orange !important
-
-img
-    &.postpic, &.postpicright
-        border: none
-    &.picfull
-        border: none
-
-#post-body, #page-navigation strong
-    color: #cccccc
-    
-    
-aside, header
-    color: #cccccc
-
-aside section
-    a
-        color: #cccccc !important
-        &:hover
-            color: $orange !important
-
-#post-metadata
-    border-top: #555555 1px dotted
-    border-bottom: #555555 1px dotted
-    p
-        color: #cccccc
-
-.addendum dt
-    margin-left: -30px !important
-
-h4 a.disqus-link-count
-    color: #cccccc !important
-
-#writing-detail
-    img
-        border: none
-    .legend
-        padding: 8px
-
-
-#parks article
-    position: relative
-    display: block
-    margin: 0 0 2em 0
-    h1
-        display: block
-        background: $brown
-        +transparent_class
-        color: white
-        margin: 0 0 0 10px
-        width: 100%
-        text-align: left
-        
-    .figure
-        position: relative
-        border: none
-    .legend 
-        position: relative
-        width: 100%
-        padding: 0
-        margin: 0
-        h2
-            font: normal .875em Helvetica, Verdana, sans-serif
-            color: white
-            margin: 0 0 1.3em 1em
-
-    .buttons
-        display: block
-        padding: 0
-        background: $brown
-        font-size: 10px
-        line-height: 1em
-        color: white
-        text-align: center
-        text-transform: uppercase
-        margin: 0 auto
-        li
-            display: inline
-            margin: 0 .25em
-            font: normal 1em Helvetica, Verdana, sans-serif
-        a
-            font-weight: bold
-        
-
-    .map-container
-        width: 469px
-        height: 392px
-        position: absolute
-        right: 20px
-        bottom: 60px
-        z-index: 2000
-        margin: 0
-        padding: 0
-        background: url("../img/mapbg-dark.png") no-repeat top left
-    .map-wrapper
-        width: 400px
-        height: 328px
-        margin: 37px 0 0 44px
-
-    .meta
-        height: 0
-    .more-container
-        width: 405px
-        height: 260px
-        position: absolute
-        right: -30px
-        bottom: 40px
-        z-index: 2000
-        background: url("../img/parkbg.png") no-repeat top left
-        dl
-            margin-top: 45px
-            margin-left: 45px
-            dt,dd
-                font-size: 0.9em
-                line-height: 25px
-                margin: 4px 0
-                font-family: Helvetica, Verdana, sans-serif
-                color: white
-            dt
-                clear: left
-                float: left
-                width: 65px
-                //border-bottom: 1px solid #999
-                font-weight: bold
-                line-height: 25px
-                font-size: 0.7em
-                text-transform: uppercase
-            dd
-                float: left
-                width: 250px
-                overflow: hidden
-                //border-bottom: 1px solid #999
-                a:hover
-                    color: $orange
-
-
-
-//############# Photo Pages #################
-body.image_gallery
-    background: #14100b !important
-    header[role="banner"]
-        h1
-            background: url('../img/tree.png') 0 -168px no-repeat !important
-        h2
-            background: url('../img/text.png') 0 -121px no-repeat !important
-    .directions
-        font: normal .675em Helvetica, Verdana, sans-serif
-        color: #414144
-        text-align: center
-        margin-bottom: 1.75em
-    article
-        clear: both
-        margin-bottom: 5em
-        position: relative
-    h6
-        text-align: center
-        text-transform: uppercase
-        font-size: .625em
-        margin: 0 0 1.25em 0
-        a
-            color: #b5b5b5
-        a:hover
-            color: $orange
-    #slides
-        width: 62.5em 
-        img
-            border: none
-            margin: 0 auto
-            text-align: center
-            padding: 0
-
-    .figcaption
-        clear: both
-        background: #1a1713
-        -moz-border-radius: 0 0 .5em .5em
-        -webkit-border-radius: 0 0 .5em .5em
-        border-radius: 0 0 .5em .5em
-        color: white
-        margin: -.25em 0 0 0
-        padding: 1em 0 1em 0
-        z-index: 100
-        h3
-            float: left
-            margin: 0 0 1em 1em
-            padding: 0
-            font-weight: normal
-        .caption
-            border-right: 1px solid #1f1f21
-            width: 70%
-            float: left
-            padding-right: 1em
-            p
-                clear: both
-        .map-link
-            float: right
-            background: #211d19
-            line-height: 1em
-            color: white
-            text-align: center
-            text-transform: uppercase
-            margin: 0 .25em
-            font: normal .75em Helvetica, Verdana, sans-serif
-            padding: .5em 1em
-            -moz-border-radius: 1em
-            -webkit-border-radius: 1em
-            border-radius: 1em
-        .map-link:hover
-            background: $orange
-        .photo-options
-            float: left
-            margin-left: 1em
-            p
-                font: normal .75em Helvetica, Verdana, sans-serif
-                color: #414144
-                line-height: 1.5em
-                a
-                    color: #414144
-                    font-weight: normal
-                a:hover
-                    color: $orange
-        li
-            display: inline
-            margin: 0 .25em
-            font: normal 1em Helvetica, Verdana, sans-serif
-        a
-            font-weight: bold
-        p   
-            margin: 0 1em
-            color: #74757A
-            font-size: 1em
-    .figcaption:after
-        content: "."
-        display: block
-        height: 0
-        clear: both
-        visibility: hidden
-        
-    .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
-
-
-    .map-container
-        //clear: left
-        width: 469px
-        height: 392px
-        position: absolute
-        bottom: 100px
-        left: 293px
-        z-index: 2000
-        margin: 0
-        padding: 0
-        background: url("../img/mapbg.png") no-repeat top left
-
-    .map-wrapper
-        width: 400px
-        height: 328px
-        position: absolute
-        bottom: 27px
-        margin: 0px 0 0 44px
-
-
-@media only screen and (max-width: 480px)
-    body.image_gallery
-        header[role="banner"]
-            h2
-                background: url('../img/text-centered.png') 0 -121px no-repeat !important
-        #slides
-            width: 100%
-        h3
-            margin-left: .5em !important
-            margin-bottom: .5em !important
-        h6
-            display: none
-        #slides
-            img
-                width: 100%
-                margin-left: 0px !important
-        .photo-options, .map-link
-            display: none
-        .figcaption
-            padding: 1em 0 .5em 0
-        .caption
-            width: 100% !important
-            float: none !important
-            p
-                font: normal .75em Helvetica, Verdana, sans-serif
-                margin: 0 0 0 .75em
-                padding-bottom: .25em
-            
-
-@media only screen and (min-width: 800px)
-    header[role="banner"]
-        h2
-            background: url('../img/text.png') 0 -63px no-repeat !important
-
- 
-    #parks article
-        h1
-            margin: 0
-            font-size: 2em
-            padding-left: .25em
-            position: absolute
-            top: 10px
-            left: 10px
-            line-height: 2em
-            z-index: 1000
-        .legend 
-            position: absolute  
-            padding: .25em 1em
-            height: 4em
-            h2
-                float: left
-                font-size: 1.2em
-                margin: 0
-                line-height: 2.6em
-        .buttons
-            +transparent_class
-            float: right
-            margin: 2em 2em 0 0
-            a
-                padding: .875em 1.75em .75em
-                background: #463215
-                color: #fff
-                -moz-border-radius: 25px
-                -webkit-border-radius: 25px
-                border-radius: 25px
-            a:hover
-                background: $orange
-                color: white     
-    
-        
-    #post-body
-        .legend
-            width: 100% !important
-    
-    
-    
-.ie :focus
-    outline: 0
-.ie header[role="banner"]
-    border-bottom: #cccccc 1px solid !important
-    h2
-        background: url('../img/text-dark.png') left bottom no-repeat !important
-.ie #parks .buttons 
-    a
-        padding: 10px
-        line-height: 2em
-