New design

58 files changed, 1521 insertions, 194 deletions

diff --git a/static/BubbleBlueL800x1600.png b/static/BubbleBlueL800x1600.png
new file mode 100644
index 0000000..3329e11
--- /dev/null
+++ b/static/BubbleBlueL800x1600.png
diff --git a/static/BubbleBlueR800x1600.png b/static/BubbleBlueR800x1600.png
new file mode 100644
index 0000000..320a743
--- /dev/null
+++ b/static/BubbleBlueR800x1600.png
diff --git a/static/BubbleLtGreyL800x1600.png b/static/BubbleLtGreyL800x1600.png
new file mode 100644
index 0000000..d0728da
--- /dev/null
+++ b/static/BubbleLtGreyL800x1600.png
diff --git a/static/BubbleLtGreyR800x1600.png b/static/BubbleLtGreyR800x1600.png
new file mode 100644
index 0000000..5c8abad
--- /dev/null
+++ b/static/BubbleLtGreyR800x1600.png
diff --git a/static/BubblePinkL800x1600.png b/static/BubblePinkL800x1600.png
new file mode 100644
index 0000000..a2e3ccb
--- /dev/null
+++ b/static/BubblePinkL800x1600.png
diff --git a/static/BubblePinkR800x1600.png b/static/BubblePinkR800x1600.png
new file mode 100644
index 0000000..97c59fb
--- /dev/null
+++ b/static/BubblePinkR800x1600.png
diff --git a/static/background.js b/static/background.js
new file mode 100644
index 0000000..8eed157
--- /dev/null
+++ b/static/background.js
@@ -0,0 +1,33 @@
+
+
+var bgImages = ['shaq.gif','background4.gif','background13.gif','wayne.gif','blink.gif','rhianamoney.gif','britglobe2.gif','gaga.gif'];
+var bgIndex = -1;
+
+function killBackground() {
+  document.getElementsByTagName('html')[0].style.background = 'none';
+}
+
+function setBackground(i) {
+  document.getElementsByTagName('html')[0].style.background = (bgImages[i].indexOf('#')+1?bgImages[i]:'#222 url(/static/'+bgImages[i]+(bgImages[i].indexOf('.gif')==-1?'.jpg':'')+') 50% 50%');
+}
+
+function getBackground() {
+  if (++bgIndex>=bgImages.length) bgIndex = 0;
+  setBackground(bgIndex);
+}
+
+window.onload = function() {
+  var nAV = navigator.appVersion.toLowerCase();
+  if (nAV.match(/msie 5/) || nAV.match(/msie 6/)) return false;
+  var items = utils.getElementsByClassName('dialog','div');
+  for (var i=0,j=items.length; i<j; i++) {
+    widgets[widgets.length] = new DialogWidget(items[i],i);
+  }
+  var d = document.createElement('div');
+  d.style.cssText = 'position:fixed;bottom:3px;right:3px;font-size:xx-small;z-index:10';
+  d.innerHTML = '<button onclick="getBackground()" title="Rotate background image" style="font-size:xx-small">1</button><button id="animation-demo" onclick="doAnimationDemo()" title="Cheap demo: Adjust width, height and margins, showing fluidity" style="font-size:xx-small">2</button>';
+  document.body.appendChild(d);
+  document.getElementById('animation-demo').style.display = 'block';
+  getBackground();
+  window.onresize = handleResize;
+}
\ No newline at end of file
diff --git a/static/background13.gif b/static/background13.gif
new file mode 100644
index 0000000..d087dad
--- /dev/null
+++ b/static/background13.gif
diff --git a/static/background4.gif b/static/background4.gif
new file mode 100644
index 0000000..675add6
--- /dev/null
+++ b/static/background4.gif
diff --git a/static/bg-random.gif b/static/bg-random.gif
new file mode 100644
index 0000000..12ce8c5
--- /dev/null
+++ b/static/bg-random.gif
diff --git a/static/bg55.png b/static/bg55.png
new file mode 100644
index 0000000..f16a548
--- /dev/null
+++ b/static/bg55.png
diff --git a/static/bgto.gif b/static/bgto.gif
new file mode 100644
index 0000000..3411a54
--- /dev/null
+++ b/static/bgto.gif
diff --git a/static/blink.gif b/static/blink.gif
new file mode 100644
index 0000000..0776f7f
--- /dev/null
+++ b/static/blink.gif
diff --git a/static/bluego.png b/static/bluego.png
new file mode 100644
index 0000000..8bcd35f
--- /dev/null
+++ b/static/bluego.png
diff --git a/static/britglobe2.gif b/static/britglobe2.gif
new file mode 100644
index 0000000..c972e08
--- /dev/null
+++ b/static/britglobe2.gif
diff --git a/static/brokenlink.gif b/static/brokenlink.gif
new file mode 100644
index 0000000..0e18a55
--- /dev/null
+++ b/static/brokenlink.gif
diff --git a/static/d.png b/static/d.png
new file mode 100644
index 0000000..63a7bbb
--- /dev/null
+++ b/static/d.png
diff --git a/static/d3d1.gif b/static/d3d1.gif
new file mode 100644
index 0000000..0e88f7b
--- /dev/null
+++ b/static/d3d1.gif
diff --git a/static/dblue.png b/static/dblue.png
new file mode 100644
index 0000000..3a99764
--- /dev/null
+++ b/static/dblue.png
diff --git a/static/dblue2.png b/static/dblue2.png
new file mode 100644
index 0000000..0b7253b
--- /dev/null
+++ b/static/dblue2.png
diff --git a/static/dump.css b/static/dump.css
new file mode 100644
index 0000000..95e3196
--- /dev/null
+++ b/static/dump.css
@@ -0,0 +1,103 @@
+@charset "UTF-8";
+/* CSS Document */
+
+  a:link {
+	 text-decoration: none;
+	 
+         }
+         a:visited {
+	 text-decoration: none;
+	 border: 0px;
+         }
+         a:hover {
+	 text-decoration: none;
+	 border: 0px;
+         }
+         a:active {
+	 text-decoration: none;
+	 border: 0px;
+         }
+         img{border: 0px;}
+         #apDiv7 {
+	 position:absolute;
+	 left:151px;
+	 top:-106px;
+	 width:351px;
+	 height:66px;
+	 z-index:4;
+	 font-weight: bold;
+	 line-height: 18px;
+	 font-size: 14px;
+         }
+         #apDiv8 {
+	 position:absolute;
+	 left:964px;
+	 top:131px;
+	 width:416px;
+	 height:140px;
+	 z-index:4;
+         }
+#rapper {
+	position:relative;
+	
+	width:800px;
+	margin: 0px auto -1px auto;
+	top:0px;
+	
+	z-index:1;
+	opacity:0.9;
+	
+}
+#top {
+	position:absolute;
+	left:0px;
+	top:0px;
+	width:100%;
+	height:32px;
+	z-index:2;
+	background-color: #CCC;
+}
+
+#bottom {
+	position:absolute;
+	left:0px;
+	bottom:0px;
+	width:100%;
+	height:10px;
+	z-index:1;
+	font-size: 10px;
+	line-height: 5px;
+}
+
+	
+#bg {
+	position:absolute;
+	left:0px;
+	top:0px;
+	width:100%;
+	height:100%;
+	z-index:2;
+	background-image:url(grad2.jpg);
+}
+body {
+	background-image: url(/static/bg5.png);
+	background-repeat: repeat-x;
+}
+#plane {
+	position:fixed;
+	top:9px;
+	right:0px;
+	width:100%;
+	height:100%;
+	z-index:1;
+	background-image: url(/static/cloudbg2.png);
+	background-repeat: no-repeat;
+	background-position:center;
+		-moz-opacity: 0.6;
+filter:alpha(opacity=60);
+  /* CSS3 standard */
+  opacity:0.6;
+	
+
+}
+
diff --git a/static/dump.gif b/static/dump.gif
new file mode 100644
index 0000000..f1633be
--- /dev/null
+++ b/static/dump.gif
diff --git a/static/dumpbgword.gif b/static/dumpbgword.gif
new file mode 100644
index 0000000..27754fa
--- /dev/null
+++ b/static/dumpbgword.gif
diff --git a/static/dumpd.gif b/static/dumpd.gif
new file mode 100644
index 0000000..e571668
--- /dev/null
+++ b/static/dumpd.gif
diff --git a/static/dumpd.png b/static/dumpd.png
new file mode 100644
index 0000000..0f56f50
--- /dev/null
+++ b/static/dumpd.png
diff --git a/static/dumpl2.png b/static/dumpl2.png
new file mode 100644
index 0000000..f0c7263
--- /dev/null
+++ b/static/dumpl2.png
diff --git a/static/favicon.ico b/static/favicon.ico
index f9e8d8d..c64876f 100755
--- a/static/favicon.ico
+++ b/static/favicon.ico
diff --git a/static/footer.png b/static/footer.png
new file mode 100644
index 0000000..d83aafd
--- /dev/null
+++ b/static/footer.png
diff --git a/static/footer1.png b/static/footer1.png
new file mode 100644
index 0000000..b471698
--- /dev/null
+++ b/static/footer1.png
diff --git a/static/forealz.gif b/static/forealz.gif
new file mode 100644
index 0000000..63723bf
--- /dev/null
+++ b/static/forealz.gif
diff --git a/static/gaga.gif b/static/gaga.gif
new file mode 100644
index 0000000..efaf4eb
--- /dev/null
+++ b/static/gaga.gif
diff --git a/static/grad2.png b/static/grad2.png
new file mode 100644
index 0000000..c9f0c0d
--- /dev/null
+++ b/static/grad2.png
diff --git a/static/header.st b/static/header.st
new file mode 100644
index 0000000..cd8be34
--- /dev/null
+++ b/static/header.st
@@ -0,0 +1,133 @@
+<head>
+    <link rel="stylesheet" type="text/css" href="static/reset.css">
+        <link rel="shortcut icon" href="static/favicon.ico">
+    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+    
+    </head>
+<style type="text/css">
+<!--
+.white a:link {
+	text-decoration: none;
+	text-shadow: -1px 1px 1px #ccc;
+	color: #504F61;
+}
+.white a:visited {
+	text-decoration: none;
+	text-shadow: -1px 1px 1px #ccc;
+	color: #504F61;
+}
+.white a:hover {
+	text-decoration: none;
+	text-shadow: -1px 1px 1px #ccc;
+	
+	
+	color: #fff;
+}
+.white a:active {
+	text-decoration: none;
+	
+	text-shadow: -1px 1px 1px #ccc;
+	color: #504F61;
+}
+#header7{
+	background-image:url(/static/dblue2.png);
+	background-attachment:inherit;
+	margin: 0px auto -1px auto;
+	top: 0px;
+	width:100%;
+	left: 0px;
+	height: 69px;
+}
+#bar7{
+	top:31px;
+	position:absolute;
+	font-family: Arial, Helvetica, sans-serif;
+	font-weight: bold;
+	width: 500px;
+	font-size: 20px;
+	left: 170px;
+	margin-left: 11%;
+	margin-right: 8%;
+	letter-spacing: -1px;
+	z-index: 999;
+}
+#logout7{
+	top:5px;
+	position:relative;
+	font-size:13px;
+	margin-right: 10px;
+	float:right;
+	z-index: 999;
+	font-family: "Times New Roman", Times, serif;
+}
+#logo7{
+	top:20px;
+	margin-left: 10%;
+	margin-right: 10%;
+	z-index:1000;
+	float:left;
+}
+#rapper7{
+	top: 0px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	height: 78px;
+	z-index: 1000;
+}
+p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
+td {
+	font-family: Arial, Helvetica, sans-serif;
+	letter-spacing:-1px;
+	font-size: 12px;
+	color: #000000;
+}
+.btnav {  border: 0px #000000 solid;} 
+body {
+	
+	
+	background:#e3e3e3;
+	 background:transparent color(demo/bg-random.gif);
+	 background-position:center;
+	
+}
+
+
+-->
+</style>
+
+<body>
+<div id="rapper7">
+<div id="header7">
+
+ 
+
+
+      <div id="logo7">
+        <div align="center"><img src="http://www.dump.fm/static/wordlogo2.gif" width="155" height="73"></div>
+    </div>
+    <div class="white">
+
+      <div id="bar7">
+        <div style="float: left;">
+          <div align="center">$if(user_nick)$&nbsp; 
+            <a href="/u/$user_nick$">Home</a> |
+    $else$ <a href="/register">Join</a> |
+    $endif$
+    <a href="/chat">Room A</a>
+    $if(user_nick)$ $endif$
+          | Extras | Discover</div>
+        </div>
+    </div>
+</div>
+  <div id="logout7" class="white">    
+     <div align="center">$if(user_nick)$ <a href="/logout">Logout</a> $else$ <a href="/" class="btnav">Log In</a>$endif$
+     </div>
+   </div>
+    <div align="center"><br />
+    </div>
+</div>
+</div>
+</div>
+
+</body>
\ No newline at end of file
diff --git a/static/index.html b/static/index.html
index 1daa65f..fb5224e 100755..100644
--- a/static/index.html
+++ b/static/index.html
@@ -1,99 +1,227 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
-<html xmlns="http://www.w3.org/1999/xhtml"> 
-  <head> 
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
-    <title>dump.fm</title> 
-    <link rel="stylesheet" type="text/css" href="static/main2.css" />
-    <link rel="shortcut icon" href="static/favicon.ico" /> 
+<head>
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
     <script type="text/javascript" src="static/sha1.js"></script>
     <script type="text/javascript" src="static/home.js"></script>
+            <script type="text/javascript" src="static/background.js"></script>
     <script> 
       $(document).ready(initHome);
-    </script>          
-    <style type="text/css"> 
-      <!--
-         a:link {
-	 text-decoration: none;
-	 
-         }
-         a:visited {
-	 text-decoration: none;
-	 border: 0px;
-         }
-         a:hover {
-	 text-decoration: none;
-	 border: 0px;
-         }
-         a:active {
-	 text-decoration: none;
-	 border: 0px;
-         }
-         img{border: 0px;}
-         #apDiv7 {
-	 position:absolute;
-	 left:151px;
-	 top:-106px;
-	 width:351px;
-	 height:66px;
-	 z-index:4;
-	 font-weight: bold;
-	 line-height: 18px;
-	 font-size: 14px;
-         }
-         #apDiv8 {
-	 position:absolute;
-	 left:964px;
-	 top:131px;
-	 width:416px;
-	 height:140px;
-	 z-index:4;
-         }
-        -->
-    </style> 
-  </head> 
-  <body> 
-    <div id="header">             
-      <div id="apDiv2"> 
+    </script>         
+    <link rel="stylesheet" type="text/css" href="static/reset.css">
+        <link rel="shortcut icon" href="static/favicon.ico">
+        
+    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></head>
+<style type="text/css">
+<!--
+.white a:link {
+	text-decoration: none;
+	text-shadow: -1px 1px 1px #ccc;
+	color: #504F61;
+}
+.white a:visited {
+	text-decoration: none;
+	text-shadow: -1px 1px 1px #ccc;
+	color: #504F61;
+}
+.white a:hover {
+	text-decoration: none;
+	text-shadow: -1px 1px 1px #ccc;
+	background-color:#e3e3e3;
+	
+	color: #fff;
+}
+.white a:active {
+	text-decoration: none;
+	text-shadow: -1px 1px 1px #ccc;
+	color: #504F61;
+}
+#header7{
+	background-color:#666;
+	background-image:url(/static/dblue2.png);
+	background-attachment:fixed;
+	margin: 0px auto -1px auto;
+	top: 0px;
+	width:100%;
+	left: 0px;
+	height: 60px;
+}
+#bar7{
+	top:32px;
+	position:absolute;
+	font-family: Arial, Helvetica, sans-serif;
+	font-weight: bold;
+	width: 500px;
+	font-size: 20px;
+	left: 170px;
+	margin-left: 10%;
+	margin-right: 8%;
+	letter-spacing: -1px;
+	z-index: 999;
+}
+#main {
+	background-position:center;
+	width:500px;
+	margin: 0px auto -1px auto;
+	top:150px;
+	height:380px;
+	z-index:2;
+	opacity:0.9;
+	border-top-left-radius:10px;
+	border-top-right-radius:10px;
+	-webkit-border-top-left-radius:10px;
+	-webkit-border-top-right-radius:10px;
+	-moz-border-radius-topleft:10px;
+	-moz-border-radius-topright:10px;
+	border-bottom-left-radius:10px;
+	border-bottom-right-radius:10px;
+	-webkit-border-bottom-left-radius:10px;
+	-webkit-border-bottom-right-radius:10px;
+	-moz-border-radius-bottomleft:10px;
+	-moz-border-radius-bottomright:10px;
+	border:solid 4px #F5F5F5;
+	position: relative;
+	background-color: #FFF;
+	background-position:center;
+	background-repeat:no-repeat;
+}
+#logout7{
+	top:5px;
+	position:relative;
+	font-size:13px;
+	margin-right: 10px;
+	float:right;
+	z-index: 999;
+	font-family: "Times New Roman", Times, serif;
+}
+#logo7{
+	top:20px;
+	margin-left: 10%;
+	margin-right: 10%;
+	z-index:1000;
+	float:left;
+}
+#rapper7{
+	top: 0px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	height: 78px;
+	z-index: 1000;
+}
+#bottombar{
+	top: 69px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	height: 20px;
+	z-index: 1000;
+}
+p {
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 24px;
+}
+td {
+	font-family: Arial, Helvetica, sans-serif;
+	letter-spacing:-1px;
+	font-size: 12px;
+	color: #000000;
+}
+.btnav {  border: 0px #000000 solid;} 
+body {
+	
+	background-color:#e3e3e3;
+	
+	background-image:url(static/brokenlink.gif);
+	background-position:center;
+	
+	background-repeat:no-repeat;
+	overflow:hidden;
+}
+.submit {
+	
+	
+	text-shadow: -1px 1px 1px #ccc;
+	
+	font-size:15px;
+}
+.feild {
+	height:40px;
+	width:300px;
+	border:3px #ccc;
+	background:#e3e3e3;
+	margin:10px;
+	font-size:30px;
+}
+.txt {
+	font-family:Arial, Helvetica, sans-serif;
+	font-size:12px;
+	text-shadow: -1px 1px 1px #ccc;
+}
+	.line {
+	font-family:Arial, Helvetica, sans-serif;
+	
+	letter-spacing: -1px;
+	color:#000;
+	font-size:18px;
+	
+}
+
+
+-->
+</style>
+
+<body>
+<div id="rapper7">
+<div id="header7">
+
+ <div id="bottombar"></div>
+
+
+
         <div align="center">
-          <img src="static/dfm.png" width="384" height="136" /><br />          
-          <div id="about"> 
-            <p align="left"><a href="getstarted">
-                <img src="static/getstarted.gif" width="262" height="94" /></a></p> 
-            <p align="left"><br /> 
-            </p> 
-          </div> 
-          <div id="txt"> 
-            <div align="right">Talk with pictures.</div> 
-          </div> 
-          <div id="signin"> 
-            <div align="right"> 
-              <div id="registerbox"> 
-                <h1>Sign In!<br /> 
-                  <span>Nickname</span> 
-                  <input type="text" id="nickInput" size="17" /> 
-                  <br />                   
-                  <span>Password</span> 
-                  <input type="password" id="passwordInput" size="17" /> 
-                  <br />                  
-                  <input type="submit" id="loginSubmit" value="YEAH!!!" /> 
-                </h1> 
-              </div> 
-            </div> 
-          </div> 
-          <div class="info" id="info"> 
-            <div align="center" class="info"> © 2009 dump.fm
-              * About Us
-              * Contact
-              * Blog
-              * Goodies              
-              * Help
-              * Terms
-              * Privacy
-            </div>             
-        </div>
+          <p><img src="static/wordlogo2.gif" width="500" height="239"><br>
+          </p>
         </div>
+
+    <div class="white"></div>
+    <div align="center"><br />
+    </div>
+</div>
+</div>
+</div>
+<div id="main" align="center">
+
+            <p align="center"><br /> 
+  </p> 
+  <div id="registerbox">
+    <p align="right" class="line">&nbsp;</p>
+    <p align="right" class="line">&nbsp;</p>
+    <p align="center" class="line">Talk with pictures. </p>
+    <h1 align="center">&nbsp;</h1>
+    <h1 align="center"><br />
+      u
+      <input type="text" class="feild"id="nickInput" size="17" /> 
+      <br />
+      p
+      <input type="password" class="feild" id="passwordInput" size="17" />
+    </h1>
+    <h1 align="center">      <br />                  
+      <input type="submit" class="submit" id="loginSubmit" value="Log In" /> 
+    </h1>
+    <p align="center">&nbsp;</p>
+    <p>&nbsp;</p>
+    <div align="right" class="txt">
+      <div align="center"><span class="txt"><a href="http://dump.fm/register" class="txt">Register</a></span></div>
+    </div>
+    <div align="center"></div>
+  </div>
+</div>
     </div></div> 
-    <br /> 
-  </body> 
-</html> 
+
+</div>
+              </h1>
+              </div>
+</div>
+
+<div style="position: fixed; bottom: 3px; right: 3px; font-size: xx-small; z-index: 10;"><button onclick="getBackground()" title="Rotate background image" style="font-size: xx-small;">+</button></div>
+
+</body>
\ No newline at end of file
diff --git a/static/lil-wayne.jpg b/static/lil-wayne.jpg
new file mode 100644
index 0000000..34c6481
--- /dev/null
+++ b/static/lil-wayne.jpg
diff --git a/static/logo.png b/static/logo.png
new file mode 100644
index 0000000..a52b0c9
--- /dev/null
+++ b/static/logo.png
diff --git a/static/main2.css b/static/main2.css
index 822cde3..5eeab65 100644
--- a/static/main2.css
+++ b/static/main2.css
@@ -3,26 +3,103 @@
 
 #apDiv2 {
 	position:relative;
-	top:75px;
+	top:30px;
 	width:700px;
 	margin: 0px auto -1px auto;
 	height: 300px;
 	z-index: 3;
 }
