diff --git a/lib/gollum/frontend/templates/error.mustache b/lib/gollum/frontend/templates/error.mustache
index 326cd9f8..9172198b 100644
--- a/lib/gollum/frontend/templates/error.mustache
+++ b/lib/gollum/frontend/templates/error.mustache
@@ -1,11 +1,8 @@
-<div class="guide">
-  <div class="main">
-    <div class="actions">
-      <a href="/">Home</a>
-    </div>
+<div id="wiki-wrapper" class="error">
+  <div id="error">
     <h1>Error</h1>
-    <div class="error">
+    <p>
       {{message}}
-    </div>
+    </p>
   </div>
-</div>
+</div>
\ No newline at end of file
diff --git a/scratch/css/gollum.css b/scratch/css/gollum.css
index b8b14894..6282cf3b 100644
--- a/scratch/css/gollum.css
+++ b/scratch/css/gollum.css
@@ -400,4 +400,43 @@ ul.actions {
   filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#599bdc', endColorstr='#3072b3');
   background: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3));
   background: -moz-linear-gradient(top, #599bdc, #3072b3);
+}
+
+
+/* @special error */
+#wiki-wrapper.error {
+  height: 1px;
+  position: absolute;
+  overflow: visible;
+  top: 50%;
+  width: 100%;
+}
+
+#error {
+  background-color: #f9f9f9;
+  border: 1px solid #e4e4e4;
+  left: 50%;
+  overflow: hidden;
+  padding: 2%;
+  margin: -10% 0 0 -35%;
+  position: absolute;
+  width: 70%;
+  
+  border-radius: 0.5em;
+  -moz-border-radius: 0.5em;
+  -webkit-border-radius: 0.5em;
+}
+
+#error h1 {
+  font-size: 3em;
+  line-height: normal;
+  margin: 0;
+  padding: 0;
+}
+
+#error p {
+  font-size: 1.2em;
+  line-height: 1.6em;
+  margin: 1em 0 0.5em;
+  padding: 0;
 }
\ No newline at end of file