Index: applications/mobileblur/controllers/default.py
==================================================================
--- applications/mobileblur/controllers/default.py
+++ applications/mobileblur/controllers/default.py
@@ -24,10 +24,11 @@
             response.cookies["nb_cookie"] = newsblur.cookies["newsblur_sessionid"]
             response.cookies["nb_cookie"]["path"] = "/"
             redirect(URL("index"))
         except Exception as ex:
             login_form.insert(-1, ex.message)
+            login_form._class = "alert-message block-message error"
 
     return dict(login_form=login_form)
 
 
 def logout():

Index: applications/mobileblur/controllers/feeds.py
==================================================================
--- applications/mobileblur/controllers/feeds.py
+++ applications/mobileblur/controllers/feeds.py
@@ -1,14 +1,30 @@
 # -*- coding: utf-8 -*-
 
 from pprint import pprint
+import time
 
 def view():
-    stories = newsblur.feed(request.args[0])["stories"]
-    feeds = newsblur.feeds(flat=True)["feeds"]
-    feed = [feed for feed in feeds.itervalues() if feed["id"]==int(request.args[0])][0]
+    print ""
+    s = time.time()
+    feed = newsblur.feed(request.args[0])
+    stories = feed["stories"]
+    print time.time() - s
+
+    print feed.keys()
+
+    if not feed.has_key("feed_title"):
+        s = time.time()
+        feeds = newsblur.feeds(flat=True)["feeds"]
+        print time.time() - s
+
+        s = time.time()
+        feed = [feed for feed in feeds.itervalues() if feed["id"]==int(request.args[0])][0]
+        print time.time() - s
+
     return dict(stories=stories, feed=feed)
+
 
 def mark_read():
     if len(request.args) > 0:
         newsblur.mark_feed_as_read(request.args[0])
     redirect(URL("default", "index"))

Index: applications/mobileblur/static/css/base.css
==================================================================
--- applications/mobileblur/static/css/base.css
+++ applications/mobileblur/static/css/base.css
@@ -25,17 +25,17 @@
 - form and table padding
 - code blocks
 - left and right padding to quoted text
 - page layout alignment, width and padding (change this for spaces)
 - column widths (change this to use left_sidebar and right_sidebar)
-- backrgound images and colors (change this for colors)
+- background images and colors (change this for colors)
 - web2py specific (.flash, .error)
 
 Notice:
 - even if you use a different layout/css you may need classes .flash and .error
 - this is all color neutral except for #349C01 (header, links, lines)
-- there are two backrgound images: images/background.png and images/header.png
+- there are two background images: images/background.png and images/header.png
 
 License: This file is released under BSD and MIT
 
 */
 
@@ -328,63 +328,18 @@
 fieldset { border: 1px solid #dedede; padding: 6px; }
 legend { font-weight: bold; }
 
 input:focus, textarea:focus { background: #fafafa; }
 
-p {text-indent:30px;}
-
-p, blockquote {    
-    margin-bottom: 10px;
-}
-
 h1,h2,h3,h4,h5,h6 { line-height: 170%; }
 h1 {font-size: 2.0em;}
 h2 {font-size: 1.8em;}
 h3 {font-size: 1.4em;}
 h4 {font-size: 1.2em;}
 h5 {font-size: 1.0em;}
 h6 {font-size: 0.8em;}
 
-/*********** page layout alignment, width and padding ***********/
-/*body {background-color: #000;}*/
-#container, #header, #page, #content, #statusbar,
-#footer, #wrapper { display:block; line-height: 170%; }
-#wrapper {width: 900px;}
-#container {
-    margin: 0 auto;
-    padding: 0;
-}
-#wrapper {margin: 0 auto;} 
-#wrapper {background-color: #fff; padding: 5px;} 
-#statusbar { margin: 5px 0px 20px 0px;}
-#footer {    
-    margin-top: 30px;    
-    padding: 5px;    
-}
-#statusbar, #footer {    
-    background: #eaeaea; 
-    border-top: 1px #aaa solid;    
-}
-#logo {
-    width: 68px;
-    height: 62px;
-    background: url(../images/logo.png);
-}
-#appname {
-    color: #cccccc;
-}
-
-#right_sidebar { width: 160px; float:right; display: none; }
-#left_sidebar { width: 160px; float:left; display: none; }
-#content { float: left; /*width: 740px;*//*width: 63%;*/ /*width: 640px; float:left;*/ } /* uncomment this if you are going to use sidebars */
- 
-.auth_navbar {
-   top: 0px;
-   float: right;
-   padding: 3px 10px 3px 10px; 
-}
-
 /*********** web2py specific ***********/
 div.flash {
     font-weight: bold;
     display: none;
     position: fixed;    
@@ -553,11 +508,72 @@
   @page { margin: 0.5cm; }
   p, h2, h3 { orphans: 3; widows: 3; }
   h2, h3{ page-break-after: avoid; }
 }
 