+.white a:link {
+	text-decoration: none;
+	color: #504F61;
+}
+.white a:visited {
+	text-decoration: none;
+	color: #504F61;
+}
+.white a:hover {
+	text-decoration: none;
+	color: #fff;
+}
+.white a:active {
+	text-decoration: none;
+	color: #504F61;
+}
+#header7{
+	background-color:#666;
+	background-image:url(/static/dblue.png);
+	background-attachment:fixed;
+	margin: 0px auto -1px auto;
+	top: 0px;
+	width:100%;
+	left: 0px;
+	height: 60px;
+}
+#bar7{
+	top:32px;
+	position:absolute;
+	font-family: Arial, Helvetica, sans-serif;
+	font-weight: bold;
+	width: 500px;
+	font-size: 20px;
+	left: 200px;
+	margin-left: 12%;
+	margin-right: 10%;
+	letter-spacing: -1px;
+	z-index: 999;
+}
+#logout7{
+	top:5px;
+	position:relative;
+	font-size:12px;
+	margin-right: 10px;
+	float:right;
+	z-index: 999;
+	font-family: "Times New Roman", Times, serif;
+}
+#logo7{
+	top:20px;
+	z-index:1000;
+}
+#rapper7{
+	top: 0px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	height: 60px;
+	z-index: 1000;
+}
+p {
+	font-family: "Times New Roman", Times, serif;
+	font-size: 12px;
+}
+td {
+	font-family: Arial, Helvetica, sans-serif;
+	letter-spacing:-1px;
+	font-size: 12px;
+	color: #000000;
+}
+.btnav {  border: 0px #000000 solid;} 
+body {
+	background-image: url(/static/bg5.png);
+	background-repeat: repeat-x;
+}
+
 #txt {
 	position:absolute;
-	top:110px;
-	width:533px;
+	top:115px;
+	width:450px;
 	margin: 0px auto -1px auto;
 	height: 18px;
 	z-index: 3;
 	line-height: 18px;
 	font-weight: bold;
-	color: #333;
+	color: #999;
+	font-size: 14px;
 }
 #info {
 	position:relative;
