fixed relative paths in CSS

404/css/main.css

@@ -4,7 +4,7 @@
 
 html, body{
 	height:100%;
-	background:#186aa9 url(../images/sky-background.png) top repeat-x;	
+	background:#186aa9 url(/404/images/sky-background.png) top repeat-x;	
 	overflow:hidden;
 	padding:0;
 	margin:0;
@@ -32,7 +32,7 @@ img, a img{
 	margin:0px auto;
 	position:relative;
 	height:100%;
-	background:url(../images/sky-shine.jpg) top left no-repeat;
+	background:url(/404/images/sky-shine.jpg) top left no-repeat;
 }
 
 div.top-left{
@@ -84,7 +84,7 @@ div.dog{
 	width:80px;
 	height:80px;
 	z-index:999;
-	background:url(../images/dog1.png) 0px 0px no-repeat;
+	background:url(/404/images/dog1.png) 0px 0px no-repeat;
 }
 
 div.dog-bubble{
@@ -93,7 +93,7 @@ div.dog-bubble{
 	font-style:italic;
 	height:179px;
 	width:246px;
-	background:url(../images/bubble.png) top center no-repeat;
+	background:url(/404/images/bubble.png) top center no-repeat;
 	padding:20px 0px;
 	position:absolute;
 	bottom:0px;
@@ -299,7 +299,7 @@ div.bubble-options{
 			font-style:italic;
 			height:107px;
 			width:147px;
-			background:url(../images/bubble.png) top center no-repeat;
+			background:url(/404/images/bubble.png) top center no-repeat;
 			background-size: contain;
 			padding:10px 0px;
 			position:absolute;

404/index.md

@@ -3,14 +3,14 @@ layout: error
 title: "Error 404, Page Not Found"
 ---
 
-<link rel="stylesheet" href="css/main.css" type="text/css" media="screen, projection" />
+<link rel="stylesheet" href="/404/css/main.css" type="text/css" media="screen, projection" />
 <!--[if lt IE 8]>
-	<link rel="stylesheet" type="text/css" href="css/ie7.css" />
+	<link rel="stylesheet" type="text/css" href="/404/css/ie7.css" />
 <![endif]-->
 
 <div id="wrapper">
 	<div class="graphic">
-		<img src="images/404.png" alt="404" />
+		<img src="/404/images/404.png" alt="404" />
 	</div>
 
 	<div class="top-left">
@@ -33,7 +33,7 @@ title: "Error 404, Page Not Found"
 			</div>
 		</div>
 
-		<img src="images/planet.png" alt="planet" />
+		<img src="/404/images/planet.png" alt="planet" />
 	</div>
 
 </div>
\ No newline at end of file

_data/dogtalk.yml

 - bubble: "The page went missing? The entire page? Oh noooo!"
 - bubble: "<br />Barooooooooooo!"
 - bubble: "<br />I'm the best tracker out there, I'll find it!"
-- bubble: "My kingdom for a dog biscuit!<br /><img style='margin-top:8px' src='images/cookie.png' alt='cookie' />"
+- bubble: "My kingdom for a dog biscuit!<br /><img style='margin-top:8px' src='/404/images/cookie.png' alt='cookie' />"
 - bubble: "<br />I'm sure the page is just around the corner..."
 - bubble: "Does anyone smell something cooking? Nom nom nom."
 - bubble: "Am I just going in circles?<br />IS IT TRUE??"
 - bubble: "<br />Have you tried to Google for it?"
-- bubble: "I keep day-dreaming...<br /><img style='margin-top:8px' src='images/cat.png' alt='cat' />"
+- bubble: "I keep day-dreaming...<br /><img style='margin-top:8px' src='/404/images/cat.png' alt='cat' />"
 - bubble: "<br />Uh oh...I forgot what I'm looking for!"
\ No newline at end of file