Add page layout and missing CSS.

_assets/stylesheets/parts/archive.css.sass

@@ -22,10 +22,11 @@
   h1
     font-size: 1.5em
     a
-      +hover-link
       color: inherit
+      text-decoration: none
       &:hover
         color: $link-color-hover
+        text-decoration: underline
       font-weight: normal
       display: inline-block
   a.category, time
@@ -44,7 +45,9 @@
     margin-bottom: 1em
   &, .entry-content
     a
-      +link-colors(inherit, $link-color-hover)
+      color: inherit
+      &:hover
+        color: $link-color-hover
   a:hover
     color: $link-color-hover
   @media only screen and (min-width: 550px)

_assets/stylesheets/parts/footer.css.sass

@@ -5,10 +5,14 @@ body > footer
   padding-top: 1em
   padding-bottom: 1em
   margin-bottom: 3em
-  +border-bottom-radius(.4em)
+  border-radius-bottom: .4em
   z-index: 1
   a
-    +link-colors($footer-link-color, $footer-link-color-hover, $visited: $footer-link-color)
+    color: $footer-link-color
+    &:hover
+      color: $footer-link-color-hover
+    &:visited
+      color: $footer-link-color
     text-decoration: none
   p:last-child
     margin-bottom: 0
@@ -20,11 +24,11 @@ body > footer
       font-family: $serif
       font-size: 1em
       color: $text-color
-      +border-radius(1em)
+      border-radius: 1em
       border:
         width: 1px
         style: solid
         color: #999 #bbb #bbb #999
       &:focus
         outline: none
-        +box-shadow(0 0 5px $link-color)
+        box-shadow: 0 0 5px $link-color

_assets/stylesheets/parts/post.css.sass

@@ -28,10 +28,20 @@ article
     &:hover, &:focus
       color: $link-color-hover
 
+  figure
+    margin: 1.5em 0 0 0
+
+    figcaption
+      font-size: 0.7em
+      font-style: italic
+      text-align: right
+      opacity: 0.6
+
   img, video, .flash-video
-    +box-shadow(0 1px 4px rgba(0, 0, 0, 0.15))
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15)
     padding: 0.5em
     margin: -0.5em
+    width: 100%
 
   > footer
     padding-left: 0
@@ -47,7 +57,7 @@ article
   footer
     a[rel=full-article]
       background: darken($background-color, 8)
-      +border-radius(2px)
+      border-radius: 2px
       display: inline-block
       padding: .4em .8em
       margin-right: .5em

_assets/stylesheets/styles.css.sass

@@ -9,3 +9,7 @@
 @import 'lib/solarized.css.sass'
 @import 'includes/syntax.css.sass'
 @import 'includes/styles.css.sass'
+
+@import 'parts/post.css.sass'
+@import 'parts/archive.css.sass'
+@import 'parts/footer.css.sass'

_layouts/page.html

@@ -0,0 +1,28 @@
+---
+layout: default
+---
+
+{% include header.html %}
+
+<div id="content">
+  <article role="article">
+    {% if page.title %}
+    <header>
+      <h1 class="entry-title">{% if site.titlecase %}{{ page.title | titlecase }}{% else %}{{ page.title }}{% endif %}</h1>
+      {% if page.date %}<p class="meta">{% include post/date.html %}{{ time }}</p>{% endif %}
+    </header>
+    {% endif %}
+    <div class="entry-content">{{ content }}</div>
+    {% unless page.footer == false %}
+      <footer>
+        {% if page.date or page.author %}<p class="meta">
+          {% if page.author %}{% include post/author.html %}{% endif %}
+          {% include post/date.html %}{% if updated %}{{ updated }}{% else %}{{ time }}{% endif %}
+          {% if page.categories %}{% include post/categories.html %}{% endif %}
+        </p>{% endif %}
+      </footer>
+    {% endunless %}
+  </article>
+</div>
+
+{% include footer.html %}