-	top:150px;
+	top:200px;
 	width:700px;
 	margin: 0px auto -1px auto;
 	height: 14px;
@@ -34,13 +111,12 @@
 	position:relative;
 	background:#fff url("cloudbg2.png") no-repeat 0 0;
 	background-position:center;
-	width:700px;
+	width:80%;
 	margin: 0px auto -1px auto;
-	top:10px;
-	height:700px;
+	top:26px;
+	height:600px;
 	z-index:2;
-
-  opacity:0.9;
+	opacity:0.9;
 	-moz-border-radius-topleft:10px;
 	-moz-border-radius-bottomleft:10px;
 	-moz-border-radius-bottomright:10px;
@@ -48,6 +124,9 @@
 	-moz-border-radius-topright:10px;
 	border-top-left-radius:10px;
 	border-top-right-radius:10px;
+	min-width: 800px;
+	border-color: #000;
+	border: 1px;
 }
 .round {
 	-moz-border-radius:5px;
@@ -125,6 +204,8 @@
 	left:0px;
 	width:351px;
 	height:135px;
+	font-size:16px;
+	font-weight:bold;
 	z-index:3;
 	top: 143px;
 }
@@ -140,25 +221,28 @@
 }
 #about {
 	position:absolute;
-	width:280px;
-	height: 250;
+	width:240px;
+	height: 97px;
 	left:364px;
 	;
