diff --git a/stylesheets/main.css b/stylesheets/main.css
index c8e3136..8a5e406 100644
--- a/stylesheets/main.css
+++ b/stylesheets/main.css
@@ -122,20 +122,36 @@ footer {
   box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.5); }
   footer li {
     display: inline-block;
-    width: 48%; }
+    width: 49%; }
+    footer li:first-child a {
+      margin-left: 0;
+      border-radius: 0.3em 0 0 0.3em; }
+    footer li:last-child a {
+      border-radius: 0 0.3em 0.3em 0; }
     footer li a {
       font-size: 0.8em;
       height: 4.2em;
       padding: 0.4em;
-      color: white;
+      color: rgba(255, 255, 255, 0.6);
       display: block;
-      border-radius: 0.3em;
-      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); }
+      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
+      border: 1px solid black;
+      margin-left: -1px;
+      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.4);
+      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.4); }
       footer li a.selected {
-        background: rgba(255, 255, 255, 0.1);
+        color: white;
+        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5), 0 0 5px rgba(255, 255, 255, 0.3);
+        background-color: rgba(255, 255, 255, 0);
+        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0.15)));
+        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
+        background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
+        background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
+        background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
+        background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
         border: 1px solid black;
-        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.4);
-        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.4); }
+        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 2px 2px rgba(0, 0, 0, 0.4);
+        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 2px 2px rgba(0, 0, 0, 0.4); }
       footer li a:before {
         display: block;
         font-size: 1.5em;
diff --git a/stylesheets/main.scss b/stylesheets/main.scss
index 2092980..1e99444 100644
--- a/stylesheets/main.scss
+++ b/stylesheets/main.scss
@@ -78,19 +78,30 @@ footer {
   @include box-shadow(0 -2px 3px rgba(0, 0, 0, 0.5));
   li {
     display: inline-block;
-    width: 48%;
+    width: 49%;
+    &:first-child a {
+      margin-left: 0;
+      border-radius: 0.3em 0 0 0.3em;
+    }
+    &:last-child a {
+      border-radius: 0 0.3em 0.3em 0;
+    }
     a {
       font-size: 0.8em;
       height: 4.2em;
       padding: 0.4em;
-      color: white;
+      color: rgba(255, 255, 255, 0.6);
       display: block;
-      border-radius: 0.3em;
       text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
+      border: 1px solid black;
+      margin-left: -1px;
+      @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.4));
       &.selected {
-        background: rgba(255, 255, 255, 0.1);
+        color: white;
+        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5), 0 0 5px rgba(255, 255, 255, 0.3);
+        @include linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
         border: 1px solid black;
-        @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.4));
+        @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.3), inset 0 2px 2px rgba(0, 0, 0, 0.4));
       }
       &:before {
         display: block;