1. Made default layout more generic.

2. Added a page layout and improved html on post layout.
3. Improved flexibility of stylesheets for different layout types.
4. Collapsing sidebar now moves it to the bottom of the page and floats
content into columns.
5. Improved sharing settings, added Google plus one.

.themes/classic/sass/partials/_archive.scss

@@ -1,4 +1,4 @@
-#articles .blog-archives {
+#blog-archives {
   article {
     padding: 1em 0 1em;
     position: relative;
@@ -57,13 +57,11 @@
       padding:{left: 4.5em; bottom: .7em;}
     }
   a.category {
-    //text-align: right;
     line-height: 1.1em;
-    //float: right;
     }
   }
 }
-#articles .blog-archives.category {
+#content > .category {
   article {
     margin-left: 0;
     padding-left: 6.8em;

.themes/classic/sass/partials/_blog.scss

@@ -1,16 +1,17 @@
-#articles {
-  overflow: hidden;
-  ul, ol { margin-left: 1.4em; }
+#content {
+  article { ul, ol { margin-left: 1.4em; }}
   @media only screen and (min-width: 768px) {
     ul, ol { margin-left: 0; }
   }
-  > article {
+  > article, > div > article {
+    overflow: hidden;
     padding-bottom: 1em;
     &:last-child { margin-bottom: 0;  }
     h2 {
       padding-top: 0.8em;
       background: $img-border top left repeat-x;
-      &:first-child { background: none; padding-top: 0; }
+      .entry-content &:first-child { padding-top: 0; }
+      &:first-child { background: none; }
     }
     .byline + time:before, time +time:before, .comments:before, .byline ~ .categories:before {
       @extend .separator;
@@ -80,24 +81,20 @@
       }
     }
   }
-  iframe.twitter-share-button {
-    position: relative;
-    top: .3em;
-    padding-left: .5em;
-  }
-  > article > footer {
-    margin-top: 2em;
-    padding-top: 1em;
+  > div > article > footer {
     margin-bottom: 1.5em;
     background: $img-border top left repeat-x;
+    margin-top: 2em;
+    padding-top: 1em;
     @extend .sans;
+    p.meta { display: inline-block; font-size: .8em; }
   }
 
 }
 article + article {
   background: $img-border top left repeat-x;
 }
-#articles.blog-index {
+#content .blog-index {
   article header { background: none; padding-bottom: 0; }
   article h1 {
     font-size: 2.2em;

.themes/classic/sass/partials/_sharing.scss

@@ -0,0 +1,7 @@
+footer .sharing {
+  display: inline-block;
+  position: relative;
+  top: .3em;
+  padding-left: .5em;
+  &:first-child { padding-left: 0; }
+}

.themes/classic/sass/partials/_syntax.scss

@@ -1,7 +1,7 @@
 .highlight, html .gist .gist-file .gist-syntax .gist-highlight {
   .line-numbers {
     text-align: right;
-    font-size: .8em;
+    font-size: 13px;
     line-height: 1.45em;
     background: $base02 $noise-bg !important;
     border-right: 1px solid darken($base03, 2) !important;
@@ -57,7 +57,7 @@ pre {
   @extend .mono;
   border: 1px solid $pre-border;
   line-height: 1.45em;
-  font-size: .8em;
+  font-size: 13px;
   margin-bottom: 1.5em;
   padding: .8em 1em;
   color: $pre-color;
@@ -73,7 +73,7 @@ p code {
   display: inline-block;
   white-space: no-wrap;
   background: #fff;
-  font-size: .9em;
+  font-size: .8em;
   line-height: 1.5em;
   color: #555;
   border: 1px solid #ddd;

.themes/classic/sass/partials/sidebar/_base.scss

@@ -1,9 +1,9 @@
 .side-shadow-border {
   @include box-shadow(lighten($sidebar-bg, 5) 0 1px);
 }
-#articles + aside {
+#content > aside {
   color: $sidebar-color;
-  padding-top: 1.2em;
+  //padding-top: 1.2em;
   text-shadow: lighten($sidebar-bg, 8) 0 1px;
   section {
     @extend .sans;