diff --git a/theme.html b/theme.html
index 3bea3f5..05533fe 100644
--- a/theme.html
+++ b/theme.html
@@ -30,7 +30,8 @@
     <link rel="me" type="text/html" href="http://www.google.com/profiles/vhaldar"/>
     
     
-    <link href='http://fonts.googleapis.com/css?family=Cardo:400,700,400italic' rel='stylesheet' type='text/css'>
+    <link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
+    <link href='http://fonts.googleapis.com/css?family=Kreon:700' rel='stylesheet' type='text/css'>
 
 
     <meta name="readability-verification" content="NnQaPKeFjEsPYZBWT2xZTZm6BJKhBxG9ACKrNErC"/>
@@ -38,173 +39,53 @@
 
     <meta name="description" content="{MetaDescription}"/>
     <style type="text/css">
-      html, body, div, span, object, iframe,
-      h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-      a, abbr, acronym, address, b, cite, code,
-      del, dfn, em, i, img, ins, kbd, q, samp,
-      strike, strong, tt, var,
-      dl, dt, dd, ol, ul, li,
-      fieldset, form, label, legend,
-      table, caption, tbody, tfoot, thead, tr, th, td
-      {margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit;
+      ul, li {margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit;
       line-height: inherit; vertical-align: baseline; background: transparent;}
-      html {font-size:100%;}
-      caption, cite, code, dfn, th, var {font-style: normal; font-weight: normal;}
-      h1, h2, h3, h4, h5, h6 {font-weight: normal; font-family: 'Cardo', serif;
-      text-align: left}
-
-
-      h1 {
-      font-family: 'Cardo', serif;
-      text-align: left;
-      font-variant: small-caps;
-      }
-      
-      blockquote, q {quotes: none;}
-      blockquote:before, blockquote:after, q:before, q:after {content: '';}
-      :focus {outline: 0;}
-      ins {text-decoration: underline;}
-      del {text-decoration: line-through;}
-      a {text-decoration: underline; font-weight: normal}
-
-      html {background-color: {color:Background};}
-      body {
-          font-family: 'Cardo', serif;
-          background-color: {color:Background};
-          color: {color:Text};
-          text-align: justify;
-      }
-      body.dark {text-shadow: {color:Background} 0 0 1px;}
-
-      #body {background-color: #fff7f7; padding: 1.5em 0.25em; color: #233138;}
-      #content {position: relative; margin: 0 auto;}
- 
-      @media only screen 
-      and (min-device-width : 1024px) {
-        #content { max-width: 35em; }
-      }
-
-      @media only screen 
-      and (max-device-width : 1024px) {
-        #content { max-width: 90%; }
-      }
-
-      h1 {font-size: 41.887pt; line-height:1; padding:0 0 1em 0; text-align:left;}
-      h1 a {color: {color:Text}; padding: 0 0 1em 0; font-weight: bold;
-      text-decoration: none; text-align: left}
-
-      h2, h3 {
-      font-family: 'Cardo', serif;
-      line-height: 18pt;}
-      p, pre, ul, ol, blockquote, form {
-      font-family: 'Cardo', serif;
-      margin: 0pt 0 0pt; 
-      font-size: 16pt;
-      line-height: 1.4;
-      }
-      blockquote {padding-left: 1em; margin-left: 2pt; border-left: 0.25em solid {color:Minor};}
-      pre {overflow-x: auto; font-size: 11pt;}
-      sup, sub {height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;}
-      sup {bottom: 0.5ex;}
-      sub {top: 0.5ex;}
-      sup a {font-weight: normal !important; padding: 0 1px;}
-      hr {height: 0; margin: 0 0 1em; border: solid #ccc; border-width: 1pt 0 0;}
-
-      #description {position: absolute; left: 530px; color: {color:Minor}; font-size: 11pt; width: 10em;}
-      #description p, #description form {margin-top: 0;}
-      #description a {color: {color:Secondary};}
-      #description a:hover {color: {color:Text};}
-      #description form .input
-      {background: {color:Background}; color: {color:Secondary}; font-size: 10pt;
-      text-transform: lowercase; width: 90%; border: solid {color:Minor};
-      border-width: 0 1px 1px 0;}
-      #description .submit {height: 0; overflow: hidden; display: block;}
-      #description .meta {word-spacing: 0.25em; font-size: 10pt; text-transform: uppercase;}
-      #description .meta a {color: {color:Minor};}
-      #description .meta a:hover {color: {color:Text};}
-
-      #posts {margin: 0;}
-      .post {position: relative; list-style: none; margin-bottom: 1em;}
+
+      html{margin:0 auto;max-width:35em}
+      body{
+      font-family:Arvo,Georgia,serif;
+      font-size: 0.8em;
+      padding: 0 .5em 1em .5em; color: #333; background-color: #fff}
+      h1{font-family: 'Kreon', sans-serif; font-size:200%; display: inline; }
+      letter-spacing:0.15em;padding:1em 0 0 0}
+      h2{font-size:125%}
+      h3{font-family: 'Kreon', sans-serif; font-size:125%; padding-top: 2em; color: #000; display: inline;}
+      h4{font-size:100%}
+      p{font-size:100%;line-height:1.5em; }
+      a { text-decoration: none; border-bottom:1px dotted; color: #333;}
+      #posts ul, li { list-style: none; margin-left: 0; }
       .post ul li {list-style: disc;}
-      .post img {max-width: 100%;}
-
-      .post-body p + p {text-indent: 1em}
-      .post-body h3 {font-size: 25.888pt; position: relative; font-weight: bold;
-      font-style: italic; line-height: 1.2em; color: #A84B3A; }
-      .post-body a {font-weight: bold; color: #000; border-bottom: 1px solid transparent;}
-      .post-body a:hover {color: #FF9F67; }
-      .post-body .image a {border-width: 0;}
-      .post-body ul ul, .post-body ul ol, .post-body ol ol, .post-body ol ul,
-      .post-body blockquote ul, .post-body blockquote ol {margin-left: 1.5em;}
-
-      .permalink {font-size: 11pt; position: absolute; right: 530px; text-align: right;}
-      .permalink a {color: {color:Minor}; white-space: nowrap; padding: 0 0 4.5pt 9pt;}
-      .permalink a:hover {color: {color:Text};}
-
-      .caption, .cite {font-size: 11pt; margin-top: 9pt;}
-      .caption p {margin-top: 18pt;}
-
-      .text-post {position: relative; top: -2pt;}
-      .text-post h3 {margin-bottom: 9pt;}
-      .text-post h4 {font-size: 16pt; font-weight: bold; color: #A84B3A;}
-      .text-post h4 a { font-size: 9.889pt; margin-bottom: 9pt; color: #4C646B; }
-
-      .link-post {position: relative; top: -2pt;}
-      .link-post h3 {display: inline; padding-right:9pt;}
-      .link-post a {color: {color:Text};}
-      .link-post a:hover {color: {color:Secondary};}
-      .link-post a.link {color: {color:Link};}
-      .link-post a.link:hover {color: {color:Text};}
-
-      .quote-post {position: relative; top: -4.5pt;}
-      .quote-post blockquote.quote
-      {font-size: 18pt; line-height: 24pt; text-indent: -7pt;
+      .post ol li {list-style: decimal;}
+      ul { margin:0; padding: 0;  }
+      ol { margin:0; padding: 0;  }
+      .quote-post blockquote.quote {
+      font-size: 120%; line-height: 1.5em; text-indent: -7pt;
       margin: 0; padding: 0; border-width: 0;}
-      .quote-post .quote:before {content: '“';}
+      li { line-height: 1.5em; }
+      .image-post { padding-top: 2em; }
+      .text-post { padding-top: 2em; }
+      .quote-post { padding-top: 2em; }
+      .quote-post .quote:before {content: '“'; }
       .quote-post .quote:after {content: '”';}
-      .quote-post .quote a {color: {color:Text};}
-      .quote-post .quote a:hover {color: {color:Secondary};}
-      .quote-post .cite {color: {color:Secondary}; margin-left: 1.5em; text-indent: -1.5em;}
-
-      .chat-post li {list-style: none; margin-left: 2em; text-indent: -2em;}
-      .chat-post b {font-weight: bold; padding-right: 4.5pt;}
-
-      {block:IfSemitransparentAudioPlayer}
-      .audio-post .audio {opacity: 0.75;}
-      {/block:IfSemitransparentAudioPlayer}
-
-      #disqus_thread {margin-top: 54pt;}
-      #disqus_thread a {color: {color:Secondary};}
-
-      .notes {color: {color:Minor}; margin-top: 54pt;}
-      .notes li {list-style: none; margin-bottom: 18pt;}
-      .notes img, .notes .clear {display: none;}
-      .notes .photo_container img {display: block !important;}
-      .notes a {color: {color:Secondary};}
-      .notes a:hover {color: {color:Text};}
-
-      .footnotes a[rev="footnote"] {color: {color:Secondary};}
-      .footnotes hr {margin: 34pt 0 18pt;}
-
-      #footer {text-align: center; word-spacing: 0.75em; margin-top:4.5em;}
-      #footer a {color: {color:Secondary}; font-weight:bold; padding: 0.25em 0.5em;}
-      #footer a:hover {color: {color:Text};}
-
-      .amp {font-family: 'Cardo', serif; font-style: italic;}
-      h1 .amp, h2 .amp, h3 .amp {font-family: 'Cardo', serif;}
-      pre .amp {font-family: inherit; font-style: inherit;}
-
-      {CustomCSS}
+      blockquote {padding-left: 1em; margin-left: 2pt; border-left: 0.25em solid #555;}
+      .date-permalink a { font-family: 'Kreon', sans-serif; }
+      .date-permalink { float: right; }
     </style>
 
   </head>
   <body class="{block:IfDarkColourScheme}dark{/block:IfDarkColourScheme}">
     <div id="body">
       <div id="content">
-
-	<h1><a href="/">{Title}</a></h1>
-
-	<link rel="me" type="text/html" href="http://www.google.com/profiles/vhaldar"/>
+	<div>
+	  <h1><a href="/">{Title}</a></h1>
+	  <div style="padding-top: 0.5em; float: right; ">
+	    <a href="{RSS}">RSS</a> /
+	    <a href="http://blog.vivekhaldar.com/archive">Archive</a> /
+	    <a href="http://blog.vivekhaldar.com/about">About</a> /
+	    <a href="https://twitter.com/vivekhaldar">@vivekhaldar</a>
+	  </div>
+	</div>
 
 	<script type="text/javascript">
 	  var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
@@ -216,12 +97,6 @@ <h1><a href="/">{Title}</a></h1>
 	  pageTracker._trackPageview();
 	  } catch(err) {}</script>
 
-	<script src="http://www.vivekhaldar.com/hyphen/Hyphenator.js" type="text/javascript">
-	</script>
-	<script type="text/javascript">
-            Hyphenator.run();
-	</script>
-
 	<ul id="posts">
 	  {block:Posts}
 	  <li class="post">
@@ -229,11 +104,12 @@ <h1><a href="/">{Title}</a></h1>
 
 	    {block:Regular}
 	    <div class="post-body text-post">
-	      {block:Title}
 	      <h3>{Title}</h3>
-	      {/block:Title}
-	      <h4><a href="{Permalink}">{DayOfMonth} {Month}, {Year}</a></h4>
-	      <div class="hyphenate">{Body}</div>
+	      <div class="date-permalink" >
+		 <a title="{NoteCountWithLabel}"
+		   href="{Permalink}">{DayOfMonth} {Month}, {Year}</a>
+	      </div>
+	      {Body}
 	    </div>
 	    {/block:Regular}
 
@@ -308,14 +184,14 @@ <h3>{Title}</h3>
 	    {block:IfDisqusShortname}
 	    {block:Permalink}
 
-	    <p>
-	      <font style="BACKGROUND-COLOR: yellow"> If you've read this far,
-		please
-		consider <a href="http://blog.vivekhaldar.com/rss">subscribing
-		to the RSS feed</a>,
-		or <a href="http://twitter.com/vivekhaldar">following me on
-		Twitter.</a>
-	      </font>
+	    <!-- <p> -->
+	    <!--   <font style="BACKGROUND-COLOR: yellow"> If you've read this far, -->
+	    <!-- 	please -->
+	    <!-- 	consider <a href="http://blog.vivekhaldar.com/rss">subscribing -->
+	    <!-- 	to the RSS feed</a>, -->
+	    <!-- 	or <a href="http://twitter.com/vivekhaldar">following me on -->
+	    <!-- 	Twitter.</a> -->
+	    <!--   </font> -->
 	      
 	      
 	      
@@ -332,19 +208,10 @@ <h3>{Title}</h3>
 	      {/block:IfShowPostNotes}
 
 	  </li>
-	  <hr>
 
 	  {/block:Posts}
 	</ul>
 
-        <p>
-	  <font style="BACKGROUND-COLOR: yellow"> 
-	    <a href="http://blog.vivekhaldar.com/about">About</a> ~ 
-	    <a href="http://blog.vivekhaldar.com/archive">Archives</a> ~
-	    <a href="http://blog.vivekhaldar.com/rss">RSS</a> ~
-	    <a href="http://twitter.com/vivekhaldar">Twitter</a>
-	  </font>
-	</p>
 
 	<div id="footer">
 	  {block:PreviousPage}