Added 404 and server down pages

404.html

+
+<%inherit file="main.html" />
+
+<section class="activation">
+  <h1>Page not found</h1>
+  <p>The page that you were looking for was not found. Go back to the <a href="/">homepage</a> or let us know about any pages that may have been moved at <a href="mailto:">mailto:</a>.</p>
+</section>

sass/_layout.scss

@@ -6,13 +6,13 @@ html {
     font: $body-font-size $body-font-family;
     text-align: center;
     margin: 0;
-    background: #f3f3f3;
+    background: #f6f6f6;
 
     div.header-wrapper {
       // @include linear-gradient(lighten($mit-red, 5%), darken($mit-red, 5%));
-      @include box-shadow(inset 0 1px 0 lighten($mit-red, 10%), 0 1px 1px #ccc);
+      @include box-shadow(inset 0 -1px 2px darken($mit-red, 10%));
       background: $mit-red;
-      border-bottom: 1px solid darken($mit-red, 10%);
+      border-bottom: 1px solid #fff;
 
       header {
         @extend .clearfix;
@@ -43,9 +43,10 @@ html {
 
           h2 {
             float: left;
-            margin: 0;
-            padding: 19px 15px 12px 0;
+            margin: 0 lh() 0 0;
+            padding: 19px lh() 12px 0;
             line-height: lh();
+            border-right: 1px solid darken($mit-red, 5%);
 
             a {
               color: #fff;
@@ -87,11 +88,16 @@ html {
     section.main-content {
       @extend .clearfix;
       @extend .wrapper;
-      @include box-shadow(0 1px 0 #fff);
+      @include box-shadow(0 0 4px #ddd);
       @include box-sizing(border-box);
       background: #fff;
-      border: 1px solid #ccc;
-      border-top: 0;
+      border-bottom: 1px solid #bbb;
+
+      @media screen and (min-width: 1400px) {
+      margin-top: lh(.5);
+      @include border-radius(3px);
+      border: 1px solid #bbb;
+      }
     }
 
     img {

server_down.html

+
+<%inherit file="main.html" />
+
+<section class="activation">
+  <h1>Currently the <em>MITx</em> servers are down</h1>
+  <p>Our staff is currently working to get the site back up as soon as possible. Please email us at <a href="mailto:">mailto:</a> to report any problems or downtime.</p>
+</section>