-	font-weight: bold;
 	color: #000;
 	z-index:2;
 	line-height: 18px;
-	top: 153px;
+	top: 168px;
+	font-size: 12px;
+	font-family: Arial, Helvetica, sans-serif;
 }
 #input {
 	padding-right:15px;
 	line-height:22px;
 	font-size: 12px;
 }
-body,td,th {
+body{
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 16px;
 	line-height: 40px;
+	overflow-x:hidden;
+	overflow-y:hidden;
 }
 #apDiv1 div #input #form1 label {
 	font-size: 12px;
@@ -225,21 +309,7 @@ body,td,th {
 	right: 0px;
 	background-image: url(bottomr.png);
 }
-#bg {
-	position:absolute;
-	left:0px;
-	top:0px;
-	width:100%;
-	height:100%;
-	z-index:2;
-	background-image:url(grad2.jpg);
-}
-body {
-	background-image: url(bg4.png);
-	background-repeat: repeat-x;
-	background-attachment:fixed;
-	overflow:hidden;
-}
+
 #plane {
 	position:fixed;
 	top:9px;
@@ -260,11 +330,12 @@ filter:alpha(opacity=60);
 #registerbox {
 	padding-left:20px;
 	font-family:Arial, Helvetica, sans-serif;
-	font-size:12px;
 	padding-right:0px;
 	line-height:28px;
+	font-weight: bold;
+	color: #000;
 }
-.form {  font-size: 14px; color="#990000"; }
+registerbox.form {  font-size: 14px; color="#990000"; }
 .info {
 	font-size: 10px;
 }
@@ -274,3 +345,20 @@ filter:alpha(opacity=60);
 	bottom: 0px;
 	color: #999;
 }