-#story-list > .read > h2 {
-    color: #607890;
+body {
+}
+
+header {
+    background-color: #cc0000;
+    padding: 1%;
+    border-bottom: 1px solid black;
+    color: white;
+}
+header > h1 > a {
+    text-decoration: none;
+    color: white;
+    font-weight: bold;
+}
+
+#story-list {
+}
+
+#story-list > .story > a {
+    text-decoration: none;
+    font-weight: bold;
+    margin-top: 0;
+}
+#story-list > .story > p {
+    font-size: .75em;
+}
+
+#story-list > .story > .read {
+    color: #CC3333;
+}
+#story-list > .story > .unread {
+    color: #CC0000;
+/*    color: #A8A8EE;*/
+}
+
+#story-list > .story {
+    padding: .5%;
+    padding-top: 0;
+    border-top: 1px solid black;
+    margin-top: .33%;
+}
+
+span.ps, span.nt, span.ng {
+    padding: .05em;
+    border-radius: 5px;
+}
+span.ps {
+    background-color: #35C030;
+}
+span.nt {
+    background-color: yellow;
+}
+span.ng {
+    background-color: red;
+}
+
+footer {
+    background-color: #cc0000;
+    padding: 1%;
+    border-top: 1px solid black;
+    color: white;
 }
-#story-list > .unread > h2 {
-    color: #306;
+footer > a {
+    text-decoration: none;
+    color: white;
+    font-weight: bold;
 }

Index: applications/mobileblur/views/default/index.html
==================================================================
--- applications/mobileblur/views/default/index.html
+++ applications/mobileblur/views/default/index.html
@@ -1,12 +1,8 @@
-{{left_sidebar_enabled=right_sidebar_enabled=False}}
 {{extend 'layout.html'}}
 
 {{ for feed in feeds.itervalues(): }}
-    {{ if threshold == -1 and feed["ng"] > 0: }} <span class='ng'>[ {{= feed["ng"] }} ]</span> {{ pass }}
-    {{ if threshold <= 0 and feed["nt"] > 0: }} <span class='nt'>[ {{= feed["nt"] }} ]</span> {{ pass }}
-    {{if feed["ps"] > 0: }}<span class='ps'>[ {{= feed["ps"] }} ]</span> {{ pass }}
+    {{ if threshold == -1 and feed["ng"] > 0: }} <span class='ng'>{{= feed["ng"] }}</span> {{ pass }}
+    {{ if threshold <= 0 and feed["nt"] > 0: }} <span class='nt'>{{= feed["nt"] }}</span> {{ pass }}
+    {{if feed["ps"] > 0: }}<span class='ps'>{{= feed["ps"] }}</span> {{ pass }}
     <a href="{{= URL(c="feeds", f="view", args=[feed["id"]]) }}">{{= feed["feed_title"] }}</a><br />
 {{ pass }}
