diff --git a/app/views/notifications/_overlay.html.haml b/app/views/notifications/_overlay.html.haml
index 81917e21a..ea149e55b 100644
--- a/app/views/notifications/_overlay.html.haml
+++ b/app/views/notifications/_overlay.html.haml
@@ -14,3 +14,6 @@
 
           %br
           %time
+  = link_to("all of them", notifications_path)
+  %a.close{:href => "#" }
+    close
\ No newline at end of file
diff --git a/public/javascripts/widgets/notifications-badge.js b/public/javascripts/widgets/notifications-badge.js
index b99c2061e..64042c1c6 100644
--- a/public/javascripts/widgets/notifications-badge.js
+++ b/public/javascripts/widgets/notifications-badge.js
@@ -33,4 +33,9 @@ $(function() {
     });
   });
   
+  $("#notifications_overlay").delegate('a.close', 'click', function() {
+    console.log("hi!");
+    $('#notifications_overlay').hide();
+  });
+  
 });
\ No newline at end of file
diff --git a/public/stylesheets/sass/application.sass b/public/stylesheets/sass/application.sass
index 0f3de93b9..9ea037efd 100644
--- a/public/stylesheets/sass/application.sass
+++ b/public/stylesheets/sass/application.sass
@@ -3056,12 +3056,16 @@ ul#left_nav
     :width 30px
 
 #notifications_overlay
-  display: none
-  position: absolute
-  border: 4px solid black
-  background-color: white
-  width: 700px
-  padding: 10px
-  top: 75.5px
-  left: 217.5px
+  :display none
+  :position absolute
+  :border 4px solid black
+  :background
+    :color white
+  :width 700px
+  :padding 10px
+  :top 75.5px
+  :left 217.5px
+  a.close
+    :float right
+    :text-decoration none