+#footer
+{
+	text-align:center;
+	position:absolute;
+	width:100%;
+	bottom:0px;
+	font-size:12px;
+	font-family:"Times New Roman", Times, serif;
+	background-image:url(/static/footer.png);
+	background-repeat:repeat-x;
+	background-position:top;
+	height:40px;
+	line-height: 2;
+	left: 0px;
+	color: #CCC;
+	z-index: 111;
+}
diff --git a/static/mask_shaq.jpg b/static/mask_shaq.jpg
new file mode 100644
index 0000000..4c04e8b
--- /dev/null
+++ b/static/mask_shaq.jpg
diff --git a/static/over.png b/static/over.png
new file mode 100644
index 0000000..f80754b
--- /dev/null
+++ b/static/over.png
diff --git a/static/pichat.css b/static/pichat.css
index fa20a36..ed0d531 100755
--- a/static/pichat.css
+++ b/static/pichat.css
@@ -1,7 +1,9 @@
 /* pichat.css */
 
-#header {
-    z-index: 100;
+body {
+	
+	background-color:#e3e3e3;
+	
 }
 
 #content{
@@ -11,36 +13,42 @@
 
 #chatbox {
     position: fixed;
-    top:48px;
+    top:80px;
 }
 
 #rapper {
     top: 0px;
 }
 
-h1,h2 {
-    font: 100% 'helvetica neue',sans-serif;
-    letter-spacing:10px;
-    text-transform:uppercase;
-    font-family: Arial, Helvetica, sans-serif;
-    font-size: 14px;
-    left:2px;
-    top:5px;
-    position: fixed;
+#footerc
+{
+	text-align:center;
+	position:absolute;
+	width:100%;
+	bottom:0px;
+	font-size:12px;
+	font-family:"Times New Roman", Times, serif;
+	background-image:url(/static/footer.png);
+	background-repeat:repeat-x;
+	background-position:top;
+	height:30px;
+	color: #CCC;
+	line-height: 2;
 }
 
 #messagePane {
-    border: 2px solid #15fff3;
-    height: 70%;
-    padding: 5px;
-    position: fixed;
-    width: 80%;
-    max-width:1500px;
-    background-color:#FFF;
-    left:35px;
-    top:80px;
-    float: left;
-    z-index:5;
+	border: 2px solid #15fff3;
+	height: 70%;
+	padding: 5px;
+	position: fixed;
+	width: 68%;
+	max-width:1500px;
+	background-color:#FFF;
+	left:10%;
+	top:105px;
+	float: left;
+	z-index:5;
+	right: 10%;
 }
 
 #messageList {
@@ -64,9 +72,10 @@ h1,h2 {
 }
 
 #msgInputDiv {
-    height: 15px;
-    position:relative;
-    min-width:500px;
+	height: 15px;
+	position:relative;
+	min-width:500px;
+	width: 700px;
 }
 
 #msgInput {
@@ -78,8 +87,26 @@ h1,h2 {
 }
 
 #msgSubmit {
