sostler prod commit

15 files changed, 284 insertions, 81 deletions

diff --git a/static/css/dumpnewuser.css b/static/css/dumpnewuser.css
index 1c92e62..54fb51f 100644
--- a/static/css/dumpnewuser.css
+++ b/static/css/dumpnewuser.css
@@ -9,17 +9,25 @@ background:#EEF2FF url(/static/img/fade-blue.png) top center repeat-x;
 overflow:hidden;
 	
 }
+#bubblerapper{
+position:absolute;
+background-color:#0074fd;
+height:260px;
+border-bottom:20px ridge #999;
+opacity:0.9;
+top:180px;
+width:100%;
+z-index:8888888888888;
+}
 #posthelp{
-position:fixed;
-z-index:2000;
-bottom:50px;
-left:20px;
+bottom:0px;
+position:absolute;
 }
 #webcamhelp{
-position:fixed;
+position:absolute;
 z-index:2000;
-right:20px;
-bottom:39px;
+left:380;
+bottom:0px;
 }
 #registerlink{
 top:7;
@@ -30,9 +38,9 @@ position:fixed;
 margin-right:5;
 }
 #userlisthelp{
-position:fixed;
-top:100px;
-right:300px;
+position:absolute;
+bottom:0;
+right:100px;
 z-index:2000;
 }
 #imageboard{
diff --git a/static/css/index.css b/static/css/index.css
index bf15dc4..035f7a5 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -1,11 +1,8 @@
 
-
-
 body {
 	background:#EEF2FF url(/static/img/fade-blue.png) top center repeat-x;
 	background-repeat:repeat-x;
 	background-position:top;
-
 }
 #passwordreset{
 
@@ -25,7 +22,7 @@ height:100%;
 position:fixed;
 }
 #rapper{
-margin-top:6%;
+margin-top:4%;
 }
 #content{
 	background:url(/static/img/cloudbg.png);
@@ -43,24 +40,20 @@ background-position:top center;
 	height: 600;
 	margin: 0 auto 0 auto;
 	display: none;
-
 }
 .slide {	margin: 0 auto 0 auto;
 	margin: 0;
 	padding: 0;
 border-top:1px solid #ccc;
-
 color:black;
 }
 .btn-slide {
-
 	text-align: center;
 	width: 144px;	margin: 0 auto 0 auto;
 	height: 0px;
 	padding: 5px 10px 0 0;
 	margin: 0 auto;
 	display: block;
-
 font-size:42%;
 	text-decoration: none;
 	text-align: center;
@@ -76,32 +69,11 @@ width:150;
 .active {
 	background-position: right 12px;
 }
-#logo7{
-	margin-left: 3px;
-	margin-right: 10%;
-	z-index:1050;
-	float:left;
-	margin-top: -4px;
-}
-#logo7 a{font-size:42;
-font-weight:bold;
-
-
-
-		text-shadow: 2px 3px 1px #f0e,  3px 3px 1px #fff;
-letter-spacing:-4;
-color:#fff;
-
-}
-#logo7 a:hover{
-
-	text-shadow: 1px 1px 1px #000,   2px 3px 1px #f0e;
-color:#fff;     
-}
 #main {
 	width:460px;
 	margin: 0 auto 0 auto;
   padding: 19px 0;
+z-index:2;
 	position: relative;
   -webkit-border-radius: 15px;
 	-moz-border-radius: 15px;
@@ -109,6 +81,36 @@ color:#fff;
   -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
   -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
 }
+.menu2 li {
+	padding: 0;
+	margin: 0 2px;
+	float: left;
+	position: relative;
+	text-align: center;
+}
+.menu2 a {
+	padding: 14px 10px;
+	display: block;
+	color: #000000;
+	width: 144px;
+	text-decoration: none;
+	font-weight: bold;
+	background: url(images/button.gif) no-repeat center center;
+}
+.menu2 li em {
+	font-weight: normal;
+	background: url(images/hover.png) no-repeat;
+	width: 180px;
+	height: 45px;
+	position: absolute;
+	top: -85px;
+	left: -15px;
+	text-align: center;
+	padding: 20px 12px 10px;
+	font-style: normal;
+	z-index: 2;
+	display: none;
+}
 #logo-and-text {
   position: relative;
   z-index: 20;
@@ -126,16 +128,17 @@ color:#fff;
 }
 #furie1 {
   position: absolute;
-  left: -220px;
-  top: 130px;
-  z-index: 10;
+  left: -270px;
+  top: 125px;
+  z-index:-1;display:block;
 
 }
 #furie2 {
   position: absolute;
-  left:315px;
+  left:360px;
   top: 185px;
-  z-index: 10;
+  z-index:-1;
+display:block;
 
 }
 #info {
