adds styles to wrapper and new partial to filter subnav vertical

app/assets/stylesheets/_settings.scss

@@ -79,6 +79,7 @@ $budget:            #454372;
 $budget-hover:      #7571BF;
 
 $highlight:         #E7F2FC;
+$light:             #F5F7FA;
 $featured:          #FED900;
 
 $footer-border:     #BFC1C3;

app/assets/stylesheets/layout.scss

@@ -138,6 +138,10 @@ a {
   padding-top: $line-height;
 }
 
+.light {
+  background: $light;
+}
+
 .highlight {
   background: $highlight;
 }
@@ -198,6 +202,30 @@ a {
   }
 }
 
+.menu.vertical {
+  background: white;
+  margin: $line-height 0;
+  padding: $line-height;
+
+  li {
+    margin-bottom: $line-height;
+
+    a {
+      color: $text-medium;
+      padding: 0;
+    }
+
+    h2 {
+      font-size: $base-font-size;
+    }
+
+    &.active {
+      border-bottom: 2px solid $brand;
+      color: $brand;
+    }
+  }
+}
+
 .small {
   font-size: $small-font-size;
 }
@@ -430,6 +458,7 @@ header {
 
   .input-group-button {
     line-height: $line-height*1.5;
+    padding-bottom: 0;
 
     button {
       background: $border;
@@ -451,7 +480,6 @@ header {
 }
 
 .submenu {
-  background: white;
   border-bottom: 1px solid $border;
   clear: both;
   margin-bottom: $line-height/2;
@@ -544,7 +572,8 @@ footer {
 // 04. Tags
 // --------
 
-.tags a , .tag-cloud a, .categories a, .geozone a, .sidebar-links a {
+.tags a , .tag-cloud a, .categories a, .geozone a, .sidebar-links a,
+.tags span {
   background: #ececec;
   border-radius: rem-calc(6);
   color: $text;