res/messages/error404.html

<!doctype html>
<html>
<head>
    <title>Can&#039;t find the sugar!</title>
    <meta name="generator" content="PieCrust" />
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster">
	<style>
		body {
			margin: 0;
			padding: 1em;
			background: #eee;
			color: #000;
			font-family: Georgia, serif;
		}
		h1 {
			font-size: 4.5em;
			font-family: Lobster, 'Trebuchet MS', Verdana, sans-serif;
			text-align: center;
			font-weight: bold;
            margin-top: 0;
			color: #333;
			text-shadow: 0px 2px 5px rgba(0,0,0,0.3);
		}
		h2 {
			font-size: 2.5em;
            font-family: 'Lobster', 'Trebuchet MS', Verdana, sans-serif;
		}
		code {
			background: #ddd;
			padding: 0 0.2em;
		}
        #preamble {
            font-size: 1.2em;
            font-style: italic;
            text-align: center;
            margin-bottom: 0;
        }
		#container {
			margin: 0 20%;
		}
        #content {
            margin: 2em 1em;
        }
		.note {
			margin: 3em;
			color: #888;
			font-style: italic;
		}
	</style>
</head>
<body>
    <div id="container">
        <div id="header">
            <p id="preamble">A Message From The Kitchen:</p>
			<h1>Can&#039;t find the sugar!</h1>
		</div>
        <hr />
        <div id="content">
            			<p>It looks like the page you were trying to access does not exist around here. Try going somewhere else.</p>

            		</div>
        <hr />
        	</div>
</body>
</html>