Markup for 404 page

This needs Javascript to vertically center the page.

ghost/admin/assets/sass/layouts/errors.scss

@@ -0,0 +1,80 @@
+/*
+ * These styles control elements specific to the error screens
+ *
+ * Table of Contents:
+ *
+ * General
+ * 404
+ */
+
+/* =============================================================================
+   General
+   ============================================================================= */
+
+.error-content {
+    max-width: 530px;
+    margin: 0 auto;
+    padding: 0;
+
+    @include breakpoint(630px) {
+        max-width: 264px;
+        text-align: center;
+    }
+}
+
+.error-image {
+    display: inline-block;
+    vertical-align: middle;
+    width: 96px;
+    height: 150px;
+
+    @include breakpoint(630px) {
+        width: 72px;
+        height: 112px;
+    }
+
+    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;
+
+    @include breakpoint(630px) {
+        font-size: 5.8em;
+    }
+}
+
+.error-description {
+    margin: 0;
+    padding: 0;
+    font-weight: 300;
+    font-size: 1.9em;
+    color: #979797;
+    border: none;
+
+    @include breakpoint(630px) {
+        font-size: 1.4em;
+    }
+}
+
+/* =============================================================================
+   404
+   ============================================================================= */
+
+.error-404 {
+    width: 300px;
+}

ghost/admin/assets/sass/screen.scss

@@ -48,3 +48,6 @@
 
    @import "layouts/login";
    /* The settings screen. */
+
+   @import "layouts/errors";
+   /* The errors screens. */