add some additional styling to the docs

source/assets/css/docs.css.scss

@@ -2,6 +2,36 @@
  *  by Team Sass Design (@teamsassdesign)
  */
 
-.maruku_toc {
-  display: none;
-}
+@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
+
+
+
+@import "compass";
+@import "breakpoint";
+
+
+
+@import "dependencies/layout";
+@import "dependencies/typography";
+@import "dependencies/color";
+
+
+
+@import "foundation/site";
+
+
+
+html {
+  text-align: left;
+  background: $color-background;
+}
+
+body {
+  padding: 2em;
+  font: {
+    size: inherit;
+    family: 'Source Sans Pro', sans-serif;
+  }
+}
+
+.maruku_toc { display: none; }

source/assets/css/docs/_overrides.scss.erb

@@ -0,0 +1,33 @@
+.maruku_toc { display: none; }
+
+body {
+  padding: 0;
+  font-family: inherit;
+  font-size: inherit;
+}
+
+#header {
+  @extend .banner;
+
+  &:before {
+    @extend .pop-stripe;
+    position: relative;
+    top: -1.5em;
+    display: block;
+    content: "";
+  }
+}
+
+#menu {
+  @include container(hide);
+  position: static;
+  font-size: inherit;
+  color: inherit;
+
+  <% data.layout.resolutions.each do |resolution| %>
+    @include breakpoint($<%= resolution.target %>) {
+      @include set-grid($<%= resolution.target %>-grid);
+      @include container(hide);
+    }
+  <% end %>
+}