Index: applications/mobileblur/static/css/base.css
==================================================================
--- applications/mobileblur/static/css/base.css
+++ applications/mobileblur/static/css/base.css
@@ -143,13 +143,14 @@
 /* always force a scrollbar in non-IE */ 
 html { overflow-y: scroll; }
  
 /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
 a:hover, a:active { outline: none; }
-
+/*
 a, a:active, a:visited { color:#607890; }
 a:hover { color:#036; }
+*/
 
 ul, ol { margin-left: 1.8em; }
 ol { list-style-type: decimal; }
 
 /* Remove margins for navigation lists */
@@ -552,5 +553,11 @@
   @page { margin: 0.5cm; }
   p, h2, h3 { orphans: 3; widows: 3; }
   h2, h3{ page-break-after: avoid; }
 }
 
+#story-list > .read > h2 {
+    color: #607890;
+}
+#story-list > .unread > h2 {
+    color: #306;
+}

Index: applications/mobileblur/views/feeds/view.html
==================================================================
--- applications/mobileblur/views/feeds/view.html
+++ applications/mobileblur/views/feeds/view.html
@@ -2,11 +2,13 @@
 {{extend 'layout.html'}}
 
 <h1>{{= feed["feed_title"] }}</h1>
 <a href="{{= URL("mark_read", args=[feed["id"]]) }}"> Mark feed as read</a>
 
-{{ for story in stories: }}
-    <a href="{{= URL(c="stories", f="view", vars=dict(story=story["id"], feed_id=feed["id"])) }}"><h2>{{= story["story_title"] }}</h2></a>
-{{ pass }}
+<section id="story-list">
+    {{ for story in stories: }}
+        <a href="{{= URL(c="stories", f="view", vars=dict(story=story["id"], feed_id=feed["id"])) }}" class="{{= "unread" if story["read_status"] == 1 else "read" }}"><h2>{{= story["story_title"] }}</h2></a>
+    {{ pass }}
+</section>
 
 {{block left_sidebar}}New Left Sidebar Content{{end}}
 {{block right_sidebar}}New Right Sidebar Content{{end}}