improved html structure and tweaked stylesheet accordingly

9 files changed, 86 insertions, 45 deletions

diff --git a/media/sass/_about.sass b/media/sass/_about.sass
index 724108f..dc25bdb 100644
--- a/media/sass/_about.sass
+++ b/media/sass/_about.sass
@@ -1,6 +1,6 @@
 //About page
 
-#about
+#about article
   section
     clear: both
     margin-top: 24px
@@ -23,7 +23,7 @@
   float: left
   margin-left: $pad
   width: $col9 + $pad
-  font-size: 1.6em
+  font-size: 16px
   h3
     +sm-headline-sans
     margin: 0
diff --git a/media/sass/_globals.sass b/media/sass/_globals.sass
index 708a394..9fb7ffd 100644
--- a/media/sass/_globals.sass
+++ b/media/sass/_globals.sass
@@ -13,7 +13,7 @@ body
   background: white
   font-family: unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif
   /* font-size 15px
-  font-size: 62.5%
+  font-size: 15px
   /* line height of 24 px
   line-height: 23px
   color: $luxagraf_brown
@@ -42,13 +42,14 @@ a
 
 header
   border-bottom: $luxagraf_brown 2px solid
-  height: 160px
+  height: 150px
   margin-bottom: 40px
   +small-serif
+  font-size: 12px
   nav
     text-transform: uppercase
     float: left
-    margin-top: 113px
+    margin-top: 102px
     margin-left: $col
   li
     display: inline
@@ -61,7 +62,7 @@ header
 //logo link
 #logo
   background: url("../img/logo.png") no-repeat left bottom
-  height: 158px
+  height: 148px
   width: $col7
   float: left
   text-indent: -1000px
@@ -76,7 +77,7 @@ footer
   background: $luxagraf_brown
   height: 36px
   color: #888888
-  font-size: 1.2em
+  font-size: 12px
   margin: 80px auto 0
   li
     float: left
@@ -102,7 +103,7 @@ article ul
 #breadcrumbs
   font-weight: normal
   +tiny-serif
-  font-size: 110%
+  font-size: 11px
   li
     display: inline
 
@@ -206,7 +207,7 @@ sup
 // shit to hide ------------------------------
 
 .hide, .dsq-brlink, img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'], .terms-of-use-link, #dsq-comments-count
-  display: "none"
+  display: none
 
 div[dir='ltr'] span
   width: 0
diff --git a/media/sass/_maps.sass b/media/sass/_maps.sass
index c1c4b57..76ffb54 100644
--- a/media/sass/_maps.sass
+++ b/media/sass/_maps.sass
@@ -6,10 +6,10 @@
   float: left
   h4
     +small-serif
-    font-size: 1.4em
+    font-size: 14px
     margin: 8px 0
   li
-    font-size: 90%
+    font-size: 13px
     margin: 0
     line-height: 20px
 
@@ -17,7 +17,7 @@
   clear: both
 
 #map-canvas
-  float: left
+  float: right
   width: $col13
   height: 500px
   border: $luxagraf_brown 10px solid
diff --git a/media/sass/_mixins.sass b/media/sass/_mixins.sass
index 5689f66..b6b1ca1 100644
--- a/media/sass/_mixins.sass
+++ b/media/sass/_mixins.sass
@@ -11,7 +11,7 @@
 
 =sm-headline-sans
   font-family: Helvetica, Verdana, sans-serif
-  font-size: 1.6em
+  font-size: 24px
   line-height: 1.3em
   font-weight: normal
 
diff --git a/media/sass/_photos.sass b/media/sass/_photos.sass
index b1865eb..fd2ecee 100644
--- a/media/sass/_photos.sass
+++ b/media/sass/_photos.sass
@@ -25,6 +25,7 @@
     +transparent_class
     margin: 0
     line-height: 18px
+    text-align: left
   h3
     color: white
     padding: 0
diff --git a/media/sass/_projects.sass b/media/sass/_projects.sass
index fb66c99..7ec179b 100644
--- a/media/sass/_projects.sass
+++ b/media/sass/_projects.sass
@@ -120,7 +120,7 @@ p.two
 
 #parks
   margin-top: 36px
-  li
+  article
     width: $col16 + $pad * 2
     position: relative
     display: block
@@ -130,7 +130,7 @@ p.two
   .figure
     img
       border: none
-  h4
+  h1
     display: block
     color: #888888
     padding: 10px 10px 10px 15px
@@ -154,7 +154,7 @@ p.two
     font-size: 10px
     line-height: 16px
     color: white
-    h5
+    h2
       +sm-headline-sans
       line-height: 36px
       font-size: 18px
diff --git a/media/sass/_writing.sass b/media/sass/_writing.sass
index e0d09c5..4ee6934 100644
--- a/media/sass/_writing.sass
+++ b/media/sass/_writing.sass
@@ -1,43 +1,50 @@
 //Writing Archive pages
 
-#writing-archive
+#writing-archive,#featured
   margin-top: 72px
   margin-bottom: 36px
   li
     clear: both
-  h3
+  h3,h1
     +sm-headline-sans
     margin: 0
-    text-align: "left"
+    text-align: left
   div
     width: $col7
     margin-right: $pad
     float: left
-    text-align: "justify"
+    text-align: justify
+    h1
+      margin-top: 3px
   .img
     width: $col9
     margin-left: $pad
     margin-bottom: 36px
   p
     margin: 0
-    font-size: 1.1em
+    font-size: 16px
   .location,time
     +tiny-serif
     line-height: 3em
-    font-size: 0.7em
+    font-size: 11px
   img
     border: $luxagraf_brown 10px solid
 
 #pagination
   +sm-sans
+  font-size: 13px
   width: $full
   clear: both
   margin: 0
   border-top: $luxagraf_brown 1px dotted
   border-bottom: $luxagraf_brown 1px dotted
   text-align: center
-  .pagination
+  .pages
     margin: 8px 0
+    clear: both
+  li
+    display: inline
+    margin: 2px
   .current
     color: $luxagraf_orange
 
@@ -78,39 +85,51 @@
     line-height: 1.2em
 
 #post-metadata
-  width: $col9 + $pad
+  width: $col10 - !pad
   border-top: $luxagraf_brown 1px dotted
   border-bottom: $luxagraf_brown 1px dotted
   margin: 24px 0 24px $col4 - $pad
-  font-size: 0.8em
   padding-bottom: 8px
   clear: both
+  background: none
+  p
+    font-family: unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif
+    color: #201A11
+    line-height: 25px
+    float: none
+    padding: 8px 0
+    font-size: 14px
+    a
+      color: $luxagraf_orange !important
+  height: auto
+  float: none
+  
+  
 
 #page-navigation
   width: $full
   clear: both
   margin: 24px 0 0 0
   text-transform: uppercase
-  font-size: 0.5em
+  +sm-sans
   li#next
     float: right
-    +sm-sans
     margin-right: $col3 - $pad
+    font-size: 13px !important
   li#prev
     float: left
-    +sm-sans
     margin-left: $col2 + $pad
-
+    font-size: 13px !important
 #comments
   clear: both
   width: $col9
   margin: 24px 0 24px $col4 - $pad
-  font-size: 0.8em
+  font-size: 13px
   h4
     margin-top: 96px
     +headline-sans
     text-transform: uppercase
-    font-size: 1.3em
+    font-size: 18px
 
 h4 a.disqus-link-count
   color: $luxagraf_brown !important
@@ -119,13 +138,13 @@ ul#dsq-comments
   font-size: 1.2em
 
 .dsq-comment-cite
-  font-family: "Helvetica", "Verdana", "sans-serif"
+  font-family: unquote("Helvetica"), unquote("Arial"), unquote("sans-serif")
   font-size: 0.9em !important
   font-weight: normal
   text-transform: uppercase
 
 .dsq-comment-header-time, .dsq-comment-footer
-  font-family: "Helvetica", "Verdana", "sans-serif"
+  font-family: unquote("Helvetica"), unquote("Arial"), unquote("Verdana"), unquote("sans-serif")
 
 .dsq-comment-footer
   font-size: 0.8em
@@ -169,7 +188,7 @@ blockquote
   .legend
     width: 552px
     padding: 8px 0 12px 16px
-    font-family: "Helvetica", "Verdana", "sans-serif"
+    font-family: unquote("Helvetica"), unquote("Arial"), unquote("Verdana"), unquote("sans-serif")
 
 h4.notes
   +sm-sans
@@ -213,6 +232,8 @@ h4.notes
 #post-body
   width: $col13 + $pad
   margin-left: $pad
+  font-size: 17px
+  line-height: 25px
   .col
     width: 350px
     float: left
diff --git a/media/sass/base.sass b/media/sass/base.sass
index 0862e95..8401c8f 100644
--- a/media/sass/base.sass
+++ b/media/sass/base.sass
@@ -16,10 +16,10 @@
 .hyphenate
   text-align: justify
 
-#writing-tease, #currently
+#currently
   +sm-sans
   text-transform: uppercase
-  font-size: 0.8em
+  font-size: 12px
   clear: both
   width: $full
   padding-top: 20px
@@ -32,28 +32,45 @@
   margin-top: 36px
   border-top: $luxagraf_brown 1px solid
 
+#featured-intro h1
+  +headline-sans
+  font-size: 24px
+  line-height: 1.2em
+  margin: 0
 #writing-tease
   h2
     margin: 24px 0 24px 0
+    font-size: 12px
 
-#fromthearc
+#archive:after
   clear: both
-  li
+#archive
+  border-top: #b9b9b9 1px dotted
+  clear: both  
+  h1
+    margin: 36px 0 24px 0
+    text-transform: uppercase
+    +sm-sans
+    font-size: 12px
+    font-weight: bold
+  article
     float: left
     width: $col5 + $pad
     margin-bottom: $pad
+    h1
+      font-size: 18px
+      //min-height: 50px
+      margin: 0
+      text-transform: none
+      font-weight: 400
+      
   h2
     +small-serif
-    font-size: 2em
+    font-size: 12px
     margin: 0
   .col2
     margin-left: $pad * 2
     margin-right: $pad * 2
-  h3
-    +headline-sans
-    font-size: 1.2em
-    //min-height: 50px
-    margin: 0
   p
     margin: 0
   p.hyphenate
diff --git a/media/sass/dark.sass b/media/sass/dark.sass
index cc4ff25..29ac968 100644
--- a/media/sass/dark.sass
+++ b/media/sass/dark.sass
@@ -63,7 +63,8 @@ aside section
 #post-metadata
   border-top: #555555 1px dotted
   border-bottom: #555555 1px dotted
-  color: #cccccc
+  p
+    color: #cccccc
 
 .addendum dt
   margin-left: -30px !important