1 files changed, 64 insertions, 31 deletions
diff --git a/design/sass/_global.scss b/design/sass/_global.scss
index 719d23a..8e3e435 100644
--- a/design/sass/_global.scss
+++ b/design/sass/_global.scss
@@ -1,18 +1,17 @@
 html {
     border-top: 0.25em solid $body_font_color;
 }
-
 body {
     margin: 0 auto;
     padding: 0;
     overflow-x: hidden;
     font:$body_p_font;
     color: $body_font_color;
-    text-align: center;
-    background-color: transparent
+    text-align: left;
+    background-color: $body_color;
 }
 ul {
-    padding: 0;
+    text-align: left;
 }
 // eliminate touch delay on mobile safari
 a, button, input, select, textarea, label, summary {
@@ -46,9 +45,10 @@ p {
     }
 }
 time {
-    @include smcaps;
-    @include fontsize(11);
     display: block;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    @include fontsize(11);
     span {
         @include fontsize(13);
     }
@@ -63,6 +63,12 @@ pre {
         line-height: 1.5;
     }
 }
+p code {
+    font-family: Inconsolata, Consolas, Courier New, monospace;
+    font-size: 96%;
+    background: darken($body_color, 8);
+    padding: 1px 3px;
+}
 object, embed, video {
     max-width: 100%;
     width: 100%;
@@ -75,9 +81,9 @@ audio {
 blockquote {
     @include fontsize(18);
     display: block;
-    border-top: 4px solid lighten($body_font_light, 20);
-    border-bottom: 4px solid lighten($body_font_light, 20);
     margin: 3rem 0;
+    padding-left: 1rem;
+    border-left: 2px solid lighten($body_font_color, 40);
     position: relative;
     text-align: left;
     font-style: italic;
@@ -85,6 +91,9 @@ blockquote {
       display: block;
       text-align: right;
     }
+    p {
+        @include fontsize(18);
+    }
     @include breakpoint(alpha){
         @include fontsize(20);
         line-height: 1.5;
@@ -92,21 +101,12 @@ blockquote {
     @include breakpoint(beta){
         @include fontsize(22);
         line-height: 1.6;
+        margin-left: 1rem;
+        p {
+            @include fontsize(20);
+        }
     }
 }
-blockquote:before {
-    @include fancy_sans;
-    @include fontsize(68);
-    content: '\201C';
-    position: absolute;
-    top: -1.35rem;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: 3rem;
-    height: 2rem;
-    color: #666;
-    text-align: center;
-}
 hr {
     border: 0; 
     height: 1px;
@@ -129,7 +129,7 @@ figcaption, figcaption a {
     line-height: 1.9;
     padding: .3rem .5rem .3rem 0;
     color: #666;
-    border-bottom: 1px lighten($body_font_light, 20) solid;
+    border-bottom: 1px lighten($body_font_color, 40) solid;
     margin-bottom: 1rem;
 }
 figcaption a:visited {
@@ -161,6 +161,8 @@ h3 {
 }
 h4 {
     @include fontsize(20);
+    @include fancy_sans;
+    font-weight: bold;
     text-align: left;
     @include breakpoint(gamma){
         @include fontsize(22);
@@ -175,19 +177,50 @@ h5 {
         line-height: 1.4;
     }
 }
-.subhead {
-    font-size: 26px !important;
+//**************  Universals ************************
+.hed-primary {
+    @include fancy_serif;
+    @include fontsize(28);
+    margin: .25rem 0;
+    line-height: 1.2;
+    font-weight: 400;
+    @include breakpoint(delta) {
+        @include fontsize(32);
+        margin-top: 0;
+    }
+}
+.hed-secondary {
+    @include fancy_serif;
+    @include fontsize(20);
+    margin: 0;
     font-style: italic;
-    margin-top: 0;
-    margin-bottom: 0;
+    line-height: 1.2;
 }
-.subhead + p {
-    margin-top: .75rem !important;
+.hed-tertiary, .nav-menu {
+    @include fancy_sans;
+    @include fontsize(14);
+    font-weight: bold;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    margin: 0;
+    line-height: 1.3;
+    color: lighten($body_font_color, 40);
+    a {
+        color: lighten($body_font_color, 40);
+    }
 }
-.essay-intro .subhead + p:first-of-type {
-    margin-top: .75rem !important;
+.blok {
+    display: block;
+    margin: 0;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    @include fontsize(13);
+    @include fancy_sans;
+    letter-spacing: 1px;
+    font-weight: bold;
+    color: lighten($body_font_color, 40);
+    text-align: left;
 }
-//**************  Universals ************************
 .hide {
     display: none;
 }