clean 403 404 500

public/stylesheets/error-pages.css

@@ -0,0 +1,41 @@
+@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
+
+#error-page {
+	width: 820px;
+	margin: 160px auto 0 auto;
+}
+#error-page .card {
+	overflow: hidden;
+}
+#error-page .figure {
+	width: 460px;
+	height: 260px;
+	float: left;
+}
+#error-page .figure.code-403 { background: url(../img/403.png) center bottom no-repeat; }
+#error-page .figure.code-404 { background: url(../img/404.png) center bottom no-repeat; }
+#error-page .figure.code-500 { background: url(../img/500.png) center bottom no-repeat; }
+#error-page .message {
+	float: right;
+	width: 330px;
+	margin: 60px 0 0 0;
+	padding: 16px 0;
+	border: solid 3px #D8D8D8;
+	border-left: 0;
+	border-right: 0;
+	text-align: center;
+}
+#error-page .message > * {
+	margin: 0;
+}
+#error-page .message h1 {
+	color: #333;
+	font-size: 52px;
+	font-family: 'Roboto Condensed', sans-serif;
+}
+#error-page .message p {
+	color: #999;
+	font-size: 15px;
+	font-family: sans-serif;
+	padding: 16px 0;
+}