@@ -198,23 +201,25 @@ cursor:pointer;
 	text-shadow:1px 1px 3px #000;
 	border-radius: 5px;
 	-webkit-border-radius: 5px;
+z-index:20;
 	-moz-border-radius: 5px;*/
 	border:solid 1px #eee;
 }
 input {
 	height:40px;
 	width:300px;
-	border:3px #000;
-	background:#e3e3e3;
+	border:0px;
+	background:#e9e9e9;
 	margin:10px;
-	color:#000;
+	color:#000;z-index:20;
 	font-size:30px;
 	
 }
+
 .txt {
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:14px;
-line-height:1.2;
+line-height:1.2;z-index:20;
 	text-shadow:1px 1px 0.5px #ccc;
 	word-spacing: 3px;
 }
@@ -222,7 +227,7 @@ line-height:1.2;
 	font-family:Arial, Helvetica, sans-serif;
 	letter-spacing:0px;
 line-height:-1;
-	color:#000;
+	color:#000;z-index:20;
 	font-size:17px;
 }
 
@@ -247,7 +252,7 @@ line-height:-1;
 	border-radius: 5px;
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;*/
-	border:solid 1px #eee;
+	border:solid 1px #eee;z-index:20;
 }
 
 #remembermeInput {
@@ -262,16 +267,48 @@ label {
  text-align: right;
  font-size: 12px;
  color: #222;
-line-height:1.5;
+line-height:1.5;z-index:20;
+z-index:30;
 margin-top:-3px;
 margin-bottom:7px;
 }
-#remember{margin-top:-6px;}
-#remember a{text-decoration:none;font-size:13px;margin-left:14px;color:#f0e;}
+#remember{margin-top:-4px;z-index:30; margin-right:50px;text-align: right;display:inline-block;line-height:0.5;}
+#remember a{text-decoration:none;font-size:11px;display:block;z-index:30;}
 #furie3 {
   position: absolute;
-  left:385px;
-  top:240px;
+  left:294px;
+  top:260px;
   z-index: 10;
 
 }
+
+/*
+ * jQuery Nivo Slider v1.9
+ * http://nivo.dev7studios.com
+ *
+ * Copyright 2010, Gilbert Pellegrom
+ * Free to use and abuse under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ * 
+ * March 2010
+ */
+#talkaboutus{
+position:relative;
+z-index:20;
+top:-55px;
+	width:311px;
+	margin: 0 auto 0 auto;
+}
+
+#slider {
+	position:relative;
+z-index:20;
+	//See the "style-pack" below for image
+	background:url(images/loading.gif) no-repeat 50% 50%; 
+}
+#slider img {
+	position:absolute;
+	top:0px;
+	left:0px;
+	display:none;
+}
diff --git a/static/css/nivo-slider.css b/static/css/nivo-slider.css
new file mode 100755
index 0000000..eabba1c
--- /dev/null
+++ b/static/css/nivo-slider.css
@@ -0,0 +1,78 @@
+/*

+ * jQuery Nivo Slider v1.9

+ * http://nivo.dev7studios.com

+ *

+ * Copyright 2010, Gilbert Pellegrom

+ * Free to use and abuse under the MIT license.

+ * http://www.opensource.org/licenses/mit-license.php

+ * 

+ * March 2010

+ */

+ 

+ 

+/* The Nivo Slider styles */

+.nivoSlider {

+	position:relative;

+}

+.nivoSlider img {

+	position:absolute;

+	top:0px;

+	left:0px;

+}

+/* If an image is wrapped in a link */

+.nivoSlider a.nivo-imageLink {

+	position:absolute;

+	top:0px;

+	left:0px;

+	width:100%;

+	height:100%;

+	border:0;

+	padding:0;

+	margin:0;

+	z-index:60;

+	display:none;

+}

+/* The slices in the Slider */

+.nivo-slice {

+	display:block;

+	position:absolute;

+	z-index:50;

+	height:100%;

+}

+/* Caption styles */

+.nivo-caption {

+	position:absolute;

+	left:0px;

+	bottom:0px;

+	background:#000;

+	color:#fff;

+	opacity:0.8; /* Overridden by captionOpacity setting */

+	width:100%;

+	z-index:89;

+}

+.nivo-caption p {

+	padding:5px;

+	margin:0;

+}

+/* Direction nav styles (e.g. Next & Prev) */

+.nivo-directionNav a {

+	position:absolute;

+	top:45%;

+	z-index:99;

+	cursor:pointer;

+}

+.nivo-prevNav {

+	left:0px;

+}

+.nivo-nextNav {

+	right:0px;

+}

+/* Control nav styles (e.g. 1,2,3...) */

+.nivo-controlNav a {

+	position:relative;

+	z-index:99;

+	cursor:pointer;

+}

