Updates Octopress and installs classic theme

.gitmodules

@@ -13,3 +13,6 @@
 [submodule ".themes/foxslide"]
 	path = .themes/foxslide
 	url = git://github.com/sevenadrian/foxslide.git
+[submodule ".themes/classic-martinb"]
+	path = .themes/classic-martinb
+	url = git://github.com/martinbjeldbak/classic-martinb.git

sass/_base.scss

@@ -1,5 +1,5 @@
-@import "base/color";
-@import "base/font";
-@import "base/layout";
+@import "base/utilities";
+@import "base/solarized";
+@import "base/theme";
 @import "base/typography";
-@import "base/utilities";
+@import "base/layout";

sass/_classic-martinb.scss

@@ -0,0 +1,113 @@
+// Navbar
+$head-hov-color: #9E0000;
+$nav-bgcolor: #F2F2F2;
+$nav-font-size: 0.7em;
+
+// Header
+$header-left-width: 50%;
+$header-sep-color: #FFFFFF;
+$header-sep-height: 10px;
+$header-sep-color: #888;
+
+@mixin rounded($topBot, $side, $radius: 10px) {
+  border-#{$topBot}-#{$side}-radius: $radius;
+  -moz-border-#{$topBot}-radius-#{$side}: $radius;
+  -webkit-border-#{$topBot}-#{$side}-radius: $radius;
+}
+
+body > header {
+  padding-bottom: 0;
+  padding-top: 0;
+  background:url('/images/escheresque.png');
+  h1 > a:hover {
+    color: $head-hov-color;
+  }
+
+  // Left hand side of the header
+  div.header-left {
+    float:left;
+    width:$header-left-width;
+    padding-top: $header-padding-top;
+    padding-bottom: $header-padding-bottom;
+
+    div.subtitle {
+      padding-left: 2%;
+    }
+  }
+
+  // Right hand side of the header
+  // -The navigation menu has been moved from under the header
+  // to residing inside it
+  div.header-right {
+    overflow: auto;
+    font-size: $nav-font-size;
+    ul.main-navigation {
+      float:left;
+      display: inline;
+      margin-top: 5%;
+
+      div.spacer {
+        height: 7px;
+        border-left: 2px solid $nav-bgcolor;      
+      }
+      div.selected {
+        background-color: $nav-bgcolor;
+        @include rounded(top, right);
+        @include rounded(bottom, right);
+        display: inline;
+        padding: {
+          bottom: 3px;
+          top: 3px;
+        }
+        a {
+          color: $head-hov-color;
+        }
+      }
+      li {
+        list-style: none;
+        border-left: 2px solid $nav-bgcolor;
+        display: inline;
+        padding: 3px 15px;
+        a {
+          text-decoration: none;
+          color: #f2f2f2;
+          width: 100%;
+        }
+        &:hover {
+          background-color: $nav-bgcolor;
+          @include rounded(top, right);
+          @include rounded(bottom, right);
+          a {
+            color: $head-hov-color;
+          }
+        }
+      }
+    }
+  }
+}
+
+div.social-icons {
+  text-align:center;
+  a {
+    white-space: normal;
+  }
+  a:hover {
+    opacity: 0.75;
+  }
+  a:visited {
+    color: black;
+  }
+  a > i {
+    padding: 5px;
+  }
+}
+
+// Adding a seperator between the header and content
+body > div#main {
+  div#head-sep {
+    width: $max-width;
+    height:$header-sep-height;
+    background-color:$header-sep-color;
+  }
+
+}