found placement of all aspects tab confusing; moved it to be the first tab

app/views/shared/_aspect_nav.haml

@@ -4,11 +4,11 @@
 
 #aspect_nav
   %ul
+    %li{:class => ("selected" if @aspect == :all)}
+      = link_to t('.all_aspects'), root_url
     - for aspect in @aspects
       %li{:class => ("selected" if current_aspect?(aspect))}
         = link_for_aspect aspect
-    %li{:class => ("selected" if @aspect == :all)}
-      = link_to t('.all_aspects'), root_url
 
   %ul{ :style => "position:absolute;right:0;bottom:0.01em;"}
     %li{:class => ("selected" if @aspect == :public)}

public/stylesheets/application.css

@@ -118,6 +118,10 @@ header {
         header #session_action ul li:last-child {
           margin-right: 0; }
   header #aspect_header {
+    -webkit-box-shadow: 0px -4px 6px -2px #777777;
+    -moz-box-shadow: 0px -4px 6px -2px #777777;
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#eeeeee));
+    background: -moz-linear-gradient(19% 75% 90deg, #eeeeee, #f7f7f7);
     background-color: #eeeeee;
     border-top: 1px solid white;
     padding: 20px 0; }
@@ -529,10 +533,10 @@ h1.big_text {
         line-height: 18px;
         font-weight: bold;
         background-color: #eeeeee;
-        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#eeeeee));
-        background: -moz-linear-gradient(19% 75% 90deg, #eeeeee, white);
+        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#f7f7f7));
+        background: -moz-linear-gradient(19% 75% 90deg, #f7f7f7, white);
         border: 1px solid white;
-          border-bottom: 1px solid #eeeeee;
+          border-bottom: 1px solid #f7f7f7;
         color: black; }
         #aspect_nav ul > li.selected a:hover {
           background-color: #efefef; }

public/stylesheets/sass/application.sass

@@ -146,6 +146,12 @@ header
             :right 0
 
   #aspect_header
+    :-webkit-box-shadow 0px -4px 6px -2px #777
+    :-moz-box-shadow 0px -4px 6px -2px #777
+    
+    :background -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7F7F7), to(#EEEEEE))
+    :background -moz-linear-gradient(19% 75% 90deg, #eee, #f7f7f7)
+
     :background
       :color #eee
     :border
@@ -713,11 +719,11 @@ h1.big_text
         :background
           :color #eee
 
-        :background -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee))
-        :background -moz-linear-gradient(19% 75% 90deg, #eee, #fff)
+        :background -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#F7F7F7))
+        :background -moz-linear-gradient(19% 75% 90deg, #f7f7f7, #fff)
 
         :border 1px solid #fff
-          :bottom 1px solid #eee
+          :bottom 1px solid #F7F7F7
         :color #000
         &:hover
           :background