4 files changed, 168 insertions, 1 deletions
diff --git a/design/sass/_global.scss b/design/sass/_global.scss
index 603339c..6807fa4 100644
--- a/design/sass/_global.scss
+++ b/design/sass/_global.scss
@@ -93,7 +93,7 @@ blockquote:before {
     @include fontsize(68);
     content: '\201C';
     position: absolute;
-    top: -1rem;
+    top: -1.35rem;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 3rem;
diff --git a/design/sass/_notes.scss b/design/sass/_notes.scss
new file mode 100644
index 0000000..1386751
--- /dev/null
+++ b/design/sass/_notes.scss
@@ -0,0 +1,160 @@
+//****************  Notes Structure ************************
+
+.notes main, .notes--permalink main {
+    @include constrain_narrow();
+    margin-top: 1em;
+    h1 {
+        margin-bottom: 0;
+        @include fontsize(28);
+        @include breakpoint(beta) {
+            @include fontsize(28);
+            text-align: left;
+        }
+    }
+}
+.notes .h-entry, .notes--permalink .h-entry {
+    @extend %clearfix;
+    border: none;
+    padding: 0;
+    margin-top: 3em;
+    @include breakpoint(beta) {
+        margin-top: 2em;
+    }
+    &:first-of-type {
+        margin-top: 1em;
+    }
+    &:after {
+        @include faded_line_after;
+        @include breakpoint(beta) {
+            margin-top: 8.5em;
+        }
+    }
+}
+.note--title {
+    @include constrain_narrow;
+    text-align: left;
+    font-weight: 400;
+    font-size: 1.5em;
+    letter-spacing: 0px;
+    margin-bottom: .5rem !important;
+    a {
+        text-decoration: none;
+        color: $body_font_color !important;
+    }
+}
+
+.note--date {
+    @include smcaps;
+    @include fontsize(11);
+    text-align: center;
+    margin-bottom: 4px;
+    @include breakpoint(beta) {
+        float: right;
+        margin-top: 0;
+    }
+    a {
+        color: $brown;
+        text-decoration: none;
+    }
+}
+.note--date-container{
+    @extend %clearfix;
+    
+}
+.e-content {
+    @extend %clearfix;
+}
+.note--location {
+    text-align: center;
+    margin-top: 0;
+    @include breakpoint(beta) {
+        float: left;
+    }
+}
+.note--footer {
+    margin-top: 1.7em;
+    @include breakpoint(beta) {
+        margin-top: 0;
+    }
+}
+.month--divider {
+    margin-top: 2em;
+}
+.month--header {
+    @include constrain_narrow();
+    @include smcaps;
+    @include fontsize(12);
+    font-weight: normal;
+    font-family: sans-serif;
+    text-align: left;
+    margin-bottom: 3em;
+    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
+}
+.notes--permalink {
+    .h-entry {
+        margin-top: 3em;    
+        @include breakpoint(gamma) {
+            margin-top: 5em;    
+        }
+    }
+    .e-content figure.picwide { margin-left: -300px !important}
+    &:after {
+        background: none;
+    }
+    .note--title {
+        // @include fontsize(24);
+    }
+    .note--footer {
+        margin-top: 2em;
+        @include constrain_narrow();
+        @include breakpoint(beta) {
+            margin-top: 1em;
+        }
+    }
+    #page-navigation {
+        clear: both;
+        margin-top: 10em;
+    }
+}
+/*
+@include breakpoint(beta) {
+    .notes {
+      main h1 {
+        float: none;
+        margin-bottom: 1em;
+        width: 100%;
+      }
+      main {
+          @include constrain(680px);
+          margin-bottom: 5em;
+      }
+      article footer {
+        margin-top: 1em;
+      }
+      article p {
+        float: none;
+      }
+      .note--location {
+        float: left;
+      }
+      .note--date {
+        float: right;
+      }
+      .note--twitter {
+        clear: both;
+        float: right;
+        padding-top: 1em;
+      }
+      time {
+        display: inline;
+        float: right;
+      }
+    }
+
+    .permalink {
+      main {
+        margin-top: 5em;
+      }
+    }
+}
+*/
diff --git a/design/sass/_photos.scss b/design/sass/_photos.scss
index d152bf4..c8fbb95 100644
--- a/design/sass/_photos.scss
+++ b/design/sass/_photos.scss
@@ -201,6 +201,12 @@
     margin: 0px 0 0 44px;
 }
 
+.daily-figure {
+    figcaption {
+        max-width: 1432px;
+    }
+}
+
 //.figcaption {
 //  clear: both;
 //  background: #1a1713;
diff --git a/design/sass/screenv9.scss b/design/sass/screenv9.scss
index 7144000..30f7190 100644
--- a/design/sass/screenv9.scss
+++ b/design/sass/screenv9.scss
@@ -14,3 +14,4 @@
 @import "_src.scss";
 @import "_resume.scss";
 @import "_photos.scss";
+@import "_notes.scss";