-
-{{block left_sidebar}}New Left Sidebar Content{{end}}
-{{block right_sidebar}}New Right Sidebar Content{{end}}

Index: applications/mobileblur/views/feeds/view.html
==================================================================
--- applications/mobileblur/views/feeds/view.html
+++ applications/mobileblur/views/feeds/view.html
@@ -1,15 +1,22 @@
-{{left_sidebar_enabled=right_sidebar_enabled=False}}
 {{extend 'layout.html'}}
 
-<h1>{{= feed["feed_title"] }}</h1>
-<a href="{{= URL("mark_read", args=[feed["id"]]) }}">Mark feed as read</a>
+{{ block header_bonus }}
+    <h2 style="float: left">{{= feed["feed_title"] }}</h2>
+    <a href="{{= URL("mark_read", args=[feed["id"]]) }}" class="button">Mark feed as read</a>
+{{ end }}
 
 <section id="story-list">
+{{
+import time 
+s = time.time()
+}}
     {{ 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>
-        <p>{{= story["story_date"] }}</p>
+        <div class="story">
+            <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" }}">
+                {{= story["story_title"] }}
+            </a>
+            <p>{{= story["story_date"] }}</p>
+        </div>
     {{ pass }}
+{{ print time.time() - s }}
 </section>
-
-{{block left_sidebar}}New Left Sidebar Content{{end}}
-{{block right_sidebar}}New Right Sidebar Content{{end}}

Index: applications/mobileblur/views/layout.html
==================================================================
--- applications/mobileblur/views/layout.html
+++ applications/mobileblur/views/layout.html
@@ -8,11 +8,11 @@
     <!-- Always force latest IE rendering engine 
 	 (even in intranet) & Chrome Frame 
 	 Remove this if you use the .htaccess -->
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     
-    <title>{{=response.title or request.application}}</title>
+    <title>{{ block title }}{{=response.title or request.application}}{{ end }}</title>
     
     <!-- http://dev.w3.org/html5/markup/meta.name.html -->
     <meta name="application-name" content="{{=request.application}}" />	
     
     <!-- Speaking of Google, don't forget to set your site up: 
@@ -23,11 +23,11 @@
 	  j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag 
 	  device-width: Occupy full width of the screen in its current orientation
 	  initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
 	  maximum-scale = 1.0 retains dimensions instead of zooming in if page width < device width
       -->
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=2, maximum-scale=5.0">
     
     <!-- Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references -->
     <link rel="shortcut icon" href="{{=URL('static','favicon.ico')}}" type="image/x-icon">
     <link rel="apple-touch-icon" href="{{=URL('static','favicon.png')}}">
 
@@ -57,10 +57,11 @@
     else: left_sidebar_style = 'style="display: none;"'
     if right_sidebar_enabled: right_sidebar_style = 'style="display: block;"'
     else: right_sidebar_style = 'style="display: none;"'
     style_content = 'style="width: %s"' % width_content
     }}
+<!--    <link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">-->
   </head>
   
   <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->	
   <!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
   <!--[if IE 7 ]>    <body class="ie7"> <![endif]-->
@@ -68,76 +69,24 @@
   <!--[if IE 9 ]>    <body class="ie9"> <![endif]-->
   <!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]-->
     
     <div class="flash">{{=response.flash or ''}}</div> <!-- notification div -->
     
