sostler prod commit

12 files changed, 1034 insertions, 126 deletions

diff --git a/template/banner.st b/template/banner.st
index f46a4e7..31f7595 100644
--- a/template/banner.st
+++ b/template/banner.st
@@ -1,25 +1,20 @@
-<div id="rapper7">
-  <div id="header7">
-    <div id="logoicons">
-      <div id="logo7">
-	<div align="center">
+
+<div id="banner">
 	  
-	  <a href="$domain$"><img src="$domain$/static/img/sassoonlogo.gif"id="sassoon"></a>
-	</div>
-      </div>
-      <div class="white">
+
+	
         $if(!user_nick)$
-	<div id="bar7dis">
+	  <a href="$domain$"><img src="$domain$/static/img/sassoonlogol.gif"id="logo"></a>
           $else$
-	  <div id="bar7"> 
+	  <a href="$domain$"><img src="$domain$/static/img/sassoonlogol.gif"id="logo"></a>
+
 	    $endif$
-            <div style="float: left;">
-              <div align="center">
+	    
+              
                 $if(user_nick)$
                 
-	        <!-- <a href="$domain$/log" onclick="pageTracker._trackEvent('button', 'banner-log'); return true;">	<img src="$domain$/static/img/thumbs/logbaricon.png"/> Log</a> -->
+<div id="toplinks">	 
                 <a href="$domain$/$user_nick$" onclick="pageTracker._trackEvent('button', 'banner-profile'); return true;">
-
 	          <img src="$domain$/static/img/thumbs/profilebaricon.png"/> Profile</a>           
                 <a href="$domain$/directory" onclick="pageTracker._trackEvent('button', 'banner-directory'); return true;">
 		  <img src="$domain$/static/img/thumbs/directorybaricon.png"/> Directory
@@ -27,13 +22,15 @@
 	        <a href="$domain$/hall" onclick="pageTracker._trackEvent('button', 'banner-hall'); return true;">
 		  <img src="$domain$/static/img/thumbs/halloffamebaricon.png"/> Hall of Fame 
 	        </a>
-	        <!--     <a href="$domain$/m/cal"><img src="$domain$/static/img/thumbs/calendarbaricon.png"/> Calendar</a> 
-                <a href="$domain$/$user_nick$/favorites" onclick="pageTracker._trackEvent('button', 'banner-favs'); return true;"><img src="$domain$/static/img/thumbs/favsbaricon.png"/> Favs</a>
-                <a href="$domain$/browser" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="$domain$/static/img/thumbs/searchbaricon.png"/> Image Search</a>-->
-
+</div>
 
+    <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe>
+        
 
-                <div id="toptools">
+      <div id="searchbox">
+        <input type="text" name="search-query" id="search-query" searchstyle="mini" />   
+   </div>    
+             <div id="toptools">
                   <form name="Tools" >
                     <select class="toolsmenu" name="menu" onChange="if (document.Tools.menu.selectedIndex != 0) { location=document.Tools.menu.options[document.Tools.menu.selectedIndex].value; } ">
                       <option>Tools</option>
@@ -55,63 +52,45 @@
                     </select>
                   </form>
                   
-                </div>
-
-    <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"style="float:right;top:15px;"></iframe>
-            
 	        $else$
-	        <a href="http://dump.fm/register" id="disregister">Register</a>
+	                   
+<div id="toplinks">	 
+               <!-- <a href="$domain$/about" onclick="pageTracker._trackEvent('button', 'banner-profile'); return true;">
+	          <img src="$domain$/static/img/thumbs/profilebaricon.png"/> About </a>       
+                <a href="$domain$/directory" onclick="pageTracker._trackEvent('button', 'banner-directory'); return true;">
+		  <img src="$domain$/static/img/thumbs/directorybaricon.png"/> Directory
+	        </a>
+ <a href="$domain$/m/cal"><img src="$domain$/static/img/thumbs/calendarbaricon.png"/> Calendar</a> 
+    <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="$domain$/static/img/thumbs/searchbaricon.png"/> Tags</a>
+</div>
+    <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe>
+     <a href="http://dump.fm/register" id="disregister">Register!</a>    -->  
 	        $endif$     
-              </div>
-	    </div>
-	  </div>
-        </div>
-      </div>
-      
-      $if(user_nick)$
-      <!--  <div id="facebooklike">
-            <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149%3Fref%3Dts&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=segoe+ui&amp;colorscheme=dark&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
-      </div> -->
 
 
-      <div id="searchbox">
-        <input type="text" name="search-query" id="search-query" searchstyle="mini" />
-	<!--<div class="search_icon"></div>-->
-      </div>
-      $else$
-      <div id="nouserstripes">
-        
-      </div>
-      
-      
-      $endif$
-      <div id="topic"></div>
-      <div id="dumplist">
 
-        $if(user_nick)$
-        <a href="http://dump.fm/fullscreen">checkout dump.fm in full-screen </a> - <a href="http://abcdef4.dump.fm/">MYSTERY ROOM!!!!!!!! </a> $else$ <style>#dumplist{z-index:-1!important;}</style> $endif$	
-        $if(isadmin)$ - <a href="http://vip.dump.fm/">NAUGHTY BOYS DELIGHT </a>
-        $endif$
-      </div>
-      
-      
+   
+   
+
       
       $if(user_nick)$
-      <div id="logout7" class="white">   
-        <div align="center">
+
+      <div id="logout7"class="white">   
           <form id="logout" action="/logout" method="POST">
 	    <a href="#" onclick="jQuery('#logout').submit(); return false">Logout</a>
           </form>
-        </div>
       </div>    
+      
       $else$
-      <div id="toplogin" class="white">
+      <div id="toplogin">
         $form_login()$
       </div>
+      
       $endif$
 
 
-      <div id="inpage-search-results" style="background-color: white;">
+</div>
+  <div id="inpage-search-results" >
         <div id="search-controls">
           <span id="search-message"></span>
           <a id="search-control-close" href="javascript:Search.close()">close</a>
@@ -119,6 +98,3 @@
         <div id="search-results-images"></div>
       </div>
     </div>
-    <div align="center"><br /></div>
-  </div>
-</div>
diff --git a/template/fame.st b/template/fame.st
index b389d54..df030d3 100644
--- a/template/fame.st
+++ b/template/fame.st
@@ -13,11 +13,7 @@
       
       <div id="messagePaneh">
         
-        <div id="userListp">
-        <img src="http://dump.fm/static/img/halloffametrophy.gif" id="halltrophy">
-          <h2>Hall Of Fame </h2>
-        </div>
-        
+     
 	<div id="messageList">
           $if(dumps)$
           <span class="content">
diff --git a/template/frontpage.st b/template/frontpage.st
index c5851f5..7910771 100644
--- a/template/frontpage.st
+++ b/template/frontpage.st
@@ -1,7 +1,7 @@
 <html>
   <head>
   
-    <title>dump.fm log</title>
+    <title>dump.fm</title>
     
     
     <!---HEAD
@@ -42,42 +42,39 @@ $endif$
 
 
 
