conversion in progress

_sass/_base.scss

@@ -0,0 +1,38 @@
+@import "susy";
+
+@font-face {
+    font-family: Typewriter;
+    src: url(Typewriter.otf) format("opentype");
+}
+
+$serif: 'PT Serif', 'Georgia', serif;
+$typewriter: Typewriter,"Georgia","Times",serif;
+
+$total-columns  : 6;
+$column-width   : 3em;
+$gutter-width   : 1em;
+$grid-padding   : $gutter-width;
+
+$container-style: magic;
+
+$show-grid-backgrounds  : true;
+
+$break: 12;
+
+.container {
+    @include container($total-columns, $break);
+}
+
+body {
+    color: #343434;
+    background: #ffffff;
+	  font-family: $serif;
+    font-size: 16px;
+    padding-top: 3em;
+}
+
+a {
+    text-decoration: none;
+}
+
+

_sass/_footer.scss

@@ -0,0 +1 @@
+// Footer

_sass/_header.scss

@@ -0,0 +1,35 @@
+// Header
+
+header {
+    #title {
+        display: inline;
+        font-family: $typewriter;
+        font-weight: normal;
+        font-size: 3em;
+        a {
+            color: #343434;
+        }
+    }
+}
+
+nav {
+    margin: 1em 0;
+    text-transform: uppercase;
+    border-bottom: 1px solid #dedede;
+    
+    ul.navigation {
+        border-left: 4px solid #dedede;
+        padding-left: 0.5em;
+        
+        li {
+            display: inline;
+            list-style-type: none;
+            padding: 0 1em 0 0;
+            font-size: 16px;
+
+            a {
+                color: #303030;
+            }
+        }
+    }
+}

_sass/_main.scss

@@ -0,0 +1,23 @@
+// Main
+
+
+#main {
+    img.left {
+        float: left;
+        margin: 0 1em 1em 0;
+    }
+
+    img.right {
+        float: right;
+        margin: 0 0 1em 1em;
+    }
+
+    .vcard {
+        img {
+            float: left;
+            margin: 0 0.5em 0 0;
+            border: 1px #dedede solid;
+            padding: 3px;
+        }
+    }
+}

_sass/screen.scss

@@ -0,0 +1,5 @@
+@import "base";
+@import "header";
+@import "main";
+@import "footer";
+