diff --git a/hydra/templates/hydra/index.html b/hydra/templates/hydra/index.html
index 29b1f12..03b8f8d 100644
--- a/hydra/templates/hydra/index.html
+++ b/hydra/templates/hydra/index.html
@@ -441,11 +441,11 @@ <h1>{{ abouthead }}</h1>
 		var args = { type:"POST", url:"/", data:data };
 		var request = $.ajax(args);
 		request.done(function(){
-			$('#newsletterbox').animate({'top':'-200%'},0,function(){
-				$('#newsletteroverlay').hide(0);
-				$('#newsletterboxclose,#newmobileboxclose').hide(0);
+			$('#newsletterbox').fadeOut(300,function(){
+				$('#newsletteroverlay').fadeOut(0);
+				$('#newsletterboxclose,#newmobileboxclose').fadeOut(0);
 			});			
-			$('#thanksoverlay').fadeIn(0,function(){
+			$('#thanksoverlay').fadeIn(400,function(){
 				$('#thanksbox').animate({'top':'0px'},0);
 				$('#thanksclose').animate({'top':'50px'},0);
 				$('#mobilethanksclose').show(0);
diff --git a/static/css/style.css b/static/css/style.css
index 12ac608..56b6e99 100755
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -464,6 +464,7 @@ p.topnav {
 	left:0;
     top:-200%;
 	width:100%;
+	height:28px;
     background: #000000;
     color:#ffffff;
 	font-size:4em;