style fixes

app/assets/stylesheets/common/000_vars.css.scss

@@ -27,12 +27,12 @@ $baseline: 1em;
   box-shadow: $x $y $blur $color;
 }
 
-@mixin text-shadow($x, $y, $blur, $color) {
-  -moz-text-shadow: $x $y $blur $color;
-  -webkit-text-shadow: $x $y $blur $color;
-  -ms-text-shadow: $x $y $blur $color;
-  -o-text-shadow: $x $y $blur $color;
-  text-shadow: $x $y $blur $color;
+@mixin text-shadow($val) {
+  -moz-text-shadow: $val;
+  -webkit-text-shadow: $val;
+  -ms-text-shadow: $val;
+  -o-text-shadow: $val;
+  text-shadow: $val;
 }
 
 @mixin transparency($value) {

app/assets/stylesheets/common/paginator.css.scss

@@ -1,38 +1,44 @@
+@import "000_vars.css.scss";
+
 div.paginator {
   display: block;
   padding: 2em 0 1em 0;
-  font-size: 1em;
+  font-size: 1.2em;
   text-align: center;
   font-weight: bold;
   clear: both;
   
-  a {
-    margin: 0 3px;
-    padding: 2px 6px;
-    font-weight: normal;
-    border: 1px solid #EAEAEA;
-  }
+  li {
+    font-weight: bold;
+    
+    a {
+      margin: 0 0.25em;
+      padding: 0.25em 0.75em;
+      border: 1px solid #EAEAEA;
+      @include border-radius(0.5em);
+    }
 
-  a.arrow {
-    border: none;
-  }
+    a.arrow {
+      border: none;
+    }
 
-  a.arrow:hover {
-    background: white;
-    color: #9093FF;
-  }
+    a.arrow:hover {
+      background: white;
+      color: $link_color;
+    }
 
-  a.current {
-    border: 1px solid #AAA;
-  }
+    a.current {
+      border: 1px solid #AAA;
+    }
 
-  a:hover {
-    background: rgb(60, 60, 220);
-    color: white;
-  }
+    a:hover {
+      background: $link_color;
+      color: white;
+    }
 
-  span {
-    margin: 0 3px;
-    padding: 2px 6px;
+    span {
+      margin: 0 0.25em;
+      padding: 0.25em 0.75em
+    }
   }
 }