-    <div id="container">	      		      	
-      
-      <div id="wrapper">		
-	
-	<div id="header"> <!-- header and login nav -->
-	  {{block header}} <!-- this is default header -->
-	  {{try:}}{{=auth.navbar(action=URL('default','user'))}}{{except:pass}}		          
-	  <h1><span id="appname">{{=request.application.capitalize()}}</span>App</h1>
-	  <div style="clear: both;"></div><!-- Clear the divs -->
-	  {{end}}				  					  
-	</div><!-- header  -->
-	
-	<div id="statusbar"><!-- statusbar is menu zone -->
-	  {{block statusbar}} <!-- this is default statusbar -->
-	  {{#------ superfish menu ------}}
-	  {{=MENU(response.menu,_class='sf-menu')}}
-	  <script type="text/javascript">
-	    jQuery(document).ready(function(){
-	    jQuery('ul.sf-menu').superfish();});
-	  </script>
-	  <div style="clear: both;"></div><!-- Clear the divs -->	
-	  {{end}}				
-	</div><!-- statusbar -->
-	
-	<div id="page"> <!-- Here my central body -->	  
-
-	  {{if left_sidebar_enabled:}}
-          <div id="left_sidebar" {{=XML(left_sidebar_style)}} >
-            <div style="padding: 4px;">
-	      {{block left_sidebar}}Content Left Sidebar{{end}}		  
-            </div>
-          </div><!-- left_sidebar -->
-	  {{pass}}
-
-      <a href="{{= URL("default", "logout") }}">Log out</a>
-	  <!-- content -->
-	  <div id="content" {{=XML(style_content)}} >
-	    {{include}}	
-	  </div>
-	  <!-- content -->
-
-	  {{if right_sidebar_enabled:}}
-          <div id="right_sidebar" {{=XML(right_sidebar_style)}} >
-            <div style="padding: 4px;">
-              {{block right_sidebar}}Content Right Sidebar{{end}}
-            </div>
-	  </div><!-- right_sidebar -->
-          {{pass}}
-
-
-	  <div style="clear: both;"></div><!-- Clear the divs -->
-	  
-	</div><!-- page -->							
-	
-	<div id="footer">
-	  {{block footer}} <!-- this is default footer -->
-	  <a href="http://www.web2py.com/" style="float: left; padding-right: 6px;">
-	    <img src="{{=URL('static','images/poweredby.png')}}"/>
-	  </a>
-	  {{=T('Copyright')}} &#169; 2010				
-	  <div style="clear: both;"></div><!-- Clear the divs -->
-	  {{end}}
-
-	</div><!-- footer -->			
-      </div><!-- wrapper -->
-    </div><!-- container -->		
+	<header>
+	  {{block header}} <!-- this is default header -->
+          <h1><a href="{{= URL("mobileblur", "default", "index") }}">MobileBlur</a></h1>
+	  {{end}}
+      {{ block header_bonus }}{{end}}
+	</header>
+	
+    <section id="content" {{=XML(style_content)}} >
+        {{include}}	
+    </section>
+
+    <footer>
+        <a href="{{= URL("default", "logout") }}">Log out</a>
+    </footer>
     
     <!--[if lt IE 7 ]>
 	<script src="{{=URL('static','js/dd_belatedpng.js')}}"></script>
 	<script> DD_belatedPNG.fix('img, .png_bg'); //fix any <img> or .png_bg background-images </script>
 	<![endif]-->

Index: applications/mobileblur/views/stories/view.html
==================================================================
--- applications/mobileblur/views/stories/view.html
+++ applications/mobileblur/views/stories/view.html
@@ -1,10 +1,14 @@
-{{left_sidebar_enabled=right_sidebar_enabled=False}}
 {{extend 'layout.html'}}
 
-<a href="{{= story["story_permalink"] }}"><h1>{{= story["story_title"] }}</h1></a>
-<a href="{{= URL("mark_read", vars=dict(story_id=story["id"], feed_id=feed_id)) }}">Mark story as read</a>
-
-{{= XML(story["story_content"]) }}
+<section id="story">
+    <header>
+        <a href="{{= story["story_permalink"] }}">
+            {{= story["story_title"] }}
+        </a>
+    </header>
+    <a href="{{= URL("mark_read", vars=dict(story_id=story["id"], feed_id=feed_id)) }}" class="button">
+        Mark story as read
+    </a>
 
-{{block left_sidebar}}New Left Sidebar Content{{end}}
-{{block right_sidebar}}New Right Sidebar Content{{end}}
+    {{= XML(story["story_content"]) }}
+</section>