-    width: 107px;
-    position:relative;    
+			position:relative;
+		display:inline-block;
+		width:120px;
+	
+		text-align:center;
+		cursor:pointer;
+		border:2px solid #999;
+                background-color:#087cff;
+	
+	    -moz-border-radius:2px;
+	    -webkit-border-radius:2px;
+	    -opera-border-radius:2px;
+	    -khtml-border-radius:2px;
+	    border-radius:2px;
+		font-size:12px;
+		color:#fff;
+	
+		text-shadow:1px 1px 3px rgba(0,0,0,0.5);
+	
+
 }
 
 .msgDiv img{
@@ -88,7 +115,18 @@ h1,h2 {
     max-height:400px;
     height: expression(this.width > 400 ? 400: true);
     max-width:400px;
+
+  
+                  z-index: 1;
+
+
+
+
+
+
+
 }
+.msgDiv {padding:2px;   }
 
 .oldmsg {
     color: #666;
@@ -96,24 +134,45 @@ h1,h2 {
 
 
 #userList {
-    overflow: auto;
-    border: 1px solid gray;
-    height: 70%;
-    margin: 0px;
-    position: fixed;
-    padding: 5px;
-    top:80px;
-    width: 7%;
-    float:right;
-    right: 35px;
-    font-family: Arial, Helvetica, sans-serif;
-    font-size: 12px;
-    text-transform: uppercase;
-    min-width:72px;
-    line-height:13px;
-    background-color:#FFF;	
-    z-index:4;
+	overflow-x: hidden;
+	border: 1px solid #000;
+	height: 70%;
+	margin: 0px;
+	position: fixed;
+	padding: 5px;
+	top:105px;
+	width: 9%;
+	float:right;
+	right: 10%;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 14px;
+	text-transform: uppercase;
+	border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+	min-width:72px;
+	line-height:15px;
+	background-color:#FFF;
+	z-index:18;
+	text-align: left;
 }
+.userList
+img{
+    max-width:50px;
+    width: expression(this.width > 50 ? 50: true);
+    max-height:50px;
+    height: expression(this.width > 50 ? 50: true);
+    max-width:50px;}
+
 #userListicon {
     overflow: auto;
     height: 70%;
@@ -146,5 +205,405 @@ h1,h2 {
 #binfo {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
-    bottom:2px;
-}
\ No newline at end of file
+    bottom
+	#chatrap{
+	top: 105px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	padding-bottom:20px;
+}
+#chatrap{
+	top: 105px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	padding-bottom:20px;
+}
+
+#input {
+	padding-right:15px;
+	line-height:22px;
+	font-size: 12px;
+}
+    #loghead {
+	border-bottom:0px;
+	padding-left: -50px;
+	margin-right:60%;
+	width:70%;
+	letter-spacing:-3px;
+	color:#504F61;
+	height:28px;
+	font-size:33px;
+	font-family:Arial, Helvetica, sans-serif;
+	font-weight:bold;
+	text-transform:capitalize;
+	text-shadow: -6px 4px 4px #ccc;
+	padding-bottom:12px;
+	left: -40px;
+	background-color: #FFF;
+	top: 80px;
+	position: fixed;
+      }
+
+#logc
+{
+	margin-right:10%;
+	margin-left:10%;
+	background-color:#FFF;
+	padding-left: 40px;
+	padding-bottom: 30px;
+	padding-top: 15px;
+}
+
+
+  #profile {
+	float: right;
+	border:1px solid #000;
+	padding: 20px;
+	width: 180px;
+	margin-right:15%;
+	background-color:#FFF;
+	background-image:url(/static/cloudbg2.png);
+	background-position:center;
+	z-index:10;
+	border-top-right-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topright:5px;
+	min-height:600px;
+      }
+#chatrap{
+	top: 105px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	margin: 0;
+	padding-bottom:105px;
+}
+#footer
+{
+	text-align:center;
+	position:absolute;
+	width:100%;
+	bottom:0px;
+	font-size:12px;
+	font-family:"Times New Roman", Times, serif;
+	background-image:url(/static/footer.png);
+	background-repeat:repeat-x;
+	background-position:top;
+	height:30px;
+	color: #333;
+	line-height: 2;
+}
+#log
+{
+	border: 2px #F1F1F1;
+	margin-right:15%;
+	margin-left:15%;
+	background-color:#FFF;
+	padding-left: 40px;
+	padding-bottom: 80px;
+	padding-top: 15px;
+	min-height: 800px;
+	border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+}
+#posts {
+	
+	
+	
+}
+.logged-dump img{
+    max-width:650px;
+    width: expression(this.width > 500 ? 500: true);
+    max-height:400px;
+    height: expression(this.width > 500 ? 500: true);
+	border:0px;
+	z-index:4;
+	
+   
+  
+}
+.logged-dump{ 
+
+
+
+
+	padding: 15px;
+	font-family: Arial, Helvetica, sans-serif;
+	margin-left:15%;
+	width:60%;
+	
+	font-size: 12px;
+	text-transform: uppercase;
+	border-top-left-radius:5px;border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;
+	min-width:72px;
+	line-height:15px;
+	background-color:#F2F2F2;
+	background-image:/static/footer.png;
+	background-position:bottom;
+	border:solid 1px #0f1e31;
+	z-index:4;
+	text-align: left;
+	margin:15px;
+	line-height:5px;
+	
+	
+}
+      .editable {
+         color: #0AA;
+      }
+      .editing {
+         color: #F0F;
+      }
+      div#avatar {
+          overflow: hidden;
+          text-overflow: ellipsis;
+      }
+
+      img#avatarPic {
+         max-height:250px;
+      }
+
+      #logged-dump {
+          border: 1px solid dotted;
+          padding: 5px;
+      }
+	        #loghead {
+	border-bottom:0px;
+	padding-left: -50px;
+	margin-right:60%;
+	width:auto;
+	letter-spacing:-3px;
+	color:#087cff;
+	height:28px;
+	font-size:33px;
+	font-family:Arial, Helvetica, sans-serif;
+	font-weight:bold;
+	text-transform:capitalize;
+	text-shadow: -6px 4px 4px #ccc;
+	padding-bottom:12px;
+	left: -40px;
+      }
+.white a:link {
+	text-decoration: none;
+	text-shadow: -1px 1px 1px #ccc;
+	color: #504F61;
+}
+.white a:visited {
+	text-decoration: none;
+	text-shadow: -1px 1px 1px #ccc;
+	color: #504F61;
+}
+.white a:hover {
+	text-decoration: none;
+	text-shadow: -1px 1px 1px #ccc;
+	
+	
+	color: #fff;
+}
+.white a:active {
+	text-decoration: none;
+	text-shadow: -1px 1px 1px #ccc;
+	color: #504F61;
+}
+#header7{
+	background-color:#fff;
+	background-image:url(/static/dblue2.png);
+	background-attachment:inherit;
+	margin: 0px auto -1px auto;
+	top: 0px;
+	width:100%;
+	left: 0px;
+	height: 69px;
+}
+#bar7{
+	top:31px;
+	position:absolute;
+	font-family: Arial, Helvetica, sans-serif;
+	font-weight: bold;
+	width: 500px;
+	font-size: 20px;
+	left: 170px;
+	margin-left: 11%;
+	margin-right: 8%;
+	letter-spacing: -1px;
+	z-index: 999;
+}
+
+#logo7{
+	top:20px;
+	margin-left: 10%;
+	margin-right: 10%;
+	z-index:1000;
+	float:left;
+}
+#rapper7{
+	top: 0px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	height: 78px;
+	z-index: 1000;
+}
+p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
+td {
+	font-family: Arial, Helvetica, sans-serif;
+	letter-spacing:-1px;
+	font-size: 12px;
+	color: #000000;
+}
+.btnav {  border: 0px #000000 solid;} 
+/* Copyright(c)2006 TikiRobot. Software license GPL version 2.
+
+ChatBubble is based on "Even more rounded corners with CSS":
+http://www.schillmania.com/content/projects/even-more-rounded-corners/
+*/
+
+div.CBmsg {
+                  display: table; 
+            margin-bottom: 0.5em;
+}
+
+
+div.CBmsgR {
+                    float: right;
+               text-align: right;
+           }
+           
+div.CBmsgL .CBcontent {
+  padding-left: 12px;
+}
+           
+
+          
+div.CBtxt {
+                  display: table-cell;  
+                 position: relative;
+                   margin: 0px auto;
+                min-width: 8em;
+                max-width: 760px;
+                  z-index: 1;
+              margin-left: 12px;
+           }
+
+div.CBiconL { 
+                  display: table-cell; 
+           vertical-align: bottom;
+            padding-right: 22px; /* 10+12 */
+            
+            }
+
+div.CBiconR {
+                  display: table-cell; 
+           vertical-align: bottom;
+             padding-left: 10px;
+            }
+
+div.CBiconR > img {
+		  padding: 0px;
+		    width: 32px;
+		   height: 32px;
+		}
+
+div.CBiconL > img {
+		  padding: 0px;
+		    width: 32px;
+		   height: 32px;
+		}
+
+.CBblueL .CBcontent,
+.CBblueL .CBt,
+.CBblueL .CBb,
+.CBblueL .CBb div {
+ background:transparent url(http://www.dump.fm/static/BubbleBlueL800x1600.png) no-repeat top right;
+}
+
+.CBblueR .CBcontent,
+.CBblueR .CBt,
+.CBblueR .CBb,
+.CBblueR .CBb div {
+ background:transparent url(http://www.dump.fm/static/BubbleBlueR800x1600.png) no-repeat top right;
+}
+
+.CBpinkL .CBcontent,
+.CBpinkL .CBt,
+.CBpinkL .CBb,
+.CBpinkL .CBb div {
+ background:transparent url(http://www.dump.fm/static/BubblePinkL800x1600.png) no-repeat top right;
+}
+
+.CBpinkR .CBcontent,
+.CBpinkR .CBt,
+.CBpinkR .CBb,
+.CBpinkR .CBb div {
+ background:transparent url(http://www.dump.fm/static/BubblePinkR800x1600.png) no-repeat top right;
+}
+
+.CBltgreyL .CBcontent,
+.CBltgreyL .CBt,
+.CBltgreyL .CBb,
+.CBltgreyL .CBb div {
+ background:transparent url(http://www.dump.fm/static/BubbleLtGreyL800x1600.png) no-repeat top right;
+}
+
+.CBltgreyR .CBcontent,
+.CBltgreyR .CBt,
+.CBltgreyR .CBb,
+.CBltgreyR .CBb div {
+ background:transparent url(http://www.dump.fm/static/BubbleLtGreyR800x1600.png) no-repeat top right;
+}
+
+.CBtxt .CBcontent {
+ position:relative;
+ zoom:1;
+ _overflow-y:hidden;
+ padding:5px 12px 0px 0px;
+}
+
+
+.CBtxt .CBt {
+ /* top+left vertical slice */
+ position:absolute;
+ left:0px;
+ top:0px;
+ width:12px; /* top slice width */
+ margin-left:-12px;
+ height:100%;
+ _height:1600px; /* arbitrary long height, IE 6 */
+ background-position:top left;
+}
+
+.CBtxt .CBb {
+ /* bottom */
+ position:relative;
+ width:100%;
+}
+
+.CBtxt .CBb,
+.CBtxt .CBb div {
+ height:10px; /* height of bottom cap/shade */
+ font-size:1px;
+}
+
+.CBtxt .CBb {
+ background-position:bottom right;
+}
+
+.CBtxt .CBb div {
+ position:relative;
+ width:12px; /* bottom corner width */
+ margin-left:-12px;
+ background-position:bottom left;
+}
diff --git a/static/profile.css b/static/profile.css
new file mode 100644
index 0000000..72bf4c7
--- /dev/null
+++ b/static/profile.css
@@ -0,0 +1,164 @@
+    #profile {
+	float: right;
+	padding: 20px;
+	width: 180px;
+	margin-right:10%;
+	margin-top:0px;
+	background-color:#F7F7F7;
+	background-image:url(/static/cloudbg2.png);
+	background-position:center;
+	z-index:10;
+	box-shadow:rgba(0,0,0,0.5) 0px 0px 24px; border-radius:5px;
+	
+	border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+	min-height:600px;
+	
+      }
+#chatrap{
+	top: 105px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	margin: 0;
+	padding-bottom:105px;
+}
+#footer
+{
+	text-align:center;
+	position:absolute;
+	width:100%;
+	bottom:0px;
+	font-size:12px;
+	font-family:"Times New Roman", Times, serif;
+	background-image:url(/static/footer.png);
+	background-repeat:repeat-x;
+	background-position:top;
+	height:30px;
+	color: #333;
+	line-height: 2;
+}
+#log
+{
+	margin-right:10%;
+	margin-left:11%;
+	background-color:#FFF;
+	padding-left: 20px;
+	padding-bottom: 20px;
+	padding-top: 15px;
+	min-height: 800px;
+	border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+	border:solid 5px #F5F5F5;
+}
+#posts {
+	
+	
+	
+}
+.logged-dump img{
+    max-width:500px;
+    width: expression(this.width > 500 ? 500: true);
+    max-height:400px;
+    height: expression(this.width > 500 ? 500: true);
+	border:0px;
+	z-index:4;
+	
+   
+  
+}
+.logged-dump{ 
+
+
+
+
+	padding: 15px;
+	font-family: Arial, Helvetica, sans-serif;
+	margin-left:15%;
+	width:50%;
+	
+	font-size: 12px;
+	text-transform: uppercase;
+	border-top-left-radius:5px;border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;
+	min-width:500px;
+	line-height:15px;
+	background-color:#F5F5F5;
+	background-image:/static/footer.png;
+	background-position:bottom;
+	border:solid 1px #0f1e31;
+	z-index:4;
+	line-height:20px;
+	text-align: left;
+	margin:15px;
+	
+}
+      .editable {
+         color: #0AA;
+      }
+      .editing {
+         color: #F0F;
+      }
+      div#avatar {
+          overflow: hidden;
+          text-overflow: ellipsis;
+      }
+	  h2 {color:#989898;
+	  letter-spacing:-1px;
+	  font-weight:lighter;}
+
+      img#avatarPic {
+         max-height:250px;
+      }
+
+      #logged-dump {
+          border: 1px solid dotted;
+          padding: 5px;
+      }
+	        #loghead {
+	border-bottom:0px;
+	padding-left: -50px;
+	margin-right:60%;
+	width:auto;
+	letter-spacing:-3px;
+	color:#087cff;
+	height:28px;
+	font-size:33px;
+	font-family:Arial, Helvetica, sans-serif;
+	font-weight:bold;
+	text-transform:capitalize;
+	text-shadow: -6px 4px 4px #ccc;
+	padding-bottom:12px;
+	left: -40px;
+      }
+
+    body {
+	
+	margin: 0;
+}
+body,td,th {
+	font-family: Arial, Helvetica, sans-serif;
+	
+}@charset "UTF-8";
+/* CSS Document */
+
diff --git a/static/register.html b/static/register.html
index acc13da..acfaca4 100755
--- a/static/register.html
+++ b/static/register.html
@@ -1,34 +1,252 @@
-<html>
-    <head>
-    <title>dump.fm Registration</title>
-    <link rel="stylesheet" type="text/css" href="static/reset.css">
+<head>
+
     <link rel="shortcut icon" href="static/favicon.ico">
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
     <script type="text/javascript" src="static/sha1.js"></script>
     <script type="text/javascript" src="static/register.js"></script>
     <script>
       $(document).ready(initRegister);
