6 files changed, 177 insertions, 13 deletions
diff --git a/themes/classic/sass/partials/_archive.scss b/themes/classic/sass/partials/_archive.scss
new file mode 100644
index 00000000..fbf0dac6
--- /dev/null
+++ b/themes/classic/sass/partials/_archive.scss
@@ -0,0 +1,72 @@
+#articles .blog-archives {
+  article {
+    padding: 1em 0 1em;
+    position: relative;
+    background: $img-border bottom left repeat-x;
+    &:last-child {
+      background: none;
+    }
+  }
+  h2 {
+    background: none;
+    display: none;
+  }
+  h1, h2 { color: $text-color; margin-bottom: .3em; }
+  h1 {
+    font-size: 1.5em;
+    a {
+      @include hover-link;
+      color: inherit;
+      &:hover { color: $link-color-hover; }
+      font-weight: normal;
+      display: inline-block;
+    }
+  }
+  a.category, time {
+    @extend .sans;
+    color: $text-color-light;
+  }
+  color: $text-color-light;
+  .entry-content { display: none; }
+  time {
+    font-size: .9em;
+    line-height: 1em;
+    .month, .day { display: inline-block; }
+    .month { text-transform: uppercase; }
+  }
+  p { margin-bottom: 1em; }
+  &, .entry-content { a { @include link-colors(inherit, $link-color-hover); }}
+  a:hover { color: $link-color-hover; }
+  @media only screen and (min-width: 550px) {
+    article { margin-left: 5em; }
+    h2 {
+      background: none;
+      display: inline-block;
+      float: left;
+      padding-top: .75em;
+      &:first-child { padding-top: .75em; }
+    }
+    time {
+      position: absolute;
+      text-align: right;
+      left: 0em;
+      top: 1.8em;
+    }
+    .year { display: none; }
+    article {
+      padding:{left: 4.5em; bottom: .7em;}
+    }
+  a.category {
+    //text-align: right;
+    line-height: 1.1em;
+    //float: right;
+    }
+  }
+}
+#articles .blog-archives.category {
+  article {
+    margin-left: 0;
+    padding-left: 6.8em;
+  }
+  .year { display: inline; }
+}
diff --git a/themes/classic/sass/partials/_page.scss b/themes/classic/sass/partials/_page.scss
deleted file mode 100644
index d8ff5449..00000000
--- a/themes/classic/sass/partials/_page.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-html {
-  background: $page-bg image-url('line-tile.png') top left;
-}
-body {
-  > div {
-    background: $sidebar-bg image-url('noise.png') top left;
-    border-bottom: 1px solid $page-border-bottom;
-    > div {
-      background: $main-bg image-url('noise.png') top left;
-      border-right: 1px solid $sidebar-border;
-    }
-  }
-}
diff --git a/themes/classic/sass/partials/sidebar/_base.scss b/themes/classic/sass/partials/sidebar/_base.scss
new file mode 100644
index 00000000..861efc91
--- /dev/null
+++ b/themes/classic/sass/partials/sidebar/_base.scss
@@ -0,0 +1,56 @@
+.side-shadow-border {
+  @include box-shadow(lighten($sidebar-bg, 5) 0 1px);
+}
+#articles + aside {
+  color: $sidebar-color;
+  padding-top: 1.2em;
+  text-shadow: lighten($sidebar-bg, 8) 0 1px;
+  section {
+    @extend .sans;
+    font-size: .8em;
+    line-height: 1.4em;
+    margin-bottom: 1.5em;
+    h1 {
+      margin: 1.5em 0 0;
+      padding-bottom: .2em;
+      border-bottom: 1px solid $sidebar-border;
+      @extend .side-shadow-border;
+      + p {
+        padding-top: .4em;
+      }
+    }
+  }
+  ul {
+    margin-bottom: 0.5em;
+  }
+  li {
+    list-style: none;
+    padding: .5em 0;
+    margin: 0;
+    border-bottom: 1px solid $sidebar-border;
+    @extend .side-shadow-border;
+    p:last-child {
+      margin-bottom: 0;
+    }
+  }
+  a {
+    color: inherit;
+    @include transition(color, .5s);
+  }
+  &:hover a, &:hover #tweets a { color: $sidebar-link-color;
+    &:hover { color: $sidebar-link-color-hover; }
+  }
+  #recent_posts {
+    time {
+      text-transform: uppercase;
+      font-size: .9em;
+      color: #666;
+    }
+  }
+}
+.aside-alt-link {
+  color: $sidebar-link-color-subdued;
+  &:hover {
+    color: $sidebar-link-color-subdued-hover;
+  }
+}
diff --git a/themes/classic/sass/partials/sidebar/_delicious.scss b/themes/classic/sass/partials/sidebar/_delicious.scss
new file mode 100644
index 00000000..e962702e
--- /dev/null
+++ b/themes/classic/sass/partials/sidebar/_delicious.scss
@@ -0,0 +1,4 @@
+.delicious-posts {
+  a.delicious-link { margin-bottom: .5em; display: block; }
+  p { font-size: 1em; }
+}
diff --git a/themes/classic/sass/partials/sidebar/_pinboard.scss b/themes/classic/sass/partials/sidebar/_pinboard.scss
new file mode 100644
index 00000000..9f9ab461
--- /dev/null
+++ b/themes/classic/sass/partials/sidebar/_pinboard.scss
@@ -0,0 +1,12 @@
+#pinboard_linkroll {
+  .pin-title, .pin-description {
+    display: block;
+    margin-bottom: .5em;
+  }
+  .pin-tag {
+    @include hover-link;
+    @extend .aside-alt-link;
+    &:after { content: ','; }
+    &:last-child:after { content: ''; }
+  }
+}
diff --git a/themes/classic/sass/partials/sidebar/_twitter.scss b/themes/classic/sass/partials/sidebar/_twitter.scss
new file mode 100644
index 00000000..36c6f62b
--- /dev/null
+++ b/themes/classic/sass/partials/sidebar/_twitter.scss
@@ -0,0 +1,33 @@
+#tweets {
+  .loading {
+    background: inline-image('bird_32_gray.png') no-repeat center .5em;
+    color: darken($sidebar-bg, 18);
+    text-shadow: $main-bg 0 1px;
+    text-align: center;
+    padding: 2.5em 0 .5em;
+    &.error {
+      background: inline-image('bird_32_gray_fail.png') no-repeat center .5em;
+    }
+  }
+  a { color: $sidebar-link-color-subdued; @include hover-link; }
+  p {
+    position: relative;
+    padding-right: 1em;
+  }
+  a[href*=status]{
+    color: $twitter-status-link;
+    float: right;
+    padding: 0 0 .1em 1em;
+    position: relative; right: -1.3em;
+    text-shadow: #fff 0 1px;
+    font-size: .7em;
+    span { font-size: 1.5em; }
+    &:hover {
+      color: $sidebar-link-color-subdued-hover;
+      text-decoration: none;
+    }
+  }
+  a[href*='twitter.com/search']{
+    @extend .aside-alt-link;
+  }
+}