diff --git a/styles/app/index.styl b/styles/app/index.styl
index ddf0db0cb6..b41bde2a82 100644
--- a/styles/app/index.styl
+++ b/styles/app/index.styl
@@ -4,7 +4,7 @@
 html,body,p,h1,ul,li,table,tr,th,td
   margin: 0
   padding: 0
-
+  
 #head
   background: #ddd
   background: -webkit-gradient(linear,0 0,0 100%,from(#e7e7e7),to(#d0d0d0))
@@ -127,11 +127,6 @@ li:hover .task-meta-controls .hover-show
     margin: 5px
     color: black
 
-footer.footer
-  position: absolute
-  bottom: 10px
-  right: 10px
-  
 /* ----- Items, Weapons, Armor -----*/
 .item-store-popover img
   float:left
@@ -142,4 +137,22 @@ footer.footer
 
 #dead-modal img
   float:left
-  padding-right:10px
\ No newline at end of file
+  padding-right:10px
+  
+/* ------- Sticky Footer ------ */
+html, body {height: 100%;}
+
+#wrap {min-height: 100%;}
+
+#main 
+  overflow:auto;
+  padding-bottom: 200px; /* must be same height as the footer */
+
+#footer 
+  position: relative;
+  margin-top: -200px; /* negative value of footer height */
+  height: 200px;
+  clear:both;
+
+table.social-links td
+  vertical-align: top
\ No newline at end of file
diff --git a/views/app/index.html b/views/app/index.html
index 718e110f66..2a6a98757d 100644
--- a/views/app/index.html
+++ b/views/app/index.html
@@ -75,7 +75,7 @@
     </div>
   </div>
   
-  <div class="container-fluid">
+  <div id=wrap class=container-fluid>
     {#if _debug}
     <div class="alert">
       <i class="icon-warning-sign"></i> <b>Debugging Options</b><br/><br/>
@@ -85,7 +85,7 @@
     </div>
     {/}
     
-    <div class="row-fluid">
+    <div id=main class=row-fluid>
       <!-- would rather have one component: <app:taskList>, which handles taskList, task, and newTask.  However,
         can't pass references as paramters.  so <app:taskList newModel={_newHabit} list={_habitList}> doesn't work
         and have to pass those in via {{{content}}} instead -->  
@@ -145,21 +145,44 @@
         
         <app:newTask type=reward><input value={_newReward} type="text" placeholder="New Reward"/></app:newTask>
       </app:taskColumn>
-      
-      
     </div>
-    <footer class="footer">
-      <a href="https://github.com/lefnire/habitrpg#habitrpg">Help</a> |
-      &nbsp;<a href="https://github.com/lefnire/habitrpg/issues">Bugs</a> |
-      &nbsp;<a href="https://github.com/lefnire/habitrpg">Github</a> | 
-      &nbsp;<a href="http://habitrpg-rails.herokuapp.com/">Old Site</a> | 
-      &nbsp;Copyright &copy; 2012 Tyler Renelle
-    </footer>
   </div>
-  <!--<% if !current_user %>
-    <%= link_to(image_tag("http://line6.com/images/connections/facebook-login-button.png", :alt =>  "Login with Facebook"), user_omniauth_authorize_path(:facebook)) %>
-  <% else %>-->
-  <!--<% end %>-->
+  <app:myFooter/>
+    
+<myFooter:>
+  <footer id=footer class=pull-right>
+    <table class=social-links>
+      <tr>
+        
+        <td>
+          Copyright &copy; 2012 Tyler Renelle&nbsp;&nbsp;&nbsp;
+        </td>
+        
+        <td>
+          <!-- Github -->
+          <iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=lefnire&repo=habitrpg&type=watch&count=true"
+          allowtransparency="true" frameborder="0" scrolling="0" width="90px" height="20px"></iframe>
+        </td>
+          
+        <td>
+          <!-- Gittip -->
+          <iframe style="border: 0; margin: 0; padding: 0;" src="https://www.gittip.com/lefnire/widget.html" width="48pt" height="20pt"></iframe>
+        </td>
+        
+        <td>
+          <!-- AddThis Button BEGIN -->
+          <div class="addthis_toolbox addthis_default_style ">
+          <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
+          <a class="addthis_button_tweet"></a>
+          </div>
+          <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
+          <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=lefnire"></script>
+          <!-- AddThis Button END -->
+        </td>
+         
+      </tr>
+    </table>
+  </footer>
   
 <taskColumn: nonvoid>
   <div class="span3 well {{{type}}}s">
@@ -243,7 +266,7 @@
       <button type=submit class="btn">Save</button>
       <button x-bind=click:del class="btn btn-danger">Delete</button>
     </form>
-  </div>  
+  </div>
   
   <div style="display:none;" id={{:task.id}}-chart></div>