-
-body{margin:0px;    background-image:url(http://dump.fm/static/img/bg.dither.gif);	background-color:f1f1f1;/*background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x;
+body{margin:0px;    background-image:url(http://dump.fm/static/img/bg.dither.gif);	background-color:#e2e2e2;/*background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x;
 	background-repeat:repeat-x;
 	background-position:top;*/background-attachment:fixed;min-width:900px;  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
   font-size: 13px;  line-height: 1.5em;}
 img{border:0px;}
-#banner{z-index:2;top:0;margin:2px;margin-left:9px;min-width:900px;width:77%;max-width:970px;position:fixed;border-bottom:1px ridge #333;display:inline-block;height:35px;clear: both;}
+#banner{z-index:2;top:0;margin-top:4px;margin-left:9px;min-width:900px;width:77%;max-width:970px;position:fixed;border-bottom:1px ridge #333;display:inline-block;/*background-color:#fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;*/height:35px;clear: both;}
 #banner a{font-size:69%;text-decoration:none;font-family: Monaco, "Courier New", Courier, monospace;letter-spacing:3.5px;color:#333;}
 #banner a:hover{background-color:#eee;color:black;text-decoration:none;}
-#fblike{margin-top:7px;margin-left:5px;}
+#fblike{margin-top:6px;margin-left:6px;}
 #logo{float:left;margin:1px;}
 #logobig{float:left;margin-top:-9px;margin-left:-5px;}
 #toplinks{float:left;margin-top:7px;margin-left:5px;}
-#logout{position:fixed;right:0px;font-size:12px;top:0px;padding:3px;line-height: 1em;}
-#searchbox{float:left;margin-top:7px;margin-left:5px;}
+#logout7{position:fixed;right:0px;font-size:12px;top:0px;padding:3px;line-height: 1em;}
+#searchbox{float:left;display:inline-block;margin-top:7px;margin-left:5px;}
 #search-query{background-color:lightyellow;}
-#posts{font-family: Monaco, "Courier New", Courier, monospace;color:#333;font-size:8px;height:auto;padding:1px;margin-top:45px;}
+#posts{overflow:hidden;max-width:100%;font-family: Monaco, "Courier New", Courier, monospace;color:#333;font-size:8px;height:auto;padding:1px;margin-top:45px;}
 #posts a{text-decoration:none;	font-family:Arial, Helvetica, sans-serif;letter-spacing:0px;color:#f0e;}
 #posts a:hover{color:#333;text-decoration:none;}
-#sideinfo{ text-align:justify;vertical-align: top; padding:10px;margin:7px;color:#000;font-weight:100;font-size:13px;letter-spacing:1px;font-family:Arial, Helvetica, sans-serif;float:left;min-height:210px;max-width:160px;min-width:200;border:1px inset #f1f1f1; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;background-color:#fff;background:#448ed4; border:1px ridged #fff;
-    background:-moz-linear-gradient(top, #fff, #eee 50%, #eee 51%, #fff);
-    background:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee), color-stop(51%, #eee), to(#fff));}
-.logged-dump{font-family:Arial, Helvetica, sans-serif;float:left;max-width:250px;min-width:220px;padding:7px;margin:7px;background-color:white;}
+#sideinfo{ text-align:justify;color:#333; padding:12px;margin:7px;font-size:20px;float:left;min-height:210px;width:230px;border:1px inset #f1f1f1; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;background-color:white;font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:bold; line-height:23px;}
+.logged-dump{border:1px inset #f1f1f1; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;font-family:Arial, Helvetica, sans-serif;float:left;max-width:250px;min-width:230px;padding:7px;margin:7px;background-color:white}
 .logged-dump img{max-width:240px;max-height:240px;padding-top:3px;   }
 .buttons img{height:12px;float:left;padding-right:6px;padding-top:5px;cursor:pointer;display:none;}
 .buttons .share{cursor:pointer;display:none;}
 #posts hr{display:none;}
-#pgbuttons{position:fixed;bottom:5px;right:0px;/*border-top:1px ridge #333;*/min-width:70px;padding:5px;}
+#pgbuttons{position:fixed;bottom:6px;right:0px;/*border-top:1px ridge #333;*/min-width:70px;padding:5px;}
 #pgbuttons a{text-decoration:none;}
-#footer{word-spacing:20px;font-size:11px;font-family: Monaco, "Courier New", Courier, monospace;text-align:center;margin:7px;color:#333;}
+#footer{word-spacing:20px;font-size:11px;font-family: Monaco, "Courier New", Courier, monospace;text-align:center;margin:7px;color:#333;width:900px;display:block;height:18px;overflow:hidden;}
 #footer a{text-decoration:none;color:#333;}
 #footer a:hover{color:#000;}
 #pgbuttons input{color:#eee;letter-spacing:1px;
     text-decoration:none;
     padding:2px 12px 3px 12px;
-    cursor:pointer;
+    cursor:pointer;font-size:12px;
     position:relative;font-weight:100;
     overflow:hidden;
     vertical-align:middle;
@@ -91,6 +88,10 @@ img{border:0px;}
     -moz-box-shadow:#777 0 0 0 1px;
     -webkit-box-shadow:#777 0 0 0 1px;
     text-shadow:rgba(0,0,0,.4) 0 1px 0;}
+#hallscore{margin-right:-20px;color:#fff;text-align:center;margin-top:-20px;float:right;font-size:40px;z-index:1;padding:6px;background-image:url('/static/img/hallheart.png');background-position:top left;font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:100;height:50px;width:50px;text-shadow:-1px 1px 0px #000;line-height:37px;text-indent:5px;
+   }
+#hallnick{font-size:16px;}
+
 #login-container {
   float: right;
 right:7px;
@@ -302,7 +303,7 @@ a#disregister {
 #inpage-search-results{
   position: absolute;
   top:47px;
-  width:100%;
+  width:99%;padding:5x;margin:5px;
   text-align: center;
   left: 0;
   z-index: 1000;
@@ -313,12 +314,10 @@ a#disregister {
   position:relative;
   overflow:auto;
   background-image:url(/static/img/bg.dither.gif);
-  background-color:#eee;
+  background-color:lightyellow;
   min-height: 600px;
-  margin-left: 5%;
-  margin-right: 5%;
-  margin-top: 0px;
-  border:1px inset #fff;
+margin:7px;
+  border:1px inset #333;
   padding-top: 30px;
 }
 #fullpage-search-results #search-results-images { position: relative; width: 100%; overflow: visible; }
@@ -337,7 +336,6 @@ a#disregister {
   padding-right: 8px;
 }
 #search-message {
-  background-color: lightyellow;
   font-size: medium;
   padding: 4px;
 
@@ -360,7 +358,7 @@ a#disregister {
 
   <script> 
 jQuery(window).load(function(){
-		jQuery('#posts').masonry({ columnWidth: 260 });
+		jQuery('#posts').masonry({ columnWidth: 275 });
 		jQuery('#posts').masonry({ singleMode: true });
 			jQuery('#posts').masonry({  resizeable: true });
 				jQuery('#posts').masonry({ animate: true});
@@ -376,7 +374,9 @@ jQuery(window).load(function(){
   </head>
  <body>
  
- 
+ <!--
+ <iframe src="http://dump.fm/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe>
+ -->
 <!--START BANNER-->
 
 <div id="banner">
@@ -432,7 +432,8 @@ jQuery(window).load(function(){
 
       
       $if(user_nick)$
-      <div id="logout">   
+
+      <div id="logout7"class="white">   
           <form id="logout" action="/logout" method="POST">
 	    <a href="#" onclick="jQuery('#logout').submit(); return false">Logout</a>
           </form>
@@ -453,21 +454,24 @@ jQuery(window).load(function(){
 
 
           <div id="posts" class="clickable clearfix">
-<div id="sideinfo">$roomkey$ log
-<br><br>
-dump.fm lets you talk with pictures! Paste an image url, upload, or snap a pic right from your webcam. Talk to friends, fav images, and keep track of the pix you love.
-<br><br>
+<div id="sideinfo">
+You are viewing the current trending images posted to dump.fm; a super fun community of real-time image posting.
   If you already have an account <strong><a href="http://dump.fm/login" class="signin">sign in</a></strong> If not <strong><a href="http://dump.fm/register">register</a></strong>!
 
   
 
 </div>
      
+  <!--   <div class="logged-dump">
+ <i id="hallnick">On dump.fm now..</i>
+    <iframe src="http://dump.fm/fullscreen"style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> 
+     </div>-->
+     
           $if(dumps)$
            
       
 
-          $dumps: { d | $log_dump(dump=d)$ }$
+          $dumps: { d | $hall_log_dump(dump=d)$ }$
 
           $if(json_tags)$
           <script>
@@ -491,27 +495,27 @@ dump.fm lets you talk with pictures! Paste an image url, upload, or snap a pic r
           $if(next)$
                        <a href="http://$roomkey$dump.fm/log/$next$">  <input class="pgbutton"id="nextbutton" value="Next ->" readonly="true"type="button"></a>
      $else$
-     <input id="nextbutton" value="nomodumps" readonly="true"type="button"class="pgbutton">
+   
      $endif$
 
 </div>   
      
 <!--START FOOTER
               $footer()$-->
-<br><br>
+<br><br><center>
 <div id="footer">
 @2010 <a href="/">dump.fm</a>
 <a href="http://dump.fm/about_us" style="word-spacing: normal">About Us</a> 
 <a href="http://dump.fm/help" style="word-spacing: normal">Help FAQ</a> 
 <a href="http://dump.fm/terms">Terms</a>
 <a href="http://dump.fm/privacy">Privacy</a>
-</div>
+</div></center>
 </div>
 $google_analytics()$
 $debug_log()$
 
 
-  <div id="inpage-search-results" style="background-color: white;">
+  <div id="inpage-search-results" >
         <div id="search-controls">
           <span id="search-message"></span>
           <a id="search-control-close" href="javascript:Search.close()">close</a>
@@ -522,7 +526,7 @@ $debug_log()$
 
   
 
-<span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-18px">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:#eee"></span></span></span> 
+<span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-19px;padding:1px;">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:white"></span></span></span> 
 <script type="text/javascript">m00=document.getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> 
   </body>
 </html>
diff --git a/template/frontpagePROFILE.st b/template/frontpagePROFILE.st
new file mode 100644
index 0000000..e725663
--- /dev/null
+++ b/template/frontpagePROFILE.st
@@ -0,0 +1,535 @@
+<html>
+  <head>
+  
+    <title>dump.fm</title>
+    
+    
+    <!---HEAD
+     --->
+    
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="keywords" content="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board, scott ostler, ryder ripps">
+<meta name="description" content="dump.fm - Talk with pictures!" />
+<script type="text/javascript" src="$domain$/static/js/jquery-1.4.2.min.js"></script>
+<link rel="shortcut icon" href="$domain$/static/favicon.ico">
+<link rel="image_src" href="$domain$/static/img/thumbs/heartover.gif" > 
+<script type="text/javascript" src="$domain$/static/js/pichat.js"></script>
+      <script src="$domain$/static/js/jquery.masonry.min.js"type="text/javascript"></script> 
+        <script src="$domain$/static/js/jquery.isotope.min.js"></script>
+    <!--     <link rel="stylesheet" href="$domain$/static/css/isostyle.css" type="text/css" media="screen" />-->
+<script>Domain = "$domain$"</script>
+$if(!user_nick)$
+<!--<link href="$domain$/static/css/front.css" media="screen, projection" rel="stylesheet" type="text/css">-->
+<script type="text/javascript" src="$domain$/static/js/popup.js"></script>
+$endif$
+$if(isadmin)$
+<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css" 
+      type="text/css" media="all" />
+<!--<link rel="stylesheet" href="$domain$/static/css/admin.css"
+      type="text/css" media="all" />-->
+<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"
+        type="text/javascript"></script>
+       
+<!--<script src="$domain$/static/js/admin.js" type="text/javascript"></script>-->
+$endif$
+
+<link rel="shortcut icon" href="$domain$/static/favicon.ico">
+      
+
+
+<!--END HEAD-->
+<style>
+
+
+body{margin:0px;    background-image:url(http://dump.fm/static/img/bg.dither.gif);	background-color:#e2e2e2;/*background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x;
+	background-repeat:repeat-x;
+	background-position:top;*/background-attachment:fixed;min-width:900px;  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
+  font-size: 13px;  line-height: 1.5em;}
+img{border:0px;}
+#banner{z-index:2;top:0;margin-top:4px;margin-left:9px;min-width:900px;width:77%;max-width:970px;position:fixed;border-bottom:1px ridge #333;display:inline-block;/*background-color:#fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;*/height:35px;clear: both;}
+#banner a{font-size:69%;text-decoration:none;font-family: Monaco, "Courier New", Courier, monospace;letter-spacing:3.5px;color:#333;}
+#banner a:hover{background-color:#eee;color:black;text-decoration:none;}
+#fblike{margin-top:6px;margin-left:6px;}
+#logo{float:left;margin:1px;}
+#logobig{float:left;margin-top:-9px;margin-left:-5px;}
+#toplinks{float:left;margin-top:7px;margin-left:5px;}
+#logout7{position:fixed;right:0px;font-size:12px;top:0px;padding:3px;line-height: 1em;}
+#searchbox{float:left;display:inline-block;margin-top:7px;margin-left:5px;}
+#search-query{background-color:lightyellow;}
+#posts{overflow:hidden;max-width:100%;font-family: Monaco, "Courier New", Courier, monospace;color:#333;font-size:8px;height:auto;padding:1px;margin-top:45px;}
+#posts a{text-decoration:none;	font-family:Arial, Helvetica, sans-serif;letter-spacing:0px;color:#f0e;}
+#posts a:hover{color:#333;text-decoration:none;}
+#sideinfo{ text-align:justify;color:#333; padding:12px;margin:7px;font-size:20px;float:left;min-height:210px;width:230px;border:1px inset #f1f1f1; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;background-color:white;font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:bold; line-height:23px;}
+.logged-dump{border:1px inset #f1f1f1; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;font-family:Arial, Helvetica, sans-serif;float:left;max-width:250px;min-width:230px;padding:7px;margin:7px;background-color:white}
+.logged-dump img{max-width:240px;max-height:240px;padding-top:3px;   }
+.buttons img{height:12px;float:left;padding-right:6px;padding-top:5px;cursor:pointer;display:none;}
+.buttons .share{cursor:pointer;display:none;}
+#posts hr{display:none;}
+#pgbuttons{position:fixed;bottom:6px;right:0px;/*border-top:1px ridge #333;*/min-width:70px;padding:5px;}
+#pgbuttons a{text-decoration:none;}
+#footer{word-spacing:20px;font-size:11px;font-family: Monaco, "Courier New", Courier, monospace;text-align:center;margin:7px;color:#333;width:900px;display:block;height:18px;overflow:hidden;}
+#footer a{text-decoration:none;color:#333;}
+#footer a:hover{color:#000;}
+#pgbuttons input{color:#eee;letter-spacing:1px;
+    text-decoration:none;
+    padding:2px 12px 3px 12px;
+    cursor:pointer;font-size:12px;
+    position:relative;font-weight:100;
+    overflow:hidden;
+    vertical-align:middle;
+    margin:0 10px;
+    background:#448ed4; border:1px ridged #fff;
+    background:-moz-linear-gradient(top, #fff, #448ed4 50%, #448ed4 51%, #fff);
+    background:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #448ed4), color-stop(51%, #448ed4), to(#fff));
+    text-decoration:none;
+    -moz-border-radius:4px;
+    -webkit-border-radius:4px;
+    -moz-box-shadow:#777 0 0 0 1px;
+    -webkit-box-shadow:#777 0 0 0 1px;
+    text-shadow:rgba(0,0,0,.4) 0 1px 0;}
+#hallscore{right:-11px;color:#fff;text-align:center;top:-13px;position:absolute;font-size:40px;z-index:1;padding:6px;background-image:url('/static/img/hallheart.png');background-position:top left;font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:100;height:50px;width:50px;	text-shadow:-1px 1px 0px #000;line-height:37px;text-indent:5px;
+   }
+#hallnick{font-size:16px;}
+
+#login-container {
+  float: right;
+right:7px;
+color:#fff;
+	position: fixed;
+top:4px;	
+z-index:20000000;
+
+}
+
+#login-container a:link, a:visited {
+	color:#000;
+	text-decoration:none;
+}
+#login-container .topnav {
+	padding:0px 0px 12px;
+	font-size:11px;color:000;
+	line-height:23px;
+	text-shadow: #000 0px 0px 0px;
+	text-align:right;
+
+}
+#login-container .topnav a.signin {
+	text-shadow: #000 0px 0px 0px;
+	padding:5px  5px 5px 5px;
+	text-decoration:none;
+	background-color:#fff;
+
+
+z-index:20000000;
+	*padding:4px 12px 6px;	filter:alpha(opacity=80);
+
+
+}
+#login-container .topnav a.signin:hover {
+
+	*padding:4px 12px 16px; background-color:#ccc;
+
+}
+#login-container .topnav a.signin, #login-container .topnav a.signin:hover {
+	*background-position:0 3px!important;color:#000;
+}
+
+a.signin {
+	position:relative;
+cursor:pointer;
+	margin-left:3px;
+}
+a.signin span {
+	background-image:url("http://dump.fm/static/form_login/images/toggle_down_light.png");
+	background-repeat:no-repeat;
+	background-position:100% 50%;
+	padding:4px 16px 6px 0;cursor:pointer;
+}
+#login-container .topnav a.menu-open {
+	background:#ddeef6!important;
+	color:#666!important;	text-shadow: #000 0px 0px 0px;
+	outline:none;box-shadow: 3px 2px 2px #ccc;cursor:pointer;
+-webkit-box-shadow: 3px 2px 2px #ccc;
+-moz-box-shadow: 3px 2px 2px #ccc;
+filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=4, positive=true);
+
+}
+
+a.signin.menu-open span {cursor:pointer;
+	background-image:url("http://dump.fm/static/form_login/images/toggle_up_dark.png");
+	color:#789;
+}
+
+#signin_menu {
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	display:none;
+	background-color:#ddeef6;
+	position:absolute;
+	width:210px;
+	z-index:100;
+	border:1px transparent;
+	text-align:left;
+	padding:12px;
+	top: 16.5px; 
+	right: 0px; 
+	margin-top:5px;
+	margin-right: 0px;
+	*margin-right: -1px;
+	color:#789;
+	font-size:11px;		box-shadow: 3px 2px 2px #ccc;
+-webkit-box-shadow: 3px 2px 2px #ccc;
+z-index:50000000;
+-moz-box-shadow: 3px 2px 2px #ccc;
+filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=4, positive=true);	
+}
+
+#signin_menu input[type=text], #signin_menu input[type=password] {
+	display:block;
+	font-size:25px;
+	margin:0 0 5px;
+	padding:5px;
+	width:203px;
+}
+#signin_menu p {
+	margin:0;
+}
+#signin_menu a {
+	color:#6AC;
+}
+#signin_menu label {
+	font-weight:normal;
+}
+
+#signin_menu p a {
+	color:#27B!important;
+}
+#signin-submit {
+	display:inline-block;
+	width:90px;
+  height:35px;
+  font-size:20px;
+  background-image:url('http://dump.fm/static/img/btngrad1.png');
+  background-color:#4691e5;
+  font-weight:bold;
+  word-spacing:7;
+ margin-top:-5px;
+cursor:pointer;
+	text-align:center;
+	z-index:100;
+	font-size:16px;
+	color:#fff;
+	border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	text-shadow:1px 1px 3px #000;
+z-index:20;
+}
+
+#furie3 {
+  position: absolute;
+  left:294px;
+  margin-top:250px;
+  z-index: 10;
+
+}
+#loginSubmit::-moz-focus-inner {
+padding:0;
+border:0;
+}
+#loginSubmit:hover, #loginSubmit:focus {
+	background-position:0 -5px;
+	cursor:pointer;
+}
+.no-cursor { cursor: none; }
+.invisible { display: none !important; }
+#cursor-big { position: absolute; z-index: 1000; }
+a#disregister {
+			background: #FCF0AD;
+			color: #fe1409;
+			cursor: pointer;
+			line-height: 1em;z-index:3;
+			padding: 25px 10px 40px;
+			margin-top: -2px;margin-left: -2px;
+			float:right;
+			-webkit-transform: rotate(9deg);
+			-moz-transform: rotate(9deg);
+			transform: rotate(9deg);font-family: cursive;font-weight:100;font-size:18px;font-style: oblique;
+  border-top:16px solid yellow;
+    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#FFFAAE), to(#FFF057));
+    background-image: -moz-linear-gradient(#FFFAAE 0%, #FFF057 90%);
+    border-top-color: #FFF057;
+    border-right-color: #FFF057;
+    border-bottom-color: #FFF057;
+    border-left-color: #FFF057;
+    -webkit-box-shadow:#a0a0a0 3px 4px 4px; 
+    -moz-box-shadow: #a0a0a0 3px 4px 4px; /* FF 3.5+ */
+            text-shadow: 1px 1px 3px #AAA; margin-right:35px;
+		}
+ a#disregister:hover {
+
+             text-shadow: 1px 1px 1px gold;
+		font-family: cursive;font-weight:100;font-size:18px;font-style: oblique;color:black;
+    -webkit-box-shadow:#333 3px 4px 4px; 
+    -moz-box-shadow: #333 3px 4px 4px; /* FF 3.5+ */
+
+		}
+
+
+
+
+
+/*searchstuff*/
+
+
+
+
+.search_icon  {
+    background:url("http://dump.fm/static/img/hourglass.png") no-repeat scroll center center transparent;
+    bottom:3px;
+    cursor:pointer;
+    left:6px;
+    opacity:0.8;
+    border-right:1px solid #C0C8D3;
+    position:absolute;
+    top:3px;
+    width:32px;
+}
+#inpage-search-results{
+  position: absolute;
+  top:47px;
+  width:99%;padding:5x;margin:5px;
+  text-align: center;
+  left: 0;
+  z-index: 1000;
+}
+
+#inpage-search-results #search-results-images{
+  display: none;
+  position:relative;
+  overflow:auto;
+  background-image:url(/static/img/bg.dither.gif);
+  background-color:lightyellow;
+  min-height: 600px;
+margin:7px;
+  border:1px inset #333;
+  padding-top: 30px;
+}
+#fullpage-search-results #search-results-images { position: relative; width: 100%; overflow: visible; }
+
+#search-results-images a.animating canvas { display: none }
+
+#search-controls {
+  width: 95%;
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+  z-index: 1005;
+  text-align: right;
+  display: none;
+  top: 0;
+  padding-right: 8px;
+}
+#search-message {
+  font-size: medium;
+  padding: 4px;
+
+}
+#search-controls a {
+  
+  padding: 4px;
+}
+
+</style>
+
+
+    <script>
+      var Recips = [];
+      jQuery(function() {
+          initLog(Recips)
+      });
+    </script>
+
+  <script> 
+jQuery(window).load(function(){
+		jQuery('#posts').masonry({ columnWidth: 275 });
+		jQuery('#posts').masonry({ singleMode: true });
+			jQuery('#posts').masonry({  resizeable: true });
+				jQuery('#posts').masonry({ animate: true});
+
+
+	});
+</script> 
+
+    
+        
+
+    
+  </head>
+ <body>
+ 
+ <!--
+ <iframe src="http://dump.fm/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe>
+ -->
+<!--START BANNER-->
+
+<div id="banner">
+	  
+
+	
+        $if(!user_nick)$
+	  <a href="$domain$"><img src="$domain$/static/img/sassoonlogol.gif"id="logo"></a>
+          $else$
+	  <a href="$domain$"><img src="$domain$/static/img/sassoonlogol.gif"id="logo"></a>
+
+	    $endif$
+	    
+              
+                $if(user_nick)$
+                
+<div id="toplinks">	 
+                <a href="$domain$/$user_nick$" onclick="pageTracker._trackEvent('button', 'banner-profile'); return true;">
+	          <img src="$domain$/static/img/thumbs/profilebaricon.png"/> Profile</a>           
+                <a href="$domain$/directory" onclick="pageTracker._trackEvent('button', 'banner-directory'); return true;">
+		  <img src="$domain$/static/img/thumbs/directorybaricon.png"/> Directory
+	        </a>
+	        <a href="$domain$/hall" onclick="pageTracker._trackEvent('button', 'banner-hall'); return true;">
+		  <img src="$domain$/static/img/thumbs/halloffamebaricon.png"/> Hall of Fame 
+	        </a>
+</div>
+
+    <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe>
+            
+	        $else$
+	                   
+<div id="toplinks">	 
+                <a href="$domain$/about" onclick="pageTracker._trackEvent('button', 'banner-profile'); return true;">
+	          <img src="$domain$/static/img/thumbs/profilebaricon.png"/> About </a>           
+                <a href="$domain$/directory" onclick="pageTracker._trackEvent('button', 'banner-directory'); return true;">
+		  <img src="$domain$/static/img/thumbs/directorybaricon.png"/> Directory
+	        </a>
+<a href="$domain$/m/cal"><img src="$domain$/static/img/thumbs/calendarbaricon.png"/> Calendar</a> 
+    <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="$domain$/static/img/thumbs/searchbaricon.png"/> Tags</a>
+</div>
+    <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe>
+           <a href="http://dump.fm/register" id="disregister">Register!</a>
+	        $endif$     
+
+
+
+
+      <div id="searchbox">
+        <input type="text" name="search-query" id="search-query" searchstyle="mini" />   
+   </div>
+   
+   
+
+      
+      $if(user_nick)$
+
+      <div id="logout7"class="white">   
+          <form id="logout" action="/logout" method="POST">
+	    <a href="#" onclick="jQuery('#logout').submit(); return false">Logout</a>
+          </form>
+      </div>    
+      
+      $else$
+      <div id="toplogin">
+        $form_login()$
+      </div>
+      
+      $endif$
+
+
+</div>
+
+
+<!--END BANNER-->
+
+
+          <div id="posts" class="clickable clearfix">
+<div id="sideinfo">
+You are viewing the current trending images posted to dump.fm; a super fun community of real-time image posting.
+  If you already have an account <strong><a href="http://dump.fm/login" class="signin">sign in</a></strong> If not <strong><a href="http://dump.fm/register">register</a></strong>!
+
+  
+
+</div>
+     
+     <div class="logged-dump">
+      $if(contact)$
+	  <div id="contact" class="linkify-text">$contact$</div>
+	  $else$
+          <img id="contact" src="/static/img/noinfo.png">
+	  $endif$       
+ <i id="hallnick">On dump.fm now..</i>
+    <iframe src="http://dump.fm/fullscreen"style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> 
+     </div>
+     
+          $if(dumps)$
+           
+      
+
+          $dumps: { d | $hall_log_dump(dump=d)$ }$
+
+          $if(json_tags)$
+          <script>
+            $json_tags: { j | $j$;
+            }$
+          </script>
+          $endif$
+          $else$
+          No dumps!
+          $endif$
+          </div>
+          
+<div id="pgbuttons">
+                 
+             $if(prev)$
+              <a href="http://$roomkey$dump.fm/log/$prev$"><input class="pgbutton"id="prevbutton" value="<- Prev" readonly="true"type="button"></a>
+  $else$
+
+ $endif$
+
+          $if(next)$
+                       <a href="http://$roomkey$dump.fm/log/$next$">  <input class="pgbutton"id="nextbutton" value="Next ->" readonly="true"type="button"></a>
+     $else$
+   
+     $endif$
+
+</div>   
+     
+<!--START FOOTER
+              $footer()$-->
+<br><br><center>
+<div id="footer">
+@2010 <a href="/">dump.fm</a>
+<a href="http://dump.fm/about_us" style="word-spacing: normal">About Us</a> 
+<a href="http://dump.fm/help" style="word-spacing: normal">Help FAQ</a> 
+<a href="http://dump.fm/terms">Terms</a>
+<a href="http://dump.fm/privacy">Privacy</a>
+</div></center>
+</div>
+$google_analytics()$
+$debug_log()$
+
+
+  <div id="inpage-search-results" >
+        <div id="search-controls">
+          <span id="search-message"></span>
+          <a id="search-control-close" href="javascript:Search.close()">close</a>
+        </div>
+        <div id="search-results-images"></div>
+      </div>
+    </div>
+
+  
+
+<span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-19px;padding:1px;">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:white"></span></span></span> 
+<script type="text/javascript">m00=document.getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> 
+  </body>
+</html>
diff --git a/template/fullscreen.st b/template/fullscreen.st
index ec98b8e..911addb 100644
--- a/template/fullscreen.st
+++ b/template/fullscreen.st
@@ -86,7 +86,7 @@
           right: 3px;
           top: 3px;
       }
