diff --git a/Gemfile b/Gemfile
index 1c38b6d763..fb2977774d 100644
--- a/Gemfile
+++ b/Gemfile
@@ -1,5 +1,5 @@
 source 'https://rubygems.org'
 
-gem 'bourbon', "~> 3.1.8"
+gem 'bourbon', "~> 4.0.1"
 gem "sass", "~> 3.3.1"
 
diff --git a/Gemfile.lock b/Gemfile.lock
index 56c6283885..37bac93723 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,15 +1,15 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    bourbon (3.1.8)
-      sass (>= 3.2.0)
+    bourbon (4.0.1)
+      sass (~> 3.3)
       thor
     sass (3.3.1)
-    thor (0.18.1)
+    thor (0.19.1)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
-  bourbon (~> 3.1.8)
+  bourbon (~> 4.0.1)
   sass (~> 3.3.1)
diff --git a/core/client/_config.yml b/core/client/_config.yml
index 605737b41f..834e54ad82 100644
--- a/core/client/_config.yml
+++ b/core/client/_config.yml
@@ -1,6 +1,6 @@
 # Dependencies
 markdown:           rdiscount
-pygments:           true
+highlighter:        pygments
 
 # Permalinks
 permalink:          pretty
@@ -9,7 +9,7 @@ permalink:          pretty
 source:             ./docs
 destination:        ./_gh_pages
 host:               0.0.0.0
-port:               9001
+port:               9008
 baseurl:            /
 url:                http://localhost:9001
 encoding:           UTF-8
diff --git a/core/client/assets/sass/helpers/mixins.scss b/core/client/assets/sass/helpers/mixins.scss
new file mode 100644
index 0000000000..4d25c40f5c
--- /dev/null
+++ b/core/client/assets/sass/helpers/mixins.scss
@@ -0,0 +1,60 @@
+/*
+ * Mixins
+ *
+ * Table of Contents
+ *
+ * Baseline
+ * Gradients
+ */
+
+
+/* ==========================================================================
+   Baseline
+   ========================================================================== */
+
+@mixin baseline {
+    margin: 1.6em 0;
+}
+
+
+/* ==========================================================================
+   Gradients
+   ========================================================================== */
+
+@mixin gradient($color1: #aaa, $color2: none) {
+
+    @if $color2 == 'none' {
+        background-color: lighten($color1, 10%);
+        background-image: -webkit-linear-gradient(bottom, $color1, lighten($color1, 10%));
+        background-image:    -moz-linear-gradient(bottom, $color1, lighten($color1, 10%));
+        background-image:     -ms-linear-gradient(bottom, $color1, lighten($color1, 10%));
+        background-image:         linear-gradient(bottom, $color1, lighten($color1, 10%));
+    } @else {
+        background-color: $color2;
+        background-image: -webkit-linear-gradient(bottom, $color1, $color2);
+        background-image:    -moz-linear-gradient(bottom, $color1, $color2);
+        background-image:     -ms-linear-gradient(bottom, $color1, $color2);
+        background-image:         linear-gradient(to top, $color1, $color2);
+    }
+
+}
+
+// The same as the above, but with the colours reversed.
+
+@mixin inversegradient($color1: #aaa, $color2: none) {
+
+    @if $color2 == 'none' {
+        background-color: $color1;
+        background-image: -webkit-linear-gradient(bottom, lighten($color1, 10%), $color1);
+        background-image:    -moz-linear-gradient(bottom, lighten($color1, 10%), $color1);
+        background-image:     -ms-linear-gradient(bottom, lighten($color1, 10%), $color1);
+        background-image:         linear-gradient(bottom, lighten($color1, 10%), $color1);
+    } @else {
+        background-color: $color1;
+        background-image: -webkit-linear-gradient(bottom, $color2, $color1);
+        background-image:    -moz-linear-gradient(bottom, $color2, $color1);
+        background-image:     -ms-linear-gradient(bottom, $color2, $color1);
+        background-image:         linear-gradient(to top, $color2, $color1);
+    }
+
+}
\ No newline at end of file
diff --git a/core/client/assets/sass/helpers/variables.scss b/core/client/assets/sass/helpers/variables.scss
new file mode 100644
index 0000000000..3ec06600d8
--- /dev/null
+++ b/core/client/assets/sass/helpers/variables.scss
@@ -0,0 +1,66 @@
+/*
+ * Variables used in Ghost-UI
+ *
+ * Table of Contents
+ *
+ * Misc Default Values
+ * Pixel Densities
+ * Colours
+ * Typography
+ */
+
+
+/* ==========================================================================
+   Misc Default Values
+   ========================================================================== */
+
+$rounded: 2px;
+$shadow: rgba(0,0,0,0.05) 0 1px 5px;
+$default-transition-duration: 0.3s;
+
+
+/* ==========================================================================
+   Pixel Densities
+   ========================================================================== */
+
+$at2x: 2 device-pixel-ratio;
+
+
+/* ==========================================================================
+   Colours
+   ========================================================================== */
+
+$darkgrey: #242628;
+$grey: #35393b;
+$midgrey: #7d878a;
+$lightgrey: #e2edf2;
+$brown: #aaa9a2;
+$midbrown: #c0bfb6;
+$lightbrown: #edece4;
+$blue: #5BA4E5;
+$red: #e25440;
+$orange: #F2A925;
+$green: #9FBB58;
+
+$list-colours: 
+    ('darkgrey' $darkgrey)
+    ('grey' $grey)
+    ('midgrey' $midgrey)
+    ('lightgrey' $lightgrey)
+    ('brown' $brown)
+    ('midbrown' $midbrown)
+    ('lightbrown' $lightbrown)
+    ('blue' $blue)
+    ('red' $red)
+    ('orange' $orange)
+    ('green' $green);
+
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+$font-family: 'Open Sans', sans-serif;
+$font-family-sans: $font-family;
+$font-family-serif: serif;
+$font-family-mono: Inconsolata, monospace;
\ No newline at end of file
diff --git a/core/client/assets/sass/layouts/auth.scss b/core/client/assets/sass/layouts/auth.scss
index 0819410165..3ae80b3fda 100644
--- a/core/client/assets/sass/layouts/auth.scss
+++ b/core/client/assets/sass/layouts/auth.scss
@@ -1,6 +1,18 @@
-//
-// Auth - Login / Signup / Reset Password
-// --------------------------------------------------
+/*
+ * Auth layout for login, signup & reset password
+ *
+ * Table of Contents
+ *
+ * Globals
+ * Login
+ * Signup and Reset
+ * Forgotten Password
+ */
+
+
+/* ==========================================================================
+   Globals
+   ========================================================================== */
 
 .ghost-login,
 .ghost-signup,
@@ -9,7 +21,7 @@
     color: $midgrey;
     background: $darkgrey;
 
-    @include breakpoint($mobile) {
+    @media (max-width: 400px) {
         background: $darkgrey;
     }
 
@@ -19,9 +31,9 @@
 
     input:-webkit-autofill {
         -webkit-box-shadow: 0 0 0px 1000px $lightgrey inset !important;
-    } 
+    }
 
-}//.ghost-login
+}
 
 .login-box,
 .signup-box,
@@ -33,7 +45,7 @@
     padding: 0;
     display: table;
 
-    @include breakpoint(630px) {
+    @media (max-width: 630px) {
         max-width: 264px;
         text-align: center;
     }
@@ -41,33 +53,36 @@
 
 
 /* =============================================================================
-   1. Login
+   Login
    ============================================================================= */
 
 .login-form {
-    @include box-sizing(border-box);
     max-width: 530px;
     color: lighten($midgrey, 15%);
     display: table-cell;
     vertical-align: middle;
 
-    @include breakpoint(630px) {
+    @media (max-width: 630px) {
         max-width: 264px;
     }
 
     div { // Yes. Really.
-        position:relative;
-        margin:0 0 5px 0;
+        // TODO: This ^ can be improved 1000%
+        position: relative;
+        margin: 0 0 5px 0;
         background: lighten($darkgrey, 10%);
         float: left;
 
-        @include breakpoint(630px) { margin-bottom: 1em; }
+        @media (max-width: 630px) {
+            margin-bottom: 1em;
+        }
     }
 
+    // TODO: make more specific
     input {
-        display:inline-block;
-        clear:both;
-        margin:0;
+        display: inline-block;
+        clear: both;
+        margin: 0;
         padding: 8px 0 8px 8px;
         width: 216px;
         position: relative;
@@ -79,31 +94,31 @@
         box-shadow: none;
         @include transition(background ease 0.25s);
 
-        @include breakpoint(630px) {
+        @media (max-width: 630px) {
             width:264px;
             @include transition(none);
         }
-        
+
         &:focus {
             border: none;
-            background: lighten($darkgrey, 15%); 
+            background: lighten($darkgrey, 15%);
         }
 
     }
 
     .email-wrap {
-        position:relative;
+        position: relative;
         @include icon($i-mail, 12px) {
-            position:absolute;
-            bottom:11px;
-            left:8px;
-            z-index:100;
+            position: absolute;
+            bottom: 11px;
+            left: 8px;
+            z-index: 100;
         }
         margin-right: 3px;
         border-radius: 2px 0 0 2px;
 
-        @include breakpoint(630px) {
-            margin-right:0;
+        @media (max-width: 630px) {
+            margin-right: 0;
             border-radius: 2px;
         }
 
@@ -116,14 +131,14 @@
     .password-wrap {
         position:relative;
         @include icon($i-lock, 10px) {
-            position:absolute;
-            bottom:12px;
-            left:11px;
-            z-index:100;
+            position: absolute;
+            bottom: 12px;
+            left: 11px;
+            z-index: 100;
         }
         border-radius: 0 2px 2px 0;
 
-        @include breakpoint(630px) {
+        @media (max-width: 630px) {
             border-radius: 2px;
         }
 
@@ -143,15 +158,15 @@
         min-width: 80px;
         box-shadow: rgba(255,255,255,0.15) 0 1px 0 inset;
 
-        @include breakpoint(630px) {
-            margin:0;
+        @media (max-width: 630px) {
+            margin: 0;
             width: 100%;
             margin-bottom: 1em;
         }
     }
 
     .meta {
-        clear:both;
+        clear: both;
         color: $midgrey;
     }
 
@@ -159,40 +174,41 @@
         color: darken($midgrey, 10%);
         font-size: 0.9em;
 
-        &:hover { 
+        &:hover {
             color: lighten($midgrey, 5%);
             text-decoration: none;
         }
     }
 
-}
+} // .login-form
 
 
 /* =============================================================================
-   2. Signup and Reset
+   Signup and Reset
    ============================================================================= */
 
-.signup-form, .reset-form {
-    @include box-sizing(border-box);
+.signup-form,
+.reset-form {
     max-width: 280px;
     color: lighten($midgrey, 15%);
     display: table-cell;
     vertical-align: middle;
 
-    @include breakpoint(630px) {
+    @media (max-width: 630px) {
         width: 264px;
     }
 
     div { // Yes. Really.
-        position:relative;
-        margin:0 0 1em 0;
+        // TODO: Same here as above
+        position: relative;
+        margin: 0 0 1em 0;
         background: lighten($darkgrey, 10%);
         float: left;
         display: table;
     }
 
     input {
-        margin:0;
+        margin: 0;
         width: 280px;
         padding: 8px 10px;
         position: relative;
@@ -202,22 +218,24 @@
         font-weight: 200;
         background: transparent;
         box-shadow: none;
-        @include transition(background ease 0.25s);
 
-        @include breakpoint(630px) {
-            @include transition(none);
+        @media (min-width: 631px) {
+            @include transition(background ease 0.25s);
+        }
+
+        @media (max-width: 630px) {
             width: 264px;
         }
 
-        &:focus { 
+        &:focus {
             border: none;
-            background: lighten($darkgrey, 15%); 
+            background: lighten($darkgrey, 15%);
         }
 
     }
 
     .name-wrap {
-        position:relative;
+        position: relative;
         border-radius: 2px;
 
         .name {
@@ -226,7 +244,7 @@
     }
 
     .email-wrap {
-        position:relative;
+        position: relative;
         border-radius: 2px;
 
         .email {
@@ -235,7 +253,7 @@
     }
 
     .password-wrap {
-        position:relative;
+        position: relative;
         border-radius: 2px;
 
         .password {
@@ -244,7 +262,6 @@
     }
 
     button {
-        @include box-sizing(border-box);
         width: 100%;
         height: 36px;
         margin: 0 0 1em 0;
@@ -254,29 +271,29 @@
         box-shadow: rgba(255,255,255,0.15) 0 1px 0 inset;
     }
 
-}
+} // .signup-form, .reset-form
 
 
 /* =============================================================================
-   3. Forgotten
+   Forgotten Password
    ============================================================================= */
 
 .forgotten-form {
-    @include box-sizing(border-box);
     max-width: 280px;
     color: lighten($midgrey, 15%);
     display: table-cell;
     vertical-align: middle;
 
     div { // Yes. Really.
-        position:relative;
-        margin:0 0 1em 0;
+        // TODO: Again, can make this better.
+        position: relative;
+        margin: 0 0 1em 0;
         background: lighten($darkgrey, 10%);
         float: left;
     }
 
     input {
-        margin:0;
+        margin: 0;
         padding: 8px 10px;
         position: relative;
         border: none;
@@ -286,10 +303,10 @@
         background: transparent;
         box-shadow: none;
         @include transition(background ease 0.25s);
-        
+
         &:focus {
             border: none;
-            background: lighten($darkgrey, 15%); 
+            background: lighten($darkgrey, 15%);
         }
 
     }
@@ -305,7 +322,6 @@
     }
 
     button {
-        @include box-sizing(border-box);
         width: 100%;
         height: 36px;
         margin: 0 0 1em 0;
@@ -315,4 +331,4 @@
         box-shadow: rgba(255,255,255,0.15) 0 1px 0 inset;
     }
 
-}
\ No newline at end of file
+} // .forgotten-form
\ No newline at end of file
diff --git a/core/client/assets/sass/layouts/content.scss b/core/client/assets/sass/layouts/content.scss
index 604959dbf4..d80c96a9fa 100644
--- a/core/client/assets/sass/layouts/content.scss
+++ b/core/client/assets/sass/layouts/content.scss
@@ -1,6 +1,16 @@
-//
-// Content Management
-// --------------------------------------------------
+/*
+ * Content screen styles
+ *
+ * Table of Contents
+ *
+ * Content Management
+ * Preview
+ */
+
+
+/* ==========================================================================
+   Content Management
+   ========================================================================== */
 
 .manage {
     .content-view-container {
@@ -8,78 +18,78 @@
         height: 100%;
         width: 100%;
 
-        @include breakpoint($tablet) {
+        @media (max-width: 800px) {
             overflow-x: hidden;
         }
-    }
+    } // .content-view-container
     .content-list {
-        @include box-sizing(border-box);
         width: 35%;
         padding: 15px;
         position: absolute;
-        bottom:0;
-        top:0;
-        left:0;
-        border-right:$lightbrown 2px solid;
+        bottom: 0;
+        top: 0;
+        left: 0;
+        border-right: $lightbrown 2px solid;
         background: #fff;
         box-shadow: $shadow;
 
-        @include breakpoint($tablet) {
-            width:auto;
-            right:0;
+        @media (max-width: 800px) {
+            width: auto;
+            right: 0;
             z-index: 500;
-            border:none;
+            border: none;
         }
 
 
         .content-filter {
-            position:relative;
+            position: relative;
             z-index: 300;
             > a {
                 padding: 5px;
-                margin-left:-5px;
+                margin-left: -5px;
             }
 
             .menu-drop {
                 display: block;
             }
-        }
+        } // .content-filter
 
         .button-add {
             @include icon($i-add);
-            position:absolute;
-            top:10px;
-            right:15px;
+            position: absolute;
+            top: 10px;
+            right: 15px;
             z-index: 700;
             color: #fff;
-            padding-left:5px;
-        }
+            padding: 3px 4px 3px 5px;
+            min-height: 0;
+        } // .button-add
 
 
         .content-list-content {
-            position:absolute;
-            top:0;
-            right:0;
-            bottom:0;
-            left:0;
+            position: absolute;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            left: 0;
             overflow: auto;
             padding-top: 40px;
-        }
+        } // .content-list-content
 
         .entry-title {
             font-size: 1.4em;
-            line-height:1.1em;
-            margin-bottom:0.5em;
+            line-height: 1.1em;
+            margin-bottom: 0.5em;
             font-weight: normal;
         }
 
         .views {
             @include icon($i-stats, 10px, $brown);
-            float:right;
+            float: right;
             text-align: right;
-            margin-left:15px;
-            @include breakpoint($tablet) {
-                float:none;
+            margin-left: 15px;
+            @media (max-width: 800px) {
+                float: none;
             }
         }
 
@@ -100,40 +110,50 @@
 
       ol {
             list-style: none;
-            padding:0;
-            margin:0;
+            padding: 0;
+            margin: 0;
             border-top: $lightbrown 1px solid;
 
             li {
-                margin:0;
+                margin: 0;
                 padding: 0;
                 border-bottom: $lightbrown 1px solid;
-                position:relative;
+                position: relative;
 
                 a {
 
-                    display:block;
-                    padding:20px 15px;
+                    display: block;
+                    padding: 20px 15px;
                     color: $brown;
-                    @include breakpoint($mobile) { padding:15px; }
-                    @include breakpoint($tablet) { padding-right: 40px; }
+                    @media (max-width: 400px) {
+                        padding: 15px;
+                    }
+                    @media (max-width: 800px) {
+                        padding-right: 40px;
+                    }
 
                     @include icon-after($i-chevron) {
-                        position:absolute;
-                        top:50%;
-                        margin-top:-6px;
-                        right:15px;
+                        position: absolute;
+                        top: 50%;
+                        margin-top: -6px;
+                        right: 15px;
+                    }
+                    @media (min-width: 801px) {
+                        &:after {
+                            display: none;
+                        }
                     }
-                    @include breakpoint($biggerthan-tablet) { &::after {display: none} }
 
-                    &:hover { text-decoration: none; }
+                    &:hover {
+                        text-decoration: none;
+                    }
 
-                }
+                } // a
 
-            }//li
+            } // li
 
             li.active {
-                @include breakpoint($biggerthan-tablet) {
+                @media (min-width: 801px) {
                     // only apply active styles on larger devices
 
                     border-bottom: lighten($midgrey, 40%) 1px solid;
@@ -148,8 +168,12 @@
                         @include transition(all 0.4s ease);
                     }
 
-                    .entry-title { font-weight: bold; }
-                    .entry-meta { color: $darkgrey; }
+                    .entry-title {
+                        font-weight: bold;
+                    }
+                    .entry-meta {
+                        color: $darkgrey;
+                    }
 
                     .views {
                         @include icon($i-stats, 10px, $darkgrey);
@@ -158,18 +182,20 @@
                     }
 
                 }
-            }//li.active
-        }
+            } // li.active
+        } // ol
 
-    }//.content-list
+    } // .content-list
+} // .manage
 
 
 /* =============================================================================
    Preview
    ============================================================================= */
 
+.manage {
+
     .content-preview {
-        @include box-sizing(border-box);
         width: 65%;
         padding: 15px;
         position: absolute;
@@ -179,7 +205,7 @@
         border-left:$lightbrown 2px solid;
         background: #fff;
         box-shadow: $shadow;
-        @include breakpoint($tablet) {
+        @media (max-width: 800px) {
             width: auto;
             left: 100%;
             right: -100%;
@@ -220,7 +246,7 @@
                 max-width: 700px;
                 margin:0 auto;
             }
-        }
+        } // .content-preview-content
 
         .post-controls {
             float:right;
@@ -244,7 +270,7 @@
             height:auto;
         }
 
-    }//.preview-post
+    } // .preview-post
 
     .no-posts-box {
         position: relative;
@@ -253,7 +279,7 @@
         padding: 0px;
         display: table;
         z-index: 600;
-        @include breakpoint($tablet) {
+        @media (max-width: 800px) {
             position: fixed;
             top: 45%;
             left: 50%;
@@ -263,7 +289,7 @@
             vertical-align: middle;
             display: table-cell;
             text-align: center;
-            @include breakpoint($tablet) {
+            @media (max-width: 800px) {
                 display: block;
                 position: relative;
                 left: -50%;
@@ -274,6 +300,8 @@
                 font-weight: 200;
                 font-size: 2em;
             }
-        }
-    }//.no-posts-box
-}//.manage
+        } // ,no-posts
+
+    } // .no-posts-box
+
+} // .manage
\ No newline at end of file
diff --git a/core/client/assets/sass/layouts/editor.scss b/core/client/assets/sass/layouts/editor.scss
index 4f3ceee734..335014b94c 100644
--- a/core/client/assets/sass/layouts/editor.scss
+++ b/core/client/assets/sass/layouts/editor.scss
@@ -1,11 +1,25 @@
-//
-// The Editor
-// --------------------------------------------------
+/*
+ * Editor screen styles
+ *
+ * Table of Contents
+ *
+ * Editor
+ * Post Preview Content
+ * Full Screen Mode
+ * Publish Bar
+ * Markdown Help Modal
+ * CodeMirror
+ */
+
+
+/* ==========================================================================
+   Editor
+   ========================================================================== */
 
 .editor {
 
     .notifications {
-        @include breakpoint($biggerthan-mobile) {
+        @media (min-width: 401px) {
             bottom: 40px;
         }
     }
@@ -13,12 +27,12 @@
     // The main post title
     .entry-title {
         @extend .box;
-        height: 53px;
+        height: 57px;
         padding: 2px 15px;
         margin-bottom: 5px;
         position: relative;
 
-        @include breakpoint($mobile) {
+        @media (max-width: 400px) {
             box-shadow: none;
         }
 
@@ -49,7 +63,6 @@
 
     // The visual styles for both panels
     .entry-markdown, .entry-preview {
-        @include box-sizing(border-box);
         width: 50%;
         padding: 15px;
         position: absolute;
@@ -58,12 +71,12 @@
         background: #fff;
         box-shadow: $shadow;
 
-        @include breakpoint($mobile) {
+        @media (max-width: 400px) {
             box-shadow: none;
         }
 
         // Convert all content areas to small boxes
-        @include breakpoint($netbook) {
+        @media (max-width: 1000px) {
             top: 109px;
             left: 0;
             right: 0;
@@ -81,7 +94,7 @@
 
             // Turn headers into tabs which act as links
             // both headers set to grey/inactive colour
-            @include breakpoint($netbook) {
+            @media (max-width: 1000px) {
                 cursor: pointer;
                 width: 50%;
                 border-right: $lightbrown 2px solid;
@@ -135,7 +148,7 @@
 
         // Restore the white bg of the currently .active tab, remove hand cursor from currently active tab
         &.active header {
-            @include breakpoint($netbook) {
+            @media (max-width: 1000px) {
                 cursor: auto;
                 color: $brown;
                 background: #fff;
@@ -147,7 +160,7 @@
         }
 
         // Hide markdown icon + wordcount when we hit mobile
-        @include breakpoint($mobile) {
+        @media (max-width: 400px) {
             .markdown-help,
             .entry-word-count {
                 display: none;
@@ -204,12 +217,12 @@
 
         .CodeMirror-lines {
             padding: 65px 0 40px 0; /* Vertical padding around content */
-            @include breakpoint($netbook) {padding-top: 25px;}
-            @include breakpoint($mobile) {padding: 15px 0;}
+            @media (max-width: 1000px) {padding-top: 25px;}
+            @media (max-width: 400px) {padding: 15px 0;}
         }
         .CodeMirror pre {
             padding: 0 40px; /* Horizontal padding of content */
-            @include breakpoint($mobile) {padding: 0 15px;}
+            @media (max-width: 400px) {padding: 0 15px;}
         }
 
         .cm-header {
@@ -242,7 +255,7 @@
     .entry-preview {
         // Align the tab of entry-preview on the right
         .floatingheader {
-            @include breakpoint($netbook) {
+            @media (max-width: 1000px) {
                 right: 0;
                 left: auto;
                 border-right: none;
@@ -264,8 +277,12 @@
             cursor: default;
 
             // Tweak padding for smaller screens
-            @include breakpoint($netbook) {padding-top: 20px;}
-            @include breakpoint($mobile) {padding: 15px;}
+            @media (max-width: 1000px) {
+                padding-top: 20px;
+            }
+            @media (max-width: 400px) {
+                padding: 15px;
+            }
         }
     }
 
@@ -273,24 +290,26 @@
     .scrolling {
 
         .floatingheader {
-            @include breakpoint($netbook) {
+            @media (max-width: 1000px) {
                 box-shadow: none;
             }
 
             &::before,
             &::after {
-                @include breakpoint($netbook) {display: none;}
+                @media (max-width: 1000px) {
+                    display: none;
+                }
             }
         }
         .CodeMirror-scroll,
         .entry-preview-content {
-            @include breakpoint($netbook) {
+            @media (max-width: 1000px) {
                 box-shadow: 0 5px 5px rgba(0,0,0,0.05) inset;
             }
         }
     }
 
-}//.editor
+} // .editor
 
 
 /* =============================================================================
@@ -310,7 +329,7 @@
     }
     p {
         margin: 1.2em 0 1.6em;
-        &:first-child {
+        &:first-of-type {
             margin-top: 0;
         }
     }
@@ -362,16 +381,26 @@
 
 body.zen {
     background: lighten($lightbrown, 3%);
-    .usermenu {display: none;}
-    #global-header, #publish-bar {
+    .usermenu {
+        display: none;
+    }
+    #global-header,
+    #publish-bar {
         opacity: 0;
         height: 0;
         overflow: hidden;
         @include transition(all 0.5s ease-out);
     }
 
-    main {top: 15px;@include transition(all 0.5s ease-out);}
-    .entry-markdown, .entry-preview {bottom: 0;@include transition(all 0.5s ease-out);}
+    main {
+        top: 15px;
+        @include transition(all 0.5s ease-out);
+    }
+    .entry-markdown,
+    .entry-preview {
+        bottom: 0;
+        @include transition(all 0.5s ease-out);
+    }
 
 }
 
@@ -381,7 +410,6 @@ body.zen {
    ============================================================================= */
 
 #publish-bar {
-    @include box-sizing(border-box);
     height: 40px;
     padding: 0;
     color: $midgrey;
@@ -394,7 +422,9 @@ body.zen {
     box-shadow: 0 -2px 8px rgba(0,0,0,0.2);
     @include transform(translateZ(0));
 
-    @include breakpoint($netbook) {font-weight: normal;}
+    @media (max-width: 1000px) {
+        font-weight: normal;
+    }
 
     .post-settings {
         &:hover,
@@ -418,7 +448,9 @@ body.zen {
         border-top: rgba(255,255,255,0.4) 1px solid;
     }
 
-    .button-link { border-top: none; }
+    .button-link {
+        border-top: none;
+    }
 
     .options {
         width: 30px;
@@ -441,7 +473,7 @@ body.zen {
             bottom: 140%;
             right: -3%;
 
-            a{
+            a {
                 font-size: 14px;
             }
         }
@@ -461,7 +493,8 @@ body.zen {
         width: 281px;
     }
 
-    .tag-label, .tag-label.touch {
+    .tag-label,
+    .tag-label.touch {
         color: #fff;
     }
 
@@ -498,7 +531,7 @@ body.zen {
         z-index: 9999;
         pointer-events: none;
 
-        @include breakpoint($mobile) {
+        @media (max-width: 400px) {
             right: 161px;
         }
     }
@@ -510,7 +543,7 @@ body.zen {
         width: auto;
         max-width: 80%;
         max-width: calc(100% - 320px);
-        height: 26px;
+        height: 22px;
         padding-left: 5px;
         padding-bottom: 20px;
         overflow-x: auto;
@@ -519,8 +552,7 @@ body.zen {
         white-space: nowrap;
         @include transition(width 0.2s linear);
 
-        @include breakpoint($mobile) {
-            @include box-sizing(border-box);
+        @media (max-width: 400px) {
             display: block;
             width: 115px;
             max-width: inherit;
@@ -567,15 +599,13 @@ body.zen {
             @include transition;
         }
         display: inline;
-        margin-right: 5px;
+        margin-right: 2px;
         padding: 0 5px;
         color: $lightgrey;
         white-space: nowrap;
         background: lighten($grey, 15%);
         border-radius: $rounded;
-        box-shadow:
-            rgba(255,255,255,0.2) 0 1px 0 inset,
-            #000 0 1px 3px;
+        box-shadow: rgba(255,255,255,0.2) 0 1px 0 inset, #000 0 1px 3px;
 
         @include user-select(none);
 
@@ -597,9 +627,7 @@ body.zen {
 
   li.selected{
     background: $blue;
-    box-shadow:
-        rgba(255,255,255,0.2) 0 1px 0 inset,
-        rgba(0,0,0,0.5) 0 1px 5px;
+    box-shadow: rgba(255,255,255,0.2) 0 1px 0 inset, rgba(0,0,0,0.5) 0 1px 5px;
   }
 
   li a {
@@ -615,7 +643,6 @@ body.zen {
 }
 
 #entry-controls {
-    @include box-sizing(border-box);
     display: inline-block;
     position: relative;
     padding: 0;
diff --git a/core/client/assets/sass/layouts/errors.scss b/core/client/assets/sass/layouts/errors.scss
index bbf8fc277c..684bb6d5e1 100644
--- a/core/client/assets/sass/layouts/errors.scss
+++ b/core/client/assets/sass/layouts/errors.scss
@@ -1,6 +1,15 @@
-//
-// Error Pages
-// --------------------------------------------------
+/*
+ * Error page styles
+ *
+ * Table of Contents
+ *
+ * Error pages
+ */
+
+
+/* ==========================================================================
+   Error pages
+   ========================================================================== */
 
 .error-content {
     max-width: 530px;
@@ -9,7 +18,7 @@
     display: table;
     height: 100%;
 
-    @include breakpoint(630px) {
+    @media (max-width: 630px) {
         max-width: 264px;
         text-align: center;
     }
@@ -26,7 +35,7 @@
     width: 96px;
     height: 150px;
 
-    @include breakpoint(630px) {
+    @media (max-width: 630px) {
         width: 72px;
         height: 112px;
     }
@@ -51,7 +60,7 @@
     line-height: 0.9em;
     color: #979797;
 
-    @include breakpoint(630px) {
+    @media (max-width: 630px) {
         font-size: 5.8em;
     }
 }
@@ -64,7 +73,7 @@
     color: #979797;
     border: none;
 
-    @include breakpoint(630px) {
+    @media (max-width: 630px) {
         font-size: 1.4em;
     }
 }
@@ -84,7 +93,7 @@
 
 .error-stack-list li {
     display: block;
-    
+
     &::before {
         color: #BBB;
         content: "\21AA";
diff --git a/core/client/assets/sass/layouts/settings.scss b/core/client/assets/sass/layouts/settings.scss
index 281ad7e126..a6fe62010e 100644
--- a/core/client/assets/sass/layouts/settings.scss
+++ b/core/client/assets/sass/layouts/settings.scss
@@ -1,6 +1,18 @@
-//
-// Settings
-// --------------------------------------------------
+/*
+ * Setting pages styles
+ *
+ * Table of Contents
+ *
+ * Settings
+ * Sidebar
+ * Content
+ * Code Injection
+ */
+
+
+/* ==========================================================================
+   Settings
+   ========================================================================== */
 
 .settings {
     // The main white bg for the page
@@ -10,10 +22,10 @@
         position: relative;
         width: 100%;
         height: 100%;
-        margin:0;
-        padding:0;
+        margin: 0;
+        padding: 0;
 
-        @include breakpoint($tablet) {
+        @media (max-width: 800px) {
             overflow-x: hidden;
         }
     }
@@ -23,59 +35,290 @@
         font-weight: normal;
         font-size: 1.6em;
         line-height: 0.8em;
-        margin:0 0 18px 0;
-        padding:0;
+        margin: 0 0 18px 0;
+        padding: 0;
         border: none;
     }
+} // .settings
 
 
 /* =============================================================================
    Sidebar
    ============================================================================= */
 
-    //The whole left column sidebar, duh.
-    .settings-sidebar {
-        width:20%;
-        position:absolute;
-        top:0;
-        left:0;
-        bottom:0;
-        z-index: 700;
-        background: #fff;
-        box-shadow: $lightbrown 1px 0 0;
-        @include breakpoint($tablet) {
-            width:100%;
-            box-shadow: none;
+// The whole left column sidebar, duh.
+.settings-sidebar {
+    width: 20%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    z-index: 700;
+    background: #fff;
+    box-shadow: $lightbrown 1px 0 0;
+    @media (max-width: 800px) {
+        width: 100%;
+        box-shadow: none;
+    }
+
+    > header {
+        position: relative;
+        z-index: 400;
+        height: 17px;
+        padding: 30px 15px 47px 40px;
+        margin-bottom: 0;
+        border-bottom: none;
+        box-shadow: #edece4 0 -1px 0 inset, #edece4 1px 0 0;
+
+        // Transparent gradient to make bg fade out as it goes out the top.
+        // TODO: Much improve
+        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(25%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.90)));
+        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%);
+        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%);
+
+        @media (max-width: 1000px) {
+            padding-left: 15px;
+        };
+    }
+} // .settings-sidebar
+
+// Main settings-menu styles, apply to every item
+.settings-menu {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: -1px;
+    overflow: auto;
+    @media (max-width: 800px) { right: 0; };
+
+    // Create placeholder the same height as the floating header
+    // to push content down by the same amount
+    &:before {
+        display: block;
+        content: "";
+        height: 77px; // 30px + 17px title + 30px
+    }
+
+    ul {
+        border-top: none;
+        @media (max-width: 800px) { border-bottom: #edece4 1px solid; }
+    }
+
+    li {
+        margin-right: 1px;
+        border-top: #fff 1px solid;
+        @media (max-width: 800px) {
+            margin-right: 0;
+            border-top: #edece4 1px solid;
         }
 
-        > header {
-            position: relative;
-            z-index: 400;
-            height: 17px;
-            padding: 30px 15px 30px 40px;
-            margin-bottom: 0;
+        a {
+            padding: 15px 15px 15px 40px;
             border-bottom: none;
-            box-shadow: #edece4 0 -1px 0 inset, #edece4 1px 0 0;
-            //Transparent gradient to make bg fade out as it goes out the top.
-            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(25%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.90)));
-            background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%);
-            background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%);
+            @media (max-width: 1000px) { padding-left: 15px; }
+            @media (max-width: 800px) {
+                @include icon-after($i-chevron) {float: right;margin-top: 5px;};
+            }
+        }
 
-            @include breakpoint($netbook) {
-                padding-left: 15px;
+        &:first-child {
+            border-top: none;
+        }
+        &:first-child.active {
+            border-top: none;
+        }
+
+        &.active {
+            @media (min-width: 1001px) {
+                // only apply active styles on larger devices
+
+                margin-right: 0;
+                position: relative;
+                z-index: 300;
+                border-top: #edece4 1px solid;
+                box-shadow: #fff 1px 0 0, #edece4 0 1px 0;
+                @include transition;
+
+                a {
+                    color: $darkgrey;
+                    font-weight: bold;
+                    background: #fff;
+
+                }
+
+            }
+        } // .active
+
+    } // li
+
+    // Give all icons some space
+    li a:before {
+        margin-right: 20px;
+        @media (max-width: 1000px) {
+            margin-right: 15px;
+        }
+    }
+
+    // Add the icons for specific menu items
+    .general a {
+        @include icon($i-settings);
+    }
+    .publishing a {
+        @include icon($i-content);
+    }
+    .services a {
+        @include icon($i-services);
+    }
+    .users a {
+        @include icon($i-users);
+    }
+    .appearance a {
+        @include icon($i-appearance);
+    }
+    .apps a {
+        @include icon($i-app);
+    }
+    .code a {
+        @include icon($i-code);
+    }
+
+} // .settings-menu
+
+
+/* =============================================================================
+   Content
+   ============================================================================= */
+
+// The main content panel on the right
+.settings-content {
+    padding: 0;
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 20%;
+    bottom: 0;
+    background: #fff;
+
+    @media (max-width: 800px) {
+        display: none;
+        width: 100%;
+        left: 100%;
+        right: -100%;
+        margin-left: 15px;
+    }
+
+    img {
+        max-width: 100%;
+    }
+
+    display: none;
+    &.active {display: block;}
+
+    // TODO: Header could really be more specific (class)
+    > header {
+        position: relative;
+        z-index: 200;
+        height: 17px;
+        padding: 30px 220px 46px 40px;
+        border-bottom: $lightbrown 1px solid;
+        margin-bottom: 40px;
+        text-transform: none;
+        font-weight: normal;
+        line-height: inherit;
+        color: inherit;
+
+        // Transparent gradient to make bg fade out as it goes out the top.
+        // TODO: Significantly improve
+        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0.90) 100%);
+        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(25%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.90)));
+        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%);
+        background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%);
+        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%);
+        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%);
+
+        @media (max-width: 1000px) {
+            padding-left: 15px;
+        }
+        @media (max-width: 800px) {
+            padding-left: 115px;
+        }
+        @media (max-height: 600px) {
+            height: auto;
+            padding: 5px;
+            position: absolute;
+            top: 0;
+            right: 0;
+            border: none;
+            background: transparent;
+
+            .title {
+                display: none;
+            }
+        }
+        @media (max-width: 650px) {
+            padding-left: 15px;
+
+            .button-back {
+                position: fixed;
+                top: 5px;
+                left: 14px;
+                min-height: 0;
+                height: 30px;
+
+                &:before {
+                    left: -9px;
+                    border-width: 15px 9px 15px 0;
+                }
+            }
+        }
+
+    } // header
+
+    .page-actions {
+        position: absolute;
+        top: 20px;
+        right: 40px;
+        z-index: 700;
+        font-size: 1em;
+
+        @media (max-width: 1000px) { right: 15px; }
+        @media (max-width: 650px) {
+            position: fixed;
+            top: 5px;
+            right: 4px;
+
+            button {
+                min-height: 0;
+                height: 30px;
+                padding: 0.5em 1.37em;
+            }
+        }
+
+        .button-add {
+            position: relative;
+            padding-left: 50px;
+            @include icon($i-add, 1.4em, rgba(255,255,255,0.6)) {
+                position: absolute;
+                top: 0;
+                padding: 9px 8px 0 0;
+                left: 9px;
+                bottom: 0;
+                width: 20px;
+                border-right: darken($green, 8%) 1px solid;
             };
         }
-    }//.settings-sidebar
+    }
 
-    //Main settings-menu styles, apply to every item
-    .settings-menu {
-        position:absolute;
+    .content {
+        position: absolute;
         top: 0;
-        left:0;
-        bottom:0;
-        right:-1px;
+        right: 0;
+        left: 0;
+        bottom: 0;
+        padding: 40px;
         overflow: auto;
-        @include breakpoint($tablet) { right:0; };
+        -webkit-overflow-scrolling: touch;
 
         // Create placeholder the same height as the floating header
         // to push content down by the same amount
@@ -83,230 +326,41 @@
             display: block;
             content: "";
             height: 77px; //30px + 17px title + 30px
+            @media (max-height: 600px) { display: none; }
         }
 
-        ul {
-            border-top:none;
-            @include breakpoint($tablet) { border-bottom: #edece4 1px solid; }
+        &.no-padding {
+            padding: 0;
         }
 
-        li {
-            margin-right:1px;
-            border-top: #fff 1px solid;
-            @include breakpoint($tablet) {
-                margin-right:0;
-                border-top: #edece4 1px solid;
-            }
-
-            a {
-                padding:15px 15px 15px 40px;
-                border-bottom:none;
-                @include breakpoint($netbook) { padding-left: 15px; }
-                @include breakpoint($tablet) {
-                    @include icon-after($i-chevron) {float:right;margin-top:5px;};
-                }
-            }
-
-            &:first-child { border-top: none; }
-            &:first-child.active { border-top:none; }
-
-            &.active {
-                @include breakpoint($biggerthan-tablet) {
-                    // only apply active styles on larger devices
-
-                    margin-right:0;
-                    position:relative;
-                    z-index: 300;
-                    border-top: #edece4 1px solid;
-                    box-shadow:
-                        #fff 1px 0 0,
-                        #edece4 0 1px 0;
-                    @include transition;
-
-                    a {
-                        color: $darkgrey;
-                        font-weight: bold;
-                        background: #fff;
-
-                    }
-
-                }
-            }//.active
-
-        }//li
-
-        // Give all icons some space
-        li a:before {
-            margin-right: 20px;
-            @include breakpoint($netbook) {
-                margin-right: 15px;
-            }
+        @media (max-width: 1000px) {
+            padding-left: 15px;
         }
+        @media (max-width: 550px) {
+            padding: 0 15px 40px;
+        }
+    }
 
-        // Add the icons for specific menu items
-        .general a { @include icon($i-settings) }
-        .publishing a { @include icon($i-content) }
-        .services a { @include icon($i-services) }
-        .users a { @include icon($i-users) }
-        .appearance a { @include icon($i-appearance) }
-        .apps a { @include icon($i-app) }
+    .description-container,
+    .bio-container {
+        max-width: 510px;
+    }
 
-    }//.settings-menu
+    .word-count {
+        margin-right: 30px;
+        float: right;
+        font-weight: bold;
+        color: darken($brown, 5%);
+    }
+
+} // .settings-content
 
 
 /* =============================================================================
-   Content
+   Code Injection
    ============================================================================= */
 
-    // The main content panel on the right
-    .settings-content {
-        padding:0;
-        position:absolute;
-        top:0;
-        right:0;
-        left:20%;
-        bottom:0;
-        background: #fff;
-
-        @include breakpoint($tablet) {
-            display: none;
-            width: 100%;
-            left: 100%;
-            right: -100%;
-            margin-left: 15px;
-        }
-
-        img {
-            max-width: 100%;
-        }
-
-        display: none;
-        &.active {display:block;}
-
-        > header {
-            position: relative;
-            z-index: 200;
-            height: 17px;
-            padding: 30px 220px 29px 40px;
-            border-bottom:$lightbrown 1px solid;
-            margin-bottom:40px;
-            text-transform: none;
-            font-weight: normal;
-            line-height: inherit;
-            color: inherit;
-            //Transparent gradient to make bg fade out as it goes out the top.
-            background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0.90) 100%);
-            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(25%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.90)));
-            background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%);
-            background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%);
-            background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%);
-            background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%);
-
-            @include breakpoint($netbook) { padding-left:15px; }
-            @include breakpoint($tablet) { padding-left:115px; }
-            @include breakpoint($letterbox) {
-                height: auto;
-                padding: 5px;
-                position: absolute;
-                top:0;
-                right:0;
-                border:none;
-                background: transparent;
-
-                .title { display:none; }
-            }
-            @include breakpoint(650px) {
-                padding-left:15px;
-
-                .button-back {
-                    position: fixed;
-                    top: 5px;
-                    left: 14px;
-                    min-height: 0;
-                    height: 30px;
-
-                    &:before {
-                        left: -9px;
-                        border-width: 15px 9px 15px 0;
-                    }
-                }
-            }
-
-        }//header
-
-        .page-actions {
-            position:absolute;
-            top:20px;
-            right:40px;
-            z-index: 700;
-            font-size: 1em;
-
-            @include breakpoint($netbook) { right:15px; }
-            @include breakpoint(650px) {
-                position: fixed;
-                top: 5px;
-                right: 4px;
-
-                button {
-                    min-height: 0;
-                    height: 30px;
-                    padding: 0.5em 1.37em;
-                }
-            }
-
-            .button-add {
-                position:relative;
-                padding-left:50px;
-                @include icon($i-add, 1.4em, rgba(255,255,255,0.6)) {
-                    position: absolute;
-                    top:0;
-                    padding:9px 8px 0 0;
-                    left:9px;
-                    bottom:0;
-                    width: 20px;
-                    border-right: darken($green, 8%) 1px solid;
-                };
-            }
-        }
-
-        .content {
-            position: absolute;
-            top:0;
-            right:0;
-            left:0;
-            bottom:0;
-            padding:40px;
-            overflow: auto;
-            -webkit-overflow-scrolling: touch;
-
-            // Create placeholder the same height as the floating header
-            // to push content down by the same amount
-            &:before {
-                display: block;
-                content: "";
-                height: 77px; //30px + 17px title + 30px
-                @include breakpoint($letterbox) { display: none; }
-            }
-
-            &.no-padding {
-                padding: 0;
-            }
-
-            @include breakpoint($netbook) { padding-left:15px; }
-            @include breakpoint(550px) { padding: 0 15px 40px; }
-        }
-
-        .description-container, .bio-container {
-            max-width: 370px;
-        }
-
-        .word-count {
-            margin-right: 30px;
-            float: right;
-            font-weight: bold;
-            color: darken($brown, 5%);
-        }
-
-    }//.settings-content
-
-}//.settings
+.header-injection,
+.footer-injection {
+    margin-top: 3.2em;
+}
\ No newline at end of file
diff --git a/core/client/assets/sass/layouts/setup.scss b/core/client/assets/sass/layouts/setup.scss
new file mode 100644
index 0000000000..46d897254d
--- /dev/null
+++ b/core/client/assets/sass/layouts/setup.scss
@@ -0,0 +1,136 @@
+/*
+ * Setup screen styles
+ *
+ * Table of Contents
+ *
+ * Setup Ghost for The First Time
+ */
+
+
+/* ==========================================================================
+   Setup Ghost for The First Time
+   ========================================================================== */
+
+.ghost-setup {
+    color: $midgrey;
+    background: $darkgrey;
+    @media (max-width: 550px) {
+        background: darken($darkgrey, 5%);
+    }
+
+    main {
+        top: 15px;
+        @media (max-width: 550px) {
+            top: 0;
+        }
+    }
+
+    input:-webkit-autofill {
+        -webkit-box-shadow: 0 0 0px 1000px $lightgrey inset !important;
+    }
+
+    h1 {
+        margin: 0;
+        font-weight: 200;
+        font-size: 26px;
+        color: $lightgrey;
+
+        @media (max-width: 550px) {
+            font-size: 20px;
+        }
+    }
+
+    h2 {
+        margin: 10px 0 0 0;
+        padding: 0;
+        border: none;
+        font-weight: 200;
+        font-size: 16px;
+        color: $midgrey;
+
+        @media (max-width: 550px) {
+            font-size: 14px;
+        }
+    }
+}
+
+.setup-box {
+    display: table;
+    max-width: 500px;
+    height: 90%;
+    margin: 0 auto;
+    padding: 0;
+}
+
+.setup-form {
+    max-width: 530px;
+    padding: 40px;
+    color: lighten($midgrey, 15%);
+    background: darken($darkgrey, 5%);
+
+    @media (max-width: 400px) {
+        padding: 15px;
+    }
+
+    header {
+        margin-bottom: 45px;
+        @media (max-width: 550px) {
+            margin-bottom: 35px;
+        }
+    }
+
+    footer {
+        margin: 40px 0 5px 0;
+        @media (max-width: 550px) {
+            margin-top: 35px;
+        }
+    }
+
+    label {
+        width: 90px;
+        color: $lightgrey;
+        font-weight: 300;
+
+        @media (max-width: 550px) {
+            width: 100%;
+        }
+    }
+
+    .form-group {
+        padding-left: 110px;
+
+        @media (max-width: 550px) {
+            padding-left: 0;
+        }
+    }
+
+    input {
+        width: 300px;
+        padding: 7px;
+        border: none;
+        color: #fff;
+        background: lighten($darkgrey, 10%);
+        @include transition(background ease 0.25s);
+
+        @media (max-width: 550px) {
+            width: 100%;
+        }
+
+        &:focus {
+            border:none;
+            background: lighten($darkgrey, 15%);
+        }
+    }
+
+    p {
+        font-size: 12px;
+        line-height: 1.4em;
+        color: $midgrey;
+    }
+
+    .button-add {
+        width: 100%;
+        padding: 0.9em 1.8em;
+        font-size: 13px;
+    }
+}
\ No newline at end of file
diff --git a/core/client/assets/sass/layouts/users.scss b/core/client/assets/sass/layouts/users.scss
index 08ebf5e1af..47a12b988b 100644
--- a/core/client/assets/sass/layouts/users.scss
+++ b/core/client/assets/sass/layouts/users.scss
@@ -1,6 +1,16 @@
-//
-// Users
-// --------------------------------------------------
+/*
+ * Users screen styles
+ *
+ * Table of Contents
+ *
+ * Users
+ * User Profile
+ */
+
+
+/* ==========================================================================
+   Users
+   ========================================================================== */
 
 .settings {
 
@@ -33,7 +43,6 @@
         }
 
         .user-search-input {
-            @include box-sizing(border-box);
             width: 0px;
             padding: 0;
             border: none;
@@ -54,7 +63,6 @@
     }
 
     .user {
-        @include box-sizing(border-box);
         display: block;
         width: 100%;
         padding: 20px;
@@ -75,7 +83,6 @@
             border-radius: 20px;
 
             &.invite {
-                @include box-sizing(border-box);
                 padding-top: 8px;
                 text-align: center;
                 @include icon($i-mail, 1em, $brown);
@@ -162,7 +169,9 @@
             color 0.3s ease,
             background 0.3s ease
         );
-        @include breakpoint($netbook) { right: 15px;}
+        @media (max-width: 1000px) {
+            right: 15px;
+        }
 
         &:hover {
             color: #fff;
@@ -190,7 +199,6 @@
     }
 
     .user-image {
-        @include box-sizing(border-box);
         display: block;
         position: relative;
         width: 120px;
@@ -242,4 +250,4 @@
         margin: -30px 0 0 0;
     }
 
-} //.settings
+} // .settings
\ No newline at end of file
diff --git a/core/client/assets/sass/modules/animations.scss b/core/client/assets/sass/modules/animations.scss
index 57b9309008..781a244562 100644
--- a/core/client/assets/sass/modules/animations.scss
+++ b/core/client/assets/sass/modules/animations.scss
@@ -1,24 +1,33 @@
-//
-// Animations
-// --------------------------------------------------
+/*
+ * Reusable keyframe animations
+ *
+ * Table of Contents
+ *
+ * Off-Canvas
+ * Fade In
+ * Fade Out
+ */
 
-@-webkit-keyframes off-canvas {
-    0%   { left:0; }
-    100% { left:300px; }
-}
-@-moz-keyframes off-canvas {
-    0%   { opacity: 0; }
-    100% { opacity: 1; }
-}
-@-o-keyframes off-canvas {
-    0%   { opacity: 0; }
-    100% { opacity: 1; }
-}
-@keyframes off-canvas {
-    0%   { opacity: 0; }
-    100% { opacity: 1; }
+
+/* ==========================================================================
+   Off-Canvas
+   ========================================================================== */
+
+@include keyframes(off-canvas) {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
 }
 
+
+/* ==========================================================================
+   Fade In
+   TODO: Make the fadeIn keyframe name hyphenated, not camelCase
+   ========================================================================== */
+
 @include keyframes(fadeIn) {
     from {
         opacity: 0;
@@ -28,3 +37,16 @@
     }
 }
 
+/* ==========================================================================
+   Fade Out
+   TODO: Make the fadeIn keyframe name hyphenated, not camelCase
+   ========================================================================== */
+
+@include keyframes(fade-out) {
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0;
+    }
+}
\ No newline at end of file
diff --git a/core/client/assets/sass/modules/base.scss b/core/client/assets/sass/modules/base.scss
new file mode 100644
index 0000000000..5e25f180e0
--- /dev/null
+++ b/core/client/assets/sass/modules/base.scss
@@ -0,0 +1,60 @@
+/*
+ * Global styles for Ghost which are used throughout the admin interface
+ * Utility classes defined here to keep other libraries (Normalize) from
+ * being modified, preventing upgrade later.
+ *
+ * Table of Contents
+ *
+ * Box Sizing
+ * Text Selection
+ * Colour Classes
+ */
+
+/* ==========================================================================
+   Box Sizing
+   ---
+   Apple `border-box` globally
+   ========================================================================== */
+
+*,
+*:before,
+*:after {
+    @include box-sizing(border-box);
+}
+
+
+/* ==========================================================================
+   Text Selection
+   ---
+   These colours do not differ much from browser defaults, but
+   this makes it consistent & predicable.
+   ========================================================================== */
+
+::-moz-selection {
+    color: $darkgrey;
+    background: lighten($blue, 20%);
+    text-shadow: none;
+}
+
+::selection {
+    color: $darkgrey;
+    background: lighten($blue, 20%);
+    text-shadow: none;
+}
+
+
+/* ==========================================================================
+   Color Classes
+   ---
+   Pragmatically generate classes for background & text colour, based on
+   `$list-colours` in `variables.scss`
+   ========================================================================== */
+
+@each $colour in $list-colours {
+    .#{nth($colour, 1)}-bg {
+        background: nth($colour, 2);
+    }
+    .#{nth($colour, 1)} {
+        color: nth($colour, 2);
+    }
+}
\ No newline at end of file
diff --git a/core/client/assets/sass/modules/buttons.scss b/core/client/assets/sass/modules/buttons.scss
index 8f6e02c03b..884a037039 100644
--- a/core/client/assets/sass/modules/buttons.scss
+++ b/core/client/assets/sass/modules/buttons.scss
@@ -1,22 +1,25 @@
-//
-// Buttons
-// --------------------------------------------------
-
 /*
- * Buttons are used for primary calls to action on a page.
+ * Button classes, including
  *
- * Usage:
- * <button type="button" class="button">Default</button>
+ * Table of Contents
+ *
+ * Buttons
+ * Split Buttons
  */
 
-// This base style is used on all buttons
-.btn {
-    @include box-sizing(border-box);
+
+ /* ==========================================================================
+   Buttons
+   ========================================================================== */
+
+%btn {
     min-height: 35px;
     width: auto;
     display: inline-block;
     padding: 0.9em 1.37em;
+
     cursor: pointer;
+
     text-decoration: none;
     color: #fff;
     font-size: 11px; // Hack because Firefox sucks.
@@ -25,18 +28,23 @@
     text-align: center;
     letter-spacing: 1px;
     text-transform: uppercase;
+
     text-shadow: none;
     border-radius: 0.2em;
     border: rgba(0,0,0,0.05) 0.1em solid;
+
     @include transition(background 0.3s ease, border-color 0.3s ease);
 
-    &:hover {
+    &:hover,
+    &.hover {
+        will-change: border-color, background;
         border-color: transparent;
         background: #f8f8f8;
         text-decoration: none;
     }
 
-    &:active {
+    &:active,
+    &.active {
         box-shadow: rgba(0,0,0,0.3) 0 1px 3px inset;
     }
 
@@ -50,13 +58,41 @@
         font-size: 14px;
         line-height: 16px;
     }
+
+    // Styling for buttons with icons in them
+    &[class*='icon-'] {
+        position: relative;
+        padding-left: calc(1.37em + 36px);
+        &:before {
+            position: absolute;
+            top: 0;
+            left: 0;
+            bottom: 0;
+            width: 35px;
+            font-size: 13px;
+            line-height: 35px;
+            border-right: 1px solid rgba($darkgrey, 0.1);
+            opacity: 0.95;
+        }
+
+        &.large {
+            padding-left: calc(1.8em + 46px);
+            &:before {
+                width: 46px;
+                line-height: 46px;
+                font-size: 17px;
+            }
+        }
+
+    }
+
 }
 
 // This is the default button style
 .button,
 button,
 input[type="button"] {
-    @extend .btn;
+    @extend %btn;
     color:#777;
     font-weight: normal;
     background: #eee;
@@ -70,39 +106,59 @@ input[type="button"] {
 .button-save,
 button[type="submit"],
 input[type="submit"] {
-    @extend .btn;
+    @extend %btn;
     background: $blue;
     box-shadow: none;
-    &:hover {background: darken($blue, 10%);}
+    &:hover {
+        background: darken($blue, 10%);
+    }
 }
 
 // Button for actions which add stuff
 .button-add {
-    @extend .btn;
+    @extend %btn;
     background: $green;
-    &:hover {background: darken($green, 8%);}
+    &:hover {
+        background: darken($green, 8%);
+    }
 }
 
 // Button for deleting/removing stuff
 .button-delete,
 button[type="reset"],
 input[type="reset"] {
-    @extend .btn;
+    @extend %btn;
     background: $red;
     box-shadow: none;
-    &:hover {background: darken($red, 10%);}
+    &:hover {
+        background: darken($red, 10%);
+    }
 }
 
 // Alternative button with more visual attention, but no extra semantic meaning
 .button-alt {
-    @extend .btn;
+    @extend %btn;
     background: lighten($darkgrey, 10%);
-    &:hover {background: $darkgrey;}
+    &:hover {
+        background: $darkgrey;
+    }
+    &[class*='icon-']:before {
+        border-right-color: lighten($darkgrey, 10%);
+    }
+}
+
+// Alternative button with more visual attention, but no extra semantic meaning
+.button-info {
+    @extend %btn;
+    background: #A1ADB3;
+    &:hover {
+        background: lighten(#A1ADB3, 10%);
+    }
 }
 
 // This applies normal link styles to de-emphasise a button
 .button-link {
-    @extend .btn;
+    @extend %btn;
     color: $blue;
     background: transparent;
     border: none;
@@ -114,7 +170,7 @@ input[type="reset"] {
 
 // Back button for pane animations
 .button-back {
-    @extend .btn;
+    @extend %btn;
     position: absolute;
     top: 20px;
     left: 20px;
@@ -150,9 +206,6 @@ input[type="reset"] {
         }
     }
 
-    @include breakpoint($tablet) {
-        display: inline-block;
-    }
 }
 
 
@@ -160,18 +213,7 @@ input[type="reset"] {
    Split Buttons
    ============================================================================= */
 
-/*
- * The splitbutton adds addition values to a button, via a dropdown (or drop-up).
- *
- * Usage:
- * <section class="splitbutton">
- *     <button type="button" class="button">Split Up</button>
- *     <a class="options" href="#"><span class="hidden">Options</span></a>
- * </section>
- */
-
-// These are the base styles applied to all splitbuttons
-.splitbtn {
+%splitbtn {
     display: inline-block;
     position: relative;
     font-size: 0; // hack to stop space after button
@@ -198,6 +240,7 @@ input[type="reset"] {
             rgba(0,0,0,0.02) 0 1px 0 inset,
             rgba(0,0,0,0.02) -1px 0 0 inset,
             rgba(0,0,0,0.02) 0 -1px 0 inset;
+
         @include icon($i-chevron-down, 9px) {
             position: absolute;
             top: 50%;
@@ -212,6 +255,7 @@ input[type="reset"] {
             @include transition-duration(0.3);
             @include transition-timing-function(ease);
         };
+
         @include transition(background-color 0.3s linear);
 
         // Keep the arrow spun when the associated menu is open
@@ -226,9 +270,11 @@ input[type="reset"] {
 
         // Spin the arrow on hover and while menu is open
         &:hover {
+            will-change: box-shadow, background;
             box-shadow: none;
             background: #f8f8f8;
             @include icon($i-chevron-down) {
+                will-change: transform;
                 @include transform(rotate(360deg));
             };
         }
@@ -248,7 +294,7 @@ input[type="reset"] {
 
 // The default splitbutton
 .splitbutton {
-    @extend .splitbtn;
+    @extend %splitbtn;
     .options {
         color:#777;
         &:hover {
@@ -262,36 +308,44 @@ input[type="reset"] {
 
 // For save/next/continue/confirm actions
 .splitbutton-save {
-    @extend .splitbtn;
+    @extend %splitbtn;
     .options {
         background: darken($blue, 5%);
-        &:hover, &.active {background: darken($blue, 10%);}
+        &:hover, &.active {
+            background: darken($blue, 10%);
+        }
     }
 }
 
 // For actions which add something
 .splitbutton-add {
-    @extend .splitbtn;
+    @extend %splitbtn;
     .options {
         background: darken($green, 6%);
-        &:hover {background: darken($green, 8%);}
+        &:hover {
+            background: darken($green, 8%);
+        }
     }
 }
 
 // For actions which delete something
 .splitbutton-delete {
-    @extend .splitbtn;
+    @extend %splitbtn;
     .options {
         background: darken($red, 6%);
-        &:hover {background: darken($red, 10%);}
+        &:hover {
+            background: darken($red, 10%);
+        }
     }
 }
 
 // Alternative style with more visual attention, but no extra semantic meaning
 .splitbutton-alt {
-    @extend .splitbtn;
+    @extend %splitbtn;
     .options {
         background: lighten($darkgrey, 4%);
-        &:hover {background: $darkgrey;}
+        &:hover {
+            background: $darkgrey;
+        }
     }
 }
\ No newline at end of file
diff --git a/core/client/assets/sass/modules/code.scss b/core/client/assets/sass/modules/code.scss
deleted file mode 100644
index 78b9c1f641..0000000000
--- a/core/client/assets/sass/modules/code.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-//
-// Code (inline and block)
-// --------------------------------------------------
-
-code, tt {
-    font-family: $font-family-mono;
-    font-size: 0.85em;
-    white-space: pre-wrap;
-    background: lighten($lightbrown, 2%);
-    border: 1px solid darken($lightbrown, 8%);
-    border-radius: 2px;
-    padding: 1px 3px;
-}
-
-pre {
-    @include baseline;
-    @include box-sizing(border-box);
-    background: lighten($lightbrown, 2%);
-    border: 1px solid darken($lightbrown, 8%);
-    width: 100%;
-    padding: 10px;
-    font-family: $font-family-mono;
-    font-size: 0.9em;
-    white-space: pre;
-    overflow: auto;
-    border-radius: 3px;
-
-    code, tt {
-        font-size: inherit;
-        white-space: -moz-pre-wrap;
-        white-space: pre-wrap;
-        background: transparent;
-        border: none;
-        padding: 0;
-    }
-}
-
-kbd {
-    display: inline-block;
-    margin-bottom: 0.4em;
-    padding: 1px 8px;
-    border: #ccc 1px solid;
-    color: $darkgrey;
-    text-shadow: #fff 0 1px 0;
-    font-size: 0.9em;
-    font-weight: bold;
-    background: #f4f4f4;
-    border-radius: 4px;
-    box-shadow:
-        0 1px 0 rgba(0, 0, 0, 0.2),
-        0 1px 0 0 #fff inset;
-}
\ No newline at end of file
diff --git a/core/client/assets/sass/modules/dropdowns.scss b/core/client/assets/sass/modules/dropdowns.scss
index b26e084e79..29704c65a7 100644
--- a/core/client/assets/sass/modules/dropdowns.scss
+++ b/core/client/assets/sass/modules/dropdowns.scss
@@ -1,6 +1,17 @@
-//
-// Dropdowns
-// --------------------------------------------------
+/*
+ * Dropdown classes, including default styles and section-specific styles
+ *
+ * Table of Contents
+ *
+ * Dropdowns
+ * Menu
+ * Post Settings
+ */
+
+
+ /* ==========================================================================
+   Dropdowns
+   ========================================================================== */
 
 .dropdown {
     @include icon-after($i-chevron-down, 8px) {
@@ -15,14 +26,19 @@
 }
 
 
-// This is the base menu extend used for styles on interaction menus
-// Default: Pop menu, chiclet bottom center.
+ /* ==========================================================================
+   Menu
+   ---
+   This is the base menu extend used for styles on interaction menus
+   Default: Pop menu, chiclet bottom center.
+   ========================================================================== */
+
 .menu {
     display: inline-block;
-    position:absolute;
+    position: absolute;
     z-index: 960;
     padding:6px 0;
-    border:none;
+    border: none;
     list-style: none;
     color: $lightgrey;
     background: $darkgrey;
@@ -32,27 +48,28 @@
     // The triangle chiclet that points to where the menu came from
     // By default, this is bottom center.
     &:before {
-        content:"";
-        position:absolute;
-        bottom:-10px;
-        left:50%;
-        margin-left:-10px;
-        border-width:10px 10px 0 10px;
-        border-style:solid;
-        border-color:$darkgrey transparent;
-        display:block;
-        width:0;
+        content: "";
+        position: absolute;
+        bottom: -10px;
+        left: 50%;
+        margin-left: -10px;
+        border-width: 10px 10px 0 10px;
+        border-style: solid;
+        border-color: $darkgrey transparent;
+        display: block;
+        width: 0;
     }
 
-    li {overflow:hidden;} // Stop :hover shadow from overflowing
+    // Stop :hover shadow from overflowing
+    li {
+        overflow: hidden;
+    }
 
     a, p {
-        @include box-sizing(border-box);
         display: block;
         position: relative;
-        padding:10px 25px 10px 35px;
+        padding: 10px 25px 10px 35px;
         border: none;
-        @include box-sizing(border-box);
         color: $lightgrey !important; // It's dirty, but it's needed.
         text-transform: none;
         text-decoration: none;
@@ -117,19 +134,20 @@
     @extend .menu-right;
 }
 
+
 /* ==========================================================================
    Post Settings
    ========================================================================== */
 
 .post-settings {
     @include icon($i-settings, 14px);
-    @include box-sizing(border-box);
     display: inline-block;
     padding: 0 10px;
     color: $midgrey;
     @include transition;
     position: relative;
     top: 1px;
+    cursor: pointer;
 
     &:hover,
     &.active {
@@ -169,7 +187,9 @@
         width: 200px;
         margin: 0;
 
-        @include breakpoint(550px) { width: 200px; }
+        @media (max-width: 550px) {
+            width: 200px;
+        }
 
         &[type="text"] {
             border: none;
@@ -200,10 +220,11 @@
     .delete {
         display: block;
         padding: 10px 15px;
-        @include icon($i-trash) { 
-            position: relative; 
-            top: -1px; 
-            margin-right: 10px 
+        cursor: pointer;
+        @include icon($i-trash) {
+            position: relative;
+            top: -1px;
+            margin-right: 10px
         };
 
         &:hover { background: $red; }
diff --git a/core/client/assets/sass/modules/floatingheaders.scss b/core/client/assets/sass/modules/floatingheaders.scss
new file mode 100644
index 0000000000..85eab097ae
--- /dev/null
+++ b/core/client/assets/sass/modules/floatingheaders.scss
@@ -0,0 +1,108 @@
+/*
+ * Floating header styles
+ *
+ * Table of Contents
+ *
+ * Floating Headers
+ * Scroll Shadows
+ */
+
+ /* ==========================================================================
+   Floating Headers
+   ========================================================================== */
+
+// Semi-opaque fixed-position headers - used on content/editor
+.floatingheader {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 400;
+    height: 40px;
+    padding: 10px 15px;
+    text-transform: uppercase;
+    color: $brown;
+    //Transparent gradient to make bg fade out as it goes out the top.
+    @include linear-gradient(top, white 0%, white 25%, rgba(255,255,255,0.9) 100%, $fallback: transparent);
+
+    button,
+    .button {
+        display: inline-block;
+        font-size: 10px;
+        min-height: 20px;
+        height: 20px;
+        padding: 3px 4px;
+        vertical-align: top;
+
+        &.button-back {
+            position: relative;
+            top: -2px;
+            left: 3px;
+            display: none;
+            padding: 0 6px 0 3px;
+
+            &:active {
+                box-shadow: none;
+            }
+
+            &:before {
+                left: -8px;
+                border-width: 10px 8px 10px 0;
+            }
+
+            @media (max-width: 800px) {
+                display: inline-block;
+            }
+        }
+    }
+
+    small {
+        font-size: 0.85em;
+    }
+
+    a {
+        color: $brown;
+        &:hover {
+            color: $darkgrey;
+        }
+    }
+
+} // .floatingheader
+
+
+ /* ==========================================================================
+   Scroll Shadows
+   ---
+   Special case, when scrolling, add shadows to content headers.
+   ========================================================================== */
+
+.scrolling {
+
+    .floatingheader {
+        box-shadow:
+            rgba(0,0,0,0.02) 0 1px 2px,
+            rgba(255, 255, 255, 0.5) 0 -1px 0 inset;
+
+        &:before {
+            content: "";
+            height: 40px;
+            width: 80%;
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            margin-left: -40%;
+            box-shadow: rgba(0,0,0,0.02) 0 2px 2px;
+        }
+        &:after {
+            content: "";
+            height: 40px;
+            width: 30%;
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            margin-left: -15%;
+            box-shadow: rgba(0,0,0,0.02) 0 3px 3px;
+        }
+    } // .floatingheader
+
+} // .scrolling
\ No newline at end of file
diff --git a/core/client/assets/sass/modules/forms.scss b/core/client/assets/sass/modules/forms.scss
index 4dcbaef4c9..97f440b0a8 100644
--- a/core/client/assets/sass/modules/forms.scss
+++ b/core/client/assets/sass/modules/forms.scss
@@ -1,6 +1,21 @@
-//
-// Forms
-// --------------------------------------------------
+/*
+ * Form styling, for inputs, selects, checkboxes, labels etc etc.
+ *
+ * Table of Contents
+ *
+ * Labels
+ * Form Wrapper
+ * Form Group
+ * Fieldsets
+ * Legends
+ * Input, textarea & select
+ * Checkboxes
+ */
+
+
+/* ==========================================================================
+   Labels
+   ========================================================================== */
 
 .label {
    display: inline-block;
@@ -12,7 +27,7 @@
    color: $brown;
    text-align: right;
 
-   @include breakpoint(550px) {
+   @media (max-width: 550px) {
        display: block;
        position: relative;
        top: auto;
@@ -23,6 +38,11 @@
    }
 }
 
+
+/* ==========================================================================
+   Form Wrapper
+   ========================================================================== */
+
 form {
 
     label {
@@ -36,13 +56,38 @@ form {
         margin: 0;
     }
 
-}//form
+} // form
+
+
+/* ==========================================================================
+   Form Group
+   ========================================================================== */
+
+.form-group {
+    position: relative;
+    margin: 1.5em 0;
+    padding-left: 140px;
+
+    @media (max-width: 550px) {
+        padding-left: 0;
+    }
+} // .form-group
+
+
+/* ==========================================================================
+   Fieldsets
+   ========================================================================== */
 
 fieldset {
     border: none;
     margin: 0 0 3em 0;
     padding: 0;
-}
+} // fieldset
+
+
+/* ==========================================================================
+   Legends
+   ========================================================================== */
 
 legend {
     display: block;
@@ -52,10 +97,16 @@ legend {
     font-size: 1.2em;
     line-height: 2.0em;
     color: $brown;
-}
+} // legend
 
-input, textarea, select {
-    @include box-sizing(border-box);
+
+/* ==========================================================================
+   Input, textarea & select
+   ========================================================================== */
+
+input,
+textarea,
+select {
     width: 280px;
     padding: 5px 7px;
     margin: 0;
@@ -65,9 +116,9 @@ input, textarea, select {
     background: #fff;
     border: darken($lightbrown, 5%) 1px solid;
     border-radius: $rounded;
-    @include transition(all 0.15s ease-in-out);
+    @include transition(border-color 0.15s ease-in-out);
 
-    @include breakpoint(550px) {
+    @media (max-width: 550px) {
         width: 100%;
     }
 }
@@ -80,7 +131,9 @@ textarea {
     min-height: 6.5em;
 }
 
-input, select, textarea {
+input,
+select,
+textarea {
     margin-bottom: 5px;
 }
 
@@ -105,12 +158,11 @@ textarea:focus {
 }
 
 select {
-    @include box-sizing(border-box);
     width: 270px;
     height: 30px;
     line-height: 30px;
 
-    @include breakpoint(550px) {
+    @media (max-width: 550px) {
         width: 100%;
     }
 }
@@ -121,13 +173,6 @@ select {
     }
 }
 
-.form-group {
-    position: relative;
-    margin: 1.5em 0;
-    padding-left: 140px;
-
-    @include breakpoint(550px) { padding-left: 0; }
-}
 
 /* =============================================================================
    Checkboxes
@@ -140,7 +185,6 @@ input[type="checkbox"] {
 
 // Turn the label element into a fake checkbox
 .checkbox {
-    @include box-sizing(border-box);
     position: relative;
     top: auto;
     margin-top: 0.5em;
@@ -152,14 +196,14 @@ input[type="checkbox"] {
     background: lighten($lightbrown, 5%);
     border: darken($lightbrown, 5%) 1px solid;
     @include transition(all 0.2s ease);
-    
+
     // Create a checkmark, hidden by default
     &:after {
         opacity: 0;
         content: "";
         position: absolute;
-        width: 7px;
-        height: 3px;
+        width: 10px;
+        height: 6px;
         top: 5px;
         left: 4px;
         border: 3px solid #fff;
@@ -171,5 +215,10 @@ input[type="checkbox"] {
 }
 
 // If the checkbox is checked, show the the :after element
-input[type=checkbox]:checked + .checkbox { background: $green; border: lighten($green, 10%); }
-input[type=checkbox]:checked + .checkbox:after { opacity: 1; }
\ No newline at end of file
+input[type=checkbox]:checked + .checkbox {
+    background: $green;
+    border: lighten($green, 10%);
+}
+input[type=checkbox]:checked + .checkbox:after {
+    opacity: 1;
+}
\ No newline at end of file
diff --git a/core/client/assets/sass/modules/global.scss b/core/client/assets/sass/modules/global.scss
deleted file mode 100644
index 9abd4bd661..0000000000
--- a/core/client/assets/sass/modules/global.scss
+++ /dev/null
@@ -1,457 +0,0 @@
-/*
- * Global styles for Ghost which are used throughout the admin interface
- * Utility classes defined here to keep other libraries (Normalize) from
- * being modified, preventing upgrade later.
- *
- * Table of Contents
- *
- * Utility Classes
- * Global Styles
- * Global Navigation
- * Mobile Navigation
- * Drop-down / Pop-up Menu
- * Notifications
- * Modals
- * Main Elements
- * Floating Headers
- * Image Uploader
- * Misc
- */
-
-
-/* ==========================================================================
-   Utility Classes
-   ========================================================================== */
-
-.hidden         { @include hidden; } // TODO: Merge this with .visuallyhidden
-.invisible      { visibility: hidden; }
-.right          { float: right; }
-.left           { float: left; }
-.wrapper        { position: relative; }
-
-.markdown, pre, code { font-family: $font-family-mono; }
-
-.visuallyhidden,
-.screen-reader-text {
-    border: 0;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-}
-
-.visuallyhidden.focusable:active,
-.visuallyhidden.focusable:focus {
-    clip: auto;
-    height: auto;
-    margin: 0;
-    overflow: visible;
-    position: static;
-    width: auto;
-}
-
-.clearfix:before,
-.clearfix:after {
-    content: " ";
-    display: table;
-}
-.clearfix:after { clear: both; }
-.clearfix { *zoom: 1; }
-
-
-/* ==========================================================================
-   Global Styles
-   ========================================================================== */
-
-html {
-    font: normal 81.2%/1.65 "Open Sans", sans-serif;
-}
-
-body {
-    width:100%;
-    color: $darkgrey;
-    font-weight: 300;
-    background: $lightbrown;
-    @include breakpoint($mobile) { background: #fff; }
-}
-
-::-moz-selection {
-    color: $darkgrey;
-    background: lighten($blue, 20%);
-    text-shadow: none;
-}
-
-::selection {
-    color: $darkgrey;
-    background: lighten($blue, 20%);
-    text-shadow: none;
-}
-
-article aside {
-    width: 30%;
-    padding: 0 2.2em;
-    margin: 0 2.2em 1.6em 2.2em;
-    float: right;
-    background: $lightbrown;
-    border-radius: 3px;
-}
-
-// Headings
-
-h1, h2, h3,
-h4, h5, h6 {
-    color: $darkgrey;
-    text-rendering: optimizeLegibility;
-    line-height: 1;
-    margin-top: 0;
-}
-
-h2 {
-    padding-top: 0.8em;
-    margin-top: 0.8em;
-    border-top: $lightbrown 1px solid;
-}
-
-h1 a:hover {
-    text-decoration: none;
-
-    box-shadow: $blue 0 -5px 0 inset;
-}
-
-h2 a:hover {
-    text-decoration: none;
-    box-shadow: $blue 0 -4px 0 inset;
-}
-
-h3 a:hover {
-    text-decoration: none;
-    box-shadow: $blue 0 -3px 0 inset;
-}
-
-h4 a:hover,
-h5 a:hover,
-h6 a:hover {
-    text-decoration: none;
-    box-shadow: $blue 0 -1px 0 inset;
-}
-
-hgroup {
-    @include baseline;
-
-    h1, h2, h3,
-    h4, h5, h6 {
-        padding:0;
-        margin:0;
-        border:none;
-        margin-bottom: 5px;
-
-        a {
-            color: $darkgrey;
-
-            &:hover {
-                box-shadow: $darkgrey 0 -1px 0 inset;
-            }
-
-        }
-
-        /*
-         * Make everything except the first
-         * heading appear smaller/thinner.
-         */
-        &:nth-child(n+2) {
-            font-size: 1.8em;
-            font-weight: 300;
-            color: $brown;
-        }
-
-    }
-
-}
-
-// Text elements
-
-p, ul, ol { @include baseline; }
-
-ol ol, ul ul,
-ul ol, ol ul {
-    margin: 0.4em 0;
-}
-
-a {
-    color:$blue;
-    text-decoration:none;
-    @include transition(all 0.15s ease-in-out);
-
-    &:hover {
-        text-decoration:underline;
-    }
-
-    &.highlight {
-        color: $orange;
-        font-weight: bold;
-    }
-}
-
-hr {
-    display: block;
-    height: 1px;
-    border: 0;
-    border-top: 1px solid $lightbrown;
-    margin: 3.2em 0;
-    padding: 0;
-}
-
-blockquote {
-    @include baseline;
-    @include box-sizing(border-box);
-    padding: 0 1.6em 0 1.6em;
-    border-left: $lightbrown 0.6em solid;
-
-    p {
-        margin:0.8em 0;
-        font-size:1.2em;
-        font-weight: 300;
-    }
-
-    small {
-        display: inline-block;
-        margin: 0.8em 0 0.8em 1.5em;
-        font-size:0.9em;
-        color: $brown;
-
-        &:before { content: '\2014 \00A0'; }
-    }
-
-    cite {
-        font-weight:bold;
-        a { font-weight: normal; }
-    }
-}
-
-dl {
-    @include baseline;
-
-    dt {
-        float: left;
-        width: 180px;
-        overflow: hidden;
-        clear: left;
-        text-align: right;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        font-weight: bold;
-        margin-bottom: 1em
-    }
-
-    dd {
-        margin-left: 200px;
-        margin-bottom: 1em
-    }
-}
-
-mark {
-    background-color: #ffc336;
-}
-
-
-/* ==========================================================================
-   Main Elements
-   ========================================================================== */
-
-main {
-    position: absolute;
-    top: 55px;
-    right: 15px;
-    bottom: 0;
-    left: 15px;
-    padding: 0;
-
-    @include breakpoint($mobile) {
-        top: 40px;
-        left:0;
-        right:0;
-    }
-
-}
-
-
-/* ==========================================================================
-   Floating Headers
-   ========================================================================== */
-
-// Semi-opaque fixed-position headers - used on content/editor
-.floatingheader {
-    @include box-sizing(border-box);
-    position: absolute;
-    top:0;
-    left:0;
-    right:0;
-    z-index: 400;
-    height: 40px;
-    padding: 10px 15px;
-    text-transform: uppercase;
-    color: $brown;
-    //Transparent gradient to make bg fade out as it goes out the top.
-    @include linear-gradient(top, white 0%, white 25%, rgba(255,255,255,0.9) 100%, $fallback: transparent);
-
-    button, .button {
-        display: inline-block;
-        font-size: 10px;
-        min-height: 20px;
-        height: 20px;
-        padding: 3px 4px;
-        vertical-align: top;
-
-        &.button-back {
-            position: relative;
-            top: -2px;
-            left: 3px;
-            display: none;
-            padding: 0 6px 0 3px;
-
-            &:active {
-                box-shadow: none;
-            }
-
-            &:before {
-                left: -8px;
-                border-width: 10px 8px 10px 0;
-            }
-
-            @include breakpoint($tablet) {
-                display: inline-block;
-            }
-        }
-    }
-
-    small {
-        font-size: 0.85em;
-    }
-
-    a {
-        color: $brown;
-        &:hover { color: $darkgrey; }
-    }
-
-}//.floatingheader
-
-// Special case, when scrolling, add shadows to content headers.
-.scrolling {
-
-    .floatingheader {
-        box-shadow:
-            rgba(0,0,0,0.02) 0 1px 2px,
-            rgba(255, 255, 255, 0.5) 0 -1px 0 inset;
-
-        &::before {
-            content: "";
-            height:40px;
-            width: 80%;
-            position:absolute;
-            bottom:0;
-            left:50%;
-            margin-left: -40%;
-            box-shadow: rgba(0,0,0,0.02) 0 2px 2px;
-        }
-        &::after {
-            content: "";
-            height:40px;
-            width: 30%;
-            position:absolute;
-            bottom:0;
-            left:50%;
-            margin-left: -15%;
-            box-shadow: rgba(0,0,0,0.02) 0 3px 3px;
-        }
-    }
-
-}
-
-
-/* ==========================================================================
-   NProgress
-   ========================================================================== */
-
-/* Make clicks pass-through */
-#nprogress {
-    pointer-events: none;
-    -webkit-pointer-events: none;
-}
-
-#nprogress .bar {
-    background: $blue;
-
-    position: fixed;
-    z-index: 100;
-    top: 0;
-    left: 0;
-
-    width: 100%;
-    height: 2px;
-}
-
-/* Fancy blur effect */
-#nprogress .peg {
-    display: block;
-    position: absolute;
-    right: 0px;
-    width: 100px;
-    height: 100%;
-    box-shadow: 0 0 10px $blue, 0 0 5px $blue;
-    opacity: 1.0;
-
-    -webkit-transform: rotate(3deg) translate(0px, -4px);
-    -moz-transform: rotate(3deg) translate(0px, -4px);
-    -ms-transform: rotate(3deg) translate(0px, -4px);
-    -o-transform: rotate(3deg) translate(0px, -4px);
-    transform: rotate(3deg) translate(0px, -4px);
-}
-
-/* Remove these to get rid of the spinner */
-#nprogress .spinner {
-    display: block;
-    position: fixed;
-    z-index: 100;
-    top: 15px;
-    right: 15px;
-}
-
-#nprogress .spinner-icon {
-    width: 14px;
-    height: 14px;
-
-    border:  solid 2px transparent;
-    border-top-color:  $blue;
-    border-left-color: $blue;
-    border-radius: 10px;
-
-    -webkit-animation: nprogress-spinner 400ms linear infinite;
-    -moz-animation:    nprogress-spinner 400ms linear infinite;
-    -ms-animation:     nprogress-spinner 400ms linear infinite;
-    -o-animation:      nprogress-spinner 400ms linear infinite;
-    animation:         nprogress-spinner 400ms linear infinite;
-}
-
-@-webkit-keyframes nprogress-spinner {
-    0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
-    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
-}
-@-moz-keyframes nprogress-spinner {
-    0%   { -moz-transform: rotate(0deg);   transform: rotate(0deg); }
-    100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
-}
-@-o-keyframes nprogress-spinner {
-    0%   { -o-transform: rotate(0deg);   transform: rotate(0deg); }
-    100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
-}
-@-ms-keyframes nprogress-spinner {
-    0%   { -ms-transform: rotate(0deg);   transform: rotate(0deg); }
-    100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
-}
-@keyframes nprogress-spinner {
-    0%   { transform: rotate(0deg);   transform: rotate(0deg); }
-    100% { transform: rotate(360deg); transform: rotate(360deg); }
-}
\ No newline at end of file
diff --git a/core/client/assets/sass/modules/icons.scss b/core/client/assets/sass/modules/icons.scss
index 669b2e7975..95131c5c38 100644
--- a/core/client/assets/sass/modules/icons.scss
+++ b/core/client/assets/sass/modules/icons.scss
@@ -1,10 +1,23 @@
-//
-// Icons - Pictos, by Drew Wilson
-// --------------------------------------------------
+/*
+ * Icon classes and utility mixins
+ * The icons are Pictos, by Drew Wilson - http://pictos.cc/
+ * Icon-font is generated by http://icomoon.co
+ *
+ * Table of Contents
+ *
+ * @font-face rule
+ * The Icon (before) Mixin
+ * The Icon (after) Mixin
+ * Icon Variables
+ * Icon Class Styles
+ * Icon Classes
+ */
 
 
-// The Font Face
-// Generated by icomoon.co
+/* ==========================================================================
+   @font-face rule
+   ========================================================================== */
+
 @font-face {
     font-family: 'Icons';
     src:url('../fonts/icons.eot');
@@ -17,7 +30,10 @@
 }
 
 
-// The Icon Element
+/* ==========================================================================
+   The Icon (before) Mixin
+   ========================================================================== */
+
 @mixin icon($char, $size: '', $color: '') {
     &:before {
         // Base
@@ -46,8 +62,10 @@
     }
 }
 
-// Special use case for when we want to add an icon after an element rather
-// than before it. For things like dropdowns.
+/* ==========================================================================
+   The Icon (after) Mixin
+   ========================================================================== */
+
 @mixin icon-after($char, $size: '', $color: '') {
     &:after {
         // Base
@@ -77,12 +95,16 @@
 }
 
 
-// Icon Variables / Short Names
 
-// For accessibility, icon characters in the icon font are stored in Unicode's
-// Private Use Area characters. This means that screen readers won't attempt to
-// read them out loud. For code maintainability, we then store these Unicode
-// references inside Sass variables.
+
+/* ==========================================================================
+   Icon Variables
+   ---
+   For accessibility, icon characters in the icon font are stored in Unicode's
+   Private Use Area characters. This means that screen readers won't attempt to
+   read them out loud. For code maintainability, we then store these Unicode
+   references inside Sass variables.
+   ========================================================================== */
 
 // Placeholder
 $i:                 \e018;
@@ -150,40 +172,219 @@ $i-weather-partial: \e03a;
 $i-weather-snow:    \e03b;
 $i-weather-cloudy:  \e03c;
 $i-lightning:       \e03d;
+$i-code:            \e03e;
 
 
-/* Usage
+/* ==========================================================================
+   Icon Class Styles
+   ========================================================================== */
 
-To create a button with a label that is prefixed with a camera icon, we might
-write our Sass something like this:
+[class*=icon-] {
+    &:before {
+        // Base
+        font-family: "Icons";
+        font-weight: normal;
+        font-style: normal;
+        vertical-align: -7%;
+        text-transform:none;
+        speak: none;
+        line-height: 1;
+        -webkit-font-smoothing: antialiased;
+    }
 
-#button {
-    display: block;
-    width: 200px;
-    height: 40px;
-    @include icon($i-camera, 16px, #fff) {vertical-align:-10%;};
+    &:hover {
+        text-decoration:none;
+    }
 }
 
-This would then output full CSS something like this:
 
-#button {
-    display: block;
-    width: 200px;
-    height: 40px;
+/* ==========================================================================
+   Icon Classes
+   ========================================================================== */
+
+.icon-ghost:before {
+    content: '#{$i-ghost}';
 }
-
-#button:before {
-    content: "\e02a";
-    size: 16px;
-    color: #fff;
-    font-family: "Icons";
-    font-weight: normal;
-    font-style: normal;
-    vertical-align: -10%;
-    text-transform:none;
-    speak: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
+.icon-chevron-down:before {
+    content: '#{$i-chevron-down}';
 }
-
-*/
+.icon-users:before {
+    content: '#{$i-users}';
+}
+.icon-tag:before {
+    content: '#{$i-tag}';
+}
+.icon-tablet:before {
+    content: '#{$i-tablet}';
+}
+.icon-menu:before {
+    content: '#{$i-menu}';
+}
+.icon-settings:before {
+    content: '#{$i-settings}';
+}
+.icon-search:before {
+    content: '#{$i-search}';
+}
+.icon-search-left:before {
+    content: '#{$i-search-left}';
+}
+.icon-rss:before {
+    content: '#{$i-rss}';
+}
+.icon-preview:before {
+    content: '#{$i-preview}';
+}
+.icon-app:before {
+    content: '#{$i-app}';
+}
+.icon-pin:before {
+    content: '#{$i-pin}';
+}
+.icon-pc:before {
+    content: '#{$i-pc}';
+}
+.icon-pacman:before {
+    content: '#{$i-pacman}';
+}
+.icon-edit:before {
+    content: '#{$i-edit}';
+}
+.icon-mobile:before {
+    content: '#{$i-mobile}';
+}
+.icon-image:before {
+    content: '#{$i-image}';
+}
+.icon-mail:before {
+    content: '#{$i-mail}';
+}
+.icon-list:before {
+    content: '#{$i-list}';
+}
+.icon-info:before {
+    content: '#{$i-info}';
+}
+.icon-home:before {
+    content: '#{$i-home}';
+}
+.icon-grid:before {
+    content: '#{$i-grid}';
+}
+.icon-fullscreen:before {
+    content: '#{$i-fullscreen}';
+}
+.icon-question:before {
+    content: '#{$i-question}';
+}
+.icon-external:before {
+    content: '#{$i-external}';
+}
+.icon-error:before {
+    content: '#{$i-error}';
+}
+.icon-comments:before {
+    content: '#{$i-comments}';
+}
+.icon-close:before {
+    content: '#{$i-close}';
+}
+.icon-chevron:before {
+    content: '#{$i-chevron}';
+}
+.icon-calendar:before {
+    content: '#{$i-calendar}';
+}
+.icon-archive:before {
+    content: '#{$i-archive}';
+}
+.icon-services:before {
+    content: '#{$i-services}';
+}
+.icon-appearance:before {
+    content: '#{$i-appearance}';
+}
+.icon-video:before {
+    content: '#{$i-video}';
+}
+.icon-trash:before {
+    content: '#{$i-trash}';
+}
+.icon-reply:before {
+    content: '#{$i-reply}';
+}
+.icon-stats:before {
+    content: '#{$i-stats}';
+}
+.icon-featured:before {
+    content: '#{$i-featured}';
+}
+.icon-unfeatured:before {
+    content: '#{$i-unfeatured}';
+}
+.icon-clock:before {
+    content: '#{$i-clock}';
+}
+.icon-settings2:before {
+    content: '#{$i-settings2}';
+}
+.icon-camera:before {
+    content: '#{$i-camera}';
+}
+.icon-power:before {
+    content: '#{$i-power}';
+}
+.icon-lock:before {
+    content: '#{$i-lock}';
+}
+.icon-content:before {
+    content: '#{$i-content}';
+}
+.icon-user:before {
+    content: '#{$i-user}';
+}
+.icon-support:before {
+    content: '#{$i-support}';
+}
+.icon-success:before {
+    content: '#{$i-success}';
+}
+.icon-notification:before {
+    content: '#{$i-notification}';
+}
+.icon-add:before {
+    content: '#{$i-add}';
+}
+.icon-check:before {
+    content: '#{$i-check}';
+}
+.icon-x:before {
+    content: '#{$i-x}';
+}
+.icon-link:before {
+    content: '#{$i-link}';
+}
+.icon-camera:before {
+    content: '#{$i-camera}';
+}
+.icon-repost:before {
+    content: '#{$i-repost}';
+}
+.icon-weather-rain:before {
+    content: '#{$i-weather-rain}';
+}
+.icon-weather-sun:before {
+    content: '#{$i-weather-sun}';
+}
+.icon-weather-partial:before {
+    content: '#{$i-weather-partial}';
+}
+.icon-weather-snow:before {
+    content: '#{$i-weather-snow}';
+}
+.icon-weather-cloudy:before {
+    content: '#{$i-weather-cloudy}';
+}
+.icon-lightning:before {
+    content: '#{$i-lightning}';
+}
\ No newline at end of file
diff --git a/core/client/assets/sass/modules/layout.scss b/core/client/assets/sass/modules/layout.scss
new file mode 100644
index 0000000000..c0738991b2
--- /dev/null
+++ b/core/client/assets/sass/modules/layout.scss
@@ -0,0 +1,111 @@
+/*
+ * Generic layout classes, applying both structure and visual design
+ *
+ * Table of Contents
+ *
+ * Globals
+ * Helpers
+ * Floats
+ * Box
+ * Main
+ */
+
+
+/* ==========================================================================
+   Globals
+   ========================================================================== */
+
+body {
+    width: 100%;
+    background: $lightbrown;
+}
+
+
+/* ==========================================================================
+   Helpers
+   ========================================================================== */
+
+.clearfix {
+    @include clearfix;
+}
+
+.wrapper {
+    position: relative;
+}
+
+
+/* ==========================================================================
+   Floats
+   ========================================================================== */
+
+.right {
+    float: right;
+}
+.left {
+    float: left;
+}
+
+
+/* ==========================================================================
+   Box
+   ========================================================================== */
+
+.box {
+    padding: 15px;
+    margin-bottom: 15px;
+    background: #fff;
+    position: relative;
+    box-shadow: $shadow;
+
+    header {
+        height:14px;
+        border-bottom: 1px solid $lightbrown;
+        padding-bottom: 15px;
+        margin-bottom: 15px;
+        text-transform: uppercase;
+        font-size:0.85em;
+        color: $brown;
+    }
+
+    footer {
+        height:14px;
+        border-top: 1px solid $lightbrown;
+        padding-top: 10px;
+        margin-top:15px;
+        text-transform: uppercase;
+        font-size:0.85em;
+        color: $brown;
+    }
+
+    header a,
+    footer a {
+        color:$brown;
+        &:hover {
+            color:$darkgrey;
+            text-decoration: none;
+        }
+    }
+}
+
+
+/* ==========================================================================
+   Main
+   ---
+   Make t/r/b/l values variables where needed
+   ========================================================================== */
+
+main {
+    position: absolute;
+    top: 55px;
+    right: 15px;
+    bottom: 0;
+    left: 15px;
+    padding: 0;
+
+    @media (max-width: 400px) {
+        top: 40px;
+        left: 0;
+        right: 0;
+    }
+
+}
\ No newline at end of file
diff --git a/core/client/assets/sass/modules/mixins.scss b/core/client/assets/sass/modules/mixins.scss
deleted file mode 100644
index d88940443c..0000000000
--- a/core/client/assets/sass/modules/mixins.scss
+++ /dev/null
@@ -1,198 +0,0 @@
-/*
- * These are Sass variables used to make our CSS more dynamic by re-using
- * common property values throughout our styles. Don't overdo it.
- *
- * Table of Contents:
- *
- * Bourbon
- * Breakpoint
- * Typography
- * Colors
- * Gradients
- * Global Styles
- *
- */
-
-
-/* =============================================================================
-   Bourbon 
-   ============================================================================= */
-
-// Bourbon - http://bourbon.io/
-@import "_bourbon";
-$rounded: 2px;
-$shadow: rgba(0,0,0,0.05) 0 1px 5px;
-$default-transition-duration: 0.3s;
-
-
-/* =============================================================================
-   Breakpoint
-   ============================================================================= */
-
-// Breakpoint - http://breakpoint-sass.com/
-@import "breakpoint";
-$breakpoint-default-feature: max-width;
-
-// Max widths
-$netbook: 1000px;
-$tablet: 800px;
-$mobile: 400px;
-
-// Min widths
-$biggerthan-widescreen: min-width 1500px, min-width 1500px;
-$biggerthan-netbook: min-width 1000px, min-width 1000px;
-$biggerthan-tablet: min-width 800px, min-width 800px;
-$biggerthan-mobile: min-width 401px, min-width 401px;
-
-// Heights
-$letterbox: max-height 600px, max-height 600px;
-
-// Pixel Densities
-$retina: 2 device-pixel-ratio;
-
-
-/* =============================================================================
-   Typography
-   ============================================================================= */
-
-$font-family: 'Open Sans', sans-serif;
-$font-family-serif: serif;
-$font-family-mono: Inconsolata, monospace;
-
-@mixin baseline {
-    margin: 1.6em 0;
-}
-
-//Does this really need to be a mixin?
-@mixin hidden {
-    text-indent: -9999px;
-    visibility: hidden;
-    display: none;
-}
-
-
-/* =============================================================================
-   Colors
-   ============================================================================= */
-
-$darkgrey: #242628;
-$grey: #35393b;
-$midgrey: #7d878a;
-$lightgrey: #e2edf2;
-
-$brown: #aaa9a2;
-$midbrown: #c0bfb6;
-$lightbrown: #edece4;
-
-$blue: #5BA4E5;
-$red: #e25440;
-$orange: #F2A925;
-$green: #9FBB58;
-
-
-/* =============================================================================
-   Gradients
-   ============================================================================= */
-
-/*
- * Auto Gradients
- *
- * If the gradient mixin is called with 1 value: gradient(#444) - then a second
- * color which is 10% lighter than the entered value will be auto-generated. If
- * the gradient mixin is called with 2 values: gradient(#444,#666) - then those
- * two values will be used instead, as normal.
- */
-
-@mixin gradient($color1: #aaa, $color2: none) {
-
-    @if $color2 == 'none' {
-        background-color: lighten($color1, 10%);
-        background-image: -webkit-linear-gradient(bottom, $color1, lighten($color1, 10%));
-        background-image:    -moz-linear-gradient(bottom, $color1, lighten($color1, 10%));
-        background-image:     -ms-linear-gradient(bottom, $color1, lighten($color1, 10%));
-        background-image:         linear-gradient(bottom, $color1, lighten($color1, 10%));
-    } @else {
-        background-color: $color2;
-        background-image: -webkit-linear-gradient(bottom, $color1, $color2);
-        background-image:    -moz-linear-gradient(bottom, $color1, $color2);
-        background-image:     -ms-linear-gradient(bottom, $color1, $color2);
-        background-image:         linear-gradient(to top, $color1, $color2);
-    }
-
-}
-
-// The same as the above, but with the colours reversed.
-
-@mixin inversegradient($color1: #aaa, $color2: none) {
-
-    @if $color2 == 'none' {
-        background-color: $color1;
-        background-image: -webkit-linear-gradient(bottom, lighten($color1, 10%), $color1);
-        background-image:    -moz-linear-gradient(bottom, lighten($color1, 10%), $color1);
-        background-image:     -ms-linear-gradient(bottom, lighten($color1, 10%), $color1);
-        background-image:         linear-gradient(bottom, lighten($color1, 10%), $color1);
-    } @else {
-        background-color: $color1;
-        background-image: -webkit-linear-gradient(bottom, $color2, $color1);
-        background-image:    -moz-linear-gradient(bottom, $color2, $color1);
-        background-image:     -ms-linear-gradient(bottom, $color2, $color1);
-        background-image:         linear-gradient(to top, $color2, $color1);
-    }
-
-}
-
-
-/* =============================================================================
-   Global Elements
-   ============================================================================= */
-
-.box {
-    padding: 15px;
-    margin-bottom: 15px;
-    background: #fff;
-    position: relative;
-    box-shadow: $shadow;
-
-    header {
-        height:14px;
-        border-bottom: 1px solid $lightbrown;
-        padding-bottom: 15px;
-        margin-bottom: 15px;
-        text-transform: uppercase;
-        font-size:0.85em;
-        color: $brown;
-    }
-
-    footer {
-        height:14px;
-        border-top: 1px solid $lightbrown;
-        padding-top: 10px;
-        margin-top:15px;
-        text-transform: uppercase;
-        font-size:0.85em;
-        color: $brown;
-    }
-
-    header a,
-    footer a {
-        color:$brown;
-
-        &:hover {
-            color:$darkgrey;
-            text-decoration: none;
-        }
-    }
-}
-
-/* =============================================================================
-   Animations
-   ============================================================================= */
-
-@include keyframes(fade-out) {
-    from {
-        opacity: 1;
-    }
-    to {
-        opacity: 0;
-    }
-}
diff --git a/core/client/assets/sass/modules/modals.scss b/core/client/assets/sass/modules/modals.scss
index 356a354f14..278e39cd85 100644
--- a/core/client/assets/sass/modules/modals.scss
+++ b/core/client/assets/sass/modules/modals.scss
@@ -1,9 +1,17 @@
-//
-// Modals
-// --------------------------------------------------
+/*
+ * Modals styles
+ *
+ * Table of Contents
+ *
+ * Modal Container
+ */
+
+
+/* ==========================================================================
+   Modal Container
+   ========================================================================== */
 
 #modal-container { // TODO: This should probably not be an ID
-    @include box-sizing(border-box);
     display: none;
     position: fixed;
     top: 0;
@@ -35,12 +43,11 @@
     right: 0;
     bottom: 0;
     left: 0;
-    background: rgba(0,0,0,0.4);
+    background: rgba(0,0,0,0.6);
     z-index: 1030;
 }
 
 .modal {
-    @include box-sizing(border-box);
     left: 50%;
     right: auto;
     width: 450px;
@@ -52,7 +59,7 @@
     pointer-events: auto;
 
 
-    @include breakpoint($tablet) {
+    @media (max-width: 800px) {
         width: auto;
         padding: 10px;
     };
@@ -61,12 +68,12 @@
         min-width: 100px;
     }
 
-    @include breakpoint($tablet) {
+    @media (max-width: 800px) {
         width: 100%;
         margin-left: 0;
     }
 
-    //Uploaders
+    // Uploaders
     .image-uploader,
     .pre-image-uploader {
         margin: 0;
@@ -77,13 +84,12 @@
     @extend .modal;
     padding: 60px 0 30px;
 
-    @include breakpoint($tablet) {
+    @media (max-width: 800px) {
         padding: 30px 0;
     }
 }
 
 .modal-content {
-    @include box-sizing(padding-box);
     position: relative;
     padding: 20px;
     background-clip: padding-box;
@@ -92,7 +98,6 @@
     box-shadow: rgba(0,0,0,0.2) 0 0 0 6px;
 
     .close {
-        @include box-sizing(border-box);
         position: absolute;
         top: 15px;
         right: 15px;
@@ -137,7 +142,7 @@
 .modal-style-wide {
     width: 550px;
 
-    @include breakpoint($tablet) {
+    @media (max-width: 800px) {
         width: 100%;
     }
 }
diff --git a/core/client/assets/sass/modules/navbar.scss b/core/client/assets/sass/modules/navbar.scss
index 121d4b17f9..1d58384a55 100644
--- a/core/client/assets/sass/modules/navbar.scss
+++ b/core/client/assets/sass/modules/navbar.scss
@@ -1,50 +1,74 @@
-//
-// Navbar
-// --------------------------------------------------
+/*
+ * Navbar styling
+ *
+ * Table of Contents
+ *
+ * Ghost Logo
+ * Nav Bar
+ * Mobile Navigation
+ */
+
+
+/* ==========================================================================
+   Ghost Logo
+   ========================================================================== */
 
 .ghost-logo {
-    @include icon($i-ghost) { line-height: 0; }
+    @include icon($i-ghost) {
+        line-height: 0;
+    }
     display: block;
-    float:left;
-    height:40px;
-    padding:12px 15px;
+    float: left;
+    height: 40px;
+    padding: 12px 15px;
     color: lighten($grey, 10%);
     @include box-sizing(border-box);
 
-    &:hover {text-decoration:none;}
+    &:hover {
+        text-decoration: none;
+    }
 }
 
 .ghost-logo:hover {
     color: $lightgrey;
-    background:darken($darkgrey, 2%);
+    background: darken($darkgrey, 2%);
 }
 
+
+/* ==========================================================================
+   Nav Bar
+   ========================================================================== */
+
 .navbar {
     height: 40px;
     font-size: 0.85em;
     background: $darkgrey;
-    @include breakpoint($netbook) {font-weight:normal}
+    @media (max-width: 1000px) {
+        font-weight: normal;
+    }
 
     // The main navbar styles, apply to to everything.
     nav {
 
         ul {
-            float:left;
-            border-left:$grey 1px solid;
-            border-top:none;
+            float: left;
+            border-left: $grey 1px solid;
+            border-top: none;
+            margin: 0;
+            padding: 0;
         }
 
         li {
-            float:left;
+            float: left;
             font-size: 1em;
-            position:relative;
-            border-right:$grey 1px solid;
+            position: relative;
+            border-right: $grey 1px solid;
 
             a {
                 display: block;
-                height:40px;
-                padding:11px 15px;
-                border-bottom:none;
+                height: 40px;
+                padding: 11px 15px;
+                border-bottom: none;
                 color: $midgrey;
                 text-transform: uppercase;
                 @include box-sizing(border-box);
@@ -54,25 +78,25 @@
             &.active a {
                 color: $lightgrey;
                 text-decoration: none;
-                position:relative;
-                background:darken($grey, 2%);
+                position: relative;
+                background: darken($grey, 2%);
                 box-shadow: 0 -2px 2px rgba(0,0,0,0.2) inset;
             }
 
             // Make a little arrow pointing up at the currently active menu item
             &.active a:after {
-                content:"";
-                position:absolute;
-                bottom:0;
-                left:50%;
-                margin-left:-5px;
-                border-width:0 5px 5px 5px;
-                border-style:solid;
-                border-color:$lightbrown transparent;
-                display:block;
-                width:0;
+                content: "";
+                position: absolute;
+                bottom: 0;
+                left: 50%;
+                margin-left: -5px;
+                border-width: 0 5px 5px 5px;
+                border-style: solid;
+                border-color: $lightbrown transparent;
+                display: block;
+                width: 0;
 
-                @include breakpoint($mobile) {
+                @media (max-width: 400px) {
                     border-color: #fff transparent;
                 }
 
@@ -80,9 +104,9 @@
 
             ul {
                 position: absolute;
-                top:40px;
-                right:0;
-                min-width:200px;
+                top: 40px;
+                right: 0;
+                min-width: 200px;
                 background: $darkgrey;
             }
 
@@ -94,13 +118,25 @@
         }
 
         // Add some icons to specific nav items
-        a:before {margin-right: 5px;}
-        .dashboard a {  @include icon($i-stats) {vertical-align: -10%} }
-        .content a {    @include icon($i-content) }
-        .editor a {     @include icon($i-add) }
-        .settings a {   @include icon($i-settings2) }
+        a:before {
+            margin-right: 5px;
+        }
+        .dashboard a {
+            @include icon($i-stats) {
+                vertical-align: -10%;
+            }
+        }
+        .content a {
+            @include icon($i-content);
+        }
+        .editor a {
+            @include icon($i-add);
+        }
+        .settings a {
+            @include icon($i-settings2);
+        }
 
-    }//nav ul
+    } //nav ul
 
     // Style any nav items which have dropdowns
     .subnav {
@@ -108,7 +144,9 @@
 
         // The anchor which toggles the menu open/closed
         > a {
-            @include icon-after($i-chevron-down, 8px) {margin-left: 8px};
+            @include icon-after($i-chevron-down, 8px) {
+                margin-left: 8px;
+            };
 
             &.active {
                 color: $lightgrey;
@@ -124,14 +162,15 @@
             padding: 7px 0;
             border-left: none;
             position: absolute;
-            top:40px;
-            left:-1px;
+            top: 40px;
+            left: -1px;
             z-index: 800;
-            background:darken($grey, 3%);
+            background: darken($grey, 3%);
             box-shadow: rgba(0,0,0,0.2) 0 4px 6px;
         }
 
         li {
+            list-style: none;
             a {
                 color: $lightgrey;
 
@@ -141,7 +180,9 @@
                     box-shadow: none;
                 }
 
-                &:before { margin-right: 1em; } // space for icons
+                &:before {
+                    margin-right: 1em;
+                } // space for icons
             }
         }
 
@@ -158,23 +199,23 @@
 
 // The user menu in the top right corner of the screen
 .usermenu.subnav {
-    position:absolute;
-    top:0;
-    right:0;
-    border-right:none;
-    border-left:$grey 1px solid;
+    position: absolute;
+    top: 0;
+    right: 0;
+    border-right: none;
+    border-left: $grey 1px solid;
 
     > a {
-        padding-left:43px; //15px + 18px avatar + 10px
+        padding-left: 43px; //15px + 18px avatar + 10px
     }
 
     .avatar {
-        height:18px;
-        width:18px;
+        height: 18px;
+        width: 18px;
         border-radius: 50px;
-        position:absolute;
-        top:11px;
-        left:15px;
+        position: absolute;
+        top: 11px;
+        left: 15px;
     }
 
     > ul {
@@ -183,10 +224,18 @@
     }
 
     //Add some icons to specific items
-    .usermenu-profile a { @include icon($i-user) }
-    .usermenu-help a { @include icon($i-support, 1.1em) }
-    .usermenu-shortcuts a { @include icon($i-pc)  }
-    .usermenu-signout a { @include icon($i-power) }
+    .usermenu-profile a {
+        @include icon($i-user);
+    }
+    .usermenu-help a {
+        @include icon($i-support, 1.1em);
+    }
+    .usermenu-shortcuts a {
+        @include icon($i-pc);
+    }
+    .usermenu-signout a {
+        @include icon($i-power);
+    }
 }
 
 
@@ -196,11 +245,11 @@
 
 // Yo dawg, I heard you like nav menus so I put nav menus in your nav menus
 #global-header {
-    @include breakpoint(650px) {
+    @media (max-width: 650px) {
 
         .ghost-logo {
             @include icon($i-menu, 14px);
-            height:40px;
+            height: 40px;
             width: 40px;
             text-align: center;
             padding:12px 0;
@@ -223,7 +272,7 @@
             padding-top: 40px;
             font-weight:normal;
             background: $darkgrey;
-            border-left:none;
+            border-left: none;
             @include transition(left 0.3s ease 0.2s);
             .off-canvas & {
                 left: 0;
@@ -232,37 +281,45 @@
         }
 
         li {
-            float:none;
-            border-right:none;
-            border-bottom:$grey 1px solid;
+            float: none;
+            border-right: none;
+            border-bottom: $grey 1px solid;
 
             a:hover,
-            &.active a {box-shadow: none;}
+            &.active a {
+                box-shadow: none;
+            }
 
-            &.active a:after {display:none;}
+            &.active a:after {
+                display: none;
+            }
 
-            a:before {margin-right: 1em;}
+            a:before {
+                margin-right: 1em;
+            }
 
             ul {
                 position: static;
-                min-width:0;
+                min-width: 0;
                 background: $darkgrey;
             }
 
-            li {width: auto;}
+            li {
+                width: auto;
+            }
 
         }
 
         .usermenu {
-            position:fixed;
-            top:0;
-            right:auto;
+            position: fixed;
+            top: 0;
+            right: auto;
             bottom: auto;
-            left:-280px;
-            height:40px;
+            left: -280px;
+            height: 40px;
             z-index: 990;
-            width:279px;
-            border-left:none;
+            width: 279px;
+            border-left: none;
             border-right: darken($grey, 7%) 1px solid;
             border-bottom: darken($grey, 5%) 1px solid;
             @include gradient(darken($darkgrey, 8%), darken($darkgrey, 3%));
@@ -272,8 +329,12 @@
                 @include transition(left 0.3s ease 0s);
             }
             > a {
-                &:hover { background: inherit; }
-                &.active { background: darken($grey, 3%); }
+                &:hover {
+                    background: inherit;
+                }
+                &.active {
+                    background: darken($grey, 3%);
+                }
             }
 
             > ul {
@@ -293,13 +354,19 @@
                 a {
                     background: darken($grey, 3%);
 
-                    &:hover {background: darken($grey, 8%)}
-                    &:before { margin-right: 1em; } // space for icons
+                    &:hover {
+                        background: darken($grey, 8%);
+                    }
+                    &:before {
+                        margin-right: 1em;
+                    } // space for icons
                 }
 
             }
 
-            .divider {display: none}
+            .divider {
+                display: none;
+            }
 
         }
     }
diff --git a/core/client/assets/sass/modules/navs.scss b/core/client/assets/sass/modules/navs.scss
index 4a61601d86..26b78b5af2 100644
--- a/core/client/assets/sass/modules/navs.scss
+++ b/core/client/assets/sass/modules/navs.scss
@@ -1,29 +1,40 @@
-//
-// Navigation Menus
-// --------------------------------------------------
+/*
+ * Navigation Menus
+ *
+ * Table of Contents
+ *
+ * Nav
+ */
+
+
+/* ==========================================================================
+   Nav
+   ========================================================================== */
 
 nav {
     ul {
         list-style: none;
-        margin:0;
-        padding:0;
-        border-top:$lightbrown 1px solid;
+        margin: 0;
+        padding: 0;
+        border-top: $lightbrown 1px solid;
     }
 
-    li { 
+    li {
         a {
-            display:block;
-            padding:10px 15px;
-            color:$brown;
-            border-bottom:$lightbrown 1px solid;
+            display: block;
+            padding: 10px 15px;
+            color: $brown;
+            border-bottom: $lightbrown 1px solid;
 
             &:hover {
-                color:$darkgrey;
+                color: $darkgrey;
                 background: $lightbrown;
                 text-decoration: none;
             }
 
-            &:before { margin-right:1em; } // Make space for icons
+            &:before {
+                margin-right: 1em;
+            } // Make space for icons
 
         }
     }
diff --git a/core/client/assets/sass/modules/notifications.scss b/core/client/assets/sass/modules/notifications.scss
index a4978c7fdd..1d4d4963b1 100644
--- a/core/client/assets/sass/modules/notifications.scss
+++ b/core/client/assets/sass/modules/notifications.scss
@@ -1,9 +1,19 @@
-//
-// Notifications
-// --------------------------------------------------
+/*
+ * Button classes, including
+ *
+ * Table of Contents
+ *
+ * Buttons
+ * Split Buttons
+ */
+
+
+ /* ==========================================================================
+   Notifications
+   ========================================================================== */
 
 .notifications {
-    @include breakpoint($biggerthan-mobile) {
+    @media (min-width: 401px) {
         position: absolute;
         bottom: 0;
         left: 0;
@@ -11,7 +21,7 @@
         width: 300px;
     }
 
-    @include breakpoint($mobile) {
+    @media (max-width: 400px) {
         position: fixed;
         top: 0;
         left: 0;
@@ -29,7 +39,6 @@
         position: absolute;
         top: 0;
         left: 0;
-        @include box-sizing(border-box);
         height: 100%;
         width: 44px;
         padding: 14px 15px;
@@ -37,7 +46,6 @@
         color: rgba(255,255,255,0.8);
         background: rgba(0,0,0,0.1);
     };
-    @include box-sizing(border-box);
     width: 100%;
     min-height: 40px;
     padding: 10px 43px 10px 57px;
@@ -48,19 +56,23 @@
     box-shadow: $shadow;
     @include transform(translateZ(0));
 
-    @include breakpoint($mobile) {margin-bottom: 1px;}
+    @media (max-width: 400px) {
+        margin-bottom: 1px;
+    }
 
     .close {
         @include icon-after($i-close) {
-            padding:6px;
-            position:absolute;
-            top:8px;
-            right:9px;
+            padding: 6px;
+            position: absolute;
+            top: 8px;
+            right: 9px;
         };
         display: inline-block;
         color: rgba(255,255,255,0.6);
         cursor: pointer;
-        &:hover { color: #fff; }
+        &:hover {
+            color: #fff;
+        }
 
     }
 
diff --git a/core/client/assets/sass/modules/nprogress.scss b/core/client/assets/sass/modules/nprogress.scss
new file mode 100644
index 0000000000..6c2e7cae92
--- /dev/null
+++ b/core/client/assets/sass/modules/nprogress.scss
@@ -0,0 +1,98 @@
+/*
+ * NProgress styles
+ *
+ * Table of Contents
+ *
+ * NProgress
+ * Keyframes
+ */
+
+ /* ==========================================================================
+   NProgress
+   ========================================================================== */
+
+/* Make clicks pass-through */
+#nprogress {
+    pointer-events: none;
+    -webkit-pointer-events: none;
+}
+
+#nprogress .bar {
+    background: $blue;
+
+    position: fixed;
+    z-index: 100;
+    top: 0;
+    left: 0;
+
+    width: 100%;
+    height: 2px;
+}
+
+/* Fancy blur effect */
+#nprogress .peg {
+    display: block;
+    position: absolute;
+    right: 0px;
+    width: 100px;
+    height: 100%;
+    box-shadow: 0 0 10px $blue, 0 0 5px $blue;
+    opacity: 1.0;
+
+    -webkit-transform: rotate(3deg) translate(0px, -4px);
+    -moz-transform: rotate(3deg) translate(0px, -4px);
+    -ms-transform: rotate(3deg) translate(0px, -4px);
+    -o-transform: rotate(3deg) translate(0px, -4px);
+    transform: rotate(3deg) translate(0px, -4px);
+}
+
+/* Remove these to get rid of the spinner */
+#nprogress .spinner {
+    display: block;
+    position: fixed;
+    z-index: 100;
+    top: 15px;
+    right: 15px;
+}
+
+#nprogress .spinner-icon {
+    width: 14px;
+    height: 14px;
+
+    border:  solid 2px transparent;
+    border-top-color:  $blue;
+    border-left-color: $blue;
+    border-radius: 10px;
+
+    -webkit-animation: nprogress-spinner 400ms linear infinite;
+    -moz-animation:    nprogress-spinner 400ms linear infinite;
+    -ms-animation:     nprogress-spinner 400ms linear infinite;
+    -o-animation:      nprogress-spinner 400ms linear infinite;
+    animation:         nprogress-spinner 400ms linear infinite;
+}
+
+
+/* ==========================================================================
+   Keyframes
+   ========================================================================== */
+
+@-webkit-keyframes nprogress-spinner {
+    0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
+    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
+}
+@-moz-keyframes nprogress-spinner {
+    0%   { -moz-transform: rotate(0deg);   transform: rotate(0deg); }
+    100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
+}
+@-o-keyframes nprogress-spinner {
+    0%   { -o-transform: rotate(0deg);   transform: rotate(0deg); }
+    100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
+}
+@-ms-keyframes nprogress-spinner {
+    0%   { -ms-transform: rotate(0deg);   transform: rotate(0deg); }
+    100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
+}
+@keyframes nprogress-spinner {
+    0%   { transform: rotate(0deg);   transform: rotate(0deg); }
+    100% { transform: rotate(360deg); transform: rotate(360deg); }
+}
\ No newline at end of file
diff --git a/core/client/assets/sass/modules/objectlist.scss b/core/client/assets/sass/modules/objectlist.scss
new file mode 100644
index 0000000000..4e91970a97
--- /dev/null
+++ b/core/client/assets/sass/modules/objectlist.scss
@@ -0,0 +1,114 @@
+/*
+ * Object list styles
+ *
+ * Table of Contents
+ *
+ * Object List
+ */
+
+
+ /* ==========================================================================
+   Object List
+   ========================================================================== */
+
+.object-list + .object-list {
+    margin-top: 34px;
+}
+
+.object-list-title {
+    font-size: 13px;
+    font-weight: normal;
+    color: $midbrown;
+    margin-bottom: 14px;
+} // .object-list-title
+
+.object-list-item {
+
+    @include display(flex);
+    @include justify-content(start);
+    @include align-items(center);
+
+    padding-left: 15px;
+    padding-right: 15px;
+
+    border-top: 1px solid $lightbrown;
+    min-height: 68px;
+
+    &:hover {
+        background: lighten($lightbrown, 5%);
+    }
+    &:last-child:hover {
+        box-shadow: inset 0px -1px 0px $lightbrown;
+    }
+
+} // .object-list-item
+
+.object-list-item-icon {
+    width: 35px;
+    height: 35px;
+    display: block;
+    border-radius: 100%;
+    background: $lightbrown;
+    font-size: 0px;
+    color: transparent;
+    overflow: hidden;
+    position: relative;
+    &:before {
+        position: absolute;
+        top: 50%;
+        left: 0;
+        right: 0;
+        margin-top: -7px;
+        text-align: center;
+        color: $brown;
+        font-size: 14px;
+    }
+} // .object-list-item-icon
+
+.object-list-item-figure {
+    width: 35px;
+    border-radius: 100%;
+    display: block;
+    border: 1px solid #979797;
+} // .object-list-item-figure
+
+.object-list-item-body {
+
+    @include flex(1);
+    @include align-items(stretch);
+
+    padding-left: 15px;
+    line-height: 1;
+
+    .name {
+        display: inline-block;
+        font-size: 15px;
+        font-weight: 400;
+        color: $darkgrey;
+    }
+    .description {
+        display: inline-block;
+        font-size: 12px;
+        color: $midbrown;
+        margin-top: 3px;
+    }
+
+} // .object-list-item-body
+
+.object-list-item-aside {
+    .object-list-action + .object-list-action {
+        margin-left: 20px;
+    }
+    .role-label + .role-label {
+        margin-left: 5px;
+    }
+} // .object-list-item-aside
+
+.object-list-action {
+    font-size: 11px;
+    text-transform: uppercase;
+    text-decoration: underline;
+    &:hover {
+
+    }
+} // .object-list-action
\ No newline at end of file
diff --git a/core/client/assets/sass/modules/rolelables.scss b/core/client/assets/sass/modules/rolelables.scss
new file mode 100644
index 0000000000..2c538bd48d
--- /dev/null
+++ b/core/client/assets/sass/modules/rolelables.scss
@@ -0,0 +1,45 @@
+/*
+ * Role Lable styles
+ *
+ * Table of Contents
+ *
+ * Role Labels
+ */
+
+
+ /* ==========================================================================
+   Role Labels
+   ========================================================================== */
+
+.role-label {
+
+    background: #eee;
+
+    display: inline-block;
+    padding-left: 8px;
+    padding-right: 8px;
+
+    color: rgba(0,0,0,0.5);
+    font-size: 9px;
+    line-height: 20px;
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+    font-weight: 400;
+
+    &.owner, &.admin, &.editor {
+        color: rgba(255,255,255,0.7);
+    }
+
+    &.owner {
+        background: $darkgrey;
+    }
+
+    &.admin {
+        background: $red;
+    }
+
+    &.editor {
+        background: $blue;
+    }
+
+}
\ No newline at end of file
diff --git a/core/client/assets/sass/modules/tables.scss b/core/client/assets/sass/modules/tables.scss
index 38a8342052..a08c44c37e 100644
--- a/core/client/assets/sass/modules/tables.scss
+++ b/core/client/assets/sass/modules/tables.scss
@@ -1,11 +1,21 @@
-//
-// Tables
-// --------------------------------------------------
+/*
+ * Table classes
+ *
+ * Table of Contents
+ *
+ * Base Styles
+ * Styles Tables
+ * Raw Tables
+ */
 
-table {
+
+/* ==========================================================================
+   Base Styles
+   ========================================================================== */
+
+%table {
     @include baseline;
-    @include box-sizing(border-box);
-    width:100%;
+    width: 100%;
     max-width: 100%;
     background-color: transparent;
 
@@ -15,10 +25,27 @@ table {
         line-height: 20px;
         text-align: left;
         vertical-align: middle;
+    }
+
+}
+
+
+/* ==========================================================================
+   Styles Tables
+   ========================================================================== */
+
+.table {
+
+    @extend %table;    
+
+    th,
+    td {  
         border-top: 1px solid $lightbrown;
     }
 
-    th { color: $brown; }
+    th {
+        color: $brown;
+    }
 
     caption + thead tr:first-child th,
     caption + thead tr:first-child td,
@@ -29,9 +56,13 @@ table {
         border-top: 0;
     }
 
-    tbody + tbody { border-top: 2px solid $lightbrown; }
+    tbody + tbody {
+        border-top: 2px solid $lightbrown;
+    }
 
-    table table { background-color: #fff; }
+    table table {
+        background-color: #fff;
+    }
 
     tbody > tr:nth-child(odd) > td,
     tbody > tr:nth-child(odd) > th {
@@ -44,4 +75,13 @@ table {
             background: transparent;
         }
     }
+}
+
+
+/* ==========================================================================
+   Raw Tables
+   ========================================================================== */
+
+table {
+    @extend %table;
 }
\ No newline at end of file
diff --git a/core/client/assets/sass/modules/typography.scss b/core/client/assets/sass/modules/typography.scss
new file mode 100644
index 0000000000..d45b2ea703
--- /dev/null
+++ b/core/client/assets/sass/modules/typography.scss
@@ -0,0 +1,280 @@
+/*
+ * Type styles, including headers, elements, links, and everything else.
+ *
+ * Table of Contents
+ *
+ * Global font sizing & colour
+ * Headings
+ * Heading Groups
+ * Generic Text Elements
+ * Code
+ * Keyboard
+ * Links
+ * Horizontal Rules
+ * Blockquotes
+ * Definition Lists
+ */
+
+
+/* ==========================================================================
+   Global font sizing & colour
+   ========================================================================== */
+
+html {
+    font: normal 81.2%/1.65 "Open Sans", sans-serif;
+}
+
+body {
+    color: $darkgrey;
+    font-weight: 300;
+}
+
+
+/* ==========================================================================
+   Headings
+   ========================================================================== */
+
+h1, h2, h3, h4, h5, h6 {
+    color: $darkgrey;
+    text-rendering: optimizeLegibility;
+    line-height: 1;
+    margin-top: 0;
+}
+
+h2 {
+    padding-top: 0.8em;
+    margin-top: 0.8em;
+    border-top: $lightbrown 1px solid;
+}
+
+h1 a:hover {
+    text-decoration: none;
+    box-shadow: $blue 0 -5px 0 inset;
+}
+
+h2 a:hover {
+    text-decoration: none;
+    box-shadow: $blue 0 -4px 0 inset;
+}
+
+h3 a:hover {
+    text-decoration: none;
+    box-shadow: $blue 0 -3px 0 inset;
+}
+
+h4, h5, h6 {
+    a:hover {
+        text-decoration: none;
+        box-shadow: $blue 0 -1px 0 inset;
+    }
+}
+
+
+/* ==========================================================================
+   Heading Groups
+   ========================================================================== */
+
+hgroup {
+    @include baseline;
+
+    h1, h2, h3, h4, h5, h6 {
+        padding:0;
+        margin:0;
+        border:none;
+        margin-bottom: 5px;
+
+        a {
+            color: $darkgrey;
+
+            &:hover {
+                box-shadow: $darkgrey 0 -1px 0 inset;
+            }
+
+        }
+
+        // Make everything except the first heading appear smaller/thinner.
+        &:nth-child(n+2) {
+            font-size: 1.8em;
+            font-weight: 300;
+            color: $brown;
+        }
+
+    }
+
+}
+
+
+/* ==========================================================================
+   Generic Text Elements
+   ========================================================================== */
+
+p, ul, ol {
+    @include baseline;
+}
+
+ol ol,
+ul ul,
+ul ol,
+ol ul {
+    margin: 0.4em 0;
+}
+
+mark {
+    background-color: #ffc336;
+}
+
+
+/* ==========================================================================
+   Code
+   ========================================================================== */
+
+.markdown,
+pre,
+code,
+tt {
+    font-family: $font-family-mono;
+}
+
+code, tt {
+    font-size: 0.85em;
+    white-space: pre-wrap;
+    background: lighten($lightbrown, 2%);
+    border: 1px solid darken($lightbrown, 8%);
+    border-radius: 2px;
+    padding: 1px 3px;
+}
+
+pre {
+    @include baseline;
+    background: lighten($lightbrown, 2%);
+    border: 1px solid darken($lightbrown, 8%);
+    width: 100%;
+    padding: 10px;
+    font-family: $font-family-mono;
+    font-size: 0.9em;
+    white-space: pre;
+    overflow: auto;
+    border-radius: 3px;
+
+    code, tt {
+        font-size: inherit;
+        white-space: -moz-pre-wrap;
+        white-space: pre-wrap;
+        background: transparent;
+        border: none;
+        padding: 0;
+    }
+}
+
+
+/* ==========================================================================
+   Keyboard
+   ========================================================================== */
+
+kbd {
+    display: inline-block;
+    margin-bottom: 0.4em;
+    padding: 1px 8px;
+    border: #ccc 1px solid;
+    color: $darkgrey;
+    text-shadow: #fff 0 1px 0;
+    font-size: 0.9em;
+    font-weight: bold;
+    background: #f4f4f4;
+    border-radius: 4px;
+    box-shadow:
+        0 1px 0 rgba(0, 0, 0, 0.2),
+        0 1px 0 0 #fff inset;
+}
+
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+a {
+    color: $blue;
+    text-decoration: none;
+    @include transition(all 0.15s ease-in-out);
+
+    &:hover {
+        text-decoration: underline;
+    }
+
+    &.highlight {
+        color: $orange;
+        font-weight: bold;
+    }
+}
+
+
+/* ==========================================================================
+   Horizontal Rules
+   ========================================================================== */
+
+hr {
+    display: block;
+    height: 1px;
+    border: 0;
+    border-top: 1px solid $lightbrown;
+    margin: 3.2em 0;
+    padding: 0;
+}
+
+
+/* ==========================================================================
+   Blockquotes
+   ========================================================================== */
+
+blockquote {
+    @include baseline;
+    padding: 0 1.6em 0 1.6em;
+    border-left: $lightbrown 0.6em solid;
+
+    p {
+        margin:0.8em 0;
+        font-size:1.2em;
+        font-weight: 300;
+    }
+
+    small {
+        display: inline-block;
+        margin: 0.8em 0 0.8em 1.5em;
+        font-size:0.9em;
+        color: $brown;
+        &:before {
+            content: '\2014 \00A0';
+        }
+    }
+
+    cite {
+        font-weight:bold;
+        a { font-weight: normal; }
+    }
+}
+
+
+/* ==========================================================================
+   Definition Lists
+   ========================================================================== */
+
+dl {
+    @include baseline;
+
+    dt {
+        float: left;
+        width: 180px;
+        overflow: hidden;
+        clear: left;
+        text-align: right;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        font-weight: bold;
+        margin-bottom: 1em
+    }
+
+    dd {
+        margin-left: 200px;
+        margin-bottom: 1em
+    }
+}
\ No newline at end of file
diff --git a/core/client/assets/sass/modules/uploader.scss b/core/client/assets/sass/modules/uploader.scss
index 7ca9b12068..c197402a6a 100644
--- a/core/client/assets/sass/modules/uploader.scss
+++ b/core/client/assets/sass/modules/uploader.scss
@@ -1,6 +1,16 @@
-//
-// Image Uploader
-// --------------------------------------------------
+/*
+ * Image Uploader styles
+ *
+ * Table of Contents
+ *
+ * Image Uploader
+ * Pre Image Uploader
+ */
+
+
+/* ==========================================================================
+   Image Uploader
+   ========================================================================== */
 
 .image-uploader {
     @include box-sizing(border-box);
@@ -74,8 +84,6 @@
       margin: 0 0 0 10px;
     }
 
-
-
     input {
         &.main{
             position: absolute;
@@ -144,7 +152,12 @@
         }
     }
 
-}
+} // .image-uploader
+
+
+/* ==========================================================================
+   Pre Image Uploader
+   ========================================================================== */
 
 .pre-image-uploader {
     @include box-sizing(border-box);
@@ -201,4 +214,4 @@
         }
     }
 
-}//.pre-image-uploader
\ No newline at end of file
+} // .pre-image-uploader
\ No newline at end of file
diff --git a/core/client/assets/sass/modules/utility.scss b/core/client/assets/sass/modules/utility.scss
new file mode 100644
index 0000000000..4509a6710c
--- /dev/null
+++ b/core/client/assets/sass/modules/utility.scss
@@ -0,0 +1,45 @@
+/*
+ * Utility classes that impose no visual design, only structural and semantic help
+ *
+ * Table of Contents
+ *
+ * Global font sizing & colour
+ * Headings
+ * Heading Groups
+ * Generic Text Elements
+ * Links
+ * Horizontal Rules
+ * Blockquotes
+ * Definition Lists
+ */
+
+ /* ==========================================================================
+   Utility Classes
+   ========================================================================== */
+
+.invisible {
+    visibility: hidden;
+}
+
+.hidden,
+.visuallyhidden,
+.screen-reader-text {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}
+
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
+    clip: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    position: static;
+    width: auto;
+}
\ No newline at end of file
diff --git a/core/client/assets/sass/modules/variables.scss b/core/client/assets/sass/modules/variables.scss
deleted file mode 100644
index be5ad8a91c..0000000000
--- a/core/client/assets/sass/modules/variables.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-//
-// Variables
-// --------------------------------------------------
-
-// Bourbon - http://bourbon.io/
-@import "_bourbon";
-$rounded: 2px;
-$shadow: rgba(0,0,0,0.05) 0 1px 5px;
-$default-transition-duration: 0.3s;
-
-// Breakpoint - http://breakpoint-sass.com/
-@import "breakpoint";
-$breakpoint-default-feature: max-width;
-
-// Max widths
-$netbook: 1000px;
-$tablet: 800px;
-$mobile: 400px;
-
-// Min widths
-$biggerthan-widescreen: min-width 1500px, min-width 1500px;
-$biggerthan-netbook: min-width 1000px, min-width 1000px;
-$biggerthan-tablet: min-width 800px, min-width 800px;
-$biggerthan-mobile: min-width 401px, min-width 401px;
-
-// Heights
-$letterbox: max-height 600px, max-height 600px;
-
-// Pixel Densities
-$retina: 2 device-pixel-ratio;
-
-
-// Colours
-$darkgrey: #242628;
-$grey: #35393b;
-$midgrey: #7d878a;
-$lightgrey: #e2edf2;
-
-$brown: #aaa9a2;
-$midbrown: #c0bfb6;
-$lightbrown: #edece4;
-
-$blue: #5BA4E5;
-$red: #e25440;
-$orange: #F2A925;
-$green: #9FBB58;
-
-// Typography
-$font-family: 'Open Sans', sans-serif;
-$font-family-serif: serif;
-$font-family-mono: Inconsolata, monospace;
\ No newline at end of file
diff --git a/core/client/assets/sass/screen.scss b/core/client/assets/sass/screen.scss
index 51ddf4fede..f0af0e9620 100644
--- a/core/client/assets/sass/screen.scss
+++ b/core/client/assets/sass/screen.scss
@@ -1,34 +1,65 @@
-//
-// Ground Zero - This is where shit begins.
-// --------------------------------------------------
+/*
+ * Ground Zero - This is where it begins.
+ * Every Sass file is imported here
+ *
+ * Table of Contents
+ *
+ * Variables & Mixin Libraries
+ * Libraries
+ * Modules
+ * Layouts
+ */
 
-// Modules - These styles are re-used in many areas, grouped by type.
 
-@import "normalize";
-@import "modules/variables";
-@import "modules/mixins";
-@import "modules/icons";
+/* ==========================================================================
+   Variables & Mixins
+   ========================================================================== */
+
+@import "_bourbon"; // via Bower http://bourbon.io/
+@import "helpers/variables";
+@import "helpers/mixins";
+
+
+/* ==========================================================================
+   Libraries
+   ========================================================================== */
+
+@import "normalize"; // via Bower
+
+
+/* ==========================================================================
+   Modules
+   ========================================================================== */
+
+@import "modules/base";
+@import "modules/layout";
+@import "modules/utility";
 @import "modules/animations";
-@import "modules/global";
-@import "modules/code";
-@import "modules/forms";
+@import "modules/icons";
 @import "modules/buttons";
+@import "modules/typography";
 @import "modules/tables";
-@import "modules/navs";
-@import "modules/navbar";
+@import "modules/forms";
+@import "modules/floatingheaders";
+@import "modules/modals";
 @import "modules/dropdowns";
 @import "modules/notifications";
-@import "modules/modals";
+@import "modules/objectlist";
+@import "modules/rolelables";
 @import "modules/uploader";
+@import "modules/navbar";
+@import "modules/navs";
+@import "modules/nprogress";
 
-// Layouts - Styles for specific admin screen layouts, grouped by screen.
 
+/* ==========================================================================
+   Layouts
+   ========================================================================== */
+
+@import "layouts/auth";
 @import "layouts/content";
 @import "layouts/editor";
-@import "layouts/auth";
 @import "layouts/errors";
-
-// Settings Layouts - Styles for the settings panes, grouped by pane.
-
 @import "layouts/settings";
-@import "layouts/users";
+@import "layouts/setup";
+@import "layouts/users";
\ No newline at end of file
diff --git a/core/client/docs/_includes/footer.html b/core/client/docs/_includes/footer.html
deleted file mode 100644
index 78d2deba64..0000000000
--- a/core/client/docs/_includes/footer.html
+++ /dev/null
@@ -1,44 +0,0 @@
-<footer class="bs-docs-footer" role="contentinfo">
-    <div class="container">
-        {% include social-buttons.html %}
-
-        <ul class="bs-docs-footer-links muted">
-            <li>Currently v{{ site.current_version }}</li>
-            <li>&middot;</li>
-            <li><a href="{{ site.repo }}">GitHub</a></li>
-            <li>&middot;</li>
-            <li><a href="../about/">About</a></li>
-            <li>&middot;</li>
-            <li><a href="{{ site.blog }}">Blog</a></li>
-            <li>&middot;</li>
-            <li><a href="{{ site.repo }}/issues?state=open">Issues</a></li>
-            <li>&middot;</li>
-            <li><a href="{{ site.repo }}/releases">Releases</a></li>
-        </ul>
-    </div>
-</footer>
-
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
-<script src="../dist/js/bootstrap.min.js"></script>
-<script src="../assets/js/docs.min.js"></script>
-{% if page.slug == "customize" %}
-<script src="../assets/js/customize.min.js"></script>
-{% endif %}
-
-<div id="fb-root"></div>
-<script>(function(d, s, id) {
-  var js, fjs = d.getElementsByTagName(s)[0];
-  if (d.getElementById(id)) return;
-  js = d.createElement(s); js.id = id;
-  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=596756540369391";
-  fjs.parentNode.insertBefore(js, fjs);
-}(document, 'script', 'facebook-jssdk'));
-</script>
-<script>
-  window.twttr = (function (d,s,id) {
-    var t, js, fjs = d.getElementsByTagName(s)[0];
-    if (d.getElementById(id)) return; js=d.createElement(s); js.id=id; js.async=1;
-    js.src="https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs);
-    return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
-  }(document, "script", "twitter-wjs"));
-</script>
\ No newline at end of file
diff --git a/core/client/docs/_includes/header.html b/core/client/docs/_includes/header.html
deleted file mode 100644
index 65547b3402..0000000000
--- a/core/client/docs/_includes/header.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-
-<title>
-    {% if page.title == "Ghost UI" %}
-        {{ page.title }}
-    {% else %}
-        {{ page.title }} &middot; Ghost UI
-    {% endif %}
-</title>
-
-<!-- Ghost UI core CSS -->
-<link href="../dist/css/ghost-ui.min.css" rel="stylesheet">
-
-<!-- Documentation extras -->
-<link href="../assets/css/docs.min.css" rel="stylesheet">
-<!--[if lt IE 9]><script src="../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
-
-<!-- Favicons -->
-<link rel="shortcut icon" href="../assets/ico/favicon.ico">
\ No newline at end of file
diff --git a/core/client/docs/_includes/nav-main.html b/core/client/docs/_includes/nav-main.html
deleted file mode 100644
index f0909eba28..0000000000
--- a/core/client/docs/_includes/nav-main.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
-    <div class="container">
-        <div class="navbar-header">
-        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-        </button>
-        <a href="../" class="navbar-brand">Ghost UI</a>
-        </div>
-        <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
-            <ul class="nav navbar-nav">
-                <li{% if page.slug == "getting-started" %} class="active"{% endif %}>
-                    <a href="../getting-started">Getting started</a>
-                </li>
-                <li{% if page.slug == "css" %} class="active"{% endif %}>
-                    <a href="../css">CSS</a>
-                </li>
-                <li{% if page.slug == "components" %} class="active"{% endif %}>
-                    <a href="../components">Components</a>
-                </li>
-                <li{% if page.slug == "js" %} class="active"{% endif %}>
-                    <a href="../javascript">JavaScript</a>
-                </li>
-                <li{% if page.slug == "customize" %} class="active"{% endif %}>
-                    <a href="../customize">Customize</a>
-                </li>
-            </ul>
-            <ul class="nav navbar-nav navbar-right">
-                <li>
-                    <a href="{{ site.expo }}">Expo</a>
-                </li>
-                <li>
-                    <a href="{{ site.blog }}">Blog</a>
-                </li>
-            </ul>
-        </nav>
-    </div>
-</header>
\ No newline at end of file
diff --git a/core/client/docs/_includes/social-buttons.html b/core/client/docs/_includes/social-buttons.html
deleted file mode 100644
index b7fb3cd357..0000000000
--- a/core/client/docs/_includes/social-buttons.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<div class="bs-docs-social">
-    <ul class="bs-docs-social-buttons">
-        <li>
-            <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=TryGhost&amp;repo=Ghost-UI&amp;type=watch&amp;count=true" width="100" height="20" title="Star on GitHub"></iframe>
-        </li>
-        <li>
-            <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=TryGhost&amp;repo=Ghost-UI&amp;type=fork&amp;count=true" width="102" height="20" title="Fork on GitHub"></iframe>
-        </li>
-        <li class="follow-btn">
-            <a href="https://twitter.com/TryGhost" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @TryGhost</a>
-        </li>
-        <li class="like-btn">
-            <div class="fb-like" data-href="http://www.facebook.com/TryGhostApp" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div>
-        </li>
-    </ul>
-</div>
\ No newline at end of file
diff --git a/core/client/docs/_layouts/default.html b/core/client/docs/_layouts/default.html
index 6bc3643f16..12875aa55d 100644
--- a/core/client/docs/_layouts/default.html
+++ b/core/client/docs/_layouts/default.html
@@ -1,55 +1,30 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 <head>
-    <!-- Meta, title, CSS, favicons, etc. -->
-    {% include header.html %}
+    <meta charset="UTF-8">
+    <title>{{ page.title }}</title>
+    
+    <link rel="stylesheet" href="/dist/css/ghost-ui.min.css">
+
+    <!-- Fonts -->
+    <!-- <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,700" /> -->
+
 </head>
 <body>
-<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>
 
-<!-- Docs master nav -->
-{% include nav-main.html %}
-
-<!-- Docs page layout -->
-<div class="bs-docs-header" id="content">
-    <div class="container">
-        <h1>{{ page.title }}</h1>
-        <p>{{ page.lead }}</p>
-    </div>
-</div>
-
-<div class="container bs-docs-container">
-
-    <div class="row">
-        <div class="col-md-9" role="main">
-            {{ content }}
-        </div>
-        <div class="col-md-3">
-            <div class="bs-docs-sidebar hidden-print" role="complementary">
-                <ul class="nav bs-docs-sidenav">
-                    {% if page.slug == "getting-started" %}
-                        {% include nav-getting-started.html %}
-                    {% elsif page.slug == "css" %}
-                        {% include nav-css.html %}
-                    {% elsif page.slug == "components" %}
-                        {% include nav-components.html %}
-                    {% elsif page.slug == "js" %}
-                    {   % include nav-javascript.html %}
-                    {% elsif page.slug == "customize" %}
-                        {% include nav-customize.html %}
-                    {% elsif page.slug == "about" %}
-                        {% include nav-about.html %}
-                    {% elsif page.slug == "migration" %}
-                        {% include nav-migration.html %}
-                    {% endif %}
+    <nav>
+        <ul>
+            <li><a href="/">Home</a></li>
+            <li>
+                <a href="/css/">CSS</a>
+                <ul>
+                    <li><a href="/css/buttons/">Buttons</a></li>
                 </ul>
-                <a class="back-to-top" href="#top">Back to top</a>
-            </div>
-        </div>
-    </div>
+            </li>
+        </ul>
+    </nav>
 
-</div>
-
-{% include footer.html %}
-</body>}}
+    {{content}}
+    
+</body>
 </html>
\ No newline at end of file
diff --git a/core/client/docs/_layouts/home.html b/core/client/docs/_layouts/home.html
deleted file mode 100644
index c3cfc0b7e6..0000000000
--- a/core/client/docs/_layouts/home.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <!-- Meta, title, CSS, favicons, etc. -->
-    {% include header.html %}
-</head>
-<body class="bs-docs-home">
-    <a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>
-
-    <!-- Docs master nav -->
-    {% include nav-main.html %}
-
-    <!-- Page content of course! -->
-    {{ content }}
-
-    {% include footer.html %}
-</body>
-</html>
diff --git a/core/client/docs/assets/css/docs.min.css b/core/client/docs/assets/css/docs.min.css
deleted file mode 100644
index 2b5b325b97..0000000000
--- a/core/client/docs/assets/css/docs.min.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
- * Bootstrap Docs (http://getbootstrap.com)
- * Copyright 2011-2014 Twitter, Inc.
- * Licensed under the Creative Commons Attribution 3.0 Unported License. For
- * details, see http://creativecommons.org/licenses/by/3.0/.
- */body{position:relative}.table code{font-size:13px;font-weight:400}.btn-outline{color:#563d7c;background-color:transparent;border-color:#563d7c}.btn-outline:hover,.btn-outline:focus,.btn-outline:active{color:#fff;background-color:#563d7c;border-color:#563d7c}.btn-outline-inverse{color:#fff;background-color:transparent;border-color:#cdbfe3}.btn-outline-inverse:hover,.btn-outline-inverse:focus,.btn-outline-inverse:active{color:#563d7c;text-shadow:none;background-color:#fff;border-color:#fff}.bs-docs-booticon{display:block;font-weight:500;color:#fff;text-align:center;cursor:default;background-color:#563d7c;border-radius:15%}.bs-docs-booticon-sm{width:30px;height:30px;font-size:20px;line-height:28px}.bs-docs-booticon-lg{width:144px;height:144px;font-size:108px;line-height:140px}.bs-docs-booticon-inverse{color:#563d7c;background-color:#fff}.bs-docs-booticon-outline{background-color:transparent;border:1px solid #cdbfe3}.bs-docs-nav{margin-bottom:0;background-color:#fff;border-bottom:0}.bs-home-nav .bs-nav-b{display:none}.bs-docs-nav .navbar-brand,.bs-docs-nav .navbar-nav>li>a{font-weight:500;color:#563d7c}.bs-docs-nav .navbar-nav>li>a:hover,.bs-docs-nav .navbar-nav>.active>a,.bs-docs-nav .navbar-nav>.active>a:hover{color:#463265;background-color:#f9f9f9}.bs-docs-nav .navbar-toggle .icon-bar{background-color:#563d7c}.bs-docs-nav .navbar-header .navbar-toggle{border-color:#fff}.bs-docs-nav .navbar-header .navbar-toggle:hover,.bs-docs-nav .navbar-header .navbar-toggle:focus{background-color:#f9f9f9;border-color:#f9f9f9}.bs-docs-footer{padding-top:40px;padding-bottom:40px;margin-top:100px;color:#777;text-align:center;border-top:1px solid #e5e5e5}.bs-docs-footer-links{padding-left:0;margin-top:20px;color:#999}.bs-docs-footer-links li{display:inline;padding:0 2px}.bs-docs-footer-links li:first-child{padding-left:0}@media (min-width:768px){.bs-docs-footer p{margin-bottom:0}}.bs-docs-social{margin-bottom:20px;text-align:center}.bs-docs-social-buttons{display:inline-block;padding-left:0;margin-bottom:0;list-style:none}.bs-docs-social-buttons li{display:inline-block;padding:5px 8px;line-height:1}.bs-docs-social-buttons .twitter-follow-button{width:225px!important}.bs-docs-social-buttons .twitter-share-button{width:98px!important}.github-btn{overflow:hidden;border:0}.bs-docs-masthead,.bs-docs-header{position:relative;padding:30px 15px;color:#cdbfe3;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.1);background-color:#6f5499;background-image:-webkit-gradient(linear,left top,left bottom,from(#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:linear-gradient(to bottom,#563d7c 0,#6f5499 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);background-repeat:repeat-x}.bs-docs-masthead .bs-docs-booticon{margin:0 auto 30px}.bs-docs-masthead h1{font-weight:300;line-height:1;color:#fff}.bs-docs-masthead .lead{margin:0 auto 30px;font-size:20px;color:#fff}.bs-docs-masthead .version{margin-top:-15px;margin-bottom:30px;color:#9783b9}.bs-docs-masthead .btn{width:100%;padding:15px 30px;font-size:20px}@media (min-width:480px){.bs-docs-masthead .btn{width:auto}}@media (min-width:768px){.bs-docs-masthead{padding-top:80px;padding-bottom:80px}.bs-docs-masthead h1{font-size:60px}.bs-docs-masthead .lead{font-size:24px}}@media (min-width:992px){.bs-docs-masthead .lead{width:80%;font-size:30px}}.bs-docs-header{margin-bottom:40px;font-size:20px}.bs-docs-header h1{margin-top:0;color:#fff}.bs-docs-header p{margin-bottom:0;font-weight:300;line-height:1.4}.bs-docs-header .container{position:relative}@media (min-width:768px){.bs-docs-header{padding-top:60px;padding-bottom:60px;font-size:24px;text-align:left}.bs-docs-header h1{font-size:60px;line-height:1}}@media (min-width:992px){.bs-docs-header h1,.bs-docs-header p{margin-right:380px}}.carbonad{width:auto!important;height:auto!important;padding:20px!important;margin:30px -30px -31px!important;overflow:hidden;font-size:13px!important;line-height:16px!important;text-align:left;background:transparent!important;border:solid #866ab3!important;border-width:1px 0!important}.carbonad-img{margin:0!important}.carbonad-text,.carbonad-tag{display:block!important;float:none!important;width:auto!important;height:auto!important;margin-left:145px!important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}.carbonad-text{padding-top:0!important}.carbonad-tag{color:inherit!important;text-align:left!important}.carbonad-text a,.carbonad-tag a{color:#fff!important}.carbonad #azcarbon>img{display:none}@media (min-width:480px){.carbonad{width:330px!important;margin:20px auto!important;border-width:1px!important;border-radius:4px}.bs-docs-masthead .carbonad{margin:50px auto 0!important}}@media (min-width:768px){.carbonad{margin-right:0!important;margin-left:0!important}}@media (min-width:992px){.carbonad{position:absolute;top:0;right:15px;width:330px!important;padding:15px!important;margin:0!important}.bs-docs-masthead .carbonad{position:static}}.bs-docs-featurette{padding-top:40px;padding-bottom:40px;font-size:16px;line-height:1.5;color:#555;text-align:center;background-color:#fff;border-bottom:1px solid #e5e5e5}.bs-docs-featurette+.bs-docs-footer{margin-top:0;border-top:0}.bs-docs-featurette-title{margin-bottom:5px;font-size:30px;font-weight:400;color:#333}.half-rule{width:100px;margin:40px auto}.bs-docs-featurette h3{margin-bottom:5px;font-weight:400;color:#333}.bs-docs-featurette-img{display:block;margin-bottom:20px;color:#333}.bs-docs-featurette-img:hover{color:#428bca;text-decoration:none}.bs-docs-featurette-img img{display:block;margin-bottom:15px}.bs-docs-featured-sites{margin-right:-1px;margin-left:-1px}.bs-docs-featured-sites .col-sm-3{padding-right:1px;padding-left:1px}@media (min-width:480px){.bs-docs-featurette .img-responsive{margin-top:30px}}@media (min-width:768px){.bs-docs-featurette{padding-top:100px;padding-bottom:100px}.bs-docs-featurette-title{font-size:40px}.bs-docs-featurette .lead{max-width:80%;margin-right:auto;margin-left:auto}.bs-docs-featured-sites .col-sm-3:first-child img{border-top-left-radius:4px;border-bottom-left-radius:4px}.bs-docs-featured-sites .col-sm-3:last-child img{border-top-right-radius:4px;border-bottom-right-radius:4px}.bs-docs-featurette .img-responsive{margin-top:0}}.bs-docs-sidebar.affix{position:static}@media (min-width:768px){.bs-docs-sidebar{padding-left:20px}}.bs-docs-sidenav{margin-top:20px;margin-bottom:20px}.bs-docs-sidebar .nav>li>a{display:block;padding:4px 20px;font-size:13px;font-weight:500;color:#999}.bs-docs-sidebar .nav>li>a:hover,.bs-docs-sidebar .nav>li>a:focus{padding-left:19px;color:#563d7c;text-decoration:none;background-color:transparent;border-left:1px solid #563d7c}.bs-docs-sidebar .nav>.active>a,.bs-docs-sidebar .nav>.active:hover>a,.bs-docs-sidebar .nav>.active:focus>a{padding-left:18px;font-weight:700;color:#563d7c;background-color:transparent;border-left:2px solid #563d7c}.bs-docs-sidebar .nav .nav{display:none;padding-bottom:10px}.bs-docs-sidebar .nav .nav>li>a{padding-top:1px;padding-bottom:1px;padding-left:30px;font-size:12px;font-weight:400}.bs-docs-sidebar .nav .nav>li>a:hover,.bs-docs-sidebar .nav .nav>li>a:focus{padding-left:29px}.bs-docs-sidebar .nav .nav>.active>a,.bs-docs-sidebar .nav .nav>.active:hover>a,.bs-docs-sidebar .nav .nav>.active:focus>a{padding-left:28px;font-weight:500}.back-to-top{display:none;padding:4px 10px;margin-top:10px;margin-left:10px;font-size:12px;font-weight:500;color:#999}.back-to-top:hover{color:#563d7c;text-decoration:none}@media (min-width:768px){.back-to-top{display:block}}@media (min-width:992px){.bs-docs-sidebar .nav>.active>ul{display:block}.bs-docs-sidebar.affix,.bs-docs-sidebar.affix-bottom{width:213px}.bs-docs-sidebar.affix{position:fixed;top:20px}.bs-docs-sidebar.affix-bottom{position:absolute}.bs-docs-sidebar.affix-bottom .bs-docs-sidenav,.bs-docs-sidebar.affix .bs-docs-sidenav{margin-top:0;margin-bottom:0}}@media (min-width:1200px){.bs-docs-sidebar.affix-bottom,.bs-docs-sidebar.affix{width:263px}}.bs-docs-section{margin-bottom:60px}.bs-docs-section:last-child{margin-bottom:0}h1[id]{padding-top:20px;margin-top:0}.bs-callout{padding:20px;margin:20px 0;border-left:3px solid #eee}.bs-callout h4{margin-top:0;margin-bottom:5px}.bs-callout p:last-child{margin-bottom:0}.bs-callout code{background-color:#fff;border-radius:3px}.bs-callout-danger{background-color:#fdf7f7;border-color:#d9534f}.bs-callout-danger h4{color:#d9534f}.bs-callout-warning{background-color:#fcf8f2;border-color:#f0ad4e}.bs-callout-warning h4{color:#f0ad4e}.bs-callout-info{background-color:#f4f8fa;border-color:#5bc0de}.bs-callout-info h4{color:#5bc0de}.color-swatches{margin:0 -5px;overflow:hidden}.color-swatch{float:left;width:60px;height:60px;margin:0 5px;border-radius:3px}@media (min-width:768px){.color-swatch{width:100px;height:100px}}.color-swatches .gray-darker{background-color:#222}.color-swatches .gray-dark{background-color:#333}.color-swatches .gray{background-color:#555}.color-swatches .gray-light{background-color:#999}.color-swatches .gray-lighter{background-color:#eee}.color-swatches .brand-primary{background-color:#428bca}.color-swatches .brand-success{background-color:#5cb85c}.color-swatches .brand-warning{background-color:#f0ad4e}.color-swatches .brand-danger{background-color:#d9534f}.color-swatches .brand-info{background-color:#5bc0de}.color-swatches .bs-purple{background-color:#563d7c}.color-swatches .bs-purple-light{background-color:#c7bfd3}.color-swatches .bs-purple-lighter{background-color:#e5e1ea}.color-swatches .bs-gray{background-color:#f9f9f9}.bs-team .team-member{line-height:32px;color:#555}.bs-team .team-member:hover{color:#333;text-decoration:none}.bs-team .github-btn{float:right;width:180px;height:20px;margin-top:6px}.bs-team img{float:left;width:32px;margin-right:10px;border-radius:4px}.show-grid{margin-bottom:15px}.show-grid [class^=col-]{padding-top:10px;padding-bottom:10px;background-color:#eee;background-color:rgba(86,61,124,.15);border:1px solid #ddd;border:1px solid rgba(86,61,124,.2)}.bs-example{position:relative;padding:45px 15px 15px;margin:0 -15px 15px;background-color:#fafafa;border-color:#e5e5e5 #eee #eee;border-style:solid;border-width:1px 0;-webkit-box-shadow:inset 0 3px 6px rgba(0,0,0,.05);box-shadow:inset 0 3px 6px rgba(0,0,0,.05)}.bs-example:after{position:absolute;top:15px;left:15px;font-size:12px;font-weight:700;color:#bbb;text-transform:uppercase;letter-spacing:1px;content:"Example"}.bs-example+.highlight{margin:-15px -15px 15px;border-width:0 0 1px;border-radius:0}@media (min-width:768px){.bs-example{margin-right:0;margin-left:0;background-color:#fff;border-color:#ddd;border-width:1px;border-radius:4px 4px 0 0;-webkit-box-shadow:none;box-shadow:none}.bs-example+.highlight{margin-top:-16px;margin-right:0;margin-left:0;border-width:1px;border-bottom-right-radius:4px;border-bottom-left-radius:4px}}.bs-example .container{width:auto}.bs-example>p:last-child,.bs-example>ul:last-child,.bs-example>ol:last-child,.bs-example>blockquote:last-child,.bs-example>.form-control:last-child,.bs-example>.table:last-child,.bs-example>.navbar:last-child,.bs-example>.jumbotron:last-child,.bs-example>.alert:last-child,.bs-example>.panel:last-child,.bs-example>.list-group:last-child,.bs-example>.well:last-child,.bs-example>.progress:last-child,.bs-example>.table-responsive:last-child>.table{margin-bottom:0}.bs-example>p>.close{float:none}.bs-example-type .table .type-info{color:#999;vertical-align:middle}.bs-example-type .table td{padding:15px 0;border-color:#eee}.bs-example-type .table tr:first-child td{border-top:0}.bs-example-type h1,.bs-example-type h2,.bs-example-type h3,.bs-example-type h4,.bs-example-type h5,.bs-example-type h6{margin:0}.bs-example-bg-classes p{padding:15px}.bs-example>.img-circle,.bs-example>.img-rounded,.bs-example>.img-thumbnail{margin:5px}.bs-example>.table-responsive>.table{background-color:#fff}.bs-example>.btn,.bs-example>.btn-group{margin-top:5px;margin-bottom:5px}.bs-example>.btn-toolbar+.btn-toolbar{margin-top:10px}.bs-example-control-sizing select,.bs-example-control-sizing input[type=text]+input[type=text]{margin-top:10px}.bs-example-form .input-group{margin-bottom:10px}.bs-example>textarea.form-control{resize:vertical}.bs-example>.list-group{max-width:400px}.bs-example .navbar:last-child{margin-bottom:0}.bs-navbar-top-example,.bs-navbar-bottom-example{z-index:1;padding:0;overflow:hidden}.bs-navbar-top-example .navbar-header,.bs-navbar-bottom-example .navbar-header{margin-left:0}.bs-navbar-top-example .navbar-fixed-top,.bs-navbar-bottom-example .navbar-fixed-bottom{position:relative;margin-right:0;margin-left:0}.bs-navbar-top-example{padding-bottom:45px}.bs-navbar-top-example:after{top:auto;bottom:15px}.bs-navbar-top-example .navbar-fixed-top{top:-1px}.bs-navbar-bottom-example{padding-top:45px}.bs-navbar-bottom-example .navbar-fixed-bottom{bottom:-1px}.bs-navbar-bottom-example .navbar{margin-bottom:0}@media (min-width:768px){.bs-navbar-top-example .navbar-fixed-top,.bs-navbar-bottom-example .navbar-fixed-bottom{position:absolute}.bs-navbar-top-example{border-radius:0 0 4px 4px}.bs-navbar-bottom-example{border-radius:4px 4px 0 0}}.bs-example .pagination{margin-top:10px;margin-bottom:10px}.bs-example>.pager{margin-top:0}.bs-example-modal{background-color:#f5f5f5}.bs-example-modal .modal{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block}.bs-example-modal .modal-dialog{left:auto;margin-right:auto;margin-left:auto}.bs-example>.dropdown>.dropdown-menu{position:static;display:block;margin-bottom:5px}.bs-example-tabs .nav-tabs{margin-bottom:15px}.bs-example-tooltips{text-align:center}.bs-example-tooltips>.btn{margin-top:5px;margin-bottom:5px}.bs-example-popover{padding-bottom:24px;background-color:#f9f9f9}.bs-example-popover .popover{position:relative;display:block;float:left;width:260px;margin:20px}.scrollspy-example{position:relative;height:200px;margin-top:10px;overflow:auto}.highlight{padding:9px 14px;margin-bottom:14px;background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:4px}.highlight pre{padding:0;margin-top:0;margin-bottom:0;white-space:nowrap;background-color:transparent;border:0}.highlight pre code{font-size:inherit;color:#333}.highlight pre .lineno{display:inline-block;width:22px;padding-right:5px;margin-right:10px;color:#bebec5;text-align:right}.table-responsive .highlight pre{white-space:normal}.bs-table th small,.responsive-utilities th small{display:block;font-weight:400;color:#999}.responsive-utilities tbody th{font-weight:400}.responsive-utilities td{text-align:center}.responsive-utilities td.is-visible{color:#468847;background-color:#dff0d8!important}.responsive-utilities td.is-hidden{color:#ccc;background-color:#f9f9f9!important}.responsive-utilities-test{margin-top:5px}.responsive-utilities-test .col-xs-6{margin-bottom:10px}.responsive-utilities-test span{display:block;padding:15px 10px;font-size:14px;font-weight:700;line-height:1.1;text-align:center;border-radius:4px}.visible-on .col-xs-6 .hidden-xs,.visible-on .col-xs-6 .hidden-sm,.visible-on .col-xs-6 .hidden-md,.visible-on .col-xs-6 .hidden-lg,.hidden-on .col-xs-6 .hidden-xs,.hidden-on .col-xs-6 .hidden-sm,.hidden-on .col-xs-6 .hidden-md,.hidden-on .col-xs-6 .hidden-lg{color:#999;border:1px solid #ddd}.visible-on .col-xs-6 .visible-xs,.visible-on .col-xs-6 .visible-sm,.visible-on .col-xs-6 .visible-md,.visible-on .col-xs-6 .visible-lg,.hidden-on .col-xs-6 .visible-xs,.hidden-on .col-xs-6 .visible-sm,.hidden-on .col-xs-6 .visible-md,.hidden-on .col-xs-6 .visible-lg{color:#468847;background-color:#dff0d8;border:1px solid #d6e9c6}.bs-glyphicons{margin:0 -10px 20px;overflow:hidden}.bs-glyphicons-list{padding-left:0;list-style:none}.bs-glyphicons li{float:left;width:25%;height:115px;padding:10px;font-size:10px;line-height:1.4;text-align:center;background-color:#f9f9f9;border:1px solid #fff}.bs-glyphicons .glyphicon{margin-top:5px;margin-bottom:10px;font-size:24px}.bs-glyphicons .glyphicon-class{display:block;text-align:center;word-wrap:break-word}.bs-glyphicons li:hover{color:#fff;background-color:#563d7c}@media (min-width:768px){.bs-glyphicons{margin-right:0;margin-left:0}.bs-glyphicons li{width:12.5%;font-size:12px}}.bs-customizer .toggle{float:right;margin-top:25px}.bs-customizer label{margin-top:10px;font-weight:500;color:#555}.bs-customizer h2{padding-top:30px;margin-top:0;margin-bottom:5px}.bs-customizer h3{margin-bottom:0}.bs-customizer h4{margin-top:15px;margin-bottom:0}.bs-customizer .bs-callout h4{margin-top:0;margin-bottom:5px}.bs-customizer input[type=text]{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;background-color:#fafafa}.bs-customizer .help-block{margin-bottom:5px;font-size:12px}#less-section label{font-weight:400}.bs-customizer-input{float:left;width:33.333333%;padding-right:15px;padding-left:15px}.bs-customize-download .btn-outline{padding:20px}.bs-customizer-alert{position:fixed;top:0;right:0;left:0;z-index:1030;padding:15px 0;color:#fff;background-color:#d9534f;border-bottom:1px solid #b94441;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.bs-customizer-alert .close{margin-top:-4px;font-size:24px}.bs-customizer-alert p{margin-bottom:0}.bs-customizer-alert .glyphicon{margin-right:5px}.bs-customizer-alert pre{margin:10px 0 0;color:#fff;background-color:#a83c3a;border-color:#973634;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)}.bs-brand-logos{display:table;width:100%;margin-bottom:15px;overflow:hidden;color:#563d7c;background-color:#f9f9f9;border-radius:4px}.bs-brand-item{padding:60px 0;text-align:center}.bs-brand-item+.bs-brand-item{border-top:1px solid #fff}.bs-brand-logos .inverse{color:#fff;background-color:#563d7c}.bs-brand-item .svg{width:144px;height:144px}.bs-brand-item h1,.bs-brand-item h3{margin-top:0;margin-bottom:0}.bs-brand-item .bs-docs-booticon{margin-right:auto;margin-left:auto}.bs-brand-item .glyphicon{width:30px;height:30px;margin:10px auto -10px;line-height:30px;color:#fff;border-radius:50%}.bs-brand-item .glyphicon-ok{background-color:#5cb85c}.bs-brand-item .glyphicon-remove{background-color:#d9534f}@media (min-width:768px){.bs-brand-item{display:table-cell;width:1%}.bs-brand-item+.bs-brand-item{border-top:0;border-left:1px solid #fff}.bs-brand-item h1{font-size:60px}}.bs-examples .thumbnail{margin-bottom:10px}.bs-examples h4{margin-bottom:5px}.bs-examples p{margin-bottom:20px}#focusedInput{border-color:#ccc;border-color:rgba(82,168,236,.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:0 0 8px rgba(82,168,236,.6);box-shadow:0 0 8px rgba(82,168,236,.6)}.hll{background-color:#ffc}.c{color:#999}.err{color:#A00;background-color:#FAA}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1{color:#999}.cs{color:#999}.gd{background-color:#FCC;border:1px solid #C00}.ge{font-style:italic}.gr{color:red}.gh{color:#030}.gi{background-color:#CFC;border:1px solid #0C0}.go{color:#AAA}.gp{color:#009}.gu{color:#030}.gt{color:#9C6}.kc{color:#069}.kd{color:#069}.kn{color:#069}.kp{color:#069}.kr{color:#069}.kt{color:#078}.m{color:#F60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0A8}.no{color:#360}.nd{color:#99F}.ni{color:#999}.ne{color:#C00}.nf{color:#C0F}.nl{color:#99F}.nn{color:#0CF}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf{color:#F60}.mh{color:#F60}.mi{color:#F60}.mo{color:#F60}.sb{color:#C30}.sc{color:#C30}.sd{color:#C30;font-style:italic}.s2{color:#C30}.se{color:#C30}.sh{color:#C30}.si{color:#A00}.sx{color:#C30}.sr{color:#3AA}.s1{color:#C30}.ss{color:#FC3}.bp{color:#366}.vc{color:#033}.vg{color:#033}.vi{color:#033}.il{color:#F60}.css .o,.css .o+.nt,.css .nt+.nt{color:#999}
\ No newline at end of file
diff --git a/core/client/docs/assets/css/src/docs.css b/core/client/docs/assets/css/src/docs.css
deleted file mode 100644
index aba85096b3..0000000000
--- a/core/client/docs/assets/css/src/docs.css
+++ /dev/null
@@ -1,1460 +0,0 @@
-/*!
- * Bootstrap Docs (http://getbootstrap.com)
- * Copyright 2011-2014 Twitter, Inc.
- * Licensed under the Creative Commons Attribution 3.0 Unported License. For
- * details, see http://creativecommons.org/licenses/by/3.0/.
- */
-
-
-/*
- * Bootstrap Documentation
- * Special styles for presenting Bootstrap's documentation and code examples.
- *
- * Table of contents:
- *
- * Scaffolding
- * Main navigation
- * Footer
- * Social buttons
- * Homepage
- * Page headers
- * Old docs callout
- * Ads
- * Side navigation
- * Docs sections
- * Callouts
- * Grid styles
- * Examples
- * Code snippets (highlight)
- * Responsive tests
- * Glyphicons
- * Customizer
- * Miscellaneous
- */
-
-
-/*
- * Scaffolding
- *
- * Update the basics of our documents to prep for docs content.
- */
-
-body {
-  position: relative; /* For scrollspy */
-}
-
-/* Keep code small in tables on account of limited space */
-.table code {
-  font-size: 13px;
-  font-weight: normal;
-}
-
-/* Outline button for use within the docs */
-.btn-outline {
-  color: #563d7c;
-  background-color: transparent;
-  border-color: #563d7c;
-}
-.btn-outline:hover,
-.btn-outline:focus,
-.btn-outline:active {
-  color: #fff;
-  background-color: #563d7c;
-  border-color: #563d7c;
-}
-
-/* Inverted outline button (white on dark) */
-.btn-outline-inverse {
-  color: #fff;
-  background-color: transparent;
-  border-color: #cdbfe3;
-}
-.btn-outline-inverse:hover,
-.btn-outline-inverse:focus,
-.btn-outline-inverse:active {
-  color: #563d7c;
-  text-shadow: none;
-  background-color: #fff;
-  border-color: #fff;
-}
-
-/* Bootstrap "B" icon */
-.bs-docs-booticon {
-  display: block;
-  font-weight: 500;
-  color: #fff;
-  text-align: center;
-  cursor: default;
-  background-color: #563d7c;
-  border-radius: 15%;
-}
-.bs-docs-booticon-sm {
-  width: 30px;
-  height: 30px;
-  font-size: 20px;
-  line-height: 28px;
-}
-.bs-docs-booticon-lg {
-  width: 144px;
-  height: 144px;
-  font-size: 108px;
-  line-height: 140px;
-}
-.bs-docs-booticon-inverse {
-  color: #563d7c;
-  background-color: #fff;
-}
-.bs-docs-booticon-outline {
-  background-color: transparent;
-  border: 1px solid #cdbfe3;
-}
-
-
-/*
- * Main navigation
- *
- * Turn the `.navbar` at the top of the docs purple.
- */
-
-.bs-docs-nav {
-  margin-bottom: 0;
-  background-color: #fff;
-  border-bottom: 0;
-}
-.bs-home-nav .bs-nav-b {
-  display: none;
-}
-.bs-docs-nav .navbar-brand,
-.bs-docs-nav .navbar-nav > li > a {
-  font-weight: 500;
-  color: #563d7c;
-}
-.bs-docs-nav .navbar-nav > li > a:hover,
-.bs-docs-nav .navbar-nav > .active > a,
-.bs-docs-nav .navbar-nav > .active > a:hover {
-  color: #463265;
-  background-color: #f9f9f9;
-}
-.bs-docs-nav .navbar-toggle .icon-bar {
-  background-color: #563d7c;
-}
-.bs-docs-nav .navbar-header .navbar-toggle {
-  border-color: #fff;
-}
-.bs-docs-nav .navbar-header .navbar-toggle:hover,
-.bs-docs-nav .navbar-header .navbar-toggle:focus {
-  background-color: #f9f9f9;
-  border-color: #f9f9f9;
-}
-
-
-/*
- * Footer
- *
- * Separated section of content at the bottom of all pages, save the homepage.
- */
-
-.bs-docs-footer {
-  padding-top: 40px;
-  padding-bottom: 40px;
-  margin-top: 100px;
-  color: #777;
-  text-align: center;
-  border-top: 1px solid #e5e5e5;
-}
-.bs-docs-footer-links {
-  padding-left: 0;
-  margin-top: 20px;
-  color: #999;
-}
-.bs-docs-footer-links li {
-  display: inline;
-  padding: 0 2px;
-}
-.bs-docs-footer-links li:first-child {
-  padding-left: 0;
-}
-
-@media (min-width: 768px) {
-  .bs-docs-footer p {
-    margin-bottom: 0;
-  }
-}
-
-
-/*
- * Social buttons
- *
- * Twitter and GitHub social action buttons (for homepage and footer).
- */
-
-.bs-docs-social {
-  margin-bottom: 20px;
-  text-align: center;
-}
-.bs-docs-social-buttons {
-  display: inline-block;
-  padding-left: 0;
-  margin-bottom: 0;
-  list-style: none;
-}
-.bs-docs-social-buttons li {
-  display: inline-block;
-  padding: 5px 8px;
-  line-height: 1;
-}
-.bs-docs-social-buttons .twitter-follow-button {
-  width: 225px !important;
-}
-.bs-docs-social-buttons .twitter-share-button {
-  width: 98px !important;
-}
-/* Style the GitHub buttons via CSS instead of inline attributes */
-.github-btn {
-  overflow: hidden;
-  border: 0;
-}
-
-
-/*
- * Homepage
- *
- * Tweaks to the custom homepage and the masthead (main jumbotron).
- */
-
-/* Share masthead with page headers */
-.bs-docs-masthead,
-.bs-docs-header {
-  position: relative;
-  padding: 30px 15px;
-  color: #cdbfe3;
-  text-align: center;
-  text-shadow: 0 1px 0 rgba(0,0,0,.1);
-  background-color: #6f5499;
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#563d7c), to(#6f5499));
-  background-image: -webkit-linear-gradient(top, #563d7c 0%, #6f5499 100%);
-  background-image:      -o-linear-gradient(top, #563d7c 0%, #6f5499 100%);
-  background-image:         linear-gradient(to bottom, #563d7c 0%, #6f5499 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);
-  background-repeat: repeat-x;
-}
-
- /* Masthead (headings and download button) */
-.bs-docs-masthead .bs-docs-booticon {
-  margin: 0 auto 30px;
-}
-.bs-docs-masthead h1 {
-  font-weight: 300;
-  line-height: 1;
-  color: #fff;
-}
-.bs-docs-masthead .lead {
-  margin: 0 auto 30px;
-  font-size: 20px;
-  color: #fff;
-}
-.bs-docs-masthead .version {
-  margin-top: -15px;
-  margin-bottom: 30px;
-  color: #9783b9;
-}
-.bs-docs-masthead .btn {
-  width: 100%;
-  padding: 15px 30px;
-  font-size: 20px;
-}
-
-@media (min-width: 480px) {
-  .bs-docs-masthead .btn {
-    width: auto;
-  }
-}
-
-@media (min-width: 768px) {
-  .bs-docs-masthead {
-    padding-top: 80px;
-    padding-bottom: 80px;
-  }
-  .bs-docs-masthead h1 {
-    font-size: 60px;
-  }
-  .bs-docs-masthead .lead {
-    font-size: 24px;
-  }
-}
-
-@media (min-width: 992px) {
-  .bs-docs-masthead .lead {
-    width: 80%;
-    font-size: 30px;
-  }
-}
-
-
-/*
- * Page headers
- *
- * Jumbotron-esque headers at the top of every page that's not the homepage.
- */
-
-/* Page headers */
-.bs-docs-header {
-  margin-bottom: 40px;
-  font-size: 20px;
-}
-.bs-docs-header h1 {
-  margin-top: 0;
-  color: #fff;
-}
-.bs-docs-header p {
-  margin-bottom: 0;
-  font-weight: 300;
-  line-height: 1.4;
-}
-.bs-docs-header .container {
-  position: relative;
-}
-
-@media (min-width: 768px) {
-  .bs-docs-header {
-    padding-top: 60px;
-    padding-bottom: 60px;
-    font-size: 24px;
-    text-align: left;
-  }
-  .bs-docs-header h1 {
-    font-size: 60px;
-    line-height: 1;
-  }
-}
-
-@media (min-width: 992px) {
-  .bs-docs-header h1,
-  .bs-docs-header p {
-    margin-right: 380px;
-  }
-}
-
-
-/*
- * Carbon ads
- *
- * Single display ad that shows on all pages (except homepage) in page headers.
- * The hella `!important` is required for any pre-set property.
- */
-
-.carbonad {
-  width: auto !important;
-  height: auto !important;
-  padding: 20px !important;
-  margin: 30px -30px -31px !important;
-  overflow: hidden; /* clearfix */
-  font-size: 13px !important;
-  line-height: 16px !important;
-  text-align: left;
-  background: transparent !important;
-  border: solid #866ab3 !important;
-  border-width: 1px 0 !important;
-}
-.carbonad-img {
-  margin: 0 !important;
-}
-.carbonad-text,
-.carbonad-tag {
-  display: block !important;
-  float: none !important;
-  width: auto !important;
-  height: auto !important;
-  margin-left: 145px !important;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
-}
-.carbonad-text {
-  padding-top: 0 !important;
-}
-.carbonad-tag {
-  color: inherit !important;
-  text-align: left !important;
-}
-.carbonad-text a,
-.carbonad-tag a {
-  color: #fff !important;
-}
-.carbonad #azcarbon > img {
-  display: none; /* hide what I assume are tracking images */
-}
-
-@media (min-width: 480px) {
-  .carbonad {
-    width: 330px !important;
-    margin: 20px auto !important;
-    border-width: 1px !important;
-    border-radius: 4px;
-  }
-  .bs-docs-masthead .carbonad {
-    margin: 50px auto 0 !important;
-  }
-}
-
-@media (min-width: 768px) {
-  .carbonad {
-    margin-right: 0 !important;
-    margin-left: 0 !important;
-  }
-}
-
-@media (min-width: 992px) {
-  .carbonad {
-    position: absolute;
-    top: 0;
-    right: 15px; /* 15px instead of 0 since box-sizing */
-    width: 330px !important;
-    padding: 15px !important;
-    margin: 0 !important;
-  }
-  .bs-docs-masthead .carbonad {
-    position: static;
-  }
-}
-
-
-/*
- * Homepage featurettes
- *
- * Reasons to use Bootstrap, entries from the Expo, and more.
- */
-
-.bs-docs-featurette {
-  padding-top: 40px;
-  padding-bottom: 40px;
-  font-size: 16px;
-  line-height: 1.5;
-  color: #555;
-  text-align: center;
-  background-color: #fff;
-  border-bottom: 1px solid #e5e5e5;
-}
-.bs-docs-featurette + .bs-docs-footer {
-  margin-top: 0;
-  border-top: 0;
-}
-
-.bs-docs-featurette-title {
-  margin-bottom: 5px;
-  font-size: 30px;
-  font-weight: normal;
-  color: #333;
-}
-.half-rule {
-  width: 100px;
-  margin: 40px auto;
-}
-.bs-docs-featurette h3 {
-  margin-bottom: 5px;
-  font-weight: normal;
-  color: #333;
-}
-.bs-docs-featurette-img {
-  display: block;
-  margin-bottom: 20px;
-  color: #333;
-}
-.bs-docs-featurette-img:hover {
-  color: #428bca;
-  text-decoration: none;
-}
-.bs-docs-featurette-img img {
-  display: block;
-  margin-bottom: 15px;
-}
-
-/* Featured sites */
-.bs-docs-featured-sites {
-  margin-right: -1px;
-  margin-left: -1px;
-}
-.bs-docs-featured-sites .col-sm-3 {
-  padding-right: 1px;
-  padding-left: 1px;
-}
-
-@media (min-width: 480px) {
-  .bs-docs-featurette .img-responsive {
-    margin-top: 30px;
-  }
-}
-@media (min-width: 768px) {
-  .bs-docs-featurette {
-    padding-top: 100px;
-    padding-bottom: 100px;
-  }
-  .bs-docs-featurette-title {
-    font-size: 40px;
-  }
-  .bs-docs-featurette .lead {
-    max-width: 80%;
-    margin-right: auto;
-    margin-left: auto;
-  }
-  .bs-docs-featured-sites .col-sm-3:first-child img {
-    border-top-left-radius: 4px;
-    border-bottom-left-radius: 4px;
-  }
-  .bs-docs-featured-sites .col-sm-3:last-child img {
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
-  }
-
-  .bs-docs-featurette .img-responsive {
-    margin-top: 0;
-  }
-}
-
-
-/*
- * Side navigation
- *
- * Scrollspy and affixed enhanced navigation to highlight sections and secondary
- * sections of docs content.
- */
-
-/* By default it's not affixed in mobile views, so undo that */
-.bs-docs-sidebar.affix {
-  position: static;
-}
-@media (min-width: 768px) {
-  .bs-docs-sidebar {
-    padding-left: 20px;
-  }
-}
-
-/* First level of nav */
-.bs-docs-sidenav {
-  margin-top: 20px;
-  margin-bottom: 20px;
-}
-
-/* All levels of nav */
-.bs-docs-sidebar .nav > li > a {
-  display: block;
-  padding: 4px 20px;
-  font-size: 13px;
-  font-weight: 500;
-  color: #999;
-}
-.bs-docs-sidebar .nav > li > a:hover,
-.bs-docs-sidebar .nav > li > a:focus {
-  padding-left: 19px;
-  color: #563d7c;
-  text-decoration: none;
-  background-color: transparent;
-  border-left: 1px solid #563d7c;
-}
-.bs-docs-sidebar .nav > .active > a,
-.bs-docs-sidebar .nav > .active:hover > a,
-.bs-docs-sidebar .nav > .active:focus > a {
-  padding-left: 18px;
-  font-weight: bold;
-  color: #563d7c;
-  background-color: transparent;
-  border-left: 2px solid #563d7c;
-}
-
-/* Nav: second level (shown on .active) */
-.bs-docs-sidebar .nav .nav {
-  display: none; /* Hide by default, but at >768px, show it */
-  padding-bottom: 10px;
-}
-.bs-docs-sidebar .nav .nav > li > a {
-  padding-top: 1px;
-  padding-bottom: 1px;
-  padding-left: 30px;
-  font-size: 12px;
-  font-weight: normal;
-}
-.bs-docs-sidebar .nav .nav > li > a:hover,
-.bs-docs-sidebar .nav .nav > li > a:focus {
-  padding-left: 29px;
-}
-.bs-docs-sidebar .nav .nav > .active > a,
-.bs-docs-sidebar .nav .nav > .active:hover > a,
-.bs-docs-sidebar .nav .nav > .active:focus > a {
-  padding-left: 28px;
-  font-weight: 500;
-}
-
-/* Back to top (hidden on mobile) */
-.back-to-top {
-  display: none;
-  padding: 4px 10px;
-  margin-top: 10px;
-  margin-left: 10px;
-  font-size: 12px;
-  font-weight: 500;
-  color: #999;
-}
-.back-to-top:hover {
-  color: #563d7c;
-  text-decoration: none;
-}
-
-@media (min-width: 768px) {
-  .back-to-top {
-    display: block;
-  }
-}
-
-/* Show and affix the side nav when space allows it */
-@media (min-width: 992px) {
-  .bs-docs-sidebar .nav > .active > ul {
-    display: block;
-  }
-  /* Widen the fixed sidebar */
-  .bs-docs-sidebar.affix,
-  .bs-docs-sidebar.affix-bottom {
-    width: 213px;
-  }
-  .bs-docs-sidebar.affix {
-    position: fixed; /* Undo the static from mobile first approach */
-    top: 20px;
-  }
-  .bs-docs-sidebar.affix-bottom {
-    position: absolute; /* Undo the static from mobile first approach */
-  }
-  .bs-docs-sidebar.affix-bottom .bs-docs-sidenav,
-  .bs-docs-sidebar.affix .bs-docs-sidenav {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-}
-@media (min-width: 1200px) {
-  /* Widen the fixed sidebar again */
-  .bs-docs-sidebar.affix-bottom,
-  .bs-docs-sidebar.affix {
-    width: 263px;
-  }
-}
-
-
-/*
- * Docs sections
- *
- * Content blocks for each component or feature.
- */
-
-/* Space things out */
-.bs-docs-section {
-  margin-bottom: 60px;
-}
-.bs-docs-section:last-child {
-  margin-bottom: 0;
-}
-
-h1[id] {
-  padding-top: 20px;
-  margin-top: 0;
-}
-
-
-/*
- * Callouts
- *
- * Not quite alerts, but custom and helpful notes for folks reading the docs.
- * Requires a base and modifier class.
- */
-
-/* Common styles for all types */
-.bs-callout {
-  padding: 20px;
-  margin: 20px 0;
-  border-left: 3px solid #eee;
-}
-.bs-callout h4 {
-  margin-top: 0;
-  margin-bottom: 5px;
-}
-.bs-callout p:last-child {
-  margin-bottom: 0;
-}
-.bs-callout code {
-  background-color: #fff;
-  border-radius: 3px;
-}
-
-/* Variations */
-.bs-callout-danger {
-  background-color: #fdf7f7;
-  border-color: #d9534f;
-}
-.bs-callout-danger h4 {
-  color: #d9534f;
-}
-.bs-callout-warning {
-  background-color: #fcf8f2;
-  border-color: #f0ad4e;
-}
-.bs-callout-warning h4 {
-  color: #f0ad4e;
-}
-.bs-callout-info {
-  background-color: #f4f8fa;
-  border-color: #5bc0de;
-}
-.bs-callout-info h4 {
-  color: #5bc0de;
-}
-
-
-/*
- * Color swatches
- *
- * Color swatches and associated values for our grayscale and brand colors.
- */
-
-.color-swatches {
-  margin: 0 -5px;
-  overflow: hidden; /* clearfix */
-}
-.color-swatch {
-  float: left;
-  width: 60px;
-  height: 60px;
-  margin: 0 5px;
-  border-radius: 3px;
-}
-
-@media (min-width: 768px) {
-  .color-swatch {
-    width: 100px;
-    height: 100px;
-  }
-}
-
-/* Framework colors */
-.color-swatches .gray-darker {
-  background-color: #222;
-}
-.color-swatches .gray-dark {
-  background-color: #333;
-}
-.color-swatches .gray {
-  background-color: #555;
-}
-.color-swatches .gray-light {
-  background-color: #999;
-}
-.color-swatches .gray-lighter {
-  background-color: #eee;
-}
-.color-swatches .brand-primary {
-  background-color: #428bca;
-}
-.color-swatches .brand-success {
-  background-color: #5cb85c;
-}
-.color-swatches .brand-warning {
-  background-color: #f0ad4e;
-}
-.color-swatches .brand-danger {
-  background-color: #d9534f;
-}
-.color-swatches .brand-info {
-  background-color: #5bc0de;
-}
-
-/* Docs colors */
-.color-swatches .bs-purple {
-  background-color: #563d7c;
-}
-.color-swatches .bs-purple-light {
-  background-color: #c7bfd3;
-}
-.color-swatches .bs-purple-lighter {
-  background-color: #e5e1ea;
-}
-.color-swatches .bs-gray {
-  background-color: #f9f9f9;
-}
-
-
-/*
- * Team members
- *
- * Avatars, names, and usernames for core team.
- */
-
-.bs-team .team-member {
-  line-height: 32px;
-  color: #555;
-}
-.bs-team .team-member:hover {
-  color: #333;
-  text-decoration: none;
-}
-.bs-team .github-btn {
-  float: right;
-  width: 180px;
-  height: 20px;
-  margin-top: 6px;
-}
-.bs-team img {
-  float: left;
-  width: 32px;
-  margin-right: 10px;
-  border-radius: 4px;
-}
-
-
-/*
- * Grid examples
- *
- * Highlight the grid columns within the docs so folks can see their padding,
- * alignment, sizing, etc.
- */
-
-.show-grid {
-  margin-bottom: 15px;
-}
-.show-grid [class^="col-"] {
-  padding-top: 10px;
-  padding-bottom: 10px;
-  background-color: #eee;
-  background-color: rgba(86,61,124,.15);
-  border: 1px solid #ddd;
-  border: 1px solid rgba(86,61,124,.2);
-}
-
-
-/*
- * Examples
- *
- * Isolated sections of example content for each component or feature. Usually
- * followed by a code snippet.
- */
-
-.bs-example {
-  position: relative;
-  padding: 45px 15px 15px;
-  margin: 0 -15px 15px;
-  background-color: #fafafa;
-  border-color: #e5e5e5 #eee #eee;
-  border-style: solid;
-  border-width: 1px 0;
-  -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
-          box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
-}
-/* Echo out a label for the example */
-.bs-example:after {
-  position: absolute;
-  top: 15px;
-  left: 15px;
-  font-size: 12px;
-  font-weight: bold;
-  color: #bbb;
-  text-transform: uppercase;
-  letter-spacing: 1px;
-  content: "Example";
-}
-
-/* Tweak display of the code snippets when following an example */
-.bs-example + .highlight {
-  margin: -15px -15px 15px;
-  border-width: 0 0 1px;
-  border-radius: 0;
-}
-
-/* Make the examples and snippets not full-width */
-@media (min-width: 768px) {
-  .bs-example {
-    margin-right: 0;
-    margin-left: 0;
-    background-color: #fff;
-    border-color: #ddd;
-    border-width: 1px;
-    border-radius: 4px 4px 0 0;
-    -webkit-box-shadow: none;
-            box-shadow: none;
-  }
-  .bs-example + .highlight {
-    margin-top: -16px;
-    margin-right: 0;
-    margin-left: 0;
-    border-width: 1px;
-    border-bottom-right-radius: 4px;
-    border-bottom-left-radius: 4px;
-  }
-}
-
-/* Undo width of container */
-.bs-example .container {
-  width: auto;
-}
-
-/* Tweak content of examples for optimum awesome */
-.bs-example > p:last-child,
-.bs-example > ul:last-child,
-.bs-example > ol:last-child,
-.bs-example > blockquote:last-child,
-.bs-example > .form-control:last-child,
-.bs-example > .table:last-child,
-.bs-example > .navbar:last-child,
-.bs-example > .jumbotron:last-child,
-.bs-example > .alert:last-child,
-.bs-example > .panel:last-child,
-.bs-example > .list-group:last-child,
-.bs-example > .well:last-child,
-.bs-example > .progress:last-child,
-.bs-example > .table-responsive:last-child > .table {
-  margin-bottom: 0;
-}
-.bs-example > p > .close {
-  float: none;
-}
-
-/* Typography */
-.bs-example-type .table .type-info {
-  color: #999;
-  vertical-align: middle;
-}
-.bs-example-type .table td {
-  padding: 15px 0;
-  border-color: #eee;
-}
-.bs-example-type .table tr:first-child td {
-  border-top: 0;
-}
-.bs-example-type h1,
-.bs-example-type h2,
-.bs-example-type h3,
-.bs-example-type h4,
-.bs-example-type h5,
-.bs-example-type h6 {
-  margin: 0;
-}
-
-/* Contextual background colors */
-.bs-example-bg-classes p {
-  padding: 15px;
-}
-
-/* Images */
-.bs-example > .img-circle,
-.bs-example > .img-rounded,
-.bs-example > .img-thumbnail {
-  margin: 5px;
-}
-
-/* Tables */
-.bs-example > .table-responsive > .table {
-  background-color: #fff;
-}
-
-/* Buttons */
-.bs-example > .btn,
-.bs-example > .btn-group {
-  margin-top: 5px;
-  margin-bottom: 5px;
-}
-.bs-example > .btn-toolbar + .btn-toolbar {
-  margin-top: 10px;
-}
-
-/* Forms */
-.bs-example-control-sizing select,
-.bs-example-control-sizing input[type="text"] + input[type="text"] {
-  margin-top: 10px;
-}
-.bs-example-form .input-group {
-  margin-bottom: 10px;
-}
-.bs-example > textarea.form-control {
-  resize: vertical;
-}
-
-/* List groups */
-.bs-example > .list-group {
-  max-width: 400px;
-}
-
-/* Navbars */
-.bs-example .navbar:last-child {
-  margin-bottom: 0;
-}
-.bs-navbar-top-example,
-.bs-navbar-bottom-example {
-  z-index: 1;
-  padding: 0;
-  overflow: hidden; /* cut the drop shadows off */
-}
-.bs-navbar-top-example .navbar-header,
-.bs-navbar-bottom-example .navbar-header {
-  margin-left: 0;
-}
-.bs-navbar-top-example .navbar-fixed-top,
-.bs-navbar-bottom-example .navbar-fixed-bottom {
-  position: relative;
-  margin-right: 0;
-  margin-left: 0;
-}
-.bs-navbar-top-example {
-  padding-bottom: 45px;
-}
-.bs-navbar-top-example:after {
-  top: auto;
-  bottom: 15px;
-}
-.bs-navbar-top-example .navbar-fixed-top {
-  top: -1px;
-}
-.bs-navbar-bottom-example {
-  padding-top: 45px;
-}
-.bs-navbar-bottom-example .navbar-fixed-bottom {
-  bottom: -1px;
-}
-.bs-navbar-bottom-example .navbar {
-  margin-bottom: 0;
-}
-@media (min-width: 768px) {
-  .bs-navbar-top-example .navbar-fixed-top,
-  .bs-navbar-bottom-example .navbar-fixed-bottom {
-    position: absolute;
-  }
-  .bs-navbar-top-example {
-    border-radius: 0 0 4px 4px;
-  }
-  .bs-navbar-bottom-example {
-    border-radius: 4px 4px 0 0;
-  }
-}
-
-/* Pagination */
-.bs-example .pagination {
-  margin-top: 10px;
-  margin-bottom: 10px;
-}
-
-/* Pager */
-.bs-example > .pager {
-  margin-top: 0;
-}
-
-/* Example modals */
-.bs-example-modal {
-  background-color: #f5f5f5;
-}
-.bs-example-modal .modal {
-  position: relative;
-  top: auto;
-  right: auto;
-  bottom: auto;
-  left: auto;
-  z-index: 1;
-  display: block;
-}
-.bs-example-modal .modal-dialog {
-  left: auto;
-  margin-right: auto;
-  margin-left: auto;
-}
-
-/* Example dropdowns */
-.bs-example > .dropdown > .dropdown-menu {
-  position: static;
-  display: block;
-  margin-bottom: 5px;
-}
-
-/* Example tabbable tabs */
-.bs-example-tabs .nav-tabs {
-  margin-bottom: 15px;
-}
-
-/* Tooltips */
-.bs-example-tooltips {
-  text-align: center;
-}
-.bs-example-tooltips > .btn {
-  margin-top: 5px;
-  margin-bottom: 5px;
-}
-
-/* Popovers */
-.bs-example-popover {
-  padding-bottom: 24px;
-  background-color: #f9f9f9;
-}
-.bs-example-popover .popover {
-  position: relative;
-  display: block;
-  float: left;
-  width: 260px;
-  margin: 20px;
-}
-
-/* Scrollspy demo on fixed height div */
-.scrollspy-example {
-  position: relative;
-  height: 200px;
-  margin-top: 10px;
-  overflow: auto;
-}
-
-
-/*
- * Code snippets
- *
- * Generated via Pygments and Jekyll, these are snippets of HTML, CSS, and JS.
- */
-
-.highlight {
-  padding: 9px 14px;
-  margin-bottom: 14px;
-  background-color: #f7f7f9;
-  border: 1px solid #e1e1e8;
-  border-radius: 4px;
-}
-.highlight pre {
-  padding: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-  white-space: nowrap;
-  background-color: transparent;
-  border: 0;
-}
-.highlight pre code {
-  font-size: inherit;
-  color: #333; /* Effectively the base text color */
-}
-.highlight pre .lineno {
-  display: inline-block;
-  width: 22px;
-  padding-right: 5px;
-  margin-right: 10px;
-  color: #bebec5;
-  text-align: right;
-}
-
-
-/*
- * Responsive tests
- *
- * Generate a set of tests to show the responsive utilities in action.
- */
-
-/* Responsive (scrollable) doc tables */
-.table-responsive .highlight pre {
-  white-space: normal;
-}
-
-/* Utility classes table  */
-.bs-table th small,
-.responsive-utilities th small {
-  display: block;
-  font-weight: normal;
-  color: #999;
-}
-.responsive-utilities tbody th {
-  font-weight: normal;
-}
-.responsive-utilities td {
-  text-align: center;
-}
-.responsive-utilities td.is-visible {
-  color: #468847;
-  background-color: #dff0d8 !important;
-}
-.responsive-utilities td.is-hidden {
-  color: #ccc;
-  background-color: #f9f9f9 !important;
-}
-
-/* Responsive tests */
-.responsive-utilities-test {
-  margin-top: 5px;
-}
-.responsive-utilities-test .col-xs-6 {
-  margin-bottom: 10px;
-}
-.responsive-utilities-test span {
-  display: block;
-  padding: 15px 10px;
-  font-size: 14px;
-  font-weight: bold;
-  line-height: 1.1;
-  text-align: center;
-  border-radius: 4px;
-}
-.visible-on .col-xs-6 .hidden-xs,
-.visible-on .col-xs-6 .hidden-sm,
-.visible-on .col-xs-6 .hidden-md,
-.visible-on .col-xs-6 .hidden-lg,
-.hidden-on .col-xs-6 .hidden-xs,
-.hidden-on .col-xs-6 .hidden-sm,
-.hidden-on .col-xs-6 .hidden-md,
-.hidden-on .col-xs-6 .hidden-lg {
-  color: #999;
-  border: 1px solid #ddd;
-}
-.visible-on .col-xs-6 .visible-xs,
-.visible-on .col-xs-6 .visible-sm,
-.visible-on .col-xs-6 .visible-md,
-.visible-on .col-xs-6 .visible-lg,
-.hidden-on .col-xs-6 .visible-xs,
-.hidden-on .col-xs-6 .visible-sm,
-.hidden-on .col-xs-6 .visible-md,
-.hidden-on .col-xs-6 .visible-lg {
-  color: #468847;
-  background-color: #dff0d8;
-  border: 1px solid #d6e9c6;
-}
-
-
-/*
- * Glyphicons
- *
- * Special styles for displaying the icons and their classes in the docs.
- */
-
-.bs-glyphicons {
-  margin: 0 -10px 20px;
-  overflow: hidden;
-}
-.bs-glyphicons-list {
-  padding-left: 0;
-  list-style: none;
-}
-.bs-glyphicons li {
-  float: left;
-  width: 25%;
-  height: 115px;
-  padding: 10px;
-  font-size: 10px;
-  line-height: 1.4;
-  text-align: center;
-  background-color: #f9f9f9;
-  border: 1px solid #fff;
-}
-.bs-glyphicons .glyphicon {
-  margin-top: 5px;
-  margin-bottom: 10px;
-  font-size: 24px;
-}
-.bs-glyphicons .glyphicon-class {
-  display: block;
-  text-align: center;
-  word-wrap: break-word; /* Help out IE10+ with class names */
-}
-.bs-glyphicons li:hover {
-  color: #fff;
-  background-color: #563d7c;
-}
-
-@media (min-width: 768px) {
-  .bs-glyphicons {
-    margin-right: 0;
-    margin-left: 0;
-  }
-  .bs-glyphicons li {
-    width: 12.5%;
-    font-size: 12px;
-  }
-}
-
-
-/*
- * Customizer
- *
- * Since this is so form control heavy, we have quite a few styles to customize
- * the display of inputs, headings, and more. Also included are all the download
- * buttons and actions.
- */
-
-.bs-customizer .toggle {
-  float: right;
-  margin-top: 25px;
-}
-
-/* Headings and form contrls */
-.bs-customizer label {
-  margin-top: 10px;
-  font-weight: 500;
-  color: #555;
-}
-.bs-customizer h2 {
-  padding-top: 30px;
-  margin-top: 0;
-  margin-bottom: 5px;
-}
-.bs-customizer h3 {
-  margin-bottom: 0;
-}
-.bs-customizer h4 {
-  margin-top: 15px;
-  margin-bottom: 0;
-}
-.bs-customizer .bs-callout h4 {
-  margin-top: 0; /* lame, but due to specificity we have to duplicate */
-  margin-bottom: 5px;
-}
-.bs-customizer input[type="text"] {
-  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
-  background-color: #fafafa;
-}
-.bs-customizer .help-block {
-  margin-bottom: 5px;
-  font-size: 12px;
-}
-
-/* For the variables, use regular weight */
-#less-section label {
-  font-weight: normal;
-}
-
-.bs-customizer-input {
-  float: left;
-  width: 33.333333%;
-  padding-right: 15px;
-  padding-left: 15px;
-}
-
-/* Downloads */
-.bs-customize-download .btn-outline {
-  padding: 20px;
-}
-
-/* Error handling */
-.bs-customizer-alert {
-  position: fixed;
-  top: 0;
-  right: 0;
-  left: 0;
-  z-index: 1030;
-  padding: 15px 0;
-  color: #fff;
-  background-color: #d9534f;
-  border-bottom: 1px solid #b94441;
-  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
-          box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
-}
-.bs-customizer-alert .close {
-  margin-top: -4px;
-  font-size: 24px;
-}
-.bs-customizer-alert p {
-  margin-bottom: 0;
-}
-.bs-customizer-alert .glyphicon {
-  margin-right: 5px;
-}
-.bs-customizer-alert pre {
-  margin: 10px 0 0;
-  color: #fff;
-  background-color: #a83c3a;
-  border-color: #973634;
-  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
-          box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
-}
-
-
-/*
- * Brand guidelines
- *
- * Extra styles for displaying wordmarks, logos, etc.
- */
-
-/* Logo series wrapper */
-.bs-brand-logos {
-  display: table;
-  width: 100%;
-  margin-bottom: 15px;
-  overflow: hidden;
-  color: #563d7c;
-  background-color: #f9f9f9;
-  border-radius: 4px;
-}
-
-/* Individual items */
-.bs-brand-item {
-  padding: 60px 0;
-  text-align: center;
-}
-.bs-brand-item + .bs-brand-item {
-  border-top: 1px solid #fff;
-}
-.bs-brand-logos .inverse {
-  color: #fff;
-  background-color: #563d7c;
-}
-.bs-brand-item .svg {
-  width: 144px;
-  height: 144px;
-}
-
-/* Heading content within */
-.bs-brand-item h1,
-.bs-brand-item h3 {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-.bs-brand-item .bs-docs-booticon {
-  margin-right: auto;
-  margin-left: auto;
-}
-
-/* Make the icons stand out on what is/isn't okay */
-.bs-brand-item .glyphicon {
-  width: 30px;
-  height: 30px;
-  margin: 10px auto -10px;
-  line-height: 30px;
-  color: #fff;
-  border-radius: 50%;
-}
-.bs-brand-item .glyphicon-ok {
-  background-color: #5cb85c;
-}
-.bs-brand-item .glyphicon-remove {
-  background-color: #d9534f;
-}
-
-@media (min-width: 768px) {
-  .bs-brand-item {
-    display: table-cell;
-    width: 1%;
-  }
-  .bs-brand-item + .bs-brand-item {
-    border-top: 0;
-    border-left: 1px solid #fff;
-  }
-  .bs-brand-item h1 {
-    font-size: 60px;
-  }
-}
-
-
-/*
- * Miscellaneous
- *
- * Odds and ends for optimum docs display.
- */
-
-/* Examples gallery: space out content better */
-.bs-examples .thumbnail {
-  margin-bottom: 10px;
-}
-.bs-examples h4 {
-  margin-bottom: 5px;
-}
-.bs-examples p {
-  margin-bottom: 20px;
-}
-
-/* Pseudo :focus state for showing how it looks in the docs */
-#focusedInput {
-  border-color: rgb(204,204,204); /* Restate unfocused value to make CSSLint happy that there's a pre-CSS3 fallback*/
-  border-color: rgba(82,168,236,.8);
-  outline: 0;
-  outline: thin dotted \9; /* IE6-9 */
-  -webkit-box-shadow: 0 0 8px rgba(82,168,236,.6);
-          box-shadow: 0 0 8px rgba(82,168,236,.6);
-}
diff --git a/core/client/docs/assets/css/src/pygments-manni.css b/core/client/docs/assets/css/src/pygments-manni.css
deleted file mode 100644
index 1b3c92cb27..0000000000
--- a/core/client/docs/assets/css/src/pygments-manni.css
+++ /dev/null
@@ -1,66 +0,0 @@
-.hll { background-color: #ffffcc }
- /*{ background: #f0f3f3; }*/
-.c { color: #999; } /* Comment */
-.err { color: #AA0000; background-color: #FFAAAA } /* Error */
-.k { color: #006699; } /* Keyword */
-.o { color: #555555 } /* Operator */
-.cm { color: #999; } /* Comment.Multiline */ /* Edited to remove italics and make into comment */
-.cp { color: #009999 } /* Comment.Preproc */
-.c1 { color: #999; } /* Comment.Single */
-.cs { color: #999; } /* Comment.Special */
-.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */
-.ge { font-style: italic } /* Generic.Emph */
-.gr { color: #FF0000 } /* Generic.Error */
-.gh { color: #003300; } /* Generic.Heading */
-.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */
-.go { color: #AAAAAA } /* Generic.Output */
-.gp { color: #000099; } /* Generic.Prompt */
-.gs { } /* Generic.Strong */
-.gu { color: #003300; } /* Generic.Subheading */
-.gt { color: #99CC66 } /* Generic.Traceback */
-.kc { color: #006699; } /* Keyword.Constant */
-.kd { color: #006699; } /* Keyword.Declaration */
-.kn { color: #006699; } /* Keyword.Namespace */
-.kp { color: #006699 } /* Keyword.Pseudo */
-.kr { color: #006699; } /* Keyword.Reserved */
-.kt { color: #007788; } /* Keyword.Type */
-.m { color: #FF6600 } /* Literal.Number */
-.s { color: #d44950 } /* Literal.String */
-.na { color: #4f9fcf } /* Name.Attribute */
-.nb { color: #336666 } /* Name.Builtin */
-.nc { color: #00AA88; } /* Name.Class */
-.no { color: #336600 } /* Name.Constant */
-.nd { color: #9999FF } /* Name.Decorator */
-.ni { color: #999999; } /* Name.Entity */
-.ne { color: #CC0000; } /* Name.Exception */
-.nf { color: #CC00FF } /* Name.Function */
-.nl { color: #9999FF } /* Name.Label */
-.nn { color: #00CCFF; } /* Name.Namespace */
-.nt { color: #2f6f9f; } /* Name.Tag */
-.nv { color: #003333 } /* Name.Variable */
-.ow { color: #000000; } /* Operator.Word */
-.w { color: #bbbbbb } /* Text.Whitespace */
-.mf { color: #FF6600 } /* Literal.Number.Float */
-.mh { color: #FF6600 } /* Literal.Number.Hex */
-.mi { color: #FF6600 } /* Literal.Number.Integer */
-.mo { color: #FF6600 } /* Literal.Number.Oct */
-.sb { color: #CC3300 } /* Literal.String.Backtick */
-.sc { color: #CC3300 } /* Literal.String.Char */
-.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */
-.s2 { color: #CC3300 } /* Literal.String.Double */
-.se { color: #CC3300; } /* Literal.String.Escape */
-.sh { color: #CC3300 } /* Literal.String.Heredoc */
-.si { color: #AA0000 } /* Literal.String.Interpol */
-.sx { color: #CC3300 } /* Literal.String.Other */
-.sr { color: #33AAAA } /* Literal.String.Regex */
-.s1 { color: #CC3300 } /* Literal.String.Single */
-.ss { color: #FFCC33 } /* Literal.String.Symbol */
-.bp { color: #336666 } /* Name.Builtin.Pseudo */
-.vc { color: #003333 } /* Name.Variable.Class */
-.vg { color: #003333 } /* Name.Variable.Global */
-.vi { color: #003333 } /* Name.Variable.Instance */
-.il { color: #FF6600 } /* Literal.Number.Integer.Long */
-
-.css .o,
-.css .o + .nt,
-.css .nt + .nt { color: #999; }
diff --git a/core/client/docs/assets/ico/favicon.ico b/core/client/docs/assets/ico/favicon.ico
deleted file mode 100644
index 15f41541d7..0000000000
Binary files a/core/client/docs/assets/ico/favicon.ico and /dev/null differ
diff --git a/core/client/docs/css/buttons.md b/core/client/docs/css/buttons.md
new file mode 100644
index 0000000000..6a8806de63
--- /dev/null
+++ b/core/client/docs/css/buttons.md
@@ -0,0 +1,25 @@
+---
+layout: default
+title: Buttons
+---
+
+# Buttons
+
+## Button Colours
+
+```html
+<button class="button">Button</button>
+<button class="button-save">Save</button>
+<button class="button-add">Add</button>
+<button class="button-delete">Delete</button>
+<button class="button-alt">Alt</button>
+<button class="button-info">Info</button>
+<button class="button-link">Link</button>
+```
+
+## Button Sizes
+
+```html
+<button class="button">Standard</button>
+<button class="button large">Large</button>
+```
\ No newline at end of file
diff --git a/core/client/docs/css/index.md b/core/client/docs/css/index.md
new file mode 100644
index 0000000000..ecb5e2c310
--- /dev/null
+++ b/core/client/docs/css/index.md
@@ -0,0 +1,33 @@
+---
+layout: default
+title: CSS
+---
+
+# CSS
+
+* [Buttons](/css/buttons/)
+
+# Colours
+
+<div class="darkgrey">darkgrey</div>
+<div class="darkgrey-bg">Hey</div>
+<div class="grey">grey</div>
+<div class="grey-bg">Hey</div>
+<div class="midgrey">midgrey</div>
+<div class="midgrey-bg">Hey</div>
+<div class="lightgrey">lightgrey</div>
+<div class="lightgrey-bg">Hey</div>
+<div class="brown">brown</div>
+<div class="brown-bg">Hey</div>
+<div class="midbrown">midbrown</div>
+<div class="midbrown-bg">Hey</div>
+<div class="lightbrown">lightbrown</div>
+<div class="lightbrown-bg">Hey</div>
+<div class="blue">blue</div>
+<div class="blue-bg">Hey</div>
+<div class="red">red</div>
+<div class="red-bg">Hey</div>
+<div class="orange">orange</div>
+<div class="orange-bg">Hey</div>
+<div class="green">green</div>
+<div class="green-bg">Hey</div>
\ No newline at end of file
diff --git a/core/client/docs/dist/css/ghost-ui.min.css b/core/client/docs/dist/css/ghost-ui.min.css
index 0306a00d69..d2fffb27b9 100644
--- a/core/client/docs/dist/css/ghost-ui.min.css
+++ b/core/client/docs/dist/css/ghost-ui.min.css
@@ -1,17 +1,18 @@
-html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.box,.editor .entry-title{padding:15px;margin-bottom:15px;background:#fff;position:relative;box-shadow:rgba(0,0,0,0.05) 0 1px 5px}.box header,.editor .entry-title header{height:14px;border-bottom:1px solid #edece4;padding-bottom:15px;margin-bottom:15px;text-transform:uppercase;font-size:0.85em;color:#aaa9a2}.box footer,.editor .entry-title footer{height:14px;border-top:1px solid #edece4;padding-top:10px;margin-top:15px;text-transform:uppercase;font-size:0.85em;color:#aaa9a2}.box header a,.editor .entry-title header a,.box footer a,.editor .entry-title footer a{color:#aaa9a2}.box header a:hover,.editor .entry-title header a:hover,.box footer a:hover,.editor .entry-title footer a:hover{color:#242628;text-decoration:none}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@-moz-keyframes fade-out{from{opacity:1}to{opacity:0}}@-o-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}@font-face{font-family:'Icons';src:url("../fonts/icons.eot");src:url("../fonts/icons.eot?#iefix") format("embedded-opentype"),url("../fonts/icons.woff") format("woff"),url("../fonts/icons.ttf") format("truetype"),url("../fonts/icons.svg#icons") format("svg");font-weight:normal;font-style:normal}@-webkit-keyframes off-canvas{0%{left:0}100%{left:300px}}@-moz-keyframes off-canvas{0%{opacity:0}100%{opacity:1}}@-o-keyframes off-canvas{0%{opacity:0}100%{opacity:1}}@keyframes off-canvas{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{from{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.hidden{text-indent:-9999px;visibility:hidden;display:none}.invisible{visibility:hidden}.right{float:right}.left{float:left}.wrapper{position:relative}.markdown,pre,code{font-family:Inconsolata,monospace}.visuallyhidden,.screen-reader-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}html{font:normal 81.2%/1.65 "Open Sans", sans-serif}body{width:100%;color:#242628;font-weight:300;background:#edece4}@media (max-width: 400px){body{background:#fff}}
-::-moz-selection{color:#242628;background:#b3d5f3;text-shadow:none}::selection{color:#242628;background:#b3d5f3;text-shadow:none}article aside{width:30%;padding:0 2.2em;margin:0 2.2em 1.6em 2.2em;float:right;background:#edece4;border-radius:3px}h1,h2,h3,h4,h5,h6{color:#242628;text-rendering:optimizeLegibility;line-height:1;margin-top:0}h2{padding-top:0.8em;margin-top:0.8em;border-top:#edece4 1px solid}h1 a:hover{text-decoration:none;box-shadow:#5ba4e5 0 -5px 0 inset}h2 a:hover{text-decoration:none;box-shadow:#5ba4e5 0 -4px 0 inset}h3 a:hover{text-decoration:none;box-shadow:#5ba4e5 0 -3px 0 inset}h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none;box-shadow:#5ba4e5 0 -1px 0 inset}hgroup{margin:1.6em 0}hgroup h1,hgroup h2,hgroup h3,hgroup h4,hgroup h5,hgroup h6{padding:0;margin:0;border:none;margin-bottom:5px}hgroup h1 a,hgroup h2 a,hgroup h3 a,hgroup h4 a,hgroup h5 a,hgroup h6 a{color:#242628}hgroup h1 a:hover,hgroup h2 a:hover,hgroup h3 a:hover,hgroup h4 a:hover,hgroup h5 a:hover,hgroup h6 a:hover{box-shadow:#242628 0 -1px 0 inset}hgroup h1:nth-child(n+2),hgroup h2:nth-child(n+2),hgroup h3:nth-child(n+2),hgroup h4:nth-child(n+2),hgroup h5:nth-child(n+2),hgroup h6:nth-child(n+2){font-size:1.8em;font-weight:300;color:#aaa9a2}p,ul,ol{margin:1.6em 0}ol ol,ul ul,ul ol,ol ul{margin:0.4em 0}a{color:#5ba4e5;text-decoration:none;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}a:hover{text-decoration:underline}a.highlight{color:#f2a925;font-weight:bold}hr{display:block;height:1px;border:0;border-top:1px solid #edece4;margin:3.2em 0;padding:0}blockquote{margin:1.6em 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 1.6em 0 1.6em;border-left:#edece4 0.6em solid}blockquote p{margin:0.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:0.8em 0 0.8em 1.5em;font-size:0.9em;color:#aaa9a2}blockquote small:before{content:'\2014 \00A0'}blockquote cite{font-weight:bold}blockquote cite a{font-weight:normal}dl{margin:1.6em 0}dl dt{float:left;width:180px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;margin-bottom:1em}dl dd{margin-left:200px;margin-bottom:1em}mark{background-color:#ffc336}main{position:absolute;top:55px;right:15px;bottom:0;left:15px;padding:0}@media (max-width: 400px){main{top:40px;left:0;right:0}}
-.floatingheader{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;left:0;right:0;z-index:400;height:40px;padding:10px 15px;text-transform:uppercase;color:#aaa9a2;background-color:transparent;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),color-stop(25%, #fff),color-stop(100%, rgba(255,255,255,0.9)));background-image:-webkit-linear-gradient(top, #fff 0%,#fff 25%,rgba(255,255,255,0.9) 100%);background-image:linear-gradient(to bottom,#fff 0%,#fff 25%,rgba(255,255,255,0.9) 100%)}.floatingheader button,.floatingheader .button{display:inline-block;font-size:10px;min-height:20px;height:20px;padding:3px 4px;vertical-align:top}.floatingheader button.button-back,.floatingheader .button.button-back{position:relative;top:-2px;left:3px;display:none;padding:0 6px 0 3px}.floatingheader button.button-back:active,.floatingheader .button.button-back:active{box-shadow:none}.floatingheader button.button-back:before,.floatingheader .button.button-back:before{left:-8px;border-width:10px 8px 10px 0}@media (max-width: 800px){.floatingheader button.button-back,.floatingheader .button.button-back{display:inline-block}}.floatingheader small{font-size:0.85em}.floatingheader a{color:#aaa9a2}.floatingheader a:hover{color:#242628}.scrolling .floatingheader{box-shadow:rgba(0,0,0,0.02) 0 1px 2px,rgba(255,255,255,0.5) 0 -1px 0 inset}.scrolling .floatingheader::before{content:"";height:40px;width:80%;position:absolute;bottom:0;left:50%;margin-left:-40%;box-shadow:rgba(0,0,0,0.02) 0 2px 2px}.scrolling .floatingheader::after{content:"";height:40px;width:30%;position:absolute;bottom:0;left:50%;margin-left:-15%;box-shadow:rgba(0,0,0,0.02) 0 3px 3px}#nprogress{pointer-events:none;-webkit-pointer-events:none}#nprogress .bar{background:#5ba4e5;position:fixed;z-index:100;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #5ba4e5,0 0 5px #5ba4e5;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-moz-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);-o-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -4px)}#nprogress .spinner{display:block;position:fixed;z-index:100;top:15px;right:15px}#nprogress .spinner-icon{width:14px;height:14px;border:solid 2px transparent;border-top-color:#5ba4e5;border-left-color:#5ba4e5;border-radius:10px;-webkit-animation:nprogress-spinner 400ms linear infinite;-moz-animation:nprogress-spinner 400ms linear infinite;-ms-animation:nprogress-spinner 400ms linear infinite;-o-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes nprogress-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes nprogress-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes nprogress-spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);transform:rotate(360deg)}}code,tt{font-family:Inconsolata,monospace;font-size:0.85em;white-space:pre-wrap;background:#f1f0ea;border:1px solid #dddbcc;border-radius:2px;padding:1px 3px}pre{margin:1.6em 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#f1f0ea;border:1px solid #dddbcc;width:100%;padding:10px;font-family:Inconsolata,monospace;font-size:0.9em;white-space:pre;overflow:auto;border-radius:3px}pre code,pre tt{font-size:inherit;white-space:-moz-pre-wrap;white-space:pre-wrap;background:transparent;border:none;padding:0}kbd{display:inline-block;margin-bottom:0.4em;padding:1px 8px;border:#ccc 1px solid;color:#242628;text-shadow:#fff 0 1px 0;font-size:0.9em;font-weight:bold;background:#f4f4f4;border-radius:4px;box-shadow:0 1px 0 rgba(0,0,0,0.2),0 1px 0 0 #fff inset}.label,form label{display:inline-block;position:absolute;top:0.5em;left:0;width:120px;font-weight:bold;color:#aaa9a2;text-align:right}@media (max-width: 550px){.label,form label{display:block;position:relative;top:auto;left:auto;width:auto;margin-bottom:5px;text-align:left}}
-form p{max-width:400px;color:#9e9d95;font-size:1em;margin:0}fieldset{border:none;margin:0 0 3em 0;padding:0}legend{display:block;width:100%;margin:2em 0;border-bottom:#edece4 1px solid;font-size:1.2em;line-height:2.0em;color:#aaa9a2}input,textarea,select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:280px;padding:5px 7px;margin:0;outline:0;font-size:1.1em;line-height:1.4em;background:#fff;border:#e3e1d5 1px solid;border-radius:2px;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}@media (max-width: 550px){input,textarea,select{width:100%}}
-textarea{width:100%;max-width:340px;min-width:250px;height:auto;min-height:6.5em}input,select,textarea{margin-bottom:5px}input[type="text"]:focus,input[type="email"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,textarea:focus{border:#aaa9a2 1px solid;background:#fff;outline:none;outline-width:0}select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:270px;height:30px;line-height:30px}@media (max-width: 550px){select{width:100%}}
-@-moz-document url-prefix(){select{height:auto}}.form-group{position:relative;margin:1.5em 0;padding-left:140px}@media (max-width: 550px){.form-group{padding-left:0}}
-input[type="checkbox"]{display:none}.checkbox{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;top:auto;margin-top:0.5em;display:inline-block;width:18px;height:18px;cursor:pointer;border-radius:2px;background:#f7f7f3;border:#e3e1d5 1px solid;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}.checkbox:after{opacity:0;content:"";position:absolute;width:7px;height:3px;top:5px;left:4px;border:3px solid #fff;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}input[type=checkbox]:checked+.checkbox{background:#9fbb58;border:#b4ca7c}input[type=checkbox]:checked+.checkbox:after{opacity:1}.btn,.button,button,input[type="button"],.button-save,button[type="submit"],input[type="submit"],.button-add,.button-delete,button[type="reset"],input[type="reset"],.button-alt,.button-link,.button-back{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:35px;width:auto;display:inline-block;padding:0.9em 1.37em;cursor:pointer;text-decoration:none;color:#fff;font-size:11px;line-height:13px;font-weight:300;text-align:center;letter-spacing:1px;text-transform:uppercase;text-shadow:none;border-radius:0.2em;border:rgba(0,0,0,0.05) 0.1em solid;-webkit-transition:background 0.3s ease,border-color 0.3s ease;-moz-transition:background 0.3s ease,border-color 0.3s ease;transition:background 0.3s ease,border-color 0.3s ease}.btn:hover,.button:hover,button:hover,input[type="button"]:hover,.button-save:hover,input[type="submit"]:hover,.button-add:hover,.button-delete:hover,input[type="reset"]:hover,.button-alt:hover,.button-link:hover,.button-back:hover{border-color:transparent;background:#f8f8f8;text-decoration:none}.btn:active,.button:active,button:active,input[type="button"]:active,.button-save:active,input[type="submit"]:active,.button-add:active,.button-delete:active,input[type="reset"]:active,.button-alt:active,.button-link:active,.button-back:active{box-shadow:rgba(0,0,0,0.3) 0 1px 3px inset}.btn:disabled,.button:disabled,button:disabled,input[type="button"]:disabled,.button-save:disabled,input[type="submit"]:disabled,.button-add:disabled,.button-delete:disabled,input[type="reset"]:disabled,.button-alt:disabled,.button-link:disabled,.button-back:disabled{opacity:0.5;cursor:not-allowed}.btn.large,.large.button,button.large,input.large[type="button"],.large.button-save,input.large[type="submit"],.large.button-add,.large.button-delete,input.large[type="reset"],.large.button-alt,.large.button-link,.large.button-back{padding:1em 1.8em;font-size:14px;line-height:16px}.button,button,input[type="button"]{color:#777;font-weight:normal;background:#eee;box-shadow:none}.button:hover,button:hover,input[type="button"]:hover{border-color:rgba(0,0,0,0.1)}.button-save,button[type="submit"],input[type="submit"]{background:#5ba4e5;box-shadow:none}.button-save:hover,button[type="submit"]:hover,input[type="submit"]:hover{background:#2f8cde}.button-add{background:#9fbb58}.button-add:hover{background:#8ba644}.button-delete,button[type="reset"],input[type="reset"]{background:#e25440;box-shadow:none}.button-delete:hover,button[type="reset"]:hover,input[type="reset"]:hover{background:#cf3520}.button-alt{background:#3c4043}.button-alt:hover{background:#242628}.button-link{color:#5ba4e5;background:transparent;border:none}.button-link:hover{background:transparent;text-decoration:underline}.button-back{position:absolute;top:20px;left:20px;margin-right:30px;padding:0.5em 1.37em 0.5em 1.10em;display:none;color:#fff;background:#5ba4e5;border:none;border-top-left-radius:0;border-bottom-left-radius:0}.button-back:before{content:' ';position:absolute;top:0;left:-10px;width:0;height:0;border-width:18px 10px 18px 0;border-color:transparent #5ba4e5 transparent transparent;border-style:solid solid solid none;-webkit-transform:scale(0.9999);-moz-transform:scale(0.9999);-o-transform:scale(0.9999);transform:scale(0.9999);-webkit-transition:border-color 0.3s ease;-moz-transition:border-color 0.3s ease;transition:border-color 0.3s ease}.button-back:hover{color:#fff;background:#2f8cde;border-color:#2f8cde}.button-back:hover:before{border-right-color:#2f8cde}@media (max-width: 800px){.button-back{display:inline-block}}
-.splitbtn,.splitbutton,.splitbutton-save,.splitbutton-add,.splitbutton-delete,.splitbutton-alt{display:inline-block;position:relative;font-size:0;white-space:nowrap}.splitbtn button,.splitbutton button,.splitbutton-save button,.splitbutton-add button,.splitbutton-delete button,.splitbutton-alt button{font-size:11px;border-top-right-radius:0;border-bottom-right-radius:0}.splitbtn .options,.splitbutton .options,.splitbutton-save .options,.splitbutton-add .options,.splitbutton-delete .options,.splitbutton-alt .options{display:inline-block;position:relative;width:35px;height:35px;margin-left:-1px;vertical-align:top;text-align:center;color:#fff;background:#e5e5e5;border-radius:0 2px 2px 0;box-shadow:rgba(0,0,0,0.02) 0 1px 0 inset,rgba(0,0,0,0.02) -1px 0 0 inset,rgba(0,0,0,0.02) 0 -1px 0 inset;-webkit-transition:background-color 0.3s linear;-moz-transition:background-color 0.3s linear;transition:background-color 0.3s linear}.splitbtn .options:before,.splitbutton .options:before,.splitbutton-save .options:before,.splitbutton-add .options:before,.splitbutton-delete .options:before,.splitbutton-alt .options:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";font-size:9px;position:absolute;top:50%;right:50%;margin-top:-3px;margin-right:-5px;-webkit-transition:margin-top 0.3s ease;-moz-transition:margin-top 0.3s ease;transition:margin-top 0.3s ease;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3;-moz-transition-duration:0.3;transition-duration:0.3;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;transition-timing-function:ease}.splitbtn .options:hover,.splitbutton .options:hover,.splitbutton-save .options:hover,.splitbutton-add .options:hover,.splitbutton-delete .options:hover,.splitbutton-alt .options:hover{text-decoration:none}.splitbtn .options.active:before,.splitbutton .options.active:before,.splitbutton-save .options.active:before,.splitbutton-add .options.active:before,.splitbutton-delete .options.active:before,.splitbutton-alt .options.active:before{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}.splitbtn .options.up.active:before,.splitbutton .options.up.active:before,.splitbutton-save .options.up.active:before,.splitbutton-add .options.up.active:before,.splitbutton-delete .options.up.active:before,.splitbutton-alt .options.up.active:before{margin-top:-4px;-webkit-transform:rotate(540deg);-moz-transform:rotate(540deg);-o-transform:rotate(540deg);transform:rotate(540deg)}.splitbtn .options:hover,.splitbutton .options:hover,.splitbutton-save .options:hover,.splitbutton-add .options:hover,.splitbutton-delete .options:hover,.splitbutton-alt .options:hover{box-shadow:none;background:#f8f8f8}.splitbtn .options:hover:before,.splitbutton .options:hover:before,.splitbutton-save .options:hover:before,.splitbutton-add .options:hover:before,.splitbutton-delete .options:hover:before,.splitbutton-alt .options:hover:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}.splitbtn .options:hover:hover,.splitbutton .options:hover:hover,.splitbutton-save .options:hover:hover,.splitbutton-add .options:hover:hover,.splitbutton-delete .options:hover:hover,.splitbutton-alt .options:hover:hover{text-decoration:none}.splitbtn .options.up:hover:before,.splitbutton .options.up:hover:before,.splitbutton-save .options.up:hover:before,.splitbutton-add .options.up:hover:before,.splitbutton-delete .options.up:hover:before,.splitbutton-alt .options.up:hover:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";margin-top:-4px;-webkit-transform:rotate(540deg);-moz-transform:rotate(540deg);-o-transform:rotate(540deg);transform:rotate(540deg);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.6;-moz-transition-duration:0.6;transition-duration:0.6;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;transition-timing-function:ease}.splitbtn .options.up:hover:hover,.splitbutton .options.up:hover:hover,.splitbutton-save .options.up:hover:hover,.splitbutton-add .options.up:hover:hover,.splitbutton-delete .options.up:hover:hover,.splitbutton-alt .options.up:hover:hover{text-decoration:none}.splitbutton .options{color:#777}.splitbutton .options:hover{box-shadow:rgba(0,0,0,0.07) 0 1px 0 inset,rgba(0,0,0,0.07) -1px 0 0 inset,rgba(0,0,0,0.07) 0 -1px 0 inset}.splitbutton-save .options{background:#4598e2}.splitbutton-save .options:hover,.splitbutton-save .options.active{background:#2f8cde}.splitbutton-add .options{background:#91ae47}.splitbutton-add .options:hover{background:#8ba644}.splitbutton-delete .options{background:#de3c25}.splitbutton-delete .options:hover{background:#cf3520}.splitbutton-alt .options{background:#2e3033}.splitbutton-alt .options:hover{background:#242628}table{margin:1.6em 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;background-color:transparent}table th,table td{padding:8px;line-height:20px;text-align:left;vertical-align:middle;border-top:1px solid #edece4}table th{color:#aaa9a2}table caption+thead tr:first-child th,table caption+thead tr:first-child td,table colgroup+thead tr:first-child th,table colgroup+thead tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td{border-top:0}table tbody+tbody{border-top:2px solid #edece4}table table table{background-color:#fff}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:#f7f7f3}table.plain tbody>tr:nth-child(odd)>td,table.plain tbody>tr:nth-child(odd)>th{background:transparent}nav ul{list-style:none;margin:0;padding:0;border-top:#edece4 1px solid}nav li a{display:block;padding:10px 15px;color:#aaa9a2;border-bottom:#edece4 1px solid}nav li a:hover{color:#242628;background:#edece4;text-decoration:none}nav li a:before{margin-right:1em}.ghost-logo{display:block;float:left;height:40px;padding:12px 15px;color:#4d5356;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ghost-logo:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e000";line-height:0}.ghost-logo:hover{text-decoration:none}.ghost-logo:hover{text-decoration:none}.ghost-logo:hover{color:#e2edf2;background:#1f2123}.navbar{height:40px;font-size:0.85em;background:#242628}@media (max-width: 1000px){.navbar{font-weight:normal}}.navbar nav ul{float:left;border-left:#35393b 1px solid;border-top:none}.navbar nav li{float:left;font-size:1em;position:relative;border-right:#35393b 1px solid}.navbar nav li a{display:block;height:40px;padding:11px 15px;border-bottom:none;color:#7d878a;text-transform:uppercase;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.navbar nav li a:hover,.navbar nav li.active a{color:#e2edf2;text-decoration:none;position:relative;background:#303436;box-shadow:0 -2px 2px rgba(0,0,0,0.2) inset}.navbar nav li.active a:after{content:"";position:absolute;bottom:0;left:50%;margin-left:-5px;border-width:0 5px 5px 5px;border-style:solid;border-color:#edece4 transparent;display:block;width:0}@media (max-width: 400px){.navbar nav li.active a:after{border-color:#fff transparent}}.navbar nav li ul{position:absolute;top:40px;right:0;min-width:200px;background:#242628}.navbar nav li li{width:100%;border-right:none}.navbar nav a:before{margin-right:5px}.navbar nav .dashboard a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e025";vertical-align:-10%}.navbar nav .dashboard a:hover{text-decoration:none}.navbar nav .content a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02d"}.navbar nav .content a:hover{text-decoration:none}.navbar nav .editor a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e032"}.navbar nav .editor a:hover{text-decoration:none}.navbar nav .settings a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e029"}.navbar nav .settings a:hover{text-decoration:none}.navbar .subnav{position:relative}.navbar .subnav>a:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";font-size:8px;margin-left:8px}.navbar .subnav>a:hover{text-decoration:none}.navbar .subnav>a.active{color:#e2edf2;background:#2e3133;-webkit-transition:none;-moz-transition:none;transition:none;box-shadow:none}.navbar .subnav ul{display:none;padding:7px 0;border-left:none;position:absolute;top:40px;left:-1px;z-index:800;background:#2e3133;box-shadow:rgba(0,0,0,0.2) 0 4px 6px}.navbar .subnav li a{color:#e2edf2}.navbar .subnav li a:hover{background:#0c0d0d;-webkit-transition:none;-moz-transition:none;transition:none;box-shadow:none}.navbar .subnav li a:before{margin-right:1em}.navbar .subnav .divider{height:1px;margin:7px 0;overflow:hidden;background:#35393b}.usermenu.subnav{position:absolute;top:0;right:0;border-right:none;border-left:#35393b 1px solid}.usermenu.subnav>a{padding-left:43px}.usermenu.subnav .avatar{height:18px;width:18px;border-radius:50px;position:absolute;top:11px;left:15px}.usermenu.subnav>ul{right:0;left:auto}.usermenu.subnav .usermenu-profile a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02e"}.usermenu.subnav .usermenu-profile a:hover{text-decoration:none}.usermenu.subnav .usermenu-help a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02f";font-size:1.1em}.usermenu.subnav .usermenu-help a:hover{text-decoration:none}.usermenu.subnav .usermenu-shortcuts a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e00d"}.usermenu.subnav .usermenu-shortcuts a:hover{text-decoration:none}.usermenu.subnav .usermenu-signout a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02b"}.usermenu.subnav .usermenu-signout a:hover{text-decoration:none}@media (max-width: 650px){#global-header .ghost-logo{height:40px;width:40px;text-align:center;padding:12px 0;-webkit-transition:margin-left 0.3s ease 0s;-moz-transition:margin-left 0.3s ease 0s;transition:margin-left 0.3s ease 0s}#global-header .ghost-logo:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e005";font-size:14px}#global-header .ghost-logo:hover{text-decoration:none}.off-canvas #global-header .ghost-logo{margin-left:280px;-webkit-transition:margin-left 0.3s ease 0.1s;-moz-transition:margin-left 0.3s ease 0.1s;transition:margin-left 0.3s ease 0.1s}#global-header ul{position:fixed;overflow:auto;top:0;right:auto;bottom:0;left:-280px;z-index:980;width:280px;padding-top:40px;font-weight:normal;background:#242628;border-left:none;-webkit-transition:left 0.3s ease 0.2s;-moz-transition:left 0.3s ease 0.2s;transition:left 0.3s ease 0.2s}.off-canvas #global-header ul{left:0;-webkit-transition:left 0.3s ease 0s;-moz-transition:left 0.3s ease 0s;transition:left 0.3s ease 0s}#global-header li{float:none;border-right:none;border-bottom:#35393b 1px solid}#global-header li a:hover,#global-header li.active a{box-shadow:none}#global-header li.active a:after{display:none}#global-header li a:before{margin-right:1em}#global-header li ul{position:static;min-width:0;background:#242628}#global-header li li{width:auto}#global-header .usermenu{position:fixed;top:0;right:auto;bottom:auto;left:-280px;height:40px;z-index:990;width:279px;border-left:none;border-right:#242728 1px solid;border-bottom:#292c2e 1px solid;background-color:#1d1e20;background-image:-webkit-linear-gradient(bottom, #111213, #1d1e20);background-image:-moz-linear-gradient(bottom, #111213, #1d1e20);background-image:-ms-linear-gradient(bottom, #111213, #1d1e20);background-image:linear,to top,#111213,#1d1e20;-webkit-transition:left 0.3s ease 0.2s;-moz-transition:left 0.3s ease 0.2s;transition:left 0.3s ease 0.2s}.off-canvas #global-header .usermenu{left:0;-webkit-transition:left 0.3s ease 0s;-moz-transition:left 0.3s ease 0s;transition:left 0.3s ease 0s}#global-header .usermenu>a:hover{background:inherit}#global-header .usermenu>a.active{background:#2e3133}#global-header .usermenu>ul{padding:0;box-shadow:none;width:100%;font-weight:300}#global-header .usermenu .open{box-shadow:rgba(0,0,0,0.4) 0 10px 20px}#global-header .usermenu li{border-bottom:#2e3133 1px solid}#global-header .usermenu li a{background:#2e3133}#global-header .usermenu li a:hover{background:#222426}#global-header .usermenu li a:before{margin-right:1em}#global-header .usermenu .divider{display:none}}
-.dropdown:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";font-size:8px;padding-left:6px;vertical-align:0}.dropdown:hover{text-decoration:none}.dropdown.active{color:#242628}.dropdown.active:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";font-size:8px}.dropdown.active:hover{text-decoration:none}.menu,.menu-drop,.menu-drop-left,.menu-drop-right,.menu-left,.menu-right,#publish-bar .splitbutton-save .editor-options,#publish-bar .splitbutton-delete .editor-options,.suggestions{display:inline-block;position:absolute;z-index:960;padding:6px 0;border:none;list-style:none;color:#e2edf2;background:#242628;border-radius:3px;box-shadow:rgba(0,0,0,0.5) 0 1px 15px}.menu:before,.menu-drop:before,.menu-drop-left:before,.menu-drop-right:before,.menu-left:before,.menu-right:before,#publish-bar .splitbutton-save .editor-options:before,#publish-bar .splitbutton-delete .editor-options:before,.suggestions:before{content:"";position:absolute;bottom:-10px;left:50%;margin-left:-10px;border-width:10px 10px 0 10px;border-style:solid;border-color:#242628 transparent;display:block;width:0}.menu li,.menu-drop li,.menu-drop-left li,.menu-drop-right li,.menu-left li,.menu-right li,#publish-bar .splitbutton-save .editor-options li,#publish-bar .splitbutton-delete .editor-options li,.suggestions li{overflow:hidden}.menu a,.menu-drop a,.menu-drop-left a,.menu-drop-right a,.menu-left a,.menu-right a,#publish-bar .splitbutton-save .editor-options a,#publish-bar .splitbutton-delete .editor-options a,.suggestions a,.menu p,.menu-drop p,.menu-drop-left p,.menu-drop-right p,.menu-left p,.menu-right p,#publish-bar .splitbutton-save .editor-options p,#publish-bar .splitbutton-delete .editor-options p,.suggestions p{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;position:relative;padding:10px 25px 10px 35px;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#e2edf2 !important;text-transform:none;text-decoration:none}.menu a:hover,.menu-drop a:hover,.menu-drop-left a:hover,.menu-drop-right a:hover,.menu-left a:hover,.menu-right a:hover,#publish-bar .splitbutton-save .editor-options a:hover,#publish-bar .splitbutton-delete .editor-options a:hover,.suggestions a:hover,.menu p:hover,.menu-drop p:hover,.menu-drop-left p:hover,.menu-drop-right p:hover,.menu-left p:hover,.menu-right p:hover,#publish-bar .splitbutton-save .editor-options p:hover,#publish-bar .splitbutton-delete .editor-options p:hover,.suggestions p:hover{background:#5ba4e5;box-shadow:rgba(255,255,255,0.2) 0 1px 0 inset}.menu .active a:before,.menu-drop .active a:before,.menu-drop-left .active a:before,.menu-drop-right .active a:before,.menu-left .active a:before,.menu-right .active a:before,#publish-bar .splitbutton-save .editor-options .active a:before,#publish-bar .splitbutton-delete .editor-options .active a:before,.suggestions .active a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e033";position:absolute;top:14px;left:11px}.menu .active a:hover,.menu-drop .active a:hover,.menu-drop-left .active a:hover,.menu-drop-right .active a:hover,.menu-left .active a:hover,.menu-right .active a:hover,#publish-bar .splitbutton-save .editor-options .active a:hover,#publish-bar .splitbutton-delete .editor-options .active a:hover,.suggestions .active a:hover{text-decoration:none}.menu-drop:before,.menu-drop-left:before,.menu-drop-right:before{top:-10px;bottom:auto;border-width:0 10px 10px 10px}.menu-left:before,.menu-drop-left:before{left:10px;margin-left:0}.menu-right:before,.menu-drop-right:before,#publish-bar .splitbutton-save .editor-options:before,#publish-bar .splitbutton-delete .editor-options:before{left:auto;right:10px;margin-left:0}.post-settings{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;padding:0 10px;color:#7d878a;-webkit-transition:all 0.15s ease-out 0;-moz-transition:all 0.15s ease-out 0;transition:all 0.15s ease-out 0;position:relative;top:1px}.post-settings:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e006";font-size:14px}.post-settings:hover{text-decoration:none}.post-settings:hover,.post-settings.active{color:#242628}.post-settings-menu{padding-top:0;text-transform:none}.post-settings-menu table{margin:0}.post-settings-menu td{padding:0;border-top:none;border-bottom:#414648 1px solid}.post-settings-menu .post-setting-label{padding:8px 10px 8px 15px;border-right:#414648 1px solid;text-align:right}.post-settings-menu .label,.post-settings-menu form label,form .post-settings-menu label{position:static;width:auto;font-weight:normal;color:#7d878a;white-space:nowrap}.post-settings-menu input{width:200px;margin:0}@media (max-width: 550px){.post-settings-menu input{width:200px}}.post-settings-menu input[type="text"]{border:none;padding:8px 0 8px 10px;color:#e2edf2;border-radius:0;background:transparent}.post-settings-menu input[type="text"]:focus{background:#35393b;border:none}.post-settings-menu .post-setting-item{padding:5px 0 0 10px}.post-settings-menu .checkbox{position:relative;margin-top:0;width:18px;border:#4d5356 1px solid;background:#35393b}.post-settings-menu .delete{display:block;padding:10px 15px}.post-settings-menu .delete:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e023";position:relative;top:-1px;margin-right:10px}.post-settings-menu .delete:hover{text-decoration:none}.post-settings-menu .delete:hover{background:#e25440}@media (min-width: 401px), (min-width: 401px){.notifications{position:absolute;bottom:0;left:0;z-index:980;width:300px}}@media (max-width: 400px){.notifications{position:fixed;top:0;left:0;right:0;z-index:9999}}
-.js-bb-notification{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.notification,.notification-success,.notification-error,.notification-warn,.notification-info{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:40px;padding:10px 43px 10px 57px;margin:0 0 15px 0;color:rgba(255,255,255,0.9);background:#5ba4e5;position:relative;box-shadow:rgba(0,0,0,0.05) 0 1px 5px;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.notification:before,.notification-success:before,.notification-error:before,.notification-warn:before,.notification-info:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e031";position:absolute;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%;width:44px;padding:14px 15px;text-align:center;color:rgba(255,255,255,0.8);background:rgba(0,0,0,0.1)}.notification:hover,.notification-success:hover,.notification-error:hover,.notification-warn:hover,.notification-info:hover{text-decoration:none}@media (max-width: 400px){.notification,.notification-success,.notification-error,.notification-warn,.notification-info{margin-bottom:1px}}.notification .close,.notification-success .close,.notification-error .close,.notification-warn .close,.notification-info .close{display:inline-block;color:rgba(255,255,255,0.6);cursor:pointer}.notification .close:after,.notification-success .close:after,.notification-error .close:after,.notification-warn .close:after,.notification-info .close:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e01c";padding:6px;position:absolute;top:8px;right:9px}.notification .close:hover,.notification-success .close:hover,.notification-error .close:hover,.notification-warn .close:hover,.notification-info .close:hover{text-decoration:none}.notification .close:hover,.notification-success .close:hover,.notification-error .close:hover,.notification-warn .close:hover,.notification-info .close:hover{color:#fff}.notification a,.notification-success a,.notification-error a,.notification-warn a,.notification-info a{color:inherit;text-decoration:underline}.notification-success{background:#9fbb58}.notification-success:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e030"}.notification-success:hover{text-decoration:none}.notification-success.notification-passive{-webkit-animation:fade-out 1s linear;-moz-animation:fade-out 1s linear;animation:fade-out 1s linear;-webkit-animation-delay:3s;-moz-animation-delay:3s;animation-delay:3s;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}.notification-error{background:#e25440}.notification-error:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e01a"}.notification-error:hover{text-decoration:none}.notification-warn{background:#f2a925}.notification-warn:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e014"}.notification-warn:hover{text-decoration:none}.notification-info{background:#5ba4e5}.notification-info:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e014"}.notification-info:hover{text-decoration:none}.update-available main{bottom:56px}#modal-container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:auto;overflow-y:scroll;z-index:1040;pointer-events:none;-webkit-transition:all 0.15s linear 0s;-moz-transition:all 0.15s linear 0s;transition:all 0.15s linear 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.fade{opacity:0;-webkit-transition:opacity 0.2s linear 0s;-moz-transition:opacity 0.2s linear 0s;transition:opacity 0.2s linear 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.fade.in{opacity:1}.modal-background{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.4);z-index:1030}.modal,.modal-action{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;left:50%;right:auto;width:450px;margin-left:auto;margin-right:auto;padding-top:30px;padding-bottom:30px;z-index:1050;pointer-events:auto}@media (max-width: 800px){.modal,.modal-action{width:auto;padding:10px}}.modal button,.modal-action button{min-width:100px}@media (max-width: 800px){.modal,.modal-action{width:100%;margin-left:0}}.modal .image-uploader,.modal-action .image-uploader,.modal .pre-image-uploader,.modal-action .pre-image-uploader{margin:0}.modal-action{padding:60px 0 30px}@media (max-width: 800px){.modal-action{padding:30px 0}}
-.modal-content{-webkit-box-sizing:padding-box;-moz-box-sizing:padding-box;box-sizing:padding-box;position:relative;padding:20px;background-clip:padding-box;background-color:#FFFFFF;border-radius:2px;box-shadow:rgba(0,0,0,0.2) 0 0 0 6px}.modal-content .close{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;top:15px;right:15px;width:16px;min-height:16px;padding:0;margin:0;border:none;z-index:9999;-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;transition:opacity 0.3s linear}.modal-content .close:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e034";font-size:1em;color:#7d878a}.modal-content .close:hover{text-decoration:none}.modal-content .close:hover{color:#242628}.modal-header{position:relative;padding:20px;border-bottom:1px solid #edece4}.modal-header h1{display:inline-block;margin:0;font-size:1.5em;font-weight:bold}.modal-body{position:relative;min-height:100px;overflow-y:auto}.modal-footer{margin-top:20px}.modal-style-wide{width:550px}@media (max-width: 800px){.modal-style-wide{width:100%}}
-.modal-style-centered{text-align:center}.image-uploader{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1.6em 0;position:relative;overflow:hidden;padding:55px 60px;border:#edece4 3px dashed;width:100%;height:auto;text-align:center;color:#aaa9a2;background:#F9F8F5}.image-uploader a{color:#aaa9a2;text-decoration:none}.image-uploader a:hover{color:#242628}.image-uploader .description{margin-top:10px}.image-uploader .media:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e011";font-size:60px;color:#e7e6db;display:inline-block;vertical-align:initial;-webkit-transition:transform 1s ease;-moz-transition:transform 1s ease;transition:transform 1s ease}.image-uploader .media:hover{text-decoration:none}.image-uploader .image-url,.image-uploader .image-upload{line-height:12px;padding:10px;display:block;position:absolute;bottom:0;left:0;color:#aaa9a2;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-uploader .image-url:hover,.image-uploader .image-upload:hover{cursor:pointer}.image-uploader .image-webcam:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e036";font-size:12px}.image-uploader .image-webcam:hover{text-decoration:none}.image-uploader .image-url:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e035";font-size:12px}.image-uploader .image-url:hover{text-decoration:none}.image-uploader .image-upload:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e011";font-size:12px}.image-uploader .image-upload:hover{text-decoration:none}.image-uploader .button-add{display:inline-block;position:relative;z-index:700;color:#fff;padding-left:5px}.image-uploader .button-save{margin:0 0 0 10px}.image-uploader input.main{position:absolute;right:0;margin:0;opacity:0;-webkit-transform-origin:right;-moz-transform-origin:right;-o-transform-origin:right;transform-origin:right;-webkit-transform:scale(14);-moz-transform:scale(14);-o-transform:scale(14);transform:scale(14);font-size:23px;direction:ltr;cursor:pointer}.image-uploader input.main.right{right:9999px;height:0}.image-uploader input.url{font:-webkit-small-control;box-sizing:border-box;width:276px;vertical-align:middle;padding:9px 7px;margin:10px 0;outline:0;font-size:1.1em;background:#fff;border:#e3e1d5 1px solid;border-radius:4px;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out}.image-uploader .progress{position:relative;margin:-19px 0 44px 0;display:block;overflow:hidden;background-color:#f5f5f5;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5),color-stop(100%, #f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);border-radius:12px;box-shadow:rgba(0,0,0,0.1) 0 1px 2px inset}.image-uploader .fileupload-loading{display:block;top:50%;width:35px;height:28px;margin:-28px auto 0;background-size:contain}.image-uploader .failed{position:relative;top:-40px;font-size:16px}.image-uploader .bar{height:12px;background:#5ba4e5}.image-uploader .bar.fail{background:#e25440}.pre-image-uploader{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1.6em 0;position:relative;overflow:hidden;height:auto;color:#aaa9a2;background:rgba(0,0,0,0.1);border-radius:2px;min-height:46px}.pre-image-uploader input{position:absolute;left:9999px;opacity:0}.pre-image-uploader a{z-index:10000;color:#aaa9a2;text-decoration:none}.pre-image-uploader a:hover{color:#242628}.pre-image-uploader img{display:block;max-width:100%;margin:0 auto;line-height:0}.pre-image-uploader .image-cancel{position:absolute;top:10px;right:10px;padding:8px;z-index:300;color:#fff;text-decoration:none;line-height:0;border-radius:2px;background:rgba(0,0,0,0.6);box-shadow:rgba(255,255,255,0.2) 0 0 0 1px}.pre-image-uploader .image-cancel:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e023";font-size:11px}.pre-image-uploader .image-cancel:hover{text-decoration:none}.pre-image-uploader .image-cancel:hover{color:#fff;cursor:pointer;background:#e25440}.manage .content-view-container{position:relative;height:100%;width:100%}@media (max-width: 800px){.manage .content-view-container{overflow-x:hidden}}.manage .content-list{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:35%;padding:15px;position:absolute;bottom:0;top:0;left:0;border-right:#edece4 2px solid;background:#fff;box-shadow:rgba(0,0,0,0.05) 0 1px 5px}@media (max-width: 800px){.manage .content-list{width:auto;right:0;z-index:500;border:none}}.manage .content-list .content-filter{position:relative;z-index:300}.manage .content-list .content-filter>a{padding:5px;margin-left:-5px}.manage .content-list .content-filter .menu-drop,.manage .content-list .content-filter .menu-drop-left,.manage .content-list .content-filter .menu-drop-right{display:block}.manage .content-list .button-add{position:absolute;top:10px;right:15px;z-index:700;color:#fff;padding-left:5px}.manage .content-list .button-add:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e032"}.manage .content-list .button-add:hover{text-decoration:none}.manage .content-list .content-list-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding-top:40px}.manage .content-list .entry-title{font-size:1.4em;line-height:1.1em;margin-bottom:0.5em;font-weight:normal}.manage .content-list .views{float:right;text-align:right;margin-left:15px}.manage .content-list .views:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e025";font-size:10px;color:#aaa9a2}.manage .content-list .views:hover{text-decoration:none}@media (max-width: 800px){.manage .content-list .views{float:none}}.manage .content-list .featured .status:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e026";font-size:11px;margin-right:10px;vertical-align:7%}.manage .content-list .featured .status:hover{text-decoration:none}.manage .content-list .status .draft{color:#e25440}.manage .content-list .status .scheduled{color:#f2a925}.manage .content-list ol{list-style:none;padding:0;margin:0;border-top:#edece4 1px solid}.manage .content-list ol li{margin:0;padding:0;border-bottom:#edece4 1px solid;position:relative}.manage .content-list ol li a{display:block;padding:20px 15px;color:#aaa9a2}@media (max-width: 400px){.manage .content-list ol li a{padding:15px}}@media (max-width: 800px){.manage .content-list ol li a{padding-right:40px}}.manage .content-list ol li a:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e01d";position:absolute;top:50%;margin-top:-6px;right:15px}.manage .content-list ol li a:hover{text-decoration:none}@media (min-width: 800px), (min-width: 800px){.manage .content-list ol li a::after{display:none}}.manage .content-list ol li a:hover{text-decoration:none}@media (min-width: 800px), (min-width: 800px){.manage .content-list ol li.active{border-bottom:#e8eaeb 1px solid;background:#f6f6f7;box-shadow:#e8eaeb 0 -1px 0,rgba(0,0,0,0.06) 7px 0 0 inset,#e8eaeb 1px 0 0 inset}.manage .content-list ol li.active a:hover{box-shadow:rgba(0,0,0,0.1) 7px 0 0 inset;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}.manage .content-list ol li.active .entry-title{font-weight:bold}.manage .content-list ol li.active .entry-meta{color:#242628}.manage .content-list ol li.active .views{color:#242628;font-weight:normal}.manage .content-list ol li.active .views:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e025";font-size:10px;color:#242628}.manage .content-list ol li.active .views:hover{text-decoration:none}}.manage .content-preview{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:65%;padding:15px;position:absolute;bottom:0;top:0;right:0;border-left:#edece4 2px solid;background:#fff;box-shadow:rgba(0,0,0,0.05) 0 1px 5px}@media (max-width: 800px){.manage .content-preview{width:auto;left:100%;right:-100%;margin-left:15px;border:none}}.manage .content-preview .unfeatured{vertical-align:-6%;margin:0 7px 0 -5px;padding:5px}.manage .content-preview .unfeatured:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e027";font-size:14px}.manage .content-preview .unfeatured:hover{text-decoration:none}.manage .content-preview .featured{vertical-align:-6%;margin:0 7px 0 -5px;padding:5px}.manage .content-preview .featured:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e026";font-size:14px}.manage .content-preview .featured:hover{text-decoration:none}.manage .content-preview .normal{text-transform:none;margin:0 3px}.manage .content-preview .content-preview-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding:80px 40px;word-break:break-word;hyphens:auto}.manage .content-preview .content-preview-content .wrapper{max-width:700px;margin:0 auto}.manage .content-preview .post-controls{float:right;position:relative}.manage .content-preview .post-settings-menu{position:absolute;top:35px;right:-3px}.manage .content-preview .post-edit{margin-right:7px;padding:5px}.manage .content-preview .post-edit:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e00f";font-size:14px}.manage .content-preview .post-edit:hover{text-decoration:none}.manage .content-preview img{width:100%;height:auto}.manage .no-posts-box{position:relative;height:90%;margin:0px auto;padding:0px;display:table;z-index:600}@media (max-width: 800px){.manage .no-posts-box{position:fixed;top:45%;left:50%}}.manage .no-posts-box .no-posts{vertical-align:middle;display:table-cell;text-align:center}@media (max-width: 800px){.manage .no-posts-box .no-posts{display:block;position:relative;left:-50%}}.manage .no-posts-box .no-posts h3{color:#aaa9a2;font-weight:200;font-size:2em}@media (min-width: 401px), (min-width: 401px){.editor .notifications{bottom:40px}}.editor .entry-title{height:53px;padding:2px 15px;margin-bottom:5px;position:relative}@media (max-width: 400px){.editor .entry-title{box-shadow:none}}.editor .entry-title input{border:0;margin:0;padding:0;font-size:3em;font-weight:bold;letter-spacing:-1px;width:100%;background:transparent}.editor .entry-title input:focus{outline:0}.editor .entry-container{position:relative;height:100%}.editor .entry-markdown{left:0;border-right:#edece4 2px solid}.editor .entry-preview{right:0;border-left:#edece4 2px solid}.editor .entry-markdown,.editor .entry-preview{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:50%;padding:15px;position:absolute;bottom:40px;top:61px;background:#fff;box-shadow:rgba(0,0,0,0.05) 0 1px 5px}@media (max-width: 400px){.editor .entry-markdown,.editor .entry-preview{box-shadow:none}}@media (max-width: 1000px){.editor .entry-markdown,.editor .entry-preview{top:109px;left:0;right:0;width:100%;border:none;z-index:100;min-height:380px}.editor .entry-markdown .markdown,.editor .entry-markdown .entry-preview-content,.editor .entry-preview .markdown,.editor .entry-preview .entry-preview-content{height:50px;overflow:hidden}}@media (max-width: 1000px){.editor .entry-markdown .floatingheader,.editor .entry-preview .floatingheader{cursor:pointer;width:50%;border-right:#edece4 2px solid;color:#fff;font-weight:normal;background:#aaa9a2;position:absolute;top:-40px;left:0;box-shadow:rgba(0,0,0,0.1) 0 -2px 3px inset}.editor .entry-markdown .floatingheader a,.editor .entry-preview .floatingheader a{color:#fff}}.editor .entry-markdown .floatingheader a,.editor .entry-preview .floatingheader a{color:#aaa9a2}.editor .entry-markdown .floatingheader .markdown-help,.editor .entry-preview .floatingheader .markdown-help{position:relative;top:-5px;right:-5px;float:right;padding:5px}.editor .entry-markdown .floatingheader .markdown-help:before,.editor .entry-preview .floatingheader .markdown-help:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e018";color:#cfceca}.editor .entry-markdown .floatingheader .markdown-help:hover,.editor .entry-preview .floatingheader .markdown-help:hover{text-decoration:none}.editor .entry-markdown .floatingheader .markdown-help:hover:before,.editor .entry-preview .floatingheader .markdown-help:hover:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e018";color:#aaa9a2}.editor .entry-markdown .floatingheader .markdown-help:hover:hover,.editor .entry-preview .floatingheader .markdown-help:hover:hover{text-decoration:none}.editor .entry-markdown .floatingheader .entry-word-count,.editor .entry-preview .floatingheader .entry-word-count{float:right}.editor .entry-markdown.active,.editor .entry-preview.active{z-index:200}.editor .entry-markdown.active .markdown,.editor .entry-markdown.active .entry-preview-content,.editor .entry-preview.active .markdown,.editor .entry-preview.active .entry-preview-content{height:auto;overflow:auto}@media (max-width: 1000px){.editor .entry-markdown.active header,.editor .entry-preview.active header{cursor:auto;color:#aaa9a2;background:#fff;box-shadow:none}.editor .entry-markdown.active header a,.editor .entry-preview.active header a{color:#aaa9a2}}@media (max-width: 400px){.editor .entry-markdown .markdown-help,.editor .entry-markdown .entry-word-count,.editor .entry-preview .markdown-help,.editor .entry-preview .entry-word-count{display:none}}.editor .entry-markdown-content textarea{border:0;width:100%;height:100%;max-width:100%;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0}.editor .entry-markdown-content textarea:focus{outline:0}.editor .entry-markdown-content .CodeMirror{height:auto;position:absolute;top:0;left:0;right:0;bottom:0;font-family:Inconsolata,monospace;font-size:1.4em;line-height:1.3em;color:#3c4043}.editor .entry-markdown-content .CodeMirror .CodeMirror-focused,.editor .entry-markdown-content .CodeMirror .CodeMirror-selected{color:#242628;background:#b3d5f3;text-shadow:none}.editor .entry-markdown-content .CodeMirror ::selection{color:#242628;background:#b3d5f3;text-shadow:none}.editor .entry-markdown-content .CodeMirror-lines{padding:65px 0 40px 0}@media (max-width: 1000px){.editor .entry-markdown-content .CodeMirror-lines{padding-top:25px}}@media (max-width: 400px){.editor .entry-markdown-content .CodeMirror-lines{padding:15px 0}}.editor .entry-markdown-content .CodeMirror pre{padding:0 40px}@media (max-width: 400px){.editor .entry-markdown-content .CodeMirror pre{padding:0 15px}}.editor .entry-markdown-content .cm-header{color:#000;font-size:1.4em;line-height:1.4em;font-weight:bold}.editor .entry-markdown-content .cm-variable-2,.editor .entry-markdown-content .cm-variable-3,.editor .entry-markdown-content .cm-keyword{color:#3c4043}.editor .entry-markdown-content .cm-string,.editor .entry-markdown-content .cm-strong,.editor .entry-markdown-content .cm-link,.editor .entry-markdown-content .cm-comment,.editor .entry-markdown-content .cm-quote,.editor .entry-markdown-content .cm-number,.editor .entry-markdown-content .cm-atom,.editor .entry-markdown-content .cm-tag{color:#000;font-weight:bold}@media (max-width: 1000px){.editor .entry-preview .floatingheader{right:0;left:auto;border-right:none;border-left:#edece4 2px solid}}.editor .entry-preview .entry-preview-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:60px 40px 40px 40px;overflow:auto;word-break:break-word;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}@media (max-width: 1000px){.editor .entry-preview .entry-preview-content{padding-top:20px}}@media (max-width: 400px){.editor .entry-preview .entry-preview-content{padding:15px}}@media (max-width: 1000px){.editor .scrolling .floatingheader{box-shadow:none}}@media (max-width: 1000px){.editor .scrolling .floatingheader::before,.editor .scrolling .floatingheader::after{display:none}}@media (max-width: 1000px){.editor .scrolling .CodeMirror-scroll,.editor .scrolling .entry-preview-content{box-shadow:0 5px 5px rgba(0,0,0,0.05) inset}}
-.entry-preview-content,.content-preview-content{font-size:1.4em;line-height:1.5em}.entry-preview-content a,.content-preview-content a{color:#5ba4e5;text-decoration:underline}.entry-preview-content p,.content-preview-content p{margin:1.2em 0 1.6em}.entry-preview-content p:first-child,.content-preview-content p:first-child{margin-top:0}.entry-preview-content h1,.content-preview-content h1{font-size:3em}.entry-preview-content h2,.content-preview-content h2{font-size:2.2em}.entry-preview-content h3,.content-preview-content h3{font-size:1.8em}.entry-preview-content .btn,.entry-preview-content .button,.entry-preview-content button,.entry-preview-content input[type="button"],.entry-preview-content .button-save,.entry-preview-content input[type="submit"],.entry-preview-content .button-add,.entry-preview-content .button-delete,.entry-preview-content input[type="reset"],.entry-preview-content .button-alt,.entry-preview-content .button-link,.entry-preview-content .button-back,.content-preview-content .btn,.content-preview-content .button,.content-preview-content button,.content-preview-content input[type="button"],.content-preview-content .button-save,.content-preview-content input[type="submit"],.content-preview-content .button-add,.content-preview-content .button-delete,.content-preview-content input[type="reset"],.content-preview-content .button-alt,.content-preview-content .button-link,.content-preview-content .button-back{text-decoration:none;color:#35393b}.entry-preview-content .img-placeholder,.content-preview-content .img-placeholder{border:5px dashed #35393b;height:100px;position:relative}.entry-preview-content .img-placeholder span,.content-preview-content .img-placeholder span{display:block;height:30px;position:absolute;margin-top:-15px;top:50%;width:100%;text-align:center}.entry-preview-content a.image-edit,.content-preview-content a.image-edit{width:16px;height:16px}.entry-preview-content img,.content-preview-content img{max-width:100%;height:auto;margin:0 auto}body.zen{background:#f3f2ed}body.zen .usermenu{display:none}body.zen #global-header,body.zen #publish-bar{opacity:0;height:0;overflow:hidden;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out}body.zen main{top:15px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out}body.zen .entry-markdown,body.zen .entry-preview{bottom:0;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out}#publish-bar{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:40px;padding:0;color:#7d878a;background:#1a1c1d;position:fixed;bottom:0;left:0;right:0;z-index:900;box-shadow:0 -2px 8px rgba(0,0,0,0.2);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}@media (max-width: 1000px){#publish-bar{font-weight:normal}}#publish-bar .post-settings:hover,#publish-bar .post-settings.active{color:#e2edf2}#publish-bar .post-settings-menu{position:absolute;bottom:44px;right:-3px}#publish-bar button{min-height:30px;height:30px;line-height:12px;padding:0 10px;margin-top:5px;border-top:rgba(255,255,255,0.4) 1px solid}#publish-bar .button-link{border-top:none}#publish-bar .options{width:30px;min-height:30px;height:30px;margin-top:5px;box-shadow:rgba(255,255,255,0.4) 0 1px 0 inset}#publish-bar .splitbutton-save .button-save,#publish-bar .splitbutton-save .button-delete,#publish-bar .splitbutton-delete .button-save,#publish-bar .splitbutton-delete .button-delete{-webkit-transition:width 0.25s ease,background-color 0.3s linear;-moz-transition:width 0.25s ease,background-color 0.3s linear;transition:width 0.25s ease,background-color 0.3s linear}#publish-bar .splitbutton-save .editor-options,#publish-bar .splitbutton-delete .editor-options{bottom:140%;right:-3%}#publish-bar .splitbutton-save .editor-options a,#publish-bar .splitbutton-delete .editor-options a{font-size:14px}.extended-tags{position:static;min-height:100%}.extended-tags #entry-tags:after{right:10px}.extended-tags .tags{width:281px}.extended-tags .tag-label,.extended-tags .tag-label.touch{color:#fff}.extended-tags .tag-input{width:100%;margin-top:5px;padding-top:5px;padding-left:10px;border-top:1px solid #242628}.extended-tags .right{display:none}#entry-tags{position:absolute;top:0;left:0;right:0;bottom:0;text-transform:none;padding:10px 0 0 0}#entry-tags:after{content:"";position:fixed;top:10px;right:270px;width:20px;height:26px;background-color:rgba(26,28,29,0);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(26,28,29,0)),color-stop(100%, #1a1c1d));background-image:-webkit-linear-gradient(left, rgba(26,28,29,0),#1a1c1d);background-image:linear-gradient(to right,rgba(26,28,29,0),#1a1c1d);z-index:9999;pointer-events:none}@media (max-width: 400px){#entry-tags:after{right:161px}}#entry-tags .tags{position:relative;display:inline-block;vertical-align:middle;width:auto;max-width:80%;max-width:calc(100% - 320px);height:26px;padding-left:5px;padding-bottom:20px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;-webkit-transition:width 0.2s linear;-moz-transition:width 0.2s linear;transition:width 0.2s linear}@media (max-width: 400px){#entry-tags .tags{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;width:115px;max-width:inherit;padding-bottom:0}}#entry-tags .tag-label{display:block;float:left;padding:1px 8px 0 8px;-webkit-transition:all 0.15s ease-out 0;-moz-transition:all 0.15s ease-out 0;transition:all 0.15s ease-out 0}#entry-tags .tag-label:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e003"}#entry-tags .tag-label:hover{text-decoration:none}#entry-tags .tag-label:hover{cursor:pointer;color:#e2edf2}#entry-tags .tag-label.touch{color:inherit}#entry-tags input[type="text"].tag-input{display:inline-block;padding:0;vertical-align:top;color:#e2edf2;font-weight:300;background:transparent;border:none}#entry-tags input[type="text"].tag-input:focus{outline:none}#entry-tags .tag{display:inline;margin-right:5px;padding:0 5px;color:#e2edf2;white-space:nowrap;background:#596063;border-radius:2px;box-shadow:rgba(255,255,255,0.2) 0 1px 0 inset,#000 0 1px 3px;-webkit-user-select:none;-moz-user-select:none;user-select:none}#entry-tags .tag:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e034";font-size:8px;color:#242628;margin-left:4px;vertical-align:10%;text-shadow:rgba(255,255,255,0.15) 0 1px 0;-webkit-transition:all 0.15s ease-out 0;-moz-transition:all 0.15s ease-out 0;transition:all 0.15s ease-out 0}#entry-tags .tag:hover{text-decoration:none}#entry-tags .tag:hover{cursor:pointer}#entry-tags .tag:hover:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e034";font-size:8px;color:#e2edf2;margin-left:4px;vertical-align:10%;text-shadow:none}#entry-tags .tag:hover:hover{text-decoration:none}.suggestions{bottom:100%}.suggestions li.selected{background:#5ba4e5;box-shadow:rgba(255,255,255,0.2) 0 1px 0 inset,rgba(0,0,0,0.5) 0 1px 5px}.suggestions li a{padding-left:25px}.suggestions mark{background:none;color:white;font-weight:bold}#entry-controls{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;position:relative;padding:0;z-index:1}#entry-controls.unsaved .post-settings-menu{padding-bottom:0}#entry-controls.unsaved .post-settings-menu .post-setting:nth-child(3) td{border-bottom:none}#entry-controls.unsaved .post-settings-menu .delete{display:none}#entry-actions{margin-right:6px;position:relative}#entry-actions-menu{position:absolute;bottom:50px;right:-5px}.markdown-help-container{padding-bottom:20px}.modal-markdown-help-table{margin-top:0}.CodeMirror{font-family:monospace;height:300px}.CodeMirror-scroll{overflow:auto}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-scrollbar-filler{background-color:white}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7}.CodeMirror div.CodeMirror-cursor{border-left:1px solid black;z-index:3}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-tab{display:inline-block}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable{color:black}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-property{color:black}.cm-s-default .cm-operator{color:black}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-error{color:#f00}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:bold}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-invalidchar{color:#f00}.CodeMirror{line-height:1;position:relative;overflow:hidden;background:white;color:black}.CodeMirror-scroll{margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;padding-right:30px;height:100%;outline:none;position:relative}.CodeMirror-sizer{position:relative}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0;z-index:6}.CodeMirror-gutters{position:absolute;left:0;top:0;height:100%;padding-bottom:30px;z-index:3}.CodeMirror-lines{cursor:text}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-wrap .CodeMirror-scroll{overflow-x:hidden}.CodeMirror-measure{position:absolute;width:100%;height:0px;overflow:hidden;visibility:hidden}.CodeMirror-measure pre{position:static}.CodeMirror div.CodeMirror-cursor{position:absolute;visibility:hidden;border-right:none;width:0}.CodeMirror-focused div.CodeMirror-cursor{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror span{*vertical-align:text-bottom}@media print{.CodeMirror div.CodeMirror-cursor{visibility:hidden}}.ghost-login,.ghost-signup,.ghost-forgotten,.ghost-reset{color:#7d878a;background:#242628}@media (max-width: 400px){.ghost-login,.ghost-signup,.ghost-forgotten,.ghost-reset{background:#242628}}.ghost-login main,.ghost-signup main,.ghost-forgotten main,.ghost-reset main{top:15px}.ghost-login input:-webkit-autofill,.ghost-signup input:-webkit-autofill,.ghost-forgotten input:-webkit-autofill,.ghost-reset input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #e2edf2 inset !important}.login-box,.signup-box,.forgotten-box,.reset-box{max-width:530px;height:90%;margin:0 auto;padding:0;display:table}@media (max-width: 630px){.login-box,.signup-box,.forgotten-box,.reset-box{max-width:264px;text-align:center}}
-.login-form{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:530px;color:#a5acae;display:table-cell;vertical-align:middle}@media (max-width: 630px){.login-form{max-width:264px}}.login-form div{position:relative;margin:0 0 5px 0;background:#3c4043;float:left}@media (max-width: 630px){.login-form div{margin-bottom:1em}}.login-form input{display:inline-block;clear:both;margin:0;padding:8px 0 8px 8px;width:216px;position:relative;border:none;color:#fff;font-size:1.1em;font-weight:200;background:transparent;box-shadow:none;-webkit-transition:background ease 0.25s;-moz-transition:background ease 0.25s;transition:background ease 0.25s}@media (max-width: 630px){.login-form input{width:264px;-webkit-transition:none;-moz-transition:none;transition:none}}.login-form input:focus{border:none;background:#484c50}.login-form .email-wrap{position:relative;margin-right:3px;border-radius:2px 0 0 2px}.login-form .email-wrap:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e012";font-size:12px;position:absolute;bottom:11px;left:8px;z-index:100}.login-form .email-wrap:hover{text-decoration:none}@media (max-width: 630px){.login-form .email-wrap{margin-right:0;border-radius:2px}}.login-form .email-wrap .email{padding-left:28px;border-radius:2px 0 0 2px}.login-form .password-wrap{position:relative;border-radius:0 2px 2px 0}.login-form .password-wrap:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02c";font-size:10px;position:absolute;bottom:12px;left:11px;z-index:100}.login-form .password-wrap:hover{text-decoration:none}@media (max-width: 630px){.login-form .password-wrap{border-radius:2px}}.login-form .password-wrap .password{padding-left:28px;border-radius:0 2px 2px 0}.login-form button{width:85px;height:36px;margin:0 0 0 10px;padding:0.5em 1.37em;min-height:30px;min-width:80px;box-shadow:rgba(255,255,255,0.15) 0 1px 0 inset}@media (max-width: 630px){.login-form button{margin:0;width:100%;margin-bottom:1em}}.login-form .meta{clear:both;color:#7d878a}.login-form a{color:#646d70;font-size:0.9em}.login-form a:hover{color:#8a9396;text-decoration:none}.signup-form,.reset-form{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:280px;color:#a5acae;display:table-cell;vertical-align:middle}@media (max-width: 630px){.signup-form,.reset-form{width:264px}}.signup-form div,.reset-form div{position:relative;margin:0 0 1em 0;background:#3c4043;float:left;display:table}.signup-form input,.reset-form input{margin:0;width:280px;padding:8px 10px;position:relative;border:none;color:#fff;font-size:1.1em;font-weight:200;background:transparent;box-shadow:none;-webkit-transition:background ease 0.25s;-moz-transition:background ease 0.25s;transition:background ease 0.25s}@media (max-width: 630px){.signup-form input,.reset-form input{-webkit-transition:none;-moz-transition:none;transition:none;width:264px}}.signup-form input:focus,.reset-form input:focus{border:none;background:#484c50}.signup-form .name-wrap,.reset-form .name-wrap{position:relative;border-radius:2px}.signup-form .name-wrap .name,.reset-form .name-wrap .name{border-radius:2px}.signup-form .email-wrap,.reset-form .email-wrap{position:relative;border-radius:2px}.signup-form .email-wrap .email,.reset-form .email-wrap .email{border-radius:2px}.signup-form .password-wrap,.reset-form .password-wrap{position:relative;border-radius:2px}.signup-form .password-wrap .password,.reset-form .password-wrap .password{border-radius:2px}.signup-form button,.reset-form button{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:36px;margin:0 0 1em 0;padding:0.5em 1.37em;min-height:30px;min-width:80px;box-shadow:rgba(255,255,255,0.15) 0 1px 0 inset}.forgotten-form{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:280px;color:#a5acae;display:table-cell;vertical-align:middle}.forgotten-form div{position:relative;margin:0 0 1em 0;background:#3c4043;float:left}.forgotten-form input{margin:0;padding:8px 10px;position:relative;border:none;color:#fff;font-size:1.1em;font-weight:200;background:transparent;box-shadow:none;-webkit-transition:background ease 0.25s;-moz-transition:background ease 0.25s;transition:background ease 0.25s}.forgotten-form input:focus{border:none;background:#484c50}.forgotten-form .email-wrap{width:100%;position:relative;border-radius:2px}.forgotten-form .email-wrap .email{border-radius:2px}.forgotten-form button{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:36px;margin:0 0 1em 0;padding:0.5em 1.37em;min-height:30px;min-width:80px;box-shadow:rgba(255,255,255,0.15) 0 1px 0 inset}.error-content{max-width:530px;margin:0 auto;padding:0;display:table;height:100%}@media (max-width: 630px){.error-content{max-width:264px;text-align:center}}
+html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}::-moz-selection{color:#242628;background:#b3d5f3;text-shadow:none}::selection{color:#242628;background:#b3d5f3;text-shadow:none}.darkgrey-bg{background:#242628}.darkgrey{color:#242628}.grey-bg{background:#35393b}.grey{color:#35393b}.midgrey-bg{background:#7d878a}.midgrey{color:#7d878a}.lightgrey-bg{background:#e2edf2}.lightgrey{color:#e2edf2}.brown-bg{background:#aaa9a2}.brown{color:#aaa9a2}.midbrown-bg{background:#c0bfb6}.midbrown{color:#c0bfb6}.lightbrown-bg{background:#edece4}.lightbrown{color:#edece4}.blue-bg{background:#5ba4e5}.blue{color:#5ba4e5}.red-bg{background:#e25440}.red{color:#e25440}.orange-bg{background:#f2a925}.orange{color:#f2a925}.green-bg{background:#9fbb58}.green{color:#9fbb58}body{width:100%;background:#edece4}.clearfix:after{content:"";display:table;clear:both}.wrapper{position:relative}.right{float:right}.left{float:left}.box,.editor .entry-title{padding:15px;margin-bottom:15px;background:#fff;position:relative;box-shadow:rgba(0,0,0,0.05) 0 1px 5px}.box header,.editor .entry-title header{height:14px;border-bottom:1px solid #edece4;padding-bottom:15px;margin-bottom:15px;text-transform:uppercase;font-size:0.85em;color:#aaa9a2}.box footer,.editor .entry-title footer{height:14px;border-top:1px solid #edece4;padding-top:10px;margin-top:15px;text-transform:uppercase;font-size:0.85em;color:#aaa9a2}.box header a,.editor .entry-title header a,.box footer a,.editor .entry-title footer a{color:#aaa9a2}.box header a:hover,.editor .entry-title header a:hover,.box footer a:hover,.editor .entry-title footer a:hover{color:#242628;text-decoration:none}main{position:absolute;top:55px;right:15px;bottom:0;left:15px;padding:0}@media (max-width: 400px){main{top:40px;left:0;right:0}}
+.invisible{visibility:hidden}.hidden,.visuallyhidden,.screen-reader-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@-webkit-keyframes off-canvas{from{opacity:0}to{opacity:1}}@-moz-keyframes off-canvas{from{opacity:0}to{opacity:1}}@keyframes off-canvas{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@-moz-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}@font-face{font-family:'Icons';src:url("../fonts/icons.eot");src:url("../fonts/icons.eot?#iefix") format("embedded-opentype"),url("../fonts/icons.woff") format("woff"),url("../fonts/icons.ttf") format("truetype"),url("../fonts/icons.svg#icons") format("svg");font-weight:normal;font-style:normal}[class*=icon-]:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased}[class*=icon-]:hover{text-decoration:none}.icon-ghost:before{content:"\e000"}.icon-chevron-down:before{content:"\e001"}.icon-users:before{content:"\e002"}.icon-tag:before{content:"\e003"}.icon-tablet:before{content:"\e004"}.icon-menu:before{content:"\e005"}.icon-settings:before{content:"\e006"}.icon-search:before{content:"\e007"}.icon-search-left:before{content:"\e008"}.icon-rss:before{content:"\e009"}.icon-preview:before{content:"\e00a"}.icon-app:before{content:"\e00b"}.icon-pin:before{content:"\e00c"}.icon-pc:before{content:"\e00d"}.icon-pacman:before{content:"\e00e"}.icon-edit:before{content:"\e00f"}.icon-mobile:before{content:"\e010"}.icon-image:before{content:"\e011"}.icon-mail:before{content:"\e012"}.icon-list:before{content:"\e013"}.icon-info:before{content:"\e014"}.icon-home:before{content:"\e015"}.icon-grid:before{content:"\e016"}.icon-fullscreen:before{content:"\e017"}.icon-question:before{content:"\e018"}.icon-external:before{content:"\e019"}.icon-error:before{content:"\e01a"}.icon-comments:before{content:"\e01b"}.icon-close:before{content:"\e01c"}.icon-chevron:before{content:"\e01d"}.icon-calendar:before{content:"\e01e"}.icon-archive:before{content:"\e01f"}.icon-services:before{content:"\e020"}.icon-appearance:before{content:"\e021"}.icon-video:before{content:"\e022"}.icon-trash:before{content:"\e023"}.icon-reply:before{content:"\e024"}.icon-stats:before{content:"\e025"}.icon-featured:before{content:"\e026"}.icon-unfeatured:before{content:"\e027"}.icon-clock:before{content:"\e028"}.icon-settings2:before{content:"\e029"}.icon-camera:before{content:"\e036"}.icon-power:before{content:"\e02b"}.icon-lock:before{content:"\e02c"}.icon-content:before{content:"\e02d"}.icon-user:before{content:"\e02e"}.icon-support:before{content:"\e02f"}.icon-success:before{content:"\e030"}.icon-notification:before{content:"\e031"}.icon-add:before{content:"\e032"}.icon-check:before{content:"\e033"}.icon-x:before{content:"\e034"}.icon-link:before{content:"\e035"}.icon-camera:before{content:"\e036"}.icon-repost:before{content:"\e037"}.icon-weather-rain:before{content:"\e038"}.icon-weather-sun:before{content:"\e039"}.icon-weather-partial:before{content:"\e03a"}.icon-weather-snow:before{content:"\e03b"}.icon-weather-cloudy:before{content:"\e03c"}.icon-lightning:before{content:"\e03d"}.button,button,input[type="button"],.button-save,button[type="submit"],input[type="submit"],.button-add,.button-delete,button[type="reset"],input[type="reset"],.button-alt,.button-info,.button-link,.button-back{min-height:35px;width:auto;display:inline-block;padding:0.9em 1.37em;cursor:pointer;text-decoration:none;color:#fff;font-size:11px;line-height:13px;font-weight:300;text-align:center;letter-spacing:1px;text-transform:uppercase;text-shadow:none;border-radius:0.2em;border:rgba(0,0,0,0.05) 0.1em solid;-webkit-transition:background 0.3s ease,border-color 0.3s ease;-moz-transition:background 0.3s ease,border-color 0.3s ease;transition:background 0.3s ease,border-color 0.3s ease}.button:hover,button:hover,input[type="button"]:hover,.button-save:hover,input[type="submit"]:hover,.button-add:hover,.button-delete:hover,input[type="reset"]:hover,.button-alt:hover,.button-info:hover,.button-link:hover,.button-back:hover,.hover.button,button.hover,input.hover[type="button"],.hover.button-save,input.hover[type="submit"],.hover.button-add,.hover.button-delete,input.hover[type="reset"],.hover.button-alt,.hover.button-info,.hover.button-link,.hover.button-back{will-change:border-color, background;border-color:transparent;background:#f8f8f8;text-decoration:none}.button:active,button:active,input[type="button"]:active,.button-save:active,input[type="submit"]:active,.button-add:active,.button-delete:active,input[type="reset"]:active,.button-alt:active,.button-info:active,.button-link:active,.button-back:active,.active.button,button.active,input.active[type="button"],.active.button-save,input.active[type="submit"],.active.button-add,.active.button-delete,input.active[type="reset"],.active.button-alt,.active.button-info,.active.button-link,.active.button-back{box-shadow:rgba(0,0,0,0.3) 0 1px 3px inset}.button:disabled,button:disabled,input[type="button"]:disabled,.button-save:disabled,input[type="submit"]:disabled,.button-add:disabled,.button-delete:disabled,input[type="reset"]:disabled,.button-alt:disabled,.button-info:disabled,.button-link:disabled,.button-back:disabled{opacity:0.5;cursor:not-allowed}.large.button,button.large,input.large[type="button"],.large.button-save,input.large[type="submit"],.large.button-add,.large.button-delete,input.large[type="reset"],.large.button-alt,.large.button-info,.large.button-link,.large.button-back{padding:1em 1.8em;font-size:14px;line-height:16px}[class*='icon-'].button,button[class*='icon-'],input[class*='icon-'][type="button"],[class*='icon-'].button-save,input[class*='icon-'][type="submit"],[class*='icon-'].button-add,[class*='icon-'].button-delete,input[class*='icon-'][type="reset"],[class*='icon-'].button-alt,[class*='icon-'].button-info,[class*='icon-'].button-link,[class*='icon-'].button-back{position:relative;padding-left:calc(1.37em + 36px)}[class*='icon-'].button:before,button[class*='icon-']:before,input[class*='icon-'][type="button"]:before,[class*='icon-'].button-save:before,input[class*='icon-'][type="submit"]:before,[class*='icon-'].button-add:before,[class*='icon-'].button-delete:before,input[class*='icon-'][type="reset"]:before,[class*='icon-'].button-alt:before,[class*='icon-'].button-info:before,[class*='icon-'].button-link:before,[class*='icon-'].button-back:before{position:absolute;top:0;left:0;bottom:0;width:35px;font-size:13px;line-height:35px;border-right:1px solid rgba(36,38,40,0.1);opacity:0.95}[class*='icon-'].large.button,button[class*='icon-'].large,input[class*='icon-'].large[type="button"],[class*='icon-'].large.button-save,input[class*='icon-'].large[type="submit"],[class*='icon-'].large.button-add,[class*='icon-'].large.button-delete,input[class*='icon-'].large[type="reset"],[class*='icon-'].large.button-alt,[class*='icon-'].large.button-info,[class*='icon-'].large.button-link,[class*='icon-'].large.button-back{padding-left:calc(1.8em + 46px)}[class*='icon-'].large.button:before,button[class*='icon-'].large:before,input[class*='icon-'].large[type="button"]:before,[class*='icon-'].large.button-save:before,input[class*='icon-'].large[type="submit"]:before,[class*='icon-'].large.button-add:before,[class*='icon-'].large.button-delete:before,input[class*='icon-'].large[type="reset"]:before,[class*='icon-'].large.button-alt:before,[class*='icon-'].large.button-info:before,[class*='icon-'].large.button-link:before,[class*='icon-'].large.button-back:before{width:46px;line-height:46px;font-size:17px}.button,button,input[type="button"]{color:#777;font-weight:normal;background:#eee;box-shadow:none}.button:hover,button:hover,input[type="button"]:hover{border-color:rgba(0,0,0,0.1)}.button-save,button[type="submit"],input[type="submit"]{background:#5ba4e5;box-shadow:none}.button-save:hover,button[type="submit"]:hover,input[type="submit"]:hover{background:#2f8cde}.button-add{background:#9fbb58}.button-add:hover{background:#8ba644}.button-delete,button[type="reset"],input[type="reset"]{background:#e25440;box-shadow:none}.button-delete:hover,button[type="reset"]:hover,input[type="reset"]:hover{background:#cf3520}.button-alt{background:#3c4043}.button-alt:hover{background:#242628}.button-alt[class*='icon-']:before{border-right-color:#3c4043}.button-info{background:#A1ADB3}.button-info:hover{background:#bdc6ca}.button-link{color:#5ba4e5;background:transparent;border:none}.button-link:hover{background:transparent;text-decoration:underline}.button-back{position:absolute;top:20px;left:20px;margin-right:30px;padding:0.5em 1.37em 0.5em 1.10em;display:none;color:#fff;background:#5ba4e5;border:none;border-top-left-radius:0;border-bottom-left-radius:0}.button-back:before{content:' ';position:absolute;top:0;left:-10px;width:0;height:0;border-width:18px 10px 18px 0;border-color:transparent #5ba4e5 transparent transparent;border-style:solid solid solid none;-webkit-transform:scale(0.9999);-moz-transform:scale(0.9999);-ms-transform:scale(0.9999);-o-transform:scale(0.9999);transform:scale(0.9999);-webkit-transition:border-color 0.3s ease;-moz-transition:border-color 0.3s ease;transition:border-color 0.3s ease}.button-back:hover{color:#fff;background:#2f8cde;border-color:#2f8cde}.button-back:hover:before{border-right-color:#2f8cde}.splitbutton,.splitbutton-save,.splitbutton-add,.splitbutton-delete,.splitbutton-alt{display:inline-block;position:relative;font-size:0;white-space:nowrap}.splitbutton button,.splitbutton-save button,.splitbutton-add button,.splitbutton-delete button,.splitbutton-alt button{font-size:11px;border-top-right-radius:0;border-bottom-right-radius:0}.splitbutton .options,.splitbutton-save .options,.splitbutton-add .options,.splitbutton-delete .options,.splitbutton-alt .options{display:inline-block;position:relative;width:35px;height:35px;margin-left:-1px;vertical-align:top;text-align:center;color:#fff;background:#e5e5e5;border-radius:0 2px 2px 0;box-shadow:rgba(0,0,0,0.02) 0 1px 0 inset,rgba(0,0,0,0.02) -1px 0 0 inset,rgba(0,0,0,0.02) 0 -1px 0 inset;-webkit-transition:background-color 0.3s linear;-moz-transition:background-color 0.3s linear;transition:background-color 0.3s linear}.splitbutton .options:before,.splitbutton-save .options:before,.splitbutton-add .options:before,.splitbutton-delete .options:before,.splitbutton-alt .options:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";font-size:9px;position:absolute;top:50%;right:50%;margin-top:-3px;margin-right:-5px;-webkit-transition:margin-top 0.3s ease;-moz-transition:margin-top 0.3s ease;transition:margin-top 0.3s ease;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3;-moz-transition-duration:0.3;transition-duration:0.3;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;transition-timing-function:ease}.splitbutton .options:hover,.splitbutton-save .options:hover,.splitbutton-add .options:hover,.splitbutton-delete .options:hover,.splitbutton-alt .options:hover{text-decoration:none}.splitbutton .options.active:before,.splitbutton-save .options.active:before,.splitbutton-add .options.active:before,.splitbutton-delete .options.active:before,.splitbutton-alt .options.active:before{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}.splitbutton .options.up.active:before,.splitbutton-save .options.up.active:before,.splitbutton-add .options.up.active:before,.splitbutton-delete .options.up.active:before,.splitbutton-alt .options.up.active:before{margin-top:-4px;-webkit-transform:rotate(540deg);-moz-transform:rotate(540deg);-ms-transform:rotate(540deg);-o-transform:rotate(540deg);transform:rotate(540deg)}.splitbutton .options:hover,.splitbutton-save .options:hover,.splitbutton-add .options:hover,.splitbutton-delete .options:hover,.splitbutton-alt .options:hover{will-change:box-shadow, background;box-shadow:none;background:#f8f8f8}.splitbutton .options:hover:before,.splitbutton-save .options:hover:before,.splitbutton-add .options:hover:before,.splitbutton-delete .options:hover:before,.splitbutton-alt .options:hover:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";will-change:transform;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}.splitbutton .options:hover:hover,.splitbutton-save .options:hover:hover,.splitbutton-add .options:hover:hover,.splitbutton-delete .options:hover:hover,.splitbutton-alt .options:hover:hover{text-decoration:none}.splitbutton .options.up:hover:before,.splitbutton-save .options.up:hover:before,.splitbutton-add .options.up:hover:before,.splitbutton-delete .options.up:hover:before,.splitbutton-alt .options.up:hover:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";margin-top:-4px;-webkit-transform:rotate(540deg);-moz-transform:rotate(540deg);-ms-transform:rotate(540deg);-o-transform:rotate(540deg);transform:rotate(540deg);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.6;-moz-transition-duration:0.6;transition-duration:0.6;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;transition-timing-function:ease}.splitbutton .options.up:hover:hover,.splitbutton-save .options.up:hover:hover,.splitbutton-add .options.up:hover:hover,.splitbutton-delete .options.up:hover:hover,.splitbutton-alt .options.up:hover:hover{text-decoration:none}.splitbutton .options{color:#777}.splitbutton .options:hover{box-shadow:rgba(0,0,0,0.07) 0 1px 0 inset,rgba(0,0,0,0.07) -1px 0 0 inset,rgba(0,0,0,0.07) 0 -1px 0 inset}.splitbutton-save .options{background:#4598e2}.splitbutton-save .options:hover,.splitbutton-save .options.active{background:#2f8cde}.splitbutton-add .options{background:#91ae47}.splitbutton-add .options:hover{background:#8ba644}.splitbutton-delete .options{background:#de3c25}.splitbutton-delete .options:hover{background:#cf3520}.splitbutton-alt .options{background:#2e3033}.splitbutton-alt .options:hover{background:#242628}html{font:normal 81.2%/1.65 "Open Sans", sans-serif}body{color:#242628;font-weight:300}h1,h2,h3,h4,h5,h6{color:#242628;text-rendering:optimizeLegibility;line-height:1;margin-top:0}h2{padding-top:0.8em;margin-top:0.8em;border-top:#edece4 1px solid}h1 a:hover{text-decoration:none;box-shadow:#5ba4e5 0 -5px 0 inset}h2 a:hover{text-decoration:none;box-shadow:#5ba4e5 0 -4px 0 inset}h3 a:hover{text-decoration:none;box-shadow:#5ba4e5 0 -3px 0 inset}h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none;box-shadow:#5ba4e5 0 -1px 0 inset}hgroup{margin:1.6em 0}hgroup h1,hgroup h2,hgroup h3,hgroup h4,hgroup h5,hgroup h6{padding:0;margin:0;border:none;margin-bottom:5px}hgroup h1 a,hgroup h2 a,hgroup h3 a,hgroup h4 a,hgroup h5 a,hgroup h6 a{color:#242628}hgroup h1 a:hover,hgroup h2 a:hover,hgroup h3 a:hover,hgroup h4 a:hover,hgroup h5 a:hover,hgroup h6 a:hover{box-shadow:#242628 0 -1px 0 inset}hgroup h1:nth-child(n+2),hgroup h2:nth-child(n+2),hgroup h3:nth-child(n+2),hgroup h4:nth-child(n+2),hgroup h5:nth-child(n+2),hgroup h6:nth-child(n+2){font-size:1.8em;font-weight:300;color:#aaa9a2}p,ul,ol{margin:1.6em 0}ol ol,ul ul,ul ol,ol ul{margin:0.4em 0}mark{background-color:#ffc336}.markdown,pre,code,tt{font-family:Inconsolata,monospace}code,tt{font-size:0.85em;white-space:pre-wrap;background:#f1f0ea;border:1px solid #dddbcc;border-radius:2px;padding:1px 3px}pre{margin:1.6em 0;background:#f1f0ea;border:1px solid #dddbcc;width:100%;padding:10px;font-family:Inconsolata,monospace;font-size:0.9em;white-space:pre;overflow:auto;border-radius:3px}pre code,pre tt{font-size:inherit;white-space:-moz-pre-wrap;white-space:pre-wrap;background:transparent;border:none;padding:0}kbd{display:inline-block;margin-bottom:0.4em;padding:1px 8px;border:#ccc 1px solid;color:#242628;text-shadow:#fff 0 1px 0;font-size:0.9em;font-weight:bold;background:#f4f4f4;border-radius:4px;box-shadow:0 1px 0 rgba(0,0,0,0.2),0 1px 0 0 #fff inset}a{color:#5ba4e5;text-decoration:none;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}a:hover{text-decoration:underline}a.highlight{color:#f2a925;font-weight:bold}hr{display:block;height:1px;border:0;border-top:1px solid #edece4;margin:3.2em 0;padding:0}blockquote{margin:1.6em 0;padding:0 1.6em 0 1.6em;border-left:#edece4 0.6em solid}blockquote p{margin:0.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:0.8em 0 0.8em 1.5em;font-size:0.9em;color:#aaa9a2}blockquote small:before{content:'\2014 \00A0'}blockquote cite{font-weight:bold}blockquote cite a{font-weight:normal}dl{margin:1.6em 0}dl dt{float:left;width:180px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;margin-bottom:1em}dl dd{margin-left:200px;margin-bottom:1em}.table,table{margin:1.6em 0;width:100%;max-width:100%;background-color:transparent}.table th,table th,.table td,table td{padding:8px;line-height:20px;text-align:left;vertical-align:middle}.table th,.table td{border-top:1px solid #edece4}.table th{color:#aaa9a2}.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0}.table tbody+tbody{border-top:2px solid #edece4}.table table table{background-color:#fff}.table tbody>tr:nth-child(odd)>td,.table tbody>tr:nth-child(odd)>th{background-color:#f7f7f3}.table.plain tbody>tr:nth-child(odd)>td,.table.plain tbody>tr:nth-child(odd)>th{background:transparent}.label,form label{display:inline-block;position:absolute;top:0.5em;left:0;width:120px;font-weight:bold;color:#aaa9a2;text-align:right}@media (max-width: 550px){.label,form label{display:block;position:relative;top:auto;left:auto;width:auto;margin-bottom:5px;text-align:left}}
+form p{max-width:400px;color:#9e9d95;font-size:1em;margin:0}.form-group{position:relative;margin:1.5em 0;padding-left:140px}@media (max-width: 550px){.form-group{padding-left:0}}
+fieldset{border:none;margin:0 0 3em 0;padding:0}legend{display:block;width:100%;margin:2em 0;border-bottom:#edece4 1px solid;font-size:1.2em;line-height:2.0em;color:#aaa9a2}input,textarea,select{width:280px;padding:5px 7px;margin:0;outline:0;font-size:1.1em;line-height:1.4em;background:#fff;border:#e3e1d5 1px solid;border-radius:2px;-webkit-transition:border-color 0.15s ease-in-out;-moz-transition:border-color 0.15s ease-in-out;transition:border-color 0.15s ease-in-out}@media (max-width: 550px){input,textarea,select{width:100%}}
+textarea{width:100%;max-width:340px;min-width:250px;height:auto;min-height:6.5em}input,select,textarea{margin-bottom:5px}input[type="text"]:focus,input[type="email"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,textarea:focus{border:#aaa9a2 1px solid;background:#fff;outline:none;outline-width:0}select{width:270px;height:30px;line-height:30px}@media (max-width: 550px){select{width:100%}}
+@-moz-document url-prefix(){select{height:auto}}input[type="checkbox"]{display:none}.checkbox{position:relative;top:auto;margin-top:0.5em;display:inline-block;width:18px;height:18px;cursor:pointer;border-radius:2px;background:#f7f7f3;border:#e3e1d5 1px solid;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}.checkbox:after{opacity:0;content:"";position:absolute;width:10px;height:6px;top:5px;left:4px;border:3px solid #fff;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}input[type=checkbox]:checked+.checkbox{background:#9fbb58;border:#b4ca7c}input[type=checkbox]:checked+.checkbox:after{opacity:1}.floatingheader{position:absolute;top:0;left:0;right:0;z-index:400;height:40px;padding:10px 15px;text-transform:uppercase;color:#aaa9a2;background-color:transparent;background-image:-webkit-linear-gradient(top, #fff 0%,#fff 25%,rgba(255,255,255,0.9) 100%);background-image:linear-gradient(to bottom,#fff 0%,#fff 25%,rgba(255,255,255,0.9) 100%)}.floatingheader button,.floatingheader .button{display:inline-block;font-size:10px;min-height:20px;height:20px;padding:3px 4px;vertical-align:top}.floatingheader button.button-back,.floatingheader .button.button-back{position:relative;top:-2px;left:3px;display:none;padding:0 6px 0 3px}.floatingheader button.button-back:active,.floatingheader .button.button-back:active{box-shadow:none}.floatingheader button.button-back:before,.floatingheader .button.button-back:before{left:-8px;border-width:10px 8px 10px 0}@media (max-width: 800px){.floatingheader button.button-back,.floatingheader .button.button-back{display:inline-block}}.floatingheader small{font-size:0.85em}.floatingheader a{color:#aaa9a2}.floatingheader a:hover{color:#242628}.scrolling .floatingheader{box-shadow:rgba(0,0,0,0.02) 0 1px 2px,rgba(255,255,255,0.5) 0 -1px 0 inset}.scrolling .floatingheader:before{content:"";height:40px;width:80%;position:absolute;bottom:0;left:50%;margin-left:-40%;box-shadow:rgba(0,0,0,0.02) 0 2px 2px}.scrolling .floatingheader:after{content:"";height:40px;width:30%;position:absolute;bottom:0;left:50%;margin-left:-15%;box-shadow:rgba(0,0,0,0.02) 0 3px 3px}#modal-container{display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:auto;overflow-y:scroll;z-index:1040;pointer-events:none;-webkit-transition:all 0.15s linear 0s;-moz-transition:all 0.15s linear 0s;transition:all 0.15s linear 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.fade{opacity:0;-webkit-transition:opacity 0.2s linear 0s;-moz-transition:opacity 0.2s linear 0s;transition:opacity 0.2s linear 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.fade.in{opacity:1}.modal-background{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.6);z-index:1030}.modal,.modal-action{left:50%;right:auto;width:450px;margin-left:auto;margin-right:auto;padding-top:30px;padding-bottom:30px;z-index:1050;pointer-events:auto}@media (max-width: 800px){.modal,.modal-action{width:auto;padding:10px}}.modal button,.modal-action button{min-width:100px}@media (max-width: 800px){.modal,.modal-action{width:100%;margin-left:0}}.modal .image-uploader,.modal-action .image-uploader,.modal .pre-image-uploader,.modal-action .pre-image-uploader{margin:0}.modal-action{padding:60px 0 30px}@media (max-width: 800px){.modal-action{padding:30px 0}}
+.modal-content{position:relative;padding:20px;background-clip:padding-box;background-color:#FFFFFF;border-radius:2px;box-shadow:rgba(0,0,0,0.2) 0 0 0 6px}.modal-content .close{position:absolute;top:15px;right:15px;width:16px;min-height:16px;padding:0;margin:0;border:none;z-index:9999;-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;transition:opacity 0.3s linear}.modal-content .close:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e034";font-size:1em;color:#7d878a}.modal-content .close:hover{text-decoration:none}.modal-content .close:hover{color:#242628}.modal-header{position:relative;padding:20px;border-bottom:1px solid #edece4}.modal-header h1{display:inline-block;margin:0;font-size:1.5em;font-weight:bold}.modal-body{position:relative;min-height:100px;overflow-y:auto}.modal-footer{margin-top:20px}.modal-style-wide{width:550px}@media (max-width: 800px){.modal-style-wide{width:100%}}
+.modal-style-centered{text-align:center}.dropdown:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";font-size:8px;padding-left:6px;vertical-align:0}.dropdown:hover{text-decoration:none}.dropdown.active{color:#242628}.dropdown.active:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";font-size:8px}.dropdown.active:hover{text-decoration:none}.menu,.menu-drop,.menu-drop-left,.menu-drop-right,.menu-left,.menu-right,#publish-bar .splitbutton-save .editor-options,#publish-bar .splitbutton-delete .editor-options,.suggestions{display:inline-block;position:absolute;z-index:960;padding:6px 0;border:none;list-style:none;color:#e2edf2;background:#242628;border-radius:3px;box-shadow:rgba(0,0,0,0.5) 0 1px 15px}.menu:before,.menu-drop:before,.menu-drop-left:before,.menu-drop-right:before,.menu-left:before,.menu-right:before,#publish-bar .splitbutton-save .editor-options:before,#publish-bar .splitbutton-delete .editor-options:before,.suggestions:before{content:"";position:absolute;bottom:-10px;left:50%;margin-left:-10px;border-width:10px 10px 0 10px;border-style:solid;border-color:#242628 transparent;display:block;width:0}.menu li,.menu-drop li,.menu-drop-left li,.menu-drop-right li,.menu-left li,.menu-right li,#publish-bar .splitbutton-save .editor-options li,#publish-bar .splitbutton-delete .editor-options li,.suggestions li{overflow:hidden}.menu a,.menu-drop a,.menu-drop-left a,.menu-drop-right a,.menu-left a,.menu-right a,#publish-bar .splitbutton-save .editor-options a,#publish-bar .splitbutton-delete .editor-options a,.suggestions a,.menu p,.menu-drop p,.menu-drop-left p,.menu-drop-right p,.menu-left p,.menu-right p,#publish-bar .splitbutton-save .editor-options p,#publish-bar .splitbutton-delete .editor-options p,.suggestions p{display:block;position:relative;padding:10px 25px 10px 35px;border:none;color:#e2edf2 !important;text-transform:none;text-decoration:none}.menu a:hover,.menu-drop a:hover,.menu-drop-left a:hover,.menu-drop-right a:hover,.menu-left a:hover,.menu-right a:hover,#publish-bar .splitbutton-save .editor-options a:hover,#publish-bar .splitbutton-delete .editor-options a:hover,.suggestions a:hover,.menu p:hover,.menu-drop p:hover,.menu-drop-left p:hover,.menu-drop-right p:hover,.menu-left p:hover,.menu-right p:hover,#publish-bar .splitbutton-save .editor-options p:hover,#publish-bar .splitbutton-delete .editor-options p:hover,.suggestions p:hover{background:#5ba4e5;box-shadow:rgba(255,255,255,0.2) 0 1px 0 inset}.menu .active a:before,.menu-drop .active a:before,.menu-drop-left .active a:before,.menu-drop-right .active a:before,.menu-left .active a:before,.menu-right .active a:before,#publish-bar .splitbutton-save .editor-options .active a:before,#publish-bar .splitbutton-delete .editor-options .active a:before,.suggestions .active a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e033";position:absolute;top:14px;left:11px}.menu .active a:hover,.menu-drop .active a:hover,.menu-drop-left .active a:hover,.menu-drop-right .active a:hover,.menu-left .active a:hover,.menu-right .active a:hover,#publish-bar .splitbutton-save .editor-options .active a:hover,#publish-bar .splitbutton-delete .editor-options .active a:hover,.suggestions .active a:hover{text-decoration:none}.menu-drop:before,.menu-drop-left:before,.menu-drop-right:before{top:-10px;bottom:auto;border-width:0 10px 10px 10px}.menu-left:before,.menu-drop-left:before{left:10px;margin-left:0}.menu-right:before,.menu-drop-right:before,#publish-bar .splitbutton-save .editor-options:before,#publish-bar .splitbutton-delete .editor-options:before{left:auto;right:10px;margin-left:0}.post-settings{display:inline-block;padding:0 10px;color:#7d878a;-webkit-transition:all 0.15s ease-out 0s;-moz-transition:all 0.15s ease-out 0s;transition:all 0.15s ease-out 0s;position:relative;top:1px;cursor:pointer}.post-settings:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e006";font-size:14px}.post-settings:hover{text-decoration:none}.post-settings:hover,.post-settings.active{color:#242628}.post-settings-menu{padding-top:0;text-transform:none}.post-settings-menu table{margin:0}.post-settings-menu td{padding:0;border-top:none;border-bottom:#414648 1px solid}.post-settings-menu .post-setting-label{padding:8px 10px 8px 15px;border-right:#414648 1px solid;text-align:right}.post-settings-menu .label,.post-settings-menu form label,form .post-settings-menu label{position:static;width:auto;font-weight:normal;color:#7d878a;white-space:nowrap}.post-settings-menu input{width:200px;margin:0}@media (max-width: 550px){.post-settings-menu input{width:200px}}.post-settings-menu input[type="text"]{border:none;padding:8px 0 8px 10px;color:#e2edf2;border-radius:0;background:transparent}.post-settings-menu input[type="text"]:focus{background:#35393b;border:none}.post-settings-menu .post-setting-item{padding:5px 0 0 10px}.post-settings-menu .checkbox{position:relative;margin-top:0;width:18px;border:#4d5356 1px solid;background:#35393b}.post-settings-menu .delete{display:block;padding:10px 15px;cursor:pointer}.post-settings-menu .delete:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e023";position:relative;top:-1px;margin-right:10px}.post-settings-menu .delete:hover{text-decoration:none}.post-settings-menu .delete:hover{background:#e25440}@media (min-width: 401px){.notifications{position:absolute;bottom:0;left:0;z-index:980;width:300px}}@media (max-width: 400px){.notifications{position:fixed;top:0;left:0;right:0;z-index:9999}}
+.js-bb-notification{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.notification,.notification-success,.notification-error,.notification-warn,.notification-info{width:100%;min-height:40px;padding:10px 43px 10px 57px;margin:0 0 15px 0;color:rgba(255,255,255,0.9);background:#5ba4e5;position:relative;box-shadow:rgba(0,0,0,0.05) 0 1px 5px;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.notification:before,.notification-success:before,.notification-error:before,.notification-warn:before,.notification-info:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e031";position:absolute;top:0;left:0;height:100%;width:44px;padding:14px 15px;text-align:center;color:rgba(255,255,255,0.8);background:rgba(0,0,0,0.1)}.notification:hover,.notification-success:hover,.notification-error:hover,.notification-warn:hover,.notification-info:hover{text-decoration:none}@media (max-width: 400px){.notification,.notification-success,.notification-error,.notification-warn,.notification-info{margin-bottom:1px}}.notification .close,.notification-success .close,.notification-error .close,.notification-warn .close,.notification-info .close{display:inline-block;color:rgba(255,255,255,0.6);cursor:pointer}.notification .close:after,.notification-success .close:after,.notification-error .close:after,.notification-warn .close:after,.notification-info .close:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e01c";padding:6px;position:absolute;top:8px;right:9px}.notification .close:hover,.notification-success .close:hover,.notification-error .close:hover,.notification-warn .close:hover,.notification-info .close:hover{text-decoration:none}.notification .close:hover,.notification-success .close:hover,.notification-error .close:hover,.notification-warn .close:hover,.notification-info .close:hover{color:#fff}.notification a,.notification-success a,.notification-error a,.notification-warn a,.notification-info a{color:inherit;text-decoration:underline}.notification-success{background:#9fbb58}.notification-success:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e030"}.notification-success:hover{text-decoration:none}.notification-success.notification-passive{-webkit-animation:fade-out 1s linear;-moz-animation:fade-out 1s linear;animation:fade-out 1s linear;-webkit-animation-delay:3s;-moz-animation-delay:3s;animation-delay:3s;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}.notification-error{background:#e25440}.notification-error:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e01a"}.notification-error:hover{text-decoration:none}.notification-warn{background:#f2a925}.notification-warn:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e014"}.notification-warn:hover{text-decoration:none}.notification-info{background:#5ba4e5}.notification-info:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e014"}.notification-info:hover{text-decoration:none}.update-available main{bottom:56px}.object-list+.object-list{margin-top:34px}.object-list-title{font-size:13px;font-weight:normal;color:#c0bfb6;margin-bottom:14px}.object-list-item{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-moz-box-pack:start;box-pack:start;-webkit-justify-content:start;-moz-justify-content:start;-ms-justify-content:start;-o-justify-content:start;justify-content:start;-ms-flex-pack:start;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;padding-left:15px;padding-right:15px;border-top:1px solid #edece4;min-height:68px}.object-list-item:hover{background:#f7f7f3}.object-list-item:last-child:hover{box-shadow:inset 0px -1px 0px #edece4}.object-list-item-icon{width:35px;height:35px;display:block;border-radius:100%;background:#edece4;font-size:0px;color:transparent;overflow:hidden;position:relative}.object-list-item-icon:before{position:absolute;top:50%;left:0;right:0;margin-top:-7px;text-align:center;color:#aaa9a2;font-size:14px}.object-list-item-figure{width:35px;border-radius:100%;display:block;border:1px solid #979797}.object-list-item-body{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;-webkit-box-align:stretch;-moz-box-align:stretch;box-align:stretch;-webkit-align-items:stretch;-moz-align-items:stretch;-ms-align-items:stretch;-o-align-items:stretch;align-items:stretch;-ms-flex-align:stretch;padding-left:15px;line-height:1}.object-list-item-body .name{display:inline-block;font-size:15px;font-weight:400;color:#242628}.object-list-item-body .description{display:inline-block;font-size:12px;color:#c0bfb6;margin-top:3px}.object-list-item-aside .object-list-action+.object-list-action{margin-left:20px}.object-list-item-aside .role-label+.role-label{margin-left:5px}.object-list-action{font-size:11px;text-transform:uppercase;text-decoration:underline}.role-label{background:#eee;display:inline-block;padding-left:8px;padding-right:8px;color:rgba(0,0,0,0.5);font-size:9px;line-height:20px;text-transform:uppercase;letter-spacing:0.1em;font-weight:400}.role-label.owner,.role-label.admin,.role-label.editor{color:rgba(255,255,255,0.7)}.role-label.owner{background:#242628}.role-label.admin{background:#e25440}.role-label.editor{background:#5ba4e5}.image-uploader{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1.6em 0;position:relative;overflow:hidden;padding:55px 60px;border:#edece4 3px dashed;width:100%;height:auto;text-align:center;color:#aaa9a2;background:#F9F8F5}.image-uploader a{color:#aaa9a2;text-decoration:none}.image-uploader a:hover{color:#242628}.image-uploader .description{margin-top:10px}.image-uploader .media:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e011";font-size:60px;color:#e7e6db;display:inline-block;vertical-align:initial;-webkit-transition:-webkit-transform 1s ease;-moz-transition:-moz-transform 1s ease;transition:transform 1s ease}.image-uploader .media:hover{text-decoration:none}.image-uploader .image-url,.image-uploader .image-upload{line-height:12px;padding:10px;display:block;position:absolute;bottom:0;left:0;color:#aaa9a2;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.image-uploader .image-url:hover,.image-uploader .image-upload:hover{cursor:pointer}.image-uploader .image-webcam:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e036";font-size:12px}.image-uploader .image-webcam:hover{text-decoration:none}.image-uploader .image-url:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e035";font-size:12px}.image-uploader .image-url:hover{text-decoration:none}.image-uploader .image-upload:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e011";font-size:12px}.image-uploader .image-upload:hover{text-decoration:none}.image-uploader .button-add{display:inline-block;position:relative;z-index:700;color:#fff;padding-left:5px}.image-uploader .button-save{margin:0 0 0 10px}.image-uploader input.main{position:absolute;right:0;margin:0;opacity:0;-webkit-transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;-o-transform-origin:right;transform-origin:right;-webkit-transform:scale(14);-moz-transform:scale(14);-ms-transform:scale(14);-o-transform:scale(14);transform:scale(14);font-size:23px;direction:ltr;cursor:pointer}.image-uploader input.main.right{right:9999px;height:0}.image-uploader input.url{font:-webkit-small-control;box-sizing:border-box;width:276px;vertical-align:middle;padding:9px 7px;margin:10px 0;outline:0;font-size:1.1em;background:#fff;border:#e3e1d5 1px solid;border-radius:4px;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out}.image-uploader .progress{position:relative;margin:-19px 0 44px 0;display:block;overflow:hidden;background-color:#f5f5f5;background-image:-webkit-linear-gradient(top, #f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);border-radius:12px;box-shadow:rgba(0,0,0,0.1) 0 1px 2px inset}.image-uploader .fileupload-loading{display:block;top:50%;width:35px;height:28px;margin:-28px auto 0;background-size:contain}.image-uploader .failed{position:relative;top:-40px;font-size:16px}.image-uploader .bar{height:12px;background:#5ba4e5}.image-uploader .bar.fail{background:#e25440}.pre-image-uploader{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1.6em 0;position:relative;overflow:hidden;height:auto;color:#aaa9a2;background:rgba(0,0,0,0.1);border-radius:2px;min-height:46px}.pre-image-uploader input{position:absolute;left:9999px;opacity:0}.pre-image-uploader a{z-index:10000;color:#aaa9a2;text-decoration:none}.pre-image-uploader a:hover{color:#242628}.pre-image-uploader img{display:block;max-width:100%;margin:0 auto;line-height:0}.pre-image-uploader .image-cancel{position:absolute;top:10px;right:10px;padding:8px;z-index:300;color:#fff;text-decoration:none;line-height:0;border-radius:2px;background:rgba(0,0,0,0.6);box-shadow:rgba(255,255,255,0.2) 0 0 0 1px}.pre-image-uploader .image-cancel:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e023";font-size:11px}.pre-image-uploader .image-cancel:hover{text-decoration:none}.pre-image-uploader .image-cancel:hover{color:#fff;cursor:pointer;background:#e25440}.ghost-logo{display:block;float:left;height:40px;padding:12px 15px;color:#4d5356;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ghost-logo:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e000";line-height:0}.ghost-logo:hover{text-decoration:none}.ghost-logo:hover{text-decoration:none}.ghost-logo:hover{color:#e2edf2;background:#1f2123}.navbar{height:40px;font-size:0.85em;background:#242628}@media (max-width: 1000px){.navbar{font-weight:normal}}.navbar nav ul{float:left;border-left:#35393b 1px solid;border-top:none;margin:0;padding:0}.navbar nav li{float:left;font-size:1em;position:relative;border-right:#35393b 1px solid}.navbar nav li a{display:block;height:40px;padding:11px 15px;border-bottom:none;color:#7d878a;text-transform:uppercase;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.navbar nav li a:hover,.navbar nav li.active a{color:#e2edf2;text-decoration:none;position:relative;background:#303436;box-shadow:0 -2px 2px rgba(0,0,0,0.2) inset}.navbar nav li.active a:after{content:"";position:absolute;bottom:0;left:50%;margin-left:-5px;border-width:0 5px 5px 5px;border-style:solid;border-color:#edece4 transparent;display:block;width:0}@media (max-width: 400px){.navbar nav li.active a:after{border-color:#fff transparent}}.navbar nav li ul{position:absolute;top:40px;right:0;min-width:200px;background:#242628}.navbar nav li li{width:100%;border-right:none}.navbar nav a:before{margin-right:5px}.navbar nav .dashboard a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e025";vertical-align:-10%}.navbar nav .dashboard a:hover{text-decoration:none}.navbar nav .content a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02d"}.navbar nav .content a:hover{text-decoration:none}.navbar nav .editor a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e032"}.navbar nav .editor a:hover{text-decoration:none}.navbar nav .settings a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e029"}.navbar nav .settings a:hover{text-decoration:none}.navbar .subnav{position:relative}.navbar .subnav>a:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";font-size:8px;margin-left:8px}.navbar .subnav>a:hover{text-decoration:none}.navbar .subnav>a.active{color:#e2edf2;background:#2e3133;-webkit-transition:none;-moz-transition:none;transition:none;box-shadow:none}.navbar .subnav ul{display:none;padding:7px 0;border-left:none;position:absolute;top:40px;left:-1px;z-index:800;background:#2e3133;box-shadow:rgba(0,0,0,0.2) 0 4px 6px}.navbar .subnav li{list-style:none}.navbar .subnav li a{color:#e2edf2}.navbar .subnav li a:hover{background:#0c0d0d;-webkit-transition:none;-moz-transition:none;transition:none;box-shadow:none}.navbar .subnav li a:before{margin-right:1em}.navbar .subnav .divider{height:1px;margin:7px 0;overflow:hidden;background:#35393b}.usermenu.subnav{position:absolute;top:0;right:0;border-right:none;border-left:#35393b 1px solid}.usermenu.subnav>a{padding-left:43px}.usermenu.subnav .avatar{height:18px;width:18px;border-radius:50px;position:absolute;top:11px;left:15px}.usermenu.subnav>ul{right:0;left:auto}.usermenu.subnav .usermenu-profile a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02e"}.usermenu.subnav .usermenu-profile a:hover{text-decoration:none}.usermenu.subnav .usermenu-help a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02f";font-size:1.1em}.usermenu.subnav .usermenu-help a:hover{text-decoration:none}.usermenu.subnav .usermenu-shortcuts a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e00d"}.usermenu.subnav .usermenu-shortcuts a:hover{text-decoration:none}.usermenu.subnav .usermenu-signout a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02b"}.usermenu.subnav .usermenu-signout a:hover{text-decoration:none}@media (max-width: 650px){#global-header .ghost-logo{height:40px;width:40px;text-align:center;padding:12px 0;-webkit-transition:margin-left 0.3s ease 0s;-moz-transition:margin-left 0.3s ease 0s;transition:margin-left 0.3s ease 0s}#global-header .ghost-logo:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e005";font-size:14px}#global-header .ghost-logo:hover{text-decoration:none}.off-canvas #global-header .ghost-logo{margin-left:280px;-webkit-transition:margin-left 0.3s ease 0.1s;-moz-transition:margin-left 0.3s ease 0.1s;transition:margin-left 0.3s ease 0.1s}#global-header ul{position:fixed;overflow:auto;top:0;right:auto;bottom:0;left:-280px;z-index:980;width:280px;padding-top:40px;font-weight:normal;background:#242628;border-left:none;-webkit-transition:left 0.3s ease 0.2s;-moz-transition:left 0.3s ease 0.2s;transition:left 0.3s ease 0.2s}.off-canvas #global-header ul{left:0;-webkit-transition:left 0.3s ease 0s;-moz-transition:left 0.3s ease 0s;transition:left 0.3s ease 0s}#global-header li{float:none;border-right:none;border-bottom:#35393b 1px solid}#global-header li a:hover,#global-header li.active a{box-shadow:none}#global-header li.active a:after{display:none}#global-header li a:before{margin-right:1em}#global-header li ul{position:static;min-width:0;background:#242628}#global-header li li{width:auto}#global-header .usermenu{position:fixed;top:0;right:auto;bottom:auto;left:-280px;height:40px;z-index:990;width:279px;border-left:none;border-right:#242728 1px solid;border-bottom:#292c2e 1px solid;background-color:#1d1e20;background-image:-webkit-linear-gradient(bottom, #111213, #1d1e20);background-image:-moz-linear-gradient(bottom, #111213, #1d1e20);background-image:-ms-linear-gradient(bottom, #111213, #1d1e20);background-image:linear-gradient(to top, #111213, #1d1e20);-webkit-transition:left 0.3s ease 0.2s;-moz-transition:left 0.3s ease 0.2s;transition:left 0.3s ease 0.2s}.off-canvas #global-header .usermenu{left:0;-webkit-transition:left 0.3s ease 0s;-moz-transition:left 0.3s ease 0s;transition:left 0.3s ease 0s}#global-header .usermenu>a:hover{background:inherit}#global-header .usermenu>a.active{background:#2e3133}#global-header .usermenu>ul{padding:0;box-shadow:none;width:100%;font-weight:300}#global-header .usermenu .open{box-shadow:rgba(0,0,0,0.4) 0 10px 20px}#global-header .usermenu li{border-bottom:#2e3133 1px solid}#global-header .usermenu li a{background:#2e3133}#global-header .usermenu li a:hover{background:#222426}#global-header .usermenu li a:before{margin-right:1em}#global-header .usermenu .divider{display:none}}
+nav ul{list-style:none;margin:0;padding:0;border-top:#edece4 1px solid}nav li a{display:block;padding:10px 15px;color:#aaa9a2;border-bottom:#edece4 1px solid}nav li a:hover{color:#242628;background:#edece4;text-decoration:none}nav li a:before{margin-right:1em}#nprogress{pointer-events:none;-webkit-pointer-events:none}#nprogress .bar{background:#5ba4e5;position:fixed;z-index:100;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #5ba4e5,0 0 5px #5ba4e5;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-moz-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);-o-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -4px)}#nprogress .spinner{display:block;position:fixed;z-index:100;top:15px;right:15px}#nprogress .spinner-icon{width:14px;height:14px;border:solid 2px transparent;border-top-color:#5ba4e5;border-left-color:#5ba4e5;border-radius:10px;-webkit-animation:nprogress-spinner 400ms linear infinite;-moz-animation:nprogress-spinner 400ms linear infinite;-ms-animation:nprogress-spinner 400ms linear infinite;-o-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes nprogress-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes nprogress-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes nprogress-spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);transform:rotate(360deg)}}.ghost-login,.ghost-signup,.ghost-forgotten,.ghost-reset{color:#7d878a;background:#242628}@media (max-width: 400px){.ghost-login,.ghost-signup,.ghost-forgotten,.ghost-reset{background:#242628}}.ghost-login main,.ghost-signup main,.ghost-forgotten main,.ghost-reset main{top:15px}.ghost-login input:-webkit-autofill,.ghost-signup input:-webkit-autofill,.ghost-forgotten input:-webkit-autofill,.ghost-reset input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #e2edf2 inset !important}.login-box,.signup-box,.forgotten-box,.reset-box{max-width:530px;height:90%;margin:0 auto;padding:0;display:table}@media (max-width: 630px){.login-box,.signup-box,.forgotten-box,.reset-box{max-width:264px;text-align:center}}
+.login-form{max-width:530px;color:#a5acae;display:table-cell;vertical-align:middle}@media (max-width: 630px){.login-form{max-width:264px}}.login-form div{position:relative;margin:0 0 5px 0;background:#3c4043;float:left}@media (max-width: 630px){.login-form div{margin-bottom:1em}}.login-form input{display:inline-block;clear:both;margin:0;padding:8px 0 8px 8px;width:216px;position:relative;border:none;color:#fff;font-size:1.1em;font-weight:200;background:transparent;box-shadow:none;-webkit-transition:background ease 0.25s;-moz-transition:background ease 0.25s;transition:background ease 0.25s}@media (max-width: 630px){.login-form input{width:264px;-webkit-transition:none;-moz-transition:none;transition:none}}.login-form input:focus{border:none;background:#484c50}.login-form .email-wrap{position:relative;margin-right:3px;border-radius:2px 0 0 2px}.login-form .email-wrap:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e012";font-size:12px;position:absolute;bottom:11px;left:8px;z-index:100}.login-form .email-wrap:hover{text-decoration:none}@media (max-width: 630px){.login-form .email-wrap{margin-right:0;border-radius:2px}}.login-form .email-wrap .email{padding-left:28px;border-radius:2px 0 0 2px}.login-form .password-wrap{position:relative;border-radius:0 2px 2px 0}.login-form .password-wrap:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02c";font-size:10px;position:absolute;bottom:12px;left:11px;z-index:100}.login-form .password-wrap:hover{text-decoration:none}@media (max-width: 630px){.login-form .password-wrap{border-radius:2px}}.login-form .password-wrap .password{padding-left:28px;border-radius:0 2px 2px 0}.login-form button{width:85px;height:36px;margin:0 0 0 10px;padding:0.5em 1.37em;min-height:30px;min-width:80px;box-shadow:rgba(255,255,255,0.15) 0 1px 0 inset}@media (max-width: 630px){.login-form button{margin:0;width:100%;margin-bottom:1em}}.login-form .meta{clear:both;color:#7d878a}.login-form a{color:#646d70;font-size:0.9em}.login-form a:hover{color:#8a9396;text-decoration:none}.signup-form,.reset-form{max-width:280px;color:#a5acae;display:table-cell;vertical-align:middle}@media (max-width: 630px){.signup-form,.reset-form{width:264px}}.signup-form div,.reset-form div{position:relative;margin:0 0 1em 0;background:#3c4043;float:left;display:table}.signup-form input,.reset-form input{margin:0;width:280px;padding:8px 10px;position:relative;border:none;color:#fff;font-size:1.1em;font-weight:200;background:transparent;box-shadow:none}@media (min-width: 631px){.signup-form input,.reset-form input{-webkit-transition:background ease 0.25s;-moz-transition:background ease 0.25s;transition:background ease 0.25s}}@media (max-width: 630px){.signup-form input,.reset-form input{width:264px}}.signup-form input:focus,.reset-form input:focus{border:none;background:#484c50}.signup-form .name-wrap,.reset-form .name-wrap{position:relative;border-radius:2px}.signup-form .name-wrap .name,.reset-form .name-wrap .name{border-radius:2px}.signup-form .email-wrap,.reset-form .email-wrap{position:relative;border-radius:2px}.signup-form .email-wrap .email,.reset-form .email-wrap .email{border-radius:2px}.signup-form .password-wrap,.reset-form .password-wrap{position:relative;border-radius:2px}.signup-form .password-wrap .password,.reset-form .password-wrap .password{border-radius:2px}.signup-form button,.reset-form button{width:100%;height:36px;margin:0 0 1em 0;padding:0.5em 1.37em;min-height:30px;min-width:80px;box-shadow:rgba(255,255,255,0.15) 0 1px 0 inset}.forgotten-form{max-width:280px;color:#a5acae;display:table-cell;vertical-align:middle}.forgotten-form div{position:relative;margin:0 0 1em 0;background:#3c4043;float:left}.forgotten-form input{margin:0;padding:8px 10px;position:relative;border:none;color:#fff;font-size:1.1em;font-weight:200;background:transparent;box-shadow:none;-webkit-transition:background ease 0.25s;-moz-transition:background ease 0.25s;transition:background ease 0.25s}.forgotten-form input:focus{border:none;background:#484c50}.forgotten-form .email-wrap{width:100%;position:relative;border-radius:2px}.forgotten-form .email-wrap .email{border-radius:2px}.forgotten-form button{width:100%;height:36px;margin:0 0 1em 0;padding:0.5em 1.37em;min-height:30px;min-width:80px;box-shadow:rgba(255,255,255,0.15) 0 1px 0 inset}.manage .content-view-container{position:relative;height:100%;width:100%}@media (max-width: 800px){.manage .content-view-container{overflow-x:hidden}}.manage .content-list{width:35%;padding:15px;position:absolute;bottom:0;top:0;left:0;border-right:#edece4 2px solid;background:#fff;box-shadow:rgba(0,0,0,0.05) 0 1px 5px}@media (max-width: 800px){.manage .content-list{width:auto;right:0;z-index:500;border:none}}.manage .content-list .content-filter{position:relative;z-index:300}.manage .content-list .content-filter>a{padding:5px;margin-left:-5px}.manage .content-list .content-filter .menu-drop,.manage .content-list .content-filter .menu-drop-left,.manage .content-list .content-filter .menu-drop-right{display:block}.manage .content-list .button-add{position:absolute;top:10px;right:15px;z-index:700;color:#fff;padding:3px 4px 3px 5px;min-height:0}.manage .content-list .button-add:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e032"}.manage .content-list .button-add:hover{text-decoration:none}.manage .content-list .content-list-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding-top:40px}.manage .content-list .entry-title{font-size:1.4em;line-height:1.1em;margin-bottom:0.5em;font-weight:normal}.manage .content-list .views{float:right;text-align:right;margin-left:15px}.manage .content-list .views:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e025";font-size:10px;color:#aaa9a2}.manage .content-list .views:hover{text-decoration:none}@media (max-width: 800px){.manage .content-list .views{float:none}}.manage .content-list .featured .status:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e026";font-size:11px;margin-right:10px;vertical-align:7%}.manage .content-list .featured .status:hover{text-decoration:none}.manage .content-list .status .draft{color:#e25440}.manage .content-list .status .scheduled{color:#f2a925}.manage .content-list ol{list-style:none;padding:0;margin:0;border-top:#edece4 1px solid}.manage .content-list ol li{margin:0;padding:0;border-bottom:#edece4 1px solid;position:relative}.manage .content-list ol li a{display:block;padding:20px 15px;color:#aaa9a2}@media (max-width: 400px){.manage .content-list ol li a{padding:15px}}@media (max-width: 800px){.manage .content-list ol li a{padding-right:40px}}.manage .content-list ol li a:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e01d";position:absolute;top:50%;margin-top:-6px;right:15px}.manage .content-list ol li a:hover{text-decoration:none}@media (min-width: 801px){.manage .content-list ol li a:after{display:none}}.manage .content-list ol li a:hover{text-decoration:none}@media (min-width: 801px){.manage .content-list ol li.active{border-bottom:#e8eaeb 1px solid;background:#f6f6f7;box-shadow:#e8eaeb 0 -1px 0,rgba(0,0,0,0.06) 7px 0 0 inset,#e8eaeb 1px 0 0 inset}.manage .content-list ol li.active a:hover{box-shadow:rgba(0,0,0,0.1) 7px 0 0 inset;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}.manage .content-list ol li.active .entry-title{font-weight:bold}.manage .content-list ol li.active .entry-meta{color:#242628}.manage .content-list ol li.active .views{color:#242628;font-weight:normal}.manage .content-list ol li.active .views:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e025";font-size:10px;color:#242628}.manage .content-list ol li.active .views:hover{text-decoration:none}}
+.manage .content-preview{width:65%;padding:15px;position:absolute;bottom:0;top:0;right:0;border-left:#edece4 2px solid;background:#fff;box-shadow:rgba(0,0,0,0.05) 0 1px 5px}@media (max-width: 800px){.manage .content-preview{width:auto;left:100%;right:-100%;margin-left:15px;border:none}}.manage .content-preview .unfeatured{vertical-align:-6%;margin:0 7px 0 -5px;padding:5px}.manage .content-preview .unfeatured:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e027";font-size:14px}.manage .content-preview .unfeatured:hover{text-decoration:none}.manage .content-preview .featured{vertical-align:-6%;margin:0 7px 0 -5px;padding:5px}.manage .content-preview .featured:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e026";font-size:14px}.manage .content-preview .featured:hover{text-decoration:none}.manage .content-preview .normal{text-transform:none;margin:0 3px}.manage .content-preview .content-preview-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding:80px 40px;word-break:break-word;hyphens:auto}.manage .content-preview .content-preview-content .wrapper{max-width:700px;margin:0 auto}.manage .content-preview .post-controls{float:right;position:relative}.manage .content-preview .post-settings-menu{position:absolute;top:35px;right:-3px}.manage .content-preview .post-edit{margin-right:7px;padding:5px}.manage .content-preview .post-edit:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e00f";font-size:14px}.manage .content-preview .post-edit:hover{text-decoration:none}.manage .content-preview img{width:100%;height:auto}.manage .no-posts-box{position:relative;height:90%;margin:0px auto;padding:0px;display:table;z-index:600}@media (max-width: 800px){.manage .no-posts-box{position:fixed;top:45%;left:50%}}.manage .no-posts-box .no-posts{vertical-align:middle;display:table-cell;text-align:center}@media (max-width: 800px){.manage .no-posts-box .no-posts{display:block;position:relative;left:-50%}}.manage .no-posts-box .no-posts h3{color:#aaa9a2;font-weight:200;font-size:2em}@media (min-width: 401px){.editor .notifications{bottom:40px}}.editor .entry-title{height:57px;padding:2px 15px;margin-bottom:5px;position:relative}@media (max-width: 400px){.editor .entry-title{box-shadow:none}}.editor .entry-title input{border:0;margin:0;padding:0;font-size:3em;font-weight:bold;letter-spacing:-1px;width:100%;background:transparent}.editor .entry-title input:focus{outline:0}.editor .entry-container{position:relative;height:100%}.editor .entry-markdown{left:0;border-right:#edece4 2px solid}.editor .entry-preview{right:0;border-left:#edece4 2px solid}.editor .entry-markdown,.editor .entry-preview{width:50%;padding:15px;position:absolute;bottom:40px;top:61px;background:#fff;box-shadow:rgba(0,0,0,0.05) 0 1px 5px}@media (max-width: 400px){.editor .entry-markdown,.editor .entry-preview{box-shadow:none}}@media (max-width: 1000px){.editor .entry-markdown,.editor .entry-preview{top:109px;left:0;right:0;width:100%;border:none;z-index:100;min-height:380px}.editor .entry-markdown .markdown,.editor .entry-markdown .entry-preview-content,.editor .entry-preview .markdown,.editor .entry-preview .entry-preview-content{height:50px;overflow:hidden}}@media (max-width: 1000px){.editor .entry-markdown .floatingheader,.editor .entry-preview .floatingheader{cursor:pointer;width:50%;border-right:#edece4 2px solid;color:#fff;font-weight:normal;background:#aaa9a2;position:absolute;top:-40px;left:0;box-shadow:rgba(0,0,0,0.1) 0 -2px 3px inset}.editor .entry-markdown .floatingheader a,.editor .entry-preview .floatingheader a{color:#fff}}.editor .entry-markdown .floatingheader a,.editor .entry-preview .floatingheader a{color:#aaa9a2}.editor .entry-markdown .floatingheader .markdown-help,.editor .entry-preview .floatingheader .markdown-help{position:relative;top:-5px;right:-5px;float:right;padding:5px}.editor .entry-markdown .floatingheader .markdown-help:before,.editor .entry-preview .floatingheader .markdown-help:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e018";color:#cfceca}.editor .entry-markdown .floatingheader .markdown-help:hover,.editor .entry-preview .floatingheader .markdown-help:hover{text-decoration:none}.editor .entry-markdown .floatingheader .markdown-help:hover:before,.editor .entry-preview .floatingheader .markdown-help:hover:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e018";color:#aaa9a2}.editor .entry-markdown .floatingheader .markdown-help:hover:hover,.editor .entry-preview .floatingheader .markdown-help:hover:hover{text-decoration:none}.editor .entry-markdown .floatingheader .entry-word-count,.editor .entry-preview .floatingheader .entry-word-count{float:right}.editor .entry-markdown.active,.editor .entry-preview.active{z-index:200}.editor .entry-markdown.active .markdown,.editor .entry-markdown.active .entry-preview-content,.editor .entry-preview.active .markdown,.editor .entry-preview.active .entry-preview-content{height:auto;overflow:auto}@media (max-width: 1000px){.editor .entry-markdown.active header,.editor .entry-preview.active header{cursor:auto;color:#aaa9a2;background:#fff;box-shadow:none}.editor .entry-markdown.active header a,.editor .entry-preview.active header a{color:#aaa9a2}}@media (max-width: 400px){.editor .entry-markdown .markdown-help,.editor .entry-markdown .entry-word-count,.editor .entry-preview .markdown-help,.editor .entry-preview .entry-word-count{display:none}}.editor .entry-markdown-content textarea{border:0;width:100%;height:100%;max-width:100%;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0}.editor .entry-markdown-content textarea:focus{outline:0}.editor .entry-markdown-content .CodeMirror{height:auto;position:absolute;top:0;left:0;right:0;bottom:0;font-family:Inconsolata,monospace;font-size:1.4em;line-height:1.3em;color:#3c4043}.editor .entry-markdown-content .CodeMirror .CodeMirror-focused,.editor .entry-markdown-content .CodeMirror .CodeMirror-selected{color:#242628;background:#b3d5f3;text-shadow:none}.editor .entry-markdown-content .CodeMirror ::selection{color:#242628;background:#b3d5f3;text-shadow:none}.editor .entry-markdown-content .CodeMirror-lines{padding:65px 0 40px 0}@media (max-width: 1000px){.editor .entry-markdown-content .CodeMirror-lines{padding-top:25px}}@media (max-width: 400px){.editor .entry-markdown-content .CodeMirror-lines{padding:15px 0}}.editor .entry-markdown-content .CodeMirror pre{padding:0 40px}@media (max-width: 400px){.editor .entry-markdown-content .CodeMirror pre{padding:0 15px}}.editor .entry-markdown-content .cm-header{color:#000;font-size:1.4em;line-height:1.4em;font-weight:bold}.editor .entry-markdown-content .cm-variable-2,.editor .entry-markdown-content .cm-variable-3,.editor .entry-markdown-content .cm-keyword{color:#3c4043}.editor .entry-markdown-content .cm-string,.editor .entry-markdown-content .cm-strong,.editor .entry-markdown-content .cm-link,.editor .entry-markdown-content .cm-comment,.editor .entry-markdown-content .cm-quote,.editor .entry-markdown-content .cm-number,.editor .entry-markdown-content .cm-atom,.editor .entry-markdown-content .cm-tag{color:#000;font-weight:bold}@media (max-width: 1000px){.editor .entry-preview .floatingheader{right:0;left:auto;border-right:none;border-left:#edece4 2px solid}}.editor .entry-preview .entry-preview-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:60px 40px 40px 40px;overflow:auto;word-break:break-word;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}@media (max-width: 1000px){.editor .entry-preview .entry-preview-content{padding-top:20px}}@media (max-width: 400px){.editor .entry-preview .entry-preview-content{padding:15px}}@media (max-width: 1000px){.editor .scrolling .floatingheader{box-shadow:none}}@media (max-width: 1000px){.editor .scrolling .floatingheader::before,.editor .scrolling .floatingheader::after{display:none}}@media (max-width: 1000px){.editor .scrolling .CodeMirror-scroll,.editor .scrolling .entry-preview-content{box-shadow:0 5px 5px rgba(0,0,0,0.05) inset}}
+.entry-preview-content,.content-preview-content{font-size:1.4em;line-height:1.5em}.entry-preview-content a,.content-preview-content a{color:#5ba4e5;text-decoration:underline}.entry-preview-content p,.content-preview-content p{margin:1.2em 0 1.6em}.entry-preview-content p:first-of-type,.content-preview-content p:first-of-type{margin-top:0}.entry-preview-content h1,.content-preview-content h1{font-size:3em}.entry-preview-content h2,.content-preview-content h2{font-size:2.2em}.entry-preview-content h3,.content-preview-content h3{font-size:1.8em}.entry-preview-content .btn,.content-preview-content .btn{text-decoration:none;color:#35393b}.entry-preview-content .img-placeholder,.content-preview-content .img-placeholder{border:5px dashed #35393b;height:100px;position:relative}.entry-preview-content .img-placeholder span,.content-preview-content .img-placeholder span{display:block;height:30px;position:absolute;margin-top:-15px;top:50%;width:100%;text-align:center}.entry-preview-content a.image-edit,.content-preview-content a.image-edit{width:16px;height:16px}.entry-preview-content img,.content-preview-content img{max-width:100%;height:auto;margin:0 auto}body.zen{background:#f3f2ed}body.zen .usermenu{display:none}body.zen #global-header,body.zen #publish-bar{opacity:0;height:0;overflow:hidden;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out}body.zen main{top:15px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out}body.zen .entry-markdown,body.zen .entry-preview{bottom:0;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out}#publish-bar{height:40px;padding:0;color:#7d878a;background:#1a1c1d;position:fixed;bottom:0;left:0;right:0;z-index:900;box-shadow:0 -2px 8px rgba(0,0,0,0.2);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}@media (max-width: 1000px){#publish-bar{font-weight:normal}}#publish-bar .post-settings:hover,#publish-bar .post-settings.active{color:#e2edf2}#publish-bar .post-settings-menu{position:absolute;bottom:44px;right:-3px}#publish-bar button{min-height:30px;height:30px;line-height:12px;padding:0 10px;margin-top:5px;border-top:rgba(255,255,255,0.4) 1px solid}#publish-bar .button-link{border-top:none}#publish-bar .options{width:30px;min-height:30px;height:30px;margin-top:5px;box-shadow:rgba(255,255,255,0.4) 0 1px 0 inset}#publish-bar .splitbutton-save .button-save,#publish-bar .splitbutton-save .button-delete,#publish-bar .splitbutton-delete .button-save,#publish-bar .splitbutton-delete .button-delete{-webkit-transition:width 0.25s ease,background-color 0.3s linear;-moz-transition:width 0.25s ease,background-color 0.3s linear;transition:width 0.25s ease,background-color 0.3s linear}#publish-bar .splitbutton-save .editor-options,#publish-bar .splitbutton-delete .editor-options{bottom:140%;right:-3%}#publish-bar .splitbutton-save .editor-options a,#publish-bar .splitbutton-delete .editor-options a{font-size:14px}.extended-tags{position:static;min-height:100%}.extended-tags #entry-tags:after{right:10px}.extended-tags .tags{width:281px}.extended-tags .tag-label,.extended-tags .tag-label.touch{color:#fff}.extended-tags .tag-input{width:100%;margin-top:5px;padding-top:5px;padding-left:10px;border-top:1px solid #242628}.extended-tags .right{display:none}#entry-tags{position:absolute;top:0;left:0;right:0;bottom:0;text-transform:none;padding:10px 0 0 0}#entry-tags:after{content:"";position:fixed;top:10px;right:270px;width:20px;height:26px;background-color:rgba(26,28,29,0);background-image:-webkit-linear-gradient(left, rgba(26,28,29,0),#1a1c1d);background-image:linear-gradient(to right,rgba(26,28,29,0),#1a1c1d);z-index:9999;pointer-events:none}@media (max-width: 400px){#entry-tags:after{right:161px}}#entry-tags .tags{position:relative;display:inline-block;vertical-align:middle;width:auto;max-width:80%;max-width:calc(100% - 320px);height:22px;padding-left:5px;padding-bottom:20px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;-webkit-transition:width 0.2s linear;-moz-transition:width 0.2s linear;transition:width 0.2s linear}@media (max-width: 400px){#entry-tags .tags{display:block;width:115px;max-width:inherit;padding-bottom:0}}#entry-tags .tag-label{display:block;float:left;padding:1px 8px 0 8px;-webkit-transition:all 0.15s ease-out 0s;-moz-transition:all 0.15s ease-out 0s;transition:all 0.15s ease-out 0s}#entry-tags .tag-label:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e003"}#entry-tags .tag-label:hover{text-decoration:none}#entry-tags .tag-label:hover{cursor:pointer;color:#e2edf2}#entry-tags .tag-label.touch{color:inherit}#entry-tags input[type="text"].tag-input{display:inline-block;padding:0;vertical-align:top;color:#e2edf2;font-weight:300;background:transparent;border:none}#entry-tags input[type="text"].tag-input:focus{outline:none}#entry-tags .tag{display:inline;margin-right:2px;padding:0 5px;color:#e2edf2;white-space:nowrap;background:#596063;border-radius:2px;box-shadow:rgba(255,255,255,0.2) 0 1px 0 inset,#000 0 1px 3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#entry-tags .tag:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e034";font-size:8px;color:#242628;margin-left:4px;vertical-align:10%;text-shadow:rgba(255,255,255,0.15) 0 1px 0;-webkit-transition:all 0.15s ease-out 0s;-moz-transition:all 0.15s ease-out 0s;transition:all 0.15s ease-out 0s}#entry-tags .tag:hover{text-decoration:none}#entry-tags .tag:hover{cursor:pointer}#entry-tags .tag:hover:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e034";font-size:8px;color:#e2edf2;margin-left:4px;vertical-align:10%;text-shadow:none}#entry-tags .tag:hover:hover{text-decoration:none}.suggestions{bottom:100%}.suggestions li.selected{background:#5ba4e5;box-shadow:rgba(255,255,255,0.2) 0 1px 0 inset,rgba(0,0,0,0.5) 0 1px 5px}.suggestions li a{padding-left:25px}.suggestions mark{background:none;color:white;font-weight:bold}#entry-controls{display:inline-block;position:relative;padding:0;z-index:9000}#entry-controls.unsaved .post-settings-menu{padding-bottom:0}#entry-controls.unsaved .post-settings-menu .post-setting:nth-child(3) td{border-bottom:none}#entry-controls.unsaved .post-settings-menu .delete{display:none}#entry-actions{margin-right:6px;position:relative}#entry-actions-menu{position:absolute;bottom:50px;right:-5px}.markdown-help-container{padding-bottom:20px}.modal-markdown-help-table{margin-top:0}.CodeMirror{font-family:monospace;height:300px}.CodeMirror-scroll{overflow:auto}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-scrollbar-filler{background-color:white}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7}.CodeMirror div.CodeMirror-cursor{border-left:1px solid black;z-index:3}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-tab{display:inline-block}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable{color:black}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-property{color:black}.cm-s-default .cm-operator{color:black}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-error{color:#f00}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:bold}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-invalidchar{color:#f00}.CodeMirror{line-height:1;position:relative;overflow:hidden;background:white;color:black}.CodeMirror-scroll{margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;padding-right:30px;height:100%;outline:none;position:relative}.CodeMirror-sizer{position:relative}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0;z-index:6}.CodeMirror-gutters{position:absolute;left:0;top:0;height:100%;padding-bottom:30px;z-index:3}.CodeMirror-lines{cursor:text}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-wrap .CodeMirror-scroll{overflow-x:hidden}.CodeMirror-measure{position:absolute;width:100%;height:0px;overflow:hidden;visibility:hidden}.CodeMirror-measure pre{position:static}.CodeMirror div.CodeMirror-cursor{position:absolute;visibility:hidden;border-right:none;width:0}.CodeMirror-focused div.CodeMirror-cursor{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror span{*vertical-align:text-bottom}@media print{.CodeMirror div.CodeMirror-cursor{visibility:hidden}}.error-content{max-width:530px;margin:0 auto;padding:0;display:table;height:100%}@media (max-width: 630px){.error-content{max-width:264px;text-align:center}}
 .error-details{display:table-cell;vertical-align:middle}.error-image{display:inline-block;vertical-align:middle;width:96px;height:150px}@media (max-width: 630px){.error-image{width:72px;height:112px}}.error-image img{width:100%;height:100%}.error-message{position:relative;top:-5px;display:inline-block;vertical-align:middle;margin-left:10px}.error-code{margin:0;font-size:7.8em;line-height:0.9em;color:#979797}@media (max-width: 630px){.error-code{font-size:5.8em}}
 .error-description{margin:0;padding:0;font-weight:300;font-size:1.9em;color:#979797;border:none}@media (max-width: 630px){.error-description{font-size:1.4em}}
-.error-stack{margin:1em auto;padding:2em;max-width:800px;background-color:rgba(255,255,255,0.3)}.error-stack-list{list-style-type:none;padding:0;margin:0}.error-stack-list li{display:block}.error-stack-list li::before{color:#BBB;content:"\21AA";display:inline-block;font-size:1.2em;margin-right:0.5em}.error-stack-function{font-weight:bold}.settings .wrapper{background:#fff;box-shadow:rgba(0,0,0,0.05) 0 1px 5px;position:relative;width:100%;height:100%;margin:0;padding:0}@media (max-width: 800px){.settings .wrapper{overflow-x:hidden}}.settings .title{text-transform:uppercase;font-weight:normal;font-size:1.6em;line-height:0.8em;margin:0 0 18px 0;padding:0;border:none}.settings .settings-sidebar{width:20%;position:absolute;top:0;left:0;bottom:0;z-index:700;background:#fff;box-shadow:#edece4 1px 0 0}@media (max-width: 800px){.settings .settings-sidebar{width:100%;box-shadow:none}}.settings .settings-sidebar>header{position:relative;z-index:400;height:17px;padding:30px 15px 30px 40px;margin-bottom:0;border-bottom:none;box-shadow:#edece4 0 -1px 0 inset, #edece4 1px 0 0;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(25%, #fff), color-stop(100%, rgba(255,255,255,0.9)));background:-webkit-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:linear,to bottom,#fff 0%,#fff 25%,rgba(255,255,255,0.9) 100%}@media (max-width: 1000px){.settings .settings-sidebar>header{padding-left:15px}}.settings .settings-menu{position:absolute;top:0;left:0;bottom:0;right:-1px;overflow:auto}@media (max-width: 800px){.settings .settings-menu{right:0}}.settings .settings-menu:before{display:block;content:"";height:77px}.settings .settings-menu ul{border-top:none}@media (max-width: 800px){.settings .settings-menu ul{border-bottom:#edece4 1px solid}}.settings .settings-menu li{margin-right:1px;border-top:#fff 1px solid}@media (max-width: 800px){.settings .settings-menu li{margin-right:0;border-top:#edece4 1px solid}}.settings .settings-menu li a{padding:15px 15px 15px 40px;border-bottom:none}@media (max-width: 1000px){.settings .settings-menu li a{padding-left:15px}}@media (max-width: 800px){.settings .settings-menu li a:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e01d";float:right;margin-top:5px}.settings .settings-menu li a:hover{text-decoration:none}}.settings .settings-menu li:first-child{border-top:none}.settings .settings-menu li:first-child.active{border-top:none}@media (min-width: 800px), (min-width: 800px){.settings .settings-menu li.active{margin-right:0;position:relative;z-index:300;border-top:#edece4 1px solid;box-shadow:#fff 1px 0 0, #edece4 0 1px 0;-webkit-transition:all 0.15s ease-out 0;-moz-transition:all 0.15s ease-out 0;transition:all 0.15s ease-out 0}.settings .settings-menu li.active a{color:#242628;font-weight:bold;background:#fff}}.settings .settings-menu li a:before{margin-right:20px}@media (max-width: 1000px){.settings .settings-menu li a:before{margin-right:15px}}.settings .settings-menu .general a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e006"}.settings .settings-menu .general a:hover{text-decoration:none}.settings .settings-menu .publishing a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02d"}.settings .settings-menu .publishing a:hover{text-decoration:none}.settings .settings-menu .services a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e020"}.settings .settings-menu .services a:hover{text-decoration:none}.settings .settings-menu .users a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e002"}.settings .settings-menu .users a:hover{text-decoration:none}.settings .settings-menu .appearance a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e021"}.settings .settings-menu .appearance a:hover{text-decoration:none}.settings .settings-menu .apps a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e00b"}.settings .settings-menu .apps a:hover{text-decoration:none}.settings .settings-content{padding:0;position:absolute;top:0;right:0;left:20%;bottom:0;background:#fff;display:none}@media (max-width: 800px){.settings .settings-content{display:none;width:100%;left:100%;right:-100%;margin-left:15px}}.settings .settings-content img{max-width:100%}.settings .settings-content.active{display:block}.settings .settings-content>header{position:relative;z-index:200;height:17px;padding:30px 220px 29px 40px;border-bottom:#edece4 1px solid;margin-bottom:40px;text-transform:none;font-weight:normal;line-height:inherit;color:inherit;background:-moz-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(25%, #fff), color-stop(100%, rgba(255,255,255,0.9)));background:-webkit-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:-o-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:-ms-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:linear,to bottom,#fff 0%,#fff 25%,rgba(255,255,255,0.9) 100%}@media (max-width: 1000px){.settings .settings-content>header{padding-left:15px}}@media (max-width: 800px){.settings .settings-content>header{padding-left:115px}}@media (max-height: 600px), (max-height: 600px){.settings .settings-content>header{height:auto;padding:5px;position:absolute;top:0;right:0;border:none;background:transparent}.settings .settings-content>header .title{display:none}}@media (max-width: 650px){.settings .settings-content>header{padding-left:15px}.settings .settings-content>header .button-back{position:fixed;top:5px;left:14px;min-height:0;height:30px}.settings .settings-content>header .button-back:before{left:-9px;border-width:15px 9px 15px 0}}.settings .settings-content .page-actions{position:absolute;top:20px;right:40px;z-index:700;font-size:1em}@media (max-width: 1000px){.settings .settings-content .page-actions{right:15px}}@media (max-width: 650px){.settings .settings-content .page-actions{position:fixed;top:5px;right:4px}.settings .settings-content .page-actions button{min-height:0;height:30px;padding:0.5em 1.37em}}.settings .settings-content .page-actions .button-add{position:relative;padding-left:50px}.settings .settings-content .page-actions .button-add:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e032";font-size:1.4em;color:rgba(255,255,255,0.6);position:absolute;top:0;padding:9px 8px 0 0;left:9px;bottom:0;width:20px;border-right:#8ba644 1px solid}.settings .settings-content .page-actions .button-add:hover{text-decoration:none}.settings .settings-content .content{position:absolute;top:0;right:0;left:0;bottom:0;padding:40px;overflow:auto;-webkit-overflow-scrolling:touch}.settings .settings-content .content:before{display:block;content:"";height:77px}@media (max-height: 600px), (max-height: 600px){.settings .settings-content .content:before{display:none}}.settings .settings-content .content.no-padding{padding:0}@media (max-width: 1000px){.settings .settings-content .content{padding-left:15px}}@media (max-width: 550px){.settings .settings-content .content{padding:0 15px 40px}}.settings .settings-content .description-container,.settings .settings-content .bio-container{max-width:370px}.settings .settings-content .word-count{margin-right:30px;float:right;font-weight:bold;color:#9e9d95}.settings .user-group-header{margin-bottom:0px;padding-bottom:20px;border:0 none;border-bottom:1px solid #d9d6c5}.settings .user-group-header h3{display:inline-block;margin:0;color:#c0bfb6;font-weight:normal;font-size:1.1em;line-height:1em}.settings .user-search{display:inline-block;float:right}.settings .user-search label{margin:0}.settings .user-search:hover .user-search-input,.settings .user-search .user-search-input:focus{width:260px;padding:0 10px}.settings .user-search .user-search-input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:0px;padding:0;border:none;border-bottom:#f1f0ea 1px solid;-webkit-transition:width 0.2s ease-in-out;-moz-transition:width 0.2s ease-in-out;transition:width 0.2s ease-in-out;box-shadow:none}.settings .user-search .search-icon:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e007";font-size:1em;color:#c0bfb6}.settings .user-search .search-icon:hover{text-decoration:none}.settings .users{padding:0px;margin-top:0px;list-style:none}.settings .user{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;padding:20px;border:0 none;border-top:1px solid #e2edf2}.settings .user:first-child{border:none}.settings .user .user-image{display:inline-block;width:40px;height:40px;margin-right:17px;vertical-align:middle;background-color:#edece4;border-radius:20px}.settings .user .user-image.invite{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:8px;text-align:center}.settings .user .user-image.invite:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e012";font-size:1em;color:#aaa9a2}.settings .user .user-image.invite:hover{text-decoration:none}.settings .user .user-image img{width:40px;height:40px;border-radius:20px}.settings .user .user-meta{display:inline-block;vertical-align:middle}.settings .user .user-name{margin:0;margin-top:0.4em;font-weight:400;font-size:1.2em;line-height:1em}.settings .user .user-last-seen{line-height:1em}.settings .user-role{padding:2px 8px;float:right;font-size:0.8em;color:#fff;text-transform:uppercase}.settings .user-role.admin{background-color:#DE523A}.settings .user-role.editor{background-color:#4A8CBD}.settings .user-profile-header{position:relative}.settings .user-profile-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background-color:transparent;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent),color-stop(100%, rgba(0,0,0,0.3)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,0.3));background-image:linear-gradient(transparent,rgba(0,0,0,0.3))}.settings .cover-image{display:block;line-height:0;width:100%;height:auto;min-height:180px}.settings .edit-cover-image{position:absolute;right:40px;bottom:38px;background:rgba(0,0,0,0.3);border-radius:0;color:rgba(255,255,255,0.8);z-index:2;border-radius:2px;-webkit-transition:color 0.3s ease,background 0.3s ease;-moz-transition:color 0.3s ease,background 0.3s ease;transition:color 0.3s ease,background 0.3s ease}@media (max-width: 1000px){.settings .edit-cover-image{right:15px}}.settings .edit-cover-image:hover{color:#fff;background:rgba(0,0,0,0.5)}.settings .user-profile{position:relative;top:-100px;z-index:1}.settings .user-profile fieldset{padding:0 40px}.settings fieldset.user-details-top{margin-bottom:0;padding:10px 0 0 0}.settings fieldset.user-details-top p{color:#fff}.settings .user-image{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;position:relative;width:120px;height:120px;float:left;margin-left:40px;margin-right:20px;text-align:center;border-radius:100%;overflow:hidden;border:5px solid #fff;background:#fff;z-index:2}.settings .user-image .img{display:block;width:110px;height:110px;background-size:cover;background-position:center center;border-radius:100%}.settings .user-image:hover .edit-user-image{opacity:1}.settings .edit-user-image{position:absolute;top:0px;right:0px;bottom:0px;left:0px;border-radius:100%;background:rgba(0,0,0,0.5);opacity:0;color:#fff;line-height:105px;text-transform:uppercase;text-decoration:none;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.settings #user-name{border-color:#fff}.settings .user-details-bottom{padding:0 40px;margin:-30px 0 0 0}
+.error-stack{margin:1em auto;padding:2em;max-width:800px;background-color:rgba(255,255,255,0.3)}.error-stack-list{list-style-type:none;padding:0;margin:0}.error-stack-list li{display:block}.error-stack-list li::before{color:#BBB;content:"\21AA";display:inline-block;font-size:1.2em;margin-right:0.5em}.error-stack-function{font-weight:bold}.settings .wrapper{background:#fff;box-shadow:rgba(0,0,0,0.05) 0 1px 5px;position:relative;width:100%;height:100%;margin:0;padding:0}@media (max-width: 800px){.settings .wrapper{overflow-x:hidden}}.settings .title{text-transform:uppercase;font-weight:normal;font-size:1.6em;line-height:0.8em;margin:0 0 18px 0;padding:0;border:none}.settings-sidebar{width:20%;position:absolute;top:0;left:0;bottom:0;z-index:700;background:#fff;box-shadow:#edece4 1px 0 0}@media (max-width: 800px){.settings-sidebar{width:100%;box-shadow:none}}.settings-sidebar>header{position:relative;z-index:400;height:17px;padding:30px 15px 47px 40px;margin-bottom:0;border-bottom:none;box-shadow:#edece4 0 -1px 0 inset, #edece4 1px 0 0;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(25%, #fff), color-stop(100%, rgba(255,255,255,0.9)));background:-webkit-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:linear-gradient(to bottom, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%)}@media (max-width: 1000px){.settings-sidebar>header{padding-left:15px}}
+.settings-menu{position:absolute;top:0;left:0;bottom:0;right:-1px;overflow:auto}@media (max-width: 800px){.settings-menu{right:0}}.settings-menu:before{display:block;content:"";height:77px}.settings-menu ul{border-top:none}@media (max-width: 800px){.settings-menu ul{border-bottom:#edece4 1px solid}}.settings-menu li{margin-right:1px;border-top:#fff 1px solid}@media (max-width: 800px){.settings-menu li{margin-right:0;border-top:#edece4 1px solid}}.settings-menu li a{padding:15px 15px 15px 40px;border-bottom:none}@media (max-width: 1000px){.settings-menu li a{padding-left:15px}}@media (max-width: 800px){.settings-menu li a:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e01d";float:right;margin-top:5px}.settings-menu li a:hover{text-decoration:none}}.settings-menu li:first-child{border-top:none}.settings-menu li:first-child.active{border-top:none}@media (min-width: 1001px){.settings-menu li.active{margin-right:0;position:relative;z-index:300;border-top:#edece4 1px solid;box-shadow:#fff 1px 0 0, #edece4 0 1px 0;-webkit-transition:all 0.15s ease-out 0s;-moz-transition:all 0.15s ease-out 0s;transition:all 0.15s ease-out 0s}.settings-menu li.active a{color:#242628;font-weight:bold;background:#fff}}.settings-menu li a:before{margin-right:20px}@media (max-width: 1000px){.settings-menu li a:before{margin-right:15px}}.settings-menu .general a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e006"}.settings-menu .general a:hover{text-decoration:none}.settings-menu .publishing a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02d"}.settings-menu .publishing a:hover{text-decoration:none}.settings-menu .services a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e020"}.settings-menu .services a:hover{text-decoration:none}.settings-menu .users a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e002"}.settings-menu .users a:hover{text-decoration:none}.settings-menu .appearance a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e021"}.settings-menu .appearance a:hover{text-decoration:none}.settings-menu .apps a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e00b"}.settings-menu .apps a:hover{text-decoration:none}.settings-menu .code a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e03e"}.settings-menu .code a:hover{text-decoration:none}.settings-content{padding:0;position:absolute;top:0;right:0;left:20%;bottom:0;background:#fff;display:none}@media (max-width: 800px){.settings-content{display:none;width:100%;left:100%;right:-100%;margin-left:15px}}.settings-content img{max-width:100%}.settings-content.active{display:block}.settings-content>header{position:relative;z-index:200;height:17px;padding:30px 220px 46px 40px;border-bottom:#edece4 1px solid;margin-bottom:40px;text-transform:none;font-weight:normal;line-height:inherit;color:inherit;background:-moz-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(25%, #fff), color-stop(100%, rgba(255,255,255,0.9)));background:-webkit-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:-o-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:-ms-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:linear-gradient(to bottom, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%)}@media (max-width: 1000px){.settings-content>header{padding-left:15px}}@media (max-width: 800px){.settings-content>header{padding-left:115px}}@media (max-height: 600px){.settings-content>header{height:auto;padding:5px;position:absolute;top:0;right:0;border:none;background:transparent}.settings-content>header .title{display:none}}@media (max-width: 650px){.settings-content>header{padding-left:15px}.settings-content>header .button-back{position:fixed;top:5px;left:14px;min-height:0;height:30px}.settings-content>header .button-back:before{left:-9px;border-width:15px 9px 15px 0}}.settings-content .page-actions{position:absolute;top:20px;right:40px;z-index:700;font-size:1em}@media (max-width: 1000px){.settings-content .page-actions{right:15px}}@media (max-width: 650px){.settings-content .page-actions{position:fixed;top:5px;right:4px}.settings-content .page-actions button{min-height:0;height:30px;padding:0.5em 1.37em}}.settings-content .page-actions .button-add{position:relative;padding-left:50px}.settings-content .page-actions .button-add:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e032";font-size:1.4em;color:rgba(255,255,255,0.6);position:absolute;top:0;padding:9px 8px 0 0;left:9px;bottom:0;width:20px;border-right:#8ba644 1px solid}.settings-content .page-actions .button-add:hover{text-decoration:none}.settings-content .content{position:absolute;top:0;right:0;left:0;bottom:0;padding:40px;overflow:auto;-webkit-overflow-scrolling:touch}.settings-content .content:before{display:block;content:"";height:77px}@media (max-height: 600px){.settings-content .content:before{display:none}}.settings-content .content.no-padding{padding:0}@media (max-width: 1000px){.settings-content .content{padding-left:15px}}@media (max-width: 550px){.settings-content .content{padding:0 15px 40px}}.settings-content .description-container,.settings-content .bio-container{max-width:510px}.settings-content .word-count{margin-right:30px;float:right;font-weight:bold;color:#9e9d95}.header-injection,.footer-injection{margin-top:3.2em}.ghost-setup{color:#7d878a;background:#242628}@media (max-width: 550px){.ghost-setup{background:#18191b}}.ghost-setup main{top:15px}@media (max-width: 550px){.ghost-setup main{top:0}}.ghost-setup input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #e2edf2 inset !important}.ghost-setup h1{margin:0;font-weight:200;font-size:26px;color:#e2edf2}@media (max-width: 550px){.ghost-setup h1{font-size:20px}}.ghost-setup h2{margin:10px 0 0 0;padding:0;border:none;font-weight:200;font-size:16px;color:#7d878a}@media (max-width: 550px){.ghost-setup h2{font-size:14px}}
+.setup-box{display:table;max-width:500px;height:90%;margin:0 auto;padding:0}.setup-form{max-width:530px;padding:40px;color:#a5acae;background:#18191b}@media (max-width: 400px){.setup-form{padding:15px}}.setup-form header{margin-bottom:45px}@media (max-width: 550px){.setup-form header{margin-bottom:35px}}.setup-form footer{margin:40px 0 5px 0}@media (max-width: 550px){.setup-form footer{margin-top:35px}}.setup-form label{width:90px;color:#e2edf2;font-weight:300}@media (max-width: 550px){.setup-form label{width:100%}}.setup-form .form-group{padding-left:110px}@media (max-width: 550px){.setup-form .form-group{padding-left:0}}.setup-form input{width:300px;padding:7px;border:none;color:#fff;background:#3c4043;-webkit-transition:background ease 0.25s;-moz-transition:background ease 0.25s;transition:background ease 0.25s}@media (max-width: 550px){.setup-form input{width:100%}}.setup-form input:focus{border:none;background:#484c50}.setup-form p{font-size:12px;line-height:1.4em;color:#7d878a}.setup-form .button-add{width:100%;padding:0.9em 1.8em;font-size:13px}.settings .user-group-header{margin-bottom:0px;padding-bottom:20px;border:0 none;border-bottom:1px solid #d9d6c5}.settings .user-group-header h3{display:inline-block;margin:0;color:#c0bfb6;font-weight:normal;font-size:1.1em;line-height:1em}.settings .user-search{display:inline-block;float:right}.settings .user-search label{margin:0}.settings .user-search:hover .user-search-input,.settings .user-search .user-search-input:focus{width:260px;padding:0 10px}.settings .user-search .user-search-input{width:0px;padding:0;border:none;border-bottom:#f1f0ea 1px solid;-webkit-transition:width 0.2s ease-in-out;-moz-transition:width 0.2s ease-in-out;transition:width 0.2s ease-in-out;box-shadow:none}.settings .user-search .search-icon:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e007";font-size:1em;color:#c0bfb6}.settings .user-search .search-icon:hover{text-decoration:none}.settings .users{padding:0px;margin-top:0px;list-style:none}.settings .user{display:block;width:100%;padding:20px;border:0 none;border-top:1px solid #e2edf2}.settings .user:first-child{border:none}.settings .user .user-image{display:inline-block;width:40px;height:40px;margin-right:17px;vertical-align:middle;background-color:#edece4;border-radius:20px}.settings .user .user-image.invite{padding-top:8px;text-align:center}.settings .user .user-image.invite:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e012";font-size:1em;color:#aaa9a2}.settings .user .user-image.invite:hover{text-decoration:none}.settings .user .user-image img{width:40px;height:40px;border-radius:20px}.settings .user .user-meta{display:inline-block;vertical-align:middle}.settings .user .user-name{margin:0;margin-top:0.4em;font-weight:400;font-size:1.2em;line-height:1em}.settings .user .user-last-seen{line-height:1em}.settings .user-role{padding:2px 8px;float:right;font-size:0.8em;color:#fff;text-transform:uppercase}.settings .user-role.admin{background-color:#DE523A}.settings .user-role.editor{background-color:#4A8CBD}.settings .user-profile-header{position:relative}.settings .user-profile-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background-color:transparent;background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,0.3));background-image:linear-gradient(transparent,rgba(0,0,0,0.3))}.settings .cover-image{display:block;line-height:0;width:100%;height:auto;min-height:180px}.settings .edit-cover-image{position:absolute;right:40px;bottom:38px;background:rgba(0,0,0,0.3);border-radius:0;color:rgba(255,255,255,0.8);z-index:2;border-radius:2px;-webkit-transition:color 0.3s ease,background 0.3s ease;-moz-transition:color 0.3s ease,background 0.3s ease;transition:color 0.3s ease,background 0.3s ease}@media (max-width: 1000px){.settings .edit-cover-image{right:15px}}.settings .edit-cover-image:hover{color:#fff;background:rgba(0,0,0,0.5)}.settings .user-profile{position:relative;top:-100px;z-index:1}.settings .user-profile fieldset{padding:0 40px}.settings fieldset.user-details-top{margin-bottom:0;padding:10px 0 0 0}.settings fieldset.user-details-top p{color:#fff}.settings .user-image{display:block;position:relative;width:120px;height:120px;float:left;margin-left:40px;margin-right:20px;text-align:center;border-radius:100%;overflow:hidden;border:5px solid #fff;background:#fff;z-index:2}.settings .user-image .img{display:block;width:110px;height:110px;background-size:cover;background-position:center center;border-radius:100%}.settings .user-image:hover .edit-user-image{opacity:1}.settings .edit-user-image{position:absolute;top:0px;right:0px;bottom:0px;left:0px;border-radius:100%;background:rgba(0,0,0,0.5);opacity:0;color:#fff;line-height:105px;text-transform:uppercase;text-decoration:none;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.settings #user-name{border-color:#fff}.settings .user-details-bottom{padding:0 40px;margin:-30px 0 0 0}
diff --git a/core/client/docs/index.html b/core/client/docs/index.html
deleted file mode 100644
index a72643ad12..0000000000
--- a/core/client/docs/index.html
+++ /dev/null
@@ -1,15 +0,0 @@
----
-layout: home
-title: Ghost UI
----
-
-<main class="bs-docs-masthead" id="content" role="main">
-    <div class="container">
-        <h1>Ghost UI</h1>
-        <p class="lead">The user interface framework for the Ghost blogging platform.</p>
-        <p class="lead">
-            <a href="getting-started#download" class="btn btn-outline-inverse btn-lg">Download Ghost UI</a>
-        </p>
-        <p class="version">Currently v{{ site.current_version }}</p>
-    </div>
-</main>
\ No newline at end of file
diff --git a/core/client/docs/index.md b/core/client/docs/index.md
new file mode 100644
index 0000000000..51c4a3fa87
--- /dev/null
+++ b/core/client/docs/index.md
@@ -0,0 +1,6 @@
+---
+layout: default
+title: Ghost UI
+---
+
+# Ghost-UI
\ No newline at end of file
diff --git a/core/client/docs/robots.txt b/core/client/docs/robots.txt
deleted file mode 100644
index 3f86d8a9dd..0000000000
--- a/core/client/docs/robots.txt
+++ /dev/null
@@ -1,10 +0,0 @@
----
-layout: nil
----
-
-# www.robotstxt.org/
-
-# Allow crawling of all content
-User-agent: *
-Disallow:
-Sitemap: {{ site.url }}/sitemap.xml
diff --git a/core/client/docs/sitemap.xml b/core/client/docs/sitemap.xml
deleted file mode 100644
index 7aaf56c9b3..0000000000
--- a/core/client/docs/sitemap.xml
+++ /dev/null
@@ -1,22 +0,0 @@
----
-layout: nil
----
-<?xml version="1.0" encoding="UTF-8"?>
-<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
-  <url>
-    <loc>{{ site.url }}/</loc>
-    <lastmod>{{ site.time | date_to_xmlschema }}</lastmod>
-    <changefreq>daily</changefreq>
-    <priority>1.0</priority>
-  </url>
-  {% for page in site.html_pages %}
-  {% if page.layout != "home" %}
-  <url>
-    <loc>{{ site.url }}{{ page.url }}</loc>
-    <lastmod>{{ site.time | date_to_xmlschema }}</lastmod>
-    <changefreq>weekly</changefreq>
-    <priority>0.7</priority>
-  </url>
-  {% endif %}
-  {% endfor %}
-</urlset>