Add new UI files

styles/site/site-content.less

@@ -0,0 +1,17 @@
+.site-content{
+    padding: 20px 40px 40px 320px;
+
+    h1{
+        clear: both;
+    }
+}
+.top{
+    background: #333;
+    display: inline-block;
+    float: right;
+    margin-right: -40px;
+    padding: 4px 8px;
+    color: #FFF;
+    font-size: 12px;
+    text-decoration: none !important;
+}

styles/site/site-footer.less

@@ -0,0 +1,12 @@
+.site-footer{
+    clear: both;
+    .ptd;
+    font-size: 13px;
+    text-align: center;
+}
+.site-footer img{
+    margin-left: 2px;
+    position: relative;
+    top: -2px;
+    vertical-align: middle;
+}

styles/site/site-header.less

@@ -0,0 +1,16 @@
+.site-header{
+    text-align: center;
+}
+.site-title{
+    .mbn;
+    font-family: 'Alfa Slab One';
+    font-size: @baseline * 4;
+    line-height: @baseline * 5 !important;
+
+    a{
+        text-decoration: none;
+    }
+}
+.site-slogan{
+    font-weight: normal;
+}

styles/site/site-navigation.less

@@ -0,0 +1,35 @@
+.site-navigation{
+    background: #EEE;
+    .inner-shadow(fade(#000, 7%) 0 0 40px);
+    .pas;
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    overflow: auto;
+    width: 240px;
+}
+.site-navigation ul{
+    .man;
+    .pan;
+    .no-list;
+    font-size: 16px;
+}
+.site-navigation > ul > li{
+    .mbs;
+}
+.site-navigation a{
+    text-decoration: underline;
+
+    &:hover{
+        text-decoration: none;
+    }
+}
+.site-navigation ul ul{
+    .mls;
+    .pth;
+    font-size: 12px;
+
+    a{
+        text-decoration: none;
+    }
+}

styles/site/variables.less

@@ -0,0 +1,46 @@
+/* ==========================================================================
+   Spacing
+   ========================================================================== */
+
+@baseline: 20px;
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+@body-color: #666;
+@body-font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
+@body-font-size: 14px;
+@body-accent-color: #000;
+
+@header-color: #111;
+@header-font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
+@header-font-weight: bold;
+
+/* ==========================================================================
+   Grid
+   ========================================================================== */
+
+@fixed-column-width: 60px;
+@fixed-gutter-width: 20px;
+@fixed-columns: 12;
+
+@fluid-column-width: 4.3%;
+@fluid-gutter-width: 4.4%;
+@fluid-columns: 12;
+
+@mobile-break-width: 480px;
+@mobile-column-width: 20%;
+@mobile-gutter-width: 6.6666%;
+@mobile-columns: 4;
+
+/* ==========================================================================
+   Buttons
+   ========================================================================== */
+
+@button-color: #DDD;
+@button-primary-color: #0055CC;
+@button-info-color: #2F96B4;
+@button-success-color: #51A351;
+@button-warning-color: #FAA732;
+@button-danger-color: #BD362F;