woot, a little bit more worky.

public/styles.css

@@ -28,8 +28,7 @@ div#title {
 div#main {
     padding: 0px;
     margin: 0px; 
-    font-size: 28px;
-    line-height: 100px;
+    font-size: 21px;
     text-align:center;
 }
 
@@ -37,8 +36,7 @@ a {
   text-decoration: none;
 }
 
-a.category, a.quote {   
-    
+div.quote, span.quote {
     color: #12699B;
     box-shadow: 0 0 20px black;
     opacity: 0.5;
@@ -46,7 +44,7 @@ a.category, a.quote {
 
 /* Quotes list page */
 
-.category {
+div.quotes {
     background: white;
     float: left;
     display: inline;
@@ -55,22 +53,21 @@ a.category, a.quote {
     border-radius: 15px;
 }
 
-.category:hover {
+div.quotes:hover {
   opacity: 0.8;
 }
 
-.category a {
-    width:100%;
-    height:100%;
+div.quotes a {
+
 }
 
-span.quote {
-    background: #222;
+div.quote {
+    background: #CCC;
     margin: 10px;
     padding: 20px;
     border-radius: 15px;
 }
 
-span.quote:hover {
+div.quote:hover {
 
 }

views/quotelist.jade

@@ -1,4 +1,4 @@
 div#quotelist
     -each quote in quotelist
-        div.quote
+        div.quotes
             a(href='/quotes/'+quote) #{quote}

views/quotes.jade

@@ -1,3 +1,3 @@
 div.quotes
     -each quote in quotes
-        span.quote #{quote}
+        div.quote #{quote}