-      #big-image{font-size:120px;text-align: justify; text-justify: newspaper;   text-shadow: 1px 1px #eee, 2px 2px #f0e, 3px 3px #eee,4px 4px #f0e,5px 5px #eee, 3px 3px #eee,4px 4px #f0e,5px 5px #eee,6px 6px #f0e,6px 6px #eee,7px 7px #f0e,7px 7px #eee,8px 8px #f0e,8px 8px #eee,9px 9px #f0e,9px 9px #eee; color:#fff}
+      #big-image{font-size:50px;text-align: justify; text-justify: newspaper;   text-shadow: 1px 1px #eee, 2px 2px #f0e, 3px 3px #eee,4px 4px #f0e,5px 5px #eee, 3px 3px #eee,4px 4px #f0e,5px 5px #eee,6px 6px #f0e,6px 6px #eee,7px 7px #f0e,7px 7px #eee,8px 8px #f0e,8px 8px #eee,9px 9px #f0e,9px 9px #eee; color:#fff}
       #memelogo { position: fixed; z-index: 999; bottom: 30px; right: 80px; }
       .sublogo { font-family: Monaco, "Courier New", Courier, monospace; }
       a { color:#000 }
diff --git a/template/fullscreen_front.st b/template/fullscreen_front.st
new file mode 100644
index 0000000..22f2d65
--- /dev/null
+++ b/template/fullscreen_front.st
@@ -0,0 +1,62 @@
+<html>
+  <head>
+    <title>dump.fm - fullscreen</title>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+    <script src="$domain$/static/js/pichat.js"></script>
+    <script src="$domain$/static/js/fullscreen.js"></script>
+    <script>
+      var LoggedIn = $if(user_nick)$true$else$false$endif$;
+      var Timestamp = $timestamp$;
+      var newwindow;
+      function pop(url) {
+      newwindow=window.open(url,'name','height=50,width=400,left=20,top=20,location=0,status=0,scrollbar=0,resizable=0');
+      if (window.focus) {newwindow.focus()}
+      }
+      jQuery(startChatUpdater);
+    </script>
+    <style>
+      html, body, div, img { margin: 0; padding: 0; border: 0; overflow: hidden; font-family: Monaco, "Courier New", Courier, monospace; }
+      input {
+          font-family: Monaco, "Courier New", Courier, monospace;
+      }
+
+      #spinner { display: none; }
+      #forgetpw {
+          position: absolute;
+          left: 5px;
+          bottom: 5px;
+          font-size: 80%;
+      }
+      #fav-indicator {
+          display: none;
+          position: fixed;
+          z-index: 999;
+          height: 150px;
+          width: 150px; 
+          left: 20px;
+          top: 20px;
+      }
+      #errormsg {
+          position: relative;
+          color: red;
+          text-align: center;
+          margin-top: 250px;
+      }
+
+      #loginclose {
+          position: absolute;
+          right: 3px;
+          top: 3px;
+      }
+      #big-image{font-size:120px;text-align: justify; text-justify: newspaper;   text-shadow: 1px 1px #eee, 2px 2px #f0e, 3px 3px #eee,4px 4px #f0e,5px 5px #eee, 3px 3px #eee,4px 4px #f0e,5px 5px #eee,6px 6px #f0e,6px 6px #eee,7px 7px #f0e,7px 7px #eee,8px 8px #f0e,8px 8px #eee,9px 9px #f0e,9px 9px #eee; color:#fff}
+      #memelogo { position: fixed; z-index: 999; bottom: 30px; right: 80px; }
+      .sublogo { font-family: Monaco, "Courier New", Courier, monospace; }
+      a { color:#000 }
+    </style>
+  </head>
+  <body>
+    <script>
+      initFullscreen()
+    </script>
+  </body>
+</html>
diff --git a/template/hall_log_dump.st b/template/hall_log_dump.st
new file mode 100644
index 0000000..b912297
--- /dev/null
+++ b/template/hall_log_dump.st
@@ -0,0 +1,12 @@
+$if(dump.ztags)$
+  <div class="logged-dump dump" id="message-$dump.message_id$" nick="$dump.nick$" tags="$dump.tags: { tag | $tag.nick$:$tag.tag$ }$">
+$else$
+  <div class="logged-dump dump $if(dump.favorited)$favorite$endif$" id="message-$dump.message_id$" nick="$dump.nick$">
+$endif$
+
+
+ <a href="/$dump.nick$"><b id="hallnick">$dump.nick$</a> </b>$if(dump.score)$   <span id="hallscore">$dump.score$</span>$endif$
+<div class="content" data-category="posts">$dump.content$</div>
+<hr />
+$share_buttons()$
+</div>
diff --git a/template/head.st b/template/head.st
index f8508e4..f6bcdb0 100644
--- a/template/head.st
+++ b/template/head.st
@@ -9,7 +9,6 @@
 <link rel="stylesheet" type="text/css" href="$domain$/static/css/dump.css">
 <script>Domain = "$domain$"</script>
 $if(!user_nick)$
-<link href="$domain$/static/css/front.css" media="screen, projection" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="$domain$/static/js/popup.js"></script>
 $endif$
 $if(isadmin)$
diff --git a/template/messagepane.st b/template/messagepane.st
index 9273826..7b54228 100644
--- a/template/messagepane.st
+++ b/template/messagepane.st
@@ -2,7 +2,7 @@
   $if(user_nick)$
   <div id="userList">
     $users: { u |
-    <div class="username"><a href="$domain$/$u.nick$" target="_blank">
+    <div class="username"><a href="/$u.nick$" target="_blank">
         $u.score_ent$
         $if(u.avatar)$
         <img src="$u.avatar$" width="50" height="50">
@@ -36,11 +36,11 @@
     <div id="msginputrapper">
       <input id="msgInput" class="msgInput" type="input" />
     </div>   
-    <input id="msgSubmit" type="submit" value="Send"/>
-    <input id="upload" value="Upload" type="submit">
-    <input id="webcam-button-upload" value="Webcam" type="submit">
-    <input id="webcam-button-snap" value="Send Pic" type="submit" class="invisible blink">  
-    <button id="palette-button"><img src="/static/img/palette.gif"></button>
+    <input id="msgSubmit" type="submit" value="Send"type="button"/>
+    <input id="upload" value="Upload" type="submit"type="button">
+    <input id="webcam-button-upload" value="Webcam" type="submit"type="button">
+    <input id="webcam-button-snap" value="Send Pic" type="submit"type="button" class="invisible blink">  
+    <button id="palette-button"></button>
   </div>
   <div id="effects-msg" class="invisible">click on your face for effects!</div>
 </div>
diff --git a/template/profilenew.st b/template/profilenew.st
new file mode 100644
index 0000000..dded235
--- /dev/null
+++ b/template/profilenew.st
@@ -0,0 +1,130 @@
+<html>
+  <head>
+    <title>$nick$'s dump.fm</title>
+    <meta property="og:image" content="$avatar$"/>
+    <meta property="og:title" content="$nick$'s dump.fm"/>
+    <meta property="og:site_name" content="dump.fm"/>
+    $head()$
+    <script src="/static/js/jquery.editinplace.1.0.1.packed.js" type="text/javascript"></script>
+    <script src="/static/js/ajaxupload.js"></script>
+    <script>
+      jQuery(function() {
+      initProfile($recips$);
+      });
+    </script> 
+    <script>
+//MESSAGE STUFF
+
+jQuery(document).ready(function() {
+	jQuery('#msgbtn').toggle(
+
+		function(){
+			
+		jQuery("#directmsgs").animate({right: "0px"}, 400);
+		},
+		function()
+		{
+		jQuery("#directmsgs").animate({right: "-263px"}, 400);
+		
+		});
+		});
+    </script>
+  </head>
+  <body class="profiledash">
+    $if(avatar)$
+    <div id="dashtotal"style="background-image:url($avatar$);opacity:0.1;width:100%;height:100%;z-index:-1"></div>
+    $else$
+    <div id="dashtotal"style="background-image:url(http://dump.fm/static/img/thumbs/stripes.gif);width:100%;height:100%;z-index:-1"></div>
+    $endif$
+    
+    $banner()$
+              <div id="posts" class="clickable clearfix">
+
+     <div class="logged-dump">
+        $if(avatar)$
+        <div id="dashavatar">
+          <img id="dashavatarPic" src="$avatar$"/>
+	</div>
+        $else$
+        <img id="avatarPic" src="/static/img/noinfo.png">
+        
+        $endif$
+
+        $if(isadmin)$
+        <div id="dashadminmute">
+          <a href="#" onclick="Admin.mute('$nick$'); return false">Mute $nick$!</a>
+        </div>
+        $endif$
+
+          <div id="posts" class="clickable clearfix">
+        $if(is_home)$
+        
+        
+        <div id="avatar-editing" style="display: none">
+          <input id="uploadp" value="Upload Icon" type="submit">
+          <img id="spinner" src="/static/img/spinner.gif" style="display: none" />
+        </div>
+        $endif$
+        <div id="dashinfo">
+          <h2>  
+            $nick$$if(score_ent)$$score_ent$$endif$ </h2>           
+          
+	  <br> <h3>contact info</h3>
+          $if(contact)$
+	  <div id="contact" class="linkify-text">$contact$</div>
+	  $else$
+          <img id="contact" src="/static/img/noinfo.png">
+	  $endif$            
+	  <br>
+	  <h3>bio</h3>
+          $if(bio)$
+	  <div id="bio" class="linkify-text">$bio$</div>
+	  $else$
+	  <img id="bio" src="/static/img/noinfo.png">
+	  $endif$
+	</div>
+
+        $if(is_home)$
+        
+        <div id="edit-toggle"><a href="#">edit profile</a></div>
+        $endif$   
+      </div>
+      
+         <div class="logged-dump">
+    
+  	<h2><a href="http://dump.fm/$nick$/log">$if(is_home)$ your $else$ $nick$'s$endif$ posts &#10145;</a></h2>
+	<hr>
+	<h2><a href="http://dump.fm/$nick$/favorites"> $if(is_home)$ your $else$ $nick$'s $endif$ favs &#10145;</a></h2>
+	
+  <hr>
+	<a href="http://dump.fm/$nick$/popular"><h3> $if(is_home)$ your $else$ $nick$'s$endif$ most popular &#10145;</h3></a>
+  
+      </div>
+       <div class="logged-dump">
+	<a href="http://dump.fm/$nick$/log"><div id="favstxt">$if(is_home)$ your $else$ $nick$'s$endif$ most recent dumps</div></a>
+	     <div class="logged-dump">
+	$imgs: { img | <a target="_blank" href="$img$"><img src="$img$"></img></a> }$
+	</div>
+           
+
+    </div>
+
+    
+<a href="#"class="msgbtn" id="msgbtn">messages!</a> 
+    <div id="directmsgs">
+      <h2>Messages</h2>
+ 
+        $dms: { dm |
+ <div id="singlemsg">
+        <b><a href="/$dm.nick$">$dm.nick$</a>:</b>
+        <span class="linkify-full">$dm.content$</span>
+        </div>
+      }$
+    </div>
+    </div>
+<div id="footerc">
+  $footer()$
+</div>
+
+</body>
+</html>
diff --git a/template/rooms/nocss.st b/template/rooms/nocss.st
new file mode 100644
index 0000000..21f0ac0
--- /dev/null
+++ b/template/rooms/nocss.st
@@ -0,0 +1,172 @@
+<!--/*
+
+   _____          ___           ___           ___         ___         ___     
+   /  /::\        /__/\         /__/\         /  /\       /  /\       /__/\    
+   /  /:/\:\       \  \:\       |  |::\       /  /::\     /  /:/_     |  |::\   
+   /  /:/  \:\       \  \:\      |  |:|:\     /  /:/\:\   /  /:/ /\    |  |:|:\  
+   /__/:/ \__\:|  ___  \  \:\   __|__|:|\:\   /  /:/~/:/  /  /:/ /:/  __|__|:|\:\ 
+   \  \:\ /  /:/ /__/\  \__\:\ /__/::::| \:\ /__/:/ /:/  /__/:/ /:/  /__/::::| \:\
+   \  \:\  /:/  \  \:\ /  /:/ \  \:\~~\__\/ \  \:\/:/   \  \:\/:/   \  \:\~~\__\/
+   \  \:\/:/    \  \:\  /:/   \  \:\        \  \::/     \  \::/     \  \:\      
+   \  \::/      \  \:\/:/     \  \:\        \  \:\      \  \:\      \  \:\     
+   \__\/        \  \::/       \  \:\        \  \:\      \  \:\      \  \:\    
+   \__\/         \__\/         \__\/        \__\/       \__\/       \___\/
+
+   (c)2011 dump.fm -->
+
+<html>
+  <head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="keywords" content="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board, scott ostler, ryder ripps">
+<meta name="description" content="dump.fm - Talk with pictures!" />
+<script type="text/javascript" src="/static/js/jquery-1.4.2.min.js"></script>
+<link rel="shortcut icon" href="http://dump.fm/static/favicon.ico">
+<link rel="image_src" href="http://dump.fm/static/img/thumbs/heartover.gif" > 
+<!-- <script type="text/javascript" src="$domain$/static/js/jquery-ui-1.8.effects.min.js"></script> -->
+<script type="text/javascript" src="$domain$/static/js/pichat.js"></script>
+
+<script>Domain = "$domain$"</script>
+$if(!user_nick)$
+<!--<link href="$domain$/static/css/front.css" media="screen, projection" rel="stylesheet" type="text/css">-->
+<script type="text/javascript" src="$domain$/static/js/popup.js"></script>
+$endif$
+$if(isadmin)$
+<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css" 
+      type="text/css" media="all" />
+<link rel="stylesheet" href="$domain$/static/css/admin.css"
+      type="text/css" media="all" />
+<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"
+        type="text/javascript"></script>
+<script src="$domain$/static/js/admin.js" type="text/javascript"></script>
+$endif$
+
+<link rel="shortcut icon" href="$domain$/static/favicon.ico">
+      
+<!--[if IE]>
+<script>
+window.location = "http://dump.fm/error/ie";
+</script>
+<![endif]-->
+
+    <title>$roomname$ dump.fm</title>
+
+    <script type="text/javascript" src="$domain$/static/js/invalid_domains.js"></script>
+    <script type="text/javascript" src="$domain$/static/webcam/webcam.js"></script>
+    <script type="text/javascript" src="$domain$/static/js/ajaxupload.js"></script>
+    $if(user_nick)$
+    <script type="text/javascript" src="$domain$/json/$user_nick$/favorites"></script>
+    $endif$
+    <script>
+      jQuery(document).ready(initChat);
+      var Nick = $json_user_nick$;
+      var Room = $json_room_key$;
+      var Timestamp = $timestamp$;
+      $if(isadmin)$
+      var IsAdmin = true;
+      $else$
+      var IsAdmin = false;
+      $endif$
+      if (Nick) {
+      jQuery(document).ready(function() { setupUpload('upload', Room); });
+      }
+      function showAlert() { alert('MUST LOGIN'); }
+      var newwindow;
+      function pop(url) {
+      newwindow=window.open(url,'name','height=50,width=400,left=20,top=20,location=0,status=0,scrollbar=0,resizable=0');
+      if (window.focus) {newwindow.focus()}
+      }
+      jQuery(Away.startTitleUpdater);
+      jQuery(initChatMsgs);
+      $if(user_nick)$ //
+      $else$
+      function showAlert() {
+      alert('Join dump.fm @ http://dump.fm/register');
+      }
+
+      $endif$
+    </script>
+    <style>
+      #chat-wrapper {
+      position: absolute;
+      z-index: 1000000;
+      right: 100px;
+      bottom: 100px;
+      height: 40px;
+      width: 300px;
+      };
+    </style>
+  </head>
+  <body>
+    $if(dis)$
+    $banner_dis()$
+    $else$
+    $banner()$
+    $if(!user_nick)$
+    <div id="dis_welcome">
+      <center>
+        <img src="$domain$/static/img/dumppixellarge3.png">
+        <div id="midtxt">dump.fm lets you <i>talk with pictures!</i> Paste an image url, upload,  or snap a pic right from your webcam. Talk to friends, fav images, and keep track of the pix you love.
+          <br><br>
+          <span id="signintxt">
+           If you already have an account <strong><a href="http://dump.fm/login" class="signin">sign in</a></strong> If not <strong><a href="http://dump.fm/register">register</a></strong>!
+          </span>
+      </center>
+      </div>
+    </div>
+
+    <link href="$domain$/static/css/pages.css" rel="stylesheet" type="text/css" media="screen" />
+    <link href="$domain$/static/css/header.css" rel="stylesheet" type="text/css" media="screen" />
+    <script type="text/javascript" src="$domain$/static/js/win.js"></script>
+    <script type="text/javascript">
+      var topZ = 7;
+      CreateDropdownWindow('', '500px', true, 'dis_welcome', 300, 70);
+    </script>
+    <style>
+      .divDragTitle {
+      left:50%!important;
+      margin-left: -250px!important;
+      }
+      .divDragContent {
+      z-index:666;
+      left:50%!important;
+      margin-left: -250px!important;
+
+      }
+    </style>
+    $endif$
+    $endif$
+
+
+    <div id="chatrap">
+      <div id="dcontent">
+        <div id="messagetabs"></div>
+          $messagepane()$
+        <script>
+          var Recips = $recips$;
+        </script>
+      </div>
+    </div>
+    <div id="palette">
+      <div id="palette-thumbs"></div>
+    </div>
+    <div id="chatbuttons">
+      <div id="textbutton">
+        <span>show text?</span>
+        <input type="checkbox">
+      </div>
+      <div id="imgbutton">
+        <span>show imgs?</span>
+        <input type="checkbox">
+      </div>
+      <div id="clearbutton">
+        <span>clear screen</span>
+        <input type="checkbox">
+      </div>
+    </div>
+    <div id="footerc">
+      $footer()$
+    </div>
+    </div>
+
+  </body>
+</html>
diff --git a/template/simplerlog.st b/template/simplerlog.st
index c5851f5..1f5f6fe 100644
--- a/template/simplerlog.st
+++ b/template/simplerlog.st
@@ -43,33 +43,48 @@ $endif$
 
 
 
-body{margin:0px;    background-image:url(http://dump.fm/static/img/bg.dither.gif);	background-color:f1f1f1;/*background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+body{margin:0px;    background-image:url(http://dump.fm/static/img/bg.dither.gif);	background-color:#e2e2e2;/*background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x;
 	background-repeat:repeat-x;
 	background-position:top;*/background-attachment:fixed;min-width:900px;  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
   font-size: 13px;  line-height: 1.5em;}
 img{border:0px;}
-#banner{z-index:2;top:0;margin:2px;margin-left:9px;min-width:900px;width:77%;max-width:970px;position:fixed;border-bottom:1px ridge #333;display:inline-block;height:35px;clear: both;}
+#banner{background-color:#fff;z-index:2;top:0;margin-top:4px;margin-left:9px;min-width:900px;/*width:77%;max-width:970px;*/position:fixed;border:1px inset #999;display:inline-block;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;height:35px;clear: both;}
 #banner a{font-size:69%;text-decoration:none;font-family: Monaco, "Courier New", Courier, monospace;letter-spacing:3.5px;color:#333;}
 #banner a:hover{background-color:#eee;color:black;text-decoration:none;}
-#fblike{margin-top:7px;margin-left:5px;}
+#fblike{margin-top:6px;margin-left:6px;}
 #logo{float:left;margin:1px;}
 #logobig{float:left;margin-top:-9px;margin-left:-5px;}
 #toplinks{float:left;margin-top:7px;margin-left:5px;}
 #logout{position:fixed;right:0px;font-size:12px;top:0px;padding:3px;line-height: 1em;}
-#searchbox{float:left;margin-top:7px;margin-left:5px;}
+#searchbox{float:left;display:inline-block;margin-top:7px;margin-left:5px;}
 #search-query{background-color:lightyellow;}
 #posts{font-family: Monaco, "Courier New", Courier, monospace;color:#333;font-size:8px;height:auto;padding:1px;margin-top:45px;}
 #posts a{text-decoration:none;	font-family:Arial, Helvetica, sans-serif;letter-spacing:0px;color:#f0e;}
 #posts a:hover{color:#333;text-decoration:none;}
-#sideinfo{ text-align:justify;vertical-align: top; padding:10px;margin:7px;color:#000;font-weight:100;font-size:13px;letter-spacing:1px;font-family:Arial, Helvetica, sans-serif;float:left;min-height:210px;max-width:160px;min-width:200;border:1px inset #f1f1f1; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;background-color:#fff;background:#448ed4; border:1px ridged #fff;
-    background:-moz-linear-gradient(top, #fff, #eee 50%, #eee 51%, #fff);
-    background:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee), color-stop(51%, #eee), to(#fff));}
-.logged-dump{font-family:Arial, Helvetica, sans-serif;float:left;max-width:250px;min-width:220px;padding:7px;margin:7px;background-color:white;}
+#sideinfo{ text-align:justify;vertical-align: top; padding:10px;margin:7px;color:#000;font-weight:100;font-size:13px;letter-spacing:1px;font-family:Arial, Helvetica, sans-serif;float:left;min-height:210px;width:230px;border:1px inset #f1f1f1; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;background-color:#fff;background:#448ed4; border:1px ridged #fff;
+    background:-moz-linear-gradient(top, #fff, #eee 50%, #eee 51%, #f0f9ff);
+    background:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee), color-stop(51%, #eee), to(#f0f9ff));}
+.logged-dump{border:1px inset #f1f1f1; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;font-family:Arial, Helvetica, sans-serif;float:left;max-width:250px;min-width:230px;padding:7px;margin:7px;background-color:white;}
 .logged-dump img{max-width:240px;max-height:240px;padding-top:3px;   }
 .buttons img{height:12px;float:left;padding-right:6px;padding-top:5px;cursor:pointer;display:none;}
 .buttons .share{cursor:pointer;display:none;}
 #posts hr{display:none;}
-#pgbuttons{position:fixed;bottom:5px;right:0px;/*border-top:1px ridge #333;*/min-width:70px;padding:5px;}
+#pgbuttons{position:fixed;bottom:6px;right:0px;/*border-top:1px ridge #333;*/min-width:70px;padding:5px;}
 #pgbuttons a{text-decoration:none;}
 #footer{word-spacing:20px;font-size:11px;font-family: Monaco, "Courier New", Courier, monospace;text-align:center;margin:7px;color:#333;}
 #footer a{text-decoration:none;color:#333;}
@@ -77,7 +92,7 @@ img{border:0px;}
 #pgbuttons input{color:#eee;letter-spacing:1px;
     text-decoration:none;
     padding:2px 12px 3px 12px;
-    cursor:pointer;
+    cursor:pointer;font-size:12px;
     position:relative;font-weight:100;
     overflow:hidden;
     vertical-align:middle;
@@ -348,6 +363,11 @@ a#disregister {
 }
 
 
+
+
+
+
+
 </style>
 
 
@@ -360,7 +380,7 @@ a#disregister {
 
   <script> 
 jQuery(window).load(function(){
-		jQuery('#posts').masonry({ columnWidth: 260 });
+		jQuery('#posts').masonry({ columnWidth: 270 });
 		jQuery('#posts').masonry({ singleMode: true });
 			jQuery('#posts').masonry({  resizeable: true });
 				jQuery('#posts').masonry({ animate: true});
@@ -375,8 +395,10 @@ jQuery(window).load(function(){
     
   </head>
  <body>
- 
- 
+
+<!--
+ <iframe src="http://dump.fm/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe>
+ -->
 <!--START BANNER-->
 
 <div id="banner">
@@ -454,9 +476,9 @@ jQuery(window).load(function(){
 
           <div id="posts" class="clickable clearfix">
 <div id="sideinfo">$roomkey$ log
-<br><br>
+<br>
 dump.fm lets you talk with pictures! Paste an image url, upload, or snap a pic right from your webcam. Talk to friends, fav images, and keep track of the pix you love.
-<br><br>
+<br>
   If you already have an account <strong><a href="http://dump.fm/login" class="signin">sign in</a></strong> If not <strong><a href="http://dump.fm/register">register</a></strong>!