+.nivo-controlNav a.active {

+	font-weight:bold;

+}
\ No newline at end of file
diff --git a/static/img/metroquote.png b/static/img/metroquote.png
new file mode 100644
index 0000000..84d2465
--- /dev/null
+++ b/static/img/metroquote.png
diff --git a/static/img/mootquote.png b/static/img/mootquote.png
new file mode 100644
index 0000000..ef15748
--- /dev/null
+++ b/static/img/mootquote.png
diff --git a/static/img/paperquote.png b/static/img/paperquote.png
new file mode 100644
index 0000000..aa745c2
--- /dev/null
+++ b/static/img/paperquote.png
diff --git a/static/index.html b/static/index.html
index 5607607..1ce1644 100755
--- a/static/index.html
+++ b/static/index.html
@@ -1,3 +1,20 @@
+<!--/*
+
+     _____          ___           ___           ___         ___         ___     
+    /  /::\        /__/\         /__/\         /  /\       /  /\       /__/\    
+   /  /:/\:\       \  \:\       |  |::\       /  /::\     /  /:/_     |  |::\   
+  /  /:/  \:\       \  \:\      |  |:|:\     /  /:/\:\   /  /:/ /\    |  |:|:\  
+ /__/:/ \__\:|  ___  \  \:\   __|__|:|\:\   /  /:/~/:/  /  /:/ /:/  __|__|:|\:\ 
+ \  \:\ /  /:/ /__/\  \__\:\ /__/::::| \:\ /__/:/ /:/  /__/:/ /:/  /__/::::| \:\
+  \  \:\  /:/  \  \:\ /  /:/ \  \:\~~\__\/ \  \:\/:/   \  \:\/:/   \  \:\~~\__\/
+   \  \:\/:/    \  \:\  /:/   \  \:\        \  \::/     \  \::/     \  \:\      
+    \  \::/      \  \:\/:/     \  \:\        \  \:\      \  \:\      \  \:\     
+     \__\/        \  \::/       \  \:\        \  \:\      \  \:\      \  \:\    
+                   \__\/         \__\/         \__\/       \__\/       \__\/    
+
+(c)2010 dump.fm -->
+
+
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
   <head>
@@ -9,11 +26,34 @@
     <script type="text/javascript" src="/static/js/sha1.js"></script>
     <script type="text/javascript" src="/static/js/home.js"></script>
     <script type="text/javascript" src="/static/js/cookie.js"></script>
-    <script type="text/javascript" src="/static/js/jcarousellite_1.0.1.pack.js"></script>
+    <script type="text/javascript" src="/static/js/jquery.nivo.slider.pack.js"></script>
     <script>
       $(document).ready(initLoginForm);
     </script>
-
+<script type="text/javascript">
+jQuery(window).load(function() {
+	jQuery('#slider').nivoSlider({
+		effect:'random',
+		slices:15,
+		animSpeed:500,
+		pauseTime:3000,
+		startSlide:0, //Set starting Slide (0 index)
+		directionNav:false, //Next & Prev
+		directionNavHide:false, //Only show on hover
+		controlNav:false, //1,2,3...
+		controlNavThumbs:false, //Use thumbnails for Control Nav
+		controlNavThumbsSearch: '.jpg', //Replace this with...
+		controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
+		keyboardNav:false, //Use left & right arrows
+		pauseOnHover:false, //Stop animation while hovering
+		manualAdvance:false, //Force manual transitions
+		captionOpacity:0.8, //Universal caption opacity
+		beforeChange: function(){},
+		afterChange: function(){},
+		slideshowEnd: function(){} //Triggers after all slides have been shown
+	});
+});
+</script>
 <script type="text/javascript">
 $(document).ready(function() {
 	jQuery(".btn-slide").click(function() {
@@ -25,6 +65,7 @@ $(document).ready(function() {
 
 <link rel="stylesheet" type="text/css" href="static/css/reset.css">  
 <link rel="stylesheet" type="text/css" href="static/css/index.css">  
+<link rel="stylesheet" href="static/css/nivo-slider.css" type="text/css" media="screen" />
 <link rel="shortcut icon" href="static/favicon.ico">
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <title>dump.fm</title></head>
@@ -35,15 +76,14 @@ $(document).ready(function() {
 <center><object width="460" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=10819709&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;autoplay=1&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=10819709&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;autoplay=1&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="460" height="345"></embed></object></center>
 </div>
 
-<p class="slide"><a href="#" class="btn-slide">watch a lil video!</a>
+<p class="slide"><a href="#" class="btn-slide">watch a lil movie</a>
 <div id="rapper"></div><div id="idgi"></div>
 <div id="content" style="z-index:77;">
 
 <div id="main" align="center">
   
   <img src="/static/img/flyhorse.gif" id="horse" />
-  <img src="/static/img/furie1.png" id="furie1" />
-  <a href="/register">  <img src="/static/img/furie2.png" id="furie2" /></a>
+
   <div id="registerbox">
     <div id="logo-and-text">
       <a href="/"><img src="/static/img/dumpclearlogo2.png"></a>
@@ -64,6 +104,8 @@ $(document).ready(function() {
   <br>
   <a href="/reset-request">Lost password?</a><br>
 </div>
+  <img src="/static/img/furie1.png" id="furie1" />
+  <img src="/static/img/furie2.png" id="furie2" />
   </div>
 
 </div>
@@ -71,6 +113,12 @@ $(document).ready(function() {
 <div id="info">
 
  <br>
+ <div id="talkaboutus">
+<div id="slider">
+ <img src="/static/img/mootquote.png"alt="" />
+ <img src="/static/img/paperquote.png"alt="" />
+ <img src="/static/img/metroquote.png"alt="" />
+ </div>
  <div id="footer" style="text-align: center">
 @2010 <a href="/">dump.fm</a>
 <a href="/about_us"><span style="word-spacing:normal;">About Us</span></a> 
diff --git a/static/js/jquery.nivo.slider.pack.js b/static/js/jquery.nivo.slider.pack.js
new file mode 100755
index 0000000..a3f790e
--- /dev/null
+++ b/static/js/jquery.nivo.slider.pack.js
@@ -0,0 +1,13 @@
+/*
+ * jQuery Nivo Slider v1.9
+ * http://nivo.dev7studios.com
+ *
+ * Copyright 2010, Gilbert Pellegrom
+ * Free to use and abuse under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ * 
+ * April 2010 - controlNavThumbs option added by Jamie Thompson (http://jamiethompson.co.uk)
+ * March 2010 - manualAdvance option added by HelloPablo (http://hellopablo.co.uk)
+ */
+
+eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(9($){$.1h.1i=9(1T){b 4=$.2b({},$.1h.1i.21,1T);K g.F(9(){b 3={e:0,n:\'\',T:0,u:\'\',H:l,1f:l,1O:l};b 5=$(g);5.1Q(\'7:3\',3);5.f(\'2h\',\'2i\');5.w(\'1X\');5.x(\'1X\');5.1c(\'1i\');b d=5.2f();d.F(9(){b o=$(g);6(!o.J(\'D\')){6(o.J(\'a\')){o.1c(\'7-2e\')}o=o.1n(\'D:1m\')}b 13=o.w();6(13==0)13=o.t(\'w\');b 18=o.x();6(18==0)18=o.t(\'x\');6(13>5.w()){5.w(13)}6(18>5.x()){5.x(18)}o.f(\'S\',\'1z\');3.T++});6(4.16>0){6(4.16>=3.T)4.16=3.T-1;3.e=4.16}6($(d[3.e]).J(\'D\')){3.n=$(d[3.e])}k{3.n=$(d[3.e]).1n(\'D:1m\')}6($(d[3.e]).J(\'a\')){$(d[3.e]).f(\'S\',\'1v\')}5.f(\'Y\',\'W(\'+3.n.t(\'M\')+\') Q-R\');23(b i=0;i<4.h;i++){b E=1d.2a(5.w()/4.h);6(i==4.h-1){5.P($(\'<A B="7-c"></A>\').f({29:(E*i)+\'12\',w:(5.w()-(E*i))+\'12\'}))}k{5.P($(\'<A B="7-c"></A>\').f({29:(E*i)+\'12\',w:E+\'12\'}))}}5.P($(\'<A B="7-L"><p></p></A>\').f({S:\'1z\',y:4.20}));6(3.n.t(\'1a\')!=\'\'){$(\'.7-L p\',5).1B(3.n.t(\'1a\'));$(\'.7-L\',5).1y(4.q)}b j=0;6(!4.1g){j=1o(9(){C(5,d,4,l)},4.1j)}6(4.V){5.P(\'<A B="7-V"><a B="7-25">2d</a><a B="7-27">2k</a></A>\');6(4.1N){$(\'.7-V\',5).24();5.1W(9(){$(\'.7-V\',5).2c()},9(){$(\'.7-V\',5).24()})}$(\'a.7-25\',5).1s(\'1u\',9(){6(3.H)K l;X(j);j=\'\';3.e-=2;C(5,d,4,\'1r\')});$(\'a.7-27\',5).1s(\'1u\',9(){6(3.H)K l;X(j);j=\'\';C(5,d,4,\'1q\')})}6(4.G){b 1l=$(\'<A B="7-G"></A>\');5.P(1l);23(b i=0;i<d.22;i++){6(4.1L){b o=d.1w(i);6(!o.J(\'D\')){o=o.1n(\'D:1m\')}1l.P(\'<a B="7-1t" 1x="\'+i+\'"><D M="\'+o.t(\'M\').2g(4.1R,4.1S)+\'"></a>\')}k{1l.P(\'<a B="7-1t" 1x="\'+i+\'">\'+i+\'</a>\')}}$(\'.7-G a:1w(\'+3.e+\')\',5).1c(\'1b\');$(\'.7-G a\',5).1s(\'1u\',9(){6(3.H)K l;6($(g).2j(\'1b\'))K l;X(j);j=\'\';5.f(\'Y\',\'W(\'+3.n.t(\'M\')+\') Q-R\');3.e=$(g).t(\'1x\')-1;C(5,d,4,\'1t\')})}6(4.1Z){$(2m).2z(9(1A){6(1A.1V==\'2w\'){6(3.H)K l;X(j);j=\'\';3.e-=2;C(5,d,4,\'1r\')}6(1A.1V==\'2y\'){6(3.H)K l;X(j);j=\'\';C(5,d,4,\'1q\')}})}6(4.1U){5.1W(9(){3.1f=N;X(j);j=\'\'},9(){3.1f=l;6(j==\'\'&&!4.1g){j=1o(9(){C(5,d,4,l)},4.1j)}})}5.2A(\'7:U\',9(){3.H=l;$(d).F(9(){6($(g).J(\'a\')){$(g).f(\'S\',\'1z\')}});6($(d[3.e]).J(\'a\')){$(d[3.e]).f(\'S\',\'1v\')}6(j==\'\'&&!3.1f&&!4.1g){j=1o(9(){C(5,d,4,l)},4.1j)}4.1M.1p(g)})});9 C(5,d,4,14){b 3=5.1Q(\'7:3\');6((!3||3.1O)&&!14)K l;4.1K.1p(g);6(!14){5.f(\'Y\',\'W(\'+3.n.t(\'M\')+\') Q-R\')}k{6(14==\'1r\'){5.f(\'Y\',\'W(\'+3.n.t(\'M\')+\') Q-R\')}6(14==\'1q\'){5.f(\'Y\',\'W(\'+3.n.t(\'M\')+\') Q-R\')}}3.e++;6(3.e==3.T){3.e=0;4.1P.1p(g)}6(3.e<0)3.e=(3.T-1);6($(d[3.e]).J(\'D\')){3.n=$(d[3.e])}k{3.n=$(d[3.e]).1n(\'D:1m\')}6(4.G){$(\'.7-G a\',5).2B(\'1b\');$(\'.7-G a:1w(\'+3.e+\')\',5).1c(\'1b\')}6(3.n.t(\'1a\')!=\'\'){6($(\'.7-L\',5).f(\'S\')==\'1v\'){$(\'.7-L p\',5).28(4.q,9(){$(g).1B(3.n.t(\'1a\'));$(g).1y(4.q)})}k{$(\'.7-L p\',5).1B(3.n.t(\'1a\'))}$(\'.7-L\',5).1y(4.q)}k{$(\'.7-L\',5).28(4.q)}b i=0;$(\'.7-c\',5).F(9(){b E=1d.2a(5.w()/4.h);$(g).f({x:\'O\',y:\'0\',Y:\'W(\'+3.n.t(\'M\')+\') Q-R -\'+((E+(i*E))-E)+\'12 0%\'});i++});6(4.m==\'1G\'){b 1J=2x 2u("1H","10","1I","19","1C","Z","1D","1k");3.u=1J[1d.2l(1d.1G()*(1J.22+1))];6(3.u==2n)3.u=\'1k\'}3.H=N;6(4.m==\'2v\'||4.m==\'1H\'||3.u==\'1H\'||4.m==\'10\'||3.u==\'10\'){b r=0;b i=0;b h=$(\'.7-c\',5);6(4.m==\'10\'||3.u==\'10\')h=$(\'.7-c\',5).17();h.F(9(){b c=$(g);c.f(\'1E\',\'O\');6(i==4.h-1){I(9(){c.z({x:\'s%\',y:\'1.0\'},4.q,\'\',9(){5.11(\'7:U\')})},(s+r))}k{I(9(){c.z({x:\'s%\',y:\'1.0\'},4.q)},(s+r))}r+=1e;i++})}k 6(4.m==\'2p\'||4.m==\'1I\'||3.u==\'1I\'||4.m==\'19\'||3.u==\'19\'){b r=0;b i=0;b h=$(\'.7-c\',5);6(4.m==\'19\'||3.u==\'19\')h=$(\'.7-c\',5).17();h.F(9(){b c=$(g);c.f(\'26\',\'O\');6(i==4.h-1){I(9(){c.z({x:\'s%\',y:\'1.0\'},4.q,\'\',9(){5.11(\'7:U\')})},(s+r))}k{I(9(){c.z({x:\'s%\',y:\'1.0\'},4.q)},(s+r))}r+=1e;i++})}k 6(4.m==\'1C\'||4.m==\'2q\'||3.u==\'1C\'||4.m==\'Z\'||3.u==\'Z\'){b r=0;b i=0;b v=0;b h=$(\'.7-c\',5);6(4.m==\'Z\'||3.u==\'Z\')h=$(\'.7-c\',5).17();h.F(9(){b c=$(g);6(i==0){c.f(\'1E\',\'O\');i++}k{c.f(\'26\',\'O\');i=0}6(v==4.h-1){I(9(){c.z({x:\'s%\',y:\'1.0\'},4.q,\'\',9(){5.11(\'7:U\')})},(s+r))}k{I(9(){c.z({x:\'s%\',y:\'1.0\'},4.q)},(s+r))}r+=1e;v++})}k 6(4.m==\'1D\'||3.u==\'1D\'){b r=0;b i=0;$(\'.7-c\',5).F(9(){b c=$(g);b 1F=c.w();c.f({1E:\'O\',x:\'s%\',w:\'O\'});6(i==4.h-1){I(9(){c.z({w:1F,y:\'1.0\'},4.q,\'\',9(){5.11(\'7:U\')})},(s+r))}k{I(9(){c.z({w:1F,y:\'1.0\'},4.q)},(s+r))}r+=1e;i++})}k 6(4.m==\'1k\'||3.u==\'1k\'){b i=0;$(\'.7-c\',5).F(9(){$(g).f(\'x\',\'s%\');6(i==4.h-1){$(g).z({y:\'1.0\'},(4.q*2),\'\',9(){5.11(\'7:U\')})}k{$(g).z({y:\'1.0\'},(4.q*2))}i++})}}};$.1h.1i.21={m:\'1G\',h:15,q:2t,1j:2s,16:0,V:N,1N:N,G:N,1L:l,1R:\'.1Y\',1S:\'2r.1Y\',1Z:N,1U:N,1g:l,20:0.8,1K:9(){},1M:9(){},1P:9(){}};$.1h.17=[].17})(2o);',62,162,'|||vars|settings|slider|if|nivo||function||var|slice|kids|currentSlide|css|this|slices||timer|else|false|effect|currentImage|child||animSpeed|timeBuff|100|attr|randAnim||width|height|opacity|animate|div|class|nivoRun|img|sliceWidth|each|controlNav|running|setTimeout|is|return|caption|src|true|0px|append|no|repeat|display|totalSlides|animFinished|directionNav|url|clearInterval|background|sliceUpDownLeft|sliceDownLeft|trigger|px|childWidth|nudge||startSlide|reverse|childHeight|sliceUpLeft|title|active|addClass|Math|50|paused|manualAdvance|fn|nivoSlider|pauseTime|fade|nivoControl|first|find|setInterval|call|next|prev|live|control|click|block|eq|rel|fadeIn|none|event|html|sliceUpDown|fold|top|origWidth|random|sliceDownRight|sliceUpRight|anims|beforeChange|controlNavThumbs|afterChange|directionNavHide|stop|slideshowEnd|data|controlNavThumbsSearch|controlNavThumbsReplace|options|pauseOnHover|keyCode|hover|1px|jpg|keyboardNav|captionOpacity|defaults|length|for|hide|prevNav|bottom|nextNav|fadeOut|left|round|extend|show|Prev|imageLink|children|replace|position|relative|hasClass|Next|floor|window|undefined|jQuery|sliceUp|sliceUpDownRight|_thumb|3000|500|Array|sliceDown|37|new|39|keypress|bind|removeClass'.split('|'),0,{}))
diff --git a/static/js/pichat.js b/static/js/pichat.js
index 6aa6d49..da68baa 100644
--- a/static/js/pichat.js
+++ b/static/js/pichat.js
@@ -182,7 +182,7 @@ function buildMessageDiv(msg, isLoading) {
     var loadingClass = isLoading ? ' loading' : '';
     var containsImageClass = LastMsgContainsImage ? ' contains-image' : '';
     return '<div class="msgDiv dump ' + loadingClass + containsImageClass + '" ' + msgId  + '>'
-        + '<span class="nick"><b><a href="/' + nick + ' ">' + nick + '</a></b>'
+        + '<span class="nick"><b><a href="http://dump.fm/' + nick + ' ">' + nick + '</a></b>'
         + ' <img src="'+Imgs.chatThumbDot+'" class="chat-thumb" onclick="Tag.favorite(this)"> '
         + '</span>'
         + buildMsgContent(msg.content)
@@ -192,7 +192,7 @@ function buildMessageDiv(msg, isLoading) {
 function buildUserDiv(user) {
     if (user.avatar) {
         return '<div class="username">'
-            + '<a href="/' + escapeHtml(user.nick) + '" target="_blank">'
+            + '<a href="http://dump.fm/' + escapeHtml(user.nick) + '" target="_blank">'
             + '<img src="' + user.avatar + '" width="50" height="50">'
             + escapeHtml(user.nick) + '</a></div>';
     } else {
@@ -207,7 +207,7 @@ function buildUserDiv(user) {
 
 function buildGrowlDataAndPopDatShit(msg) {
     var nick = escapeHtml(msg.nick);
-    nick = '<a href="/' + nick + ' " style="color:pink">' + nick + '</a>:'
+    nick = '<a href="http://dump.fm/' + nick + ' " style="color:pink">' + nick + '</a>:'
     var msg = buildMsgContent(msg.content)
     growl(nick, msg)
 }
diff --git a/template/about_us.st b/template/about_us.st
index 74a0d76..4f3f4dc 100644
--- a/template/about_us.st
+++ b/template/about_us.st
@@ -42,13 +42,13 @@ DUMP.FM is a <img src="/static/img/newanim.gif"> exciting tool for the internets
 	<div id="content" name="content"style="background-image:url(/static/img/hearts.gif);background-repeat:repeat;"> 
 <img src="/static/img/dumpteam.gif"><br><br>
 <div id="abouttxt"><h1><br>
-<a href="/ryder">Ryder Ripps</a> - screams, rapping<br></h1>
+<a href="http://dump.fm/ryder">Ryder Ripps</a> - screams, rapping<br></h1>
     <h2>  <img src="/static/img/dot.gif"> Ryder is also the founder of <a href="http://www.internetarchaeology.org" target="_blank">Internet Archaeology</a></h2>
-  <h1><a href="/scottbot">Scott Ostler</a> - clean vocals <br></h1>
+  <h1><a href="http://dump.fm/scottbot">Scott Ostler</a> - clean vocals <br></h1>
         <h2>  <img src="/static/img/dot.gif"> Scott also worked on the development of <a href="http://www.simile-widgets.org/exhibit/"target="_blank">MIT Exhibit</a></h2>
- <h1><a href="/timb">Tim Baker</a> - synths, guitars, beats, backing vocals <br></h1>
-        <h2>  <img src="/static/img/dot.gif"> Tim also helped make <a href="http://www.delicious.com" target="_blank">delicious</a></h2>
-<h1><a href="/stefan">Stefan Moore</a> - beats, fog machine, lights <br></h1>
+ <h1><a href="http://dump.fm/timb">Tim Baker</a> - synths, guitars, beats, backing vocals <br></h1>
+        <h2>  <img src="http://dump.fm/static/img/dot.gif"> Tim also helped make <a href="http://www.delicious.com" target="_blank">delicious</a></h2>
+<h1><a href="http://dump.fm/stefan">Stefan Moore</a> - beats, fog machine, lights <br></h1>
             <h2>  <img src="/static/img/dot.gif"> Stefan is also one half of <a href="http://www.that-go.net" target="_blank">That-Go</a></h2>
 </h1>
 
diff --git a/template/banner.st b/template/banner.st
index 160d349..335ea7c 100644
--- a/template/banner.st
+++ b/template/banner.st
@@ -2,7 +2,7 @@
   <div id="header7">
   <div id="logoicons">
     <div id="logo7">
-  <div align="center"><a href="/">dump.fm</a></div>
+  <div align="center"><a href="http://dump.fm">dump.fm</a></div>
     </div>
     <div class="white">
       
@@ -12,10 +12,10 @@
             $if(user_nick)$
 
 
-      <a href="/log" ><img src="/static/img/log.gif"width="20px" height="20px"> Log</a>
-        <a href="/$user_nick$">$if(user_avatar)$<img src="$user_avatar$" width="19px" height="19px" />$else$<img src="/static/img/profile.gif"width="22px" height="22px" />$endif$ Profile</a>
-                  <a href="/directory"><img src="/static/img/directory.gif"width="20px" height="20px" /> Directory</a>
-             <a href="/browser"><img src="/static/img/image_draw.gif"/> Image Search</a>
+      <a href="http://dump.fm/log" ><img src="/static/img/log.gif"width="20px" height="20px"> Log</a>
+        <a href="http://dump.fm/$user_nick$">$if(user_avatar)$<img src="$user_avatar$" width="19px" height="19px" />$else$<img src="/static/img/profile.gif"width="22px" height="22px" />$endif$ Profile</a>
+                  <a href="http://dump.fm/directory"><img src="/static/img/directory.gif"width="20px" height="20px" /> Directory</a>
+             <a href="http://dump.fm/browser"><img src="/static/img/image_draw.gif"/> Image Search</a>
             
 	    $else$
   
diff --git a/template/chat.st b/template/chat.st
index 6551150..924499b 100644
--- a/template/chat.st
+++ b/template/chat.st
@@ -1,3 +1,19 @@
+<!--/*
+
+     _____          ___           ___           ___         ___         ___     
+    /  /::\        /__/\         /__/\         /  /\       /  /\       /__/\    
+   /  /:/\:\       \  \:\       |  |::\       /  /::\     /  /:/_     |  |::\   
+  /  /:/  \:\       \  \:\      |  |:|:\     /  /:/\:\   /  /:/ /\    |  |:|:\  
+ /__/:/ \__\:|  ___  \  \:\   __|__|:|\:\   /  /:/~/:/  /  /:/ /:/  __|__|:|\:\ 
+ \  \:\ /  /:/ /__/\  \__\:\ /__/::::| \:\ /__/:/ /:/  /__/:/ /:/  /__/::::| \:\
+  \  \:\  /:/  \  \:\ /  /:/ \  \:\~~\__\/ \  \:\/:/   \  \:\/:/   \  \:\~~\__\/
+   \  \:\/:/    \  \:\  /:/   \  \:\        \  \::/     \  \::/     \  \:\      
+    \  \::/      \  \:\/:/     \  \:\        \  \:\      \  \:\      \  \:\     
+     \__\/        \  \::/       \  \:\        \  \:\      \  \:\      \  \:\    
+                   \__\/         \__\/         \__\/       \__\/       \__\/    
+
+(c)2010 dump.fm -->
+
 <html>
 <head>
   <title>dump.fm</title>
@@ -62,7 +78,7 @@ $banner()$
 $messages: { m |
             <div class="msgDiv oldmsg dump $if(m.favorited)$favorite$endif$" id="message-$m.message_id$" nick="$m.nick$">
               <span class="nick">
-                <b><a href="/$m.nick$">$m.nick$</a></b>
+                <b><a href="http://dump.fm/$m.nick$">$m.nick$</a></b>
   $if(m.favorited)$
     <img src="/static/img/thumbs/chatheartover.gif" class="chat-thumb" onclick="Tag.favorite(this)">
   $else$
diff --git a/template/chat_help_bubbles.st b/template/chat_help_bubbles.st
index 6e8e80f..5505c01 100644
--- a/template/chat_help_bubbles.st
+++ b/template/chat_help_bubbles.st
@@ -1,8 +1,10 @@
 <div id="newuserwrap">
+<div id="bubblerapper">
 <div id="posthelp"><img src="/static/img/furie6.png"></div>
 <div id="webcamhelp"><img src="/static/img/furie5.png"></div>
 <a href="/help"><div id="userlisthelp"><img src="/static/img/furie7.png"></div></a>
+</div>
 <script>
-jQuery(document).ready(function(){ setTimeout( function(){ jQuery("#newuserwrap div").hide("puff", 1000) }, 10000 ) })
+jQuery(document).ready(function(){ setTimeout( function(){ jQuery("#newuserwrap div").hide("puff", 1000) }, 100000 ) })
 </script>
 </div>
\ No newline at end of file
diff --git a/template/footer.st b/template/footer.st
index f737221..f754e4a 100644
--- a/template/footer.st
+++ b/template/footer.st
@@ -1,8 +1,8 @@
 <div id="footer" style="text-align: center">
 @2010 <a href="/">dump.fm</a>
-<a href="/about_us"><span style="word-spacing:normal;">About Us</span></a> 
-<a href="/help"><span style="word-spacing:normal;">Help FAQ</span></a> 
-<a href="/terms">Terms</a>
-<a href="/privacy">Privacy</a></div>
+<a href="http://dump.fm/about_us"><span style="word-spacing:normal;">About Us</span></a> 
+<a href="http://dump.fm/help"><span style="word-spacing:normal;">Help FAQ</span></a> 
+<a href="http://dump.fm/terms">Terms</a>
+<a href="http://dump.fm/privacy">Privacy</a></div>
 $google_analytics()$
 $debug_log()$
diff --git a/template/profile.st b/template/profile.st
index 2890d60..8e3b834 100644
--- a/template/profile.st
+++ b/template/profile.st
@@ -73,7 +73,7 @@
 
               <br>
               
-         <a href="/u/$nick$/favorites"><h7>$nick$'s <br>Favorite Pix</h7></a>     
+         <a href="http://dump.fm/u/$nick$/favorites"><h7>$nick$'s <br>Favorite Pix</h7></a>     
               
               <div id="date">
                 <div type="text" id="datepicker"></div></div>
@@ -116,6 +116,7 @@ $share_buttons()$
               $if(isadmin)$
                <div id="adminmute">
               <a href="#" onclick="Admin.mute('$nick$'); return false">Mute $nick$!</a><br>
+          
               </div>
               $endif$