-    </script>   
-  </head>
-  <body>
-    <div id="registerbox">
-      <h1>Register</h1>
-      <span>Nickname:</span>
-      <input type="text" id="nickInput" />
-      <br />
-      <span>Email:</span>
-      <input type="text" id="emailInput" />
-      <br />
-      <span>Password:</span>
-      <input type="password" id="passwordInput" />
-      <br />
-      <input type="submit" id="submit" value="register" />
+    </script>        
+    <link rel="stylesheet" type="text/css" href="static/reset.css">
+        <link rel="shortcut icon" href="static/favicon.ico">
+        
+    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></head>
+<style type="text/css">
+<!--
+.white a:link {
+	text-decoration: none;
+	text-shadow: -1px 1px 1px #ccc;
+	color: #504F61;
+}
+.white a:visited {
+	text-decoration: none;
+	text-shadow: -1px 1px 1px #ccc;
+	color: #504F61;
+}
+.white a:hover {
+	text-decoration: none;
+	text-shadow: -1px 1px 1px #ccc;
+	background-color:#e3e3e3;
+	
+	color: #fff;
+}
+.white a:active {
+	text-decoration: none;
+	text-shadow: -1px 1px 1px #ccc;
+	color: #504F61;
+}
+#header7{
+	background-color:#666;
+	background-image:url(/static/dblue2.png);
+	background-attachment:fixed;
+	margin: 0px auto -1px auto;
+	top: 0px;
+	width:100%;
+	left: 0px;
+	height: 60px;
+}
+#bar7{
+	top:32px;
+	position:absolute;
+	font-family: Arial, Helvetica, sans-serif;
+	font-weight: bold;
+	width: 500px;
+	font-size: 20px;
+	left: 170px;
+	margin-left: 10%;
+	margin-right: 8%;
+	letter-spacing: -1px;
+	z-index: 999;
+}
+#main {
+	background-position:center;
+	width:500px;
+	margin: 0px auto -1px auto;
+	top:150px;
+	height:420px;
+	z-index:2;
+	opacity:0.9;
+	border-top-left-radius:10px;
+	border-top-right-radius:10px;
+	-webkit-border-top-left-radius:10px;
+	-webkit-border-top-right-radius:10px;
+	-moz-border-radius-topleft:10px;
+	-moz-border-radius-topright:10px;
+	border-bottom-left-radius:10px;
+	border-bottom-right-radius:10px;
+	-webkit-border-bottom-left-radius:10px;
+	-webkit-border-bottom-right-radius:10px;
+	-moz-border-radius-bottomleft:10px;
+	-moz-border-radius-bottomright:10px;
+	border:solid 4px #F5F5F5;
+	position: relative;
+	background-color: #FFF;
+	background-position:center;
+	background-repeat:no-repeat;
+}
+#logout7{
+	top:5px;
+	position:relative;
+	font-size:13px;
+	margin-right: 10px;
+	float:right;
+	z-index: 999;
+	font-family: "Times New Roman", Times, serif;
+}
+#logo7{
+	top:20px;
+	margin-left: 10%;
+	margin-right: 10%;
+	z-index:1000;
+	float:left;
+}
+#rapper7{
+	top: 0px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	height: 78px;
+	z-index: 1000;
+}
+#bottombar{
+	top: 69px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	height: 20px;
+	z-index: 1000;
+}
+
+p {
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 24px;
+}
+td {
+	font-family: Arial, Helvetica, sans-serif;
+	letter-spacing:-1px;
+	font-size: 12px;
+	color: #000000;
+}
+.btnav {  border: 0px #000000 solid;} 
+body {
+	
+	background-color:#e3e3e3;
+	
+	background-image:url(static/brokenlink.gif);
+	background-position:center;
+	
+	background-repeat:no-repeat;
+	overflow:hidden;
+}
+.submit {
+	
+	
+	text-shadow: -1px 1px 1px #ccc;
+	
+	font-size:15px;
+}
+.feild {
+	height:40px;
+	width:300px;
+	border:3px #ccc;
+	background:#e3e3e3;
+	margin:10px;
+	font-size:30px;
+}
+.txt {
+	font-family:Arial, Helvetica, sans-serif;
+	font-size:12px;
+	text-shadow: -1px 1px 1px #ccc;
+}
+	.line {
+	font-family:Arial, Helvetica, sans-serif;
+	
+	letter-spacing: -1px;
+	color:#000;
+	font-size:18px;
+	
+}
+.line2 {
+	font-family:Arial, Helvetica, sans-serif;
+	margin-right:12px;
+	
+	
+	color:#000;
+	font-size:13px;
+	
+}
+
+
+-->
+</style>
+
+<body>
+<div id="rapper7">
+<div id="header7">
+
+ <div id="bottombar"></div>
+
+
+
+        <div align="center">
+          <p><img src="static/wordlogo2.gif" width="500" height="239"><br>
+          </p>
+        </div>
+
+    <div class="white"></div>
+    <div align="center"><br />
     </div>
+</div>
+</div>
+</div>
+<div id="main" align="center">
 
-    <div id="confirmationbox" style="display: none">
-      <h1>You've registered!</h1>
-      <span>Please wait as you're redirected to the chat.</span>
+            <p align="center"><br /> 
+  </p> 
+  <div id="registerbox">
+    <p align="right" class="line">&nbsp;</p>
+    <p align="right" class="line">&nbsp;</p>
+    <p align="center" class="line">Talk with pictures. 
+    <h1 align="center"><br />
+    <div id="registerbox">
+      <div align="right">
+        <p align="right" class="line2">With dump.fm you can share images<br>
+          from around the web or ones on your</p>
+        <p align="right" class="line2">computer, in realtime.</p>
+        <p align="right" class="line2"><br>
+        <em>We think you'll really dig it.</em></p>
+        <h1>&nbsp;</h1>
+        <h1><span>username</span>
+          <input type="text" class="feild"id="nickInput" />
+          <br />
+          
+          <span>password</span>
+          <input type="password"class="feild" id="passwordInput" />
+        </h1>
+        <h1><span>email</span>
+          <input type="text" class="feild"id="emailInput" />
+        </h1>
+        <h1>&nbsp;</h1>
+        <h1>          <br />
+          
+        </h1>
+                  <div align="center">
+                  
+                    <input type="submit" class="submit" id="submit" value="register" />
+        </div>
+      </div>
     </div>
+  </div>
+    <div align="center"></div>
+  </div>
+</div>
+    </div></div> 
+
+</div>
+              </h1>
+              </div>
+</div>
+
+<div style="position: fixed; bottom: 3px; right: 3px; font-size: xx-small; z-index: 10;"><button onClick="getBackground()" title="Rotate background image" style="font-size: xx-small;">+</button></div>
 
-  </body>
-</html>
+</body>
\ No newline at end of file
diff --git a/static/reset.css b/static/reset.css
index 1b1255d..37522ab 100755
--- a/static/reset.css
+++ b/static/reset.css
@@ -18,6 +18,7 @@ table, caption, tbody, tfoot, thead, tr, th, td {
 	font-size: 100%;
 	vertical-align: baseline;
 	background: transparent;
+	font-family: Arial, Helvetica, sans-serif;
 }
 body {
 	line-height: 1;
diff --git a/static/rhianamoney.gif b/static/rhianamoney.gif
new file mode 100644
index 0000000..99f348a
--- /dev/null
+++ b/static/rhianamoney.gif
diff --git a/static/s.png b/static/s.png
new file mode 100644
index 0000000..fdc8c1d
--- /dev/null
+++ b/static/s.png
diff --git a/static/shaq.gif b/static/shaq.gif
new file mode 100644
index 0000000..cfdaa11
--- /dev/null
+++ b/static/shaq.gif
diff --git a/static/slo.png b/static/slo.png
new file mode 100644
index 0000000..6ad74e6
--- /dev/null
+++ b/static/slo.png
diff --git a/static/spex.png b/static/spex.png
new file mode 100644
index 0000000..fd0231f
--- /dev/null
+++ b/static/spex.png
diff --git a/static/topb.png b/static/topb.png
new file mode 100644
index 0000000..51cc4cc
--- /dev/null
+++ b/static/topb.png
diff --git a/static/topbg.gif b/static/topbg.gif
new file mode 100644
index 0000000..9432446
--- /dev/null
+++ b/static/topbg.gif
diff --git a/static/topbi.gif b/static/topbi.gif
new file mode 100644
index 0000000..a032a08
--- /dev/null
+++ b/static/topbi.gif
diff --git a/static/topgrad.png b/static/topgrad.png
new file mode 100644
index 0000000..b43b6cd
--- /dev/null
+++ b/static/topgrad.png
diff --git a/static/uggs.gif b/static/uggs.gif
new file mode 100644
index 0000000..a8b763a
--- /dev/null
+++ b/static/uggs.gif
diff --git a/static/up.png b/static/up.png
new file mode 100644
index 0000000..b13da1c
--- /dev/null
+++ b/static/up.png
diff --git a/static/wayne.gif b/static/wayne.gif
new file mode 100644
index 0000000..13dde42
--- /dev/null
+++ b/static/wayne.gif
diff --git a/static/wordlogo.gif b/static/wordlogo.gif
new file mode 100644
index 0000000..dbef59d
--- /dev/null
+++ b/static/wordlogo.gif
diff --git a/static/wordlogo2.gif b/static/wordlogo2.gif
new file mode 100644
index 0000000..b6f22da
--- /dev/null
+++ b/static/wordlogo2.gif
diff --git a/static/yb.png b/static/yb.png
new file mode 100644
index 0000000..af2e410
--- /dev/null
+++ b/static/yb.png