Tweak css for lists and headers

_layouts/default.html

@@ -29,8 +29,8 @@
       {{ content }}
     </div>
     <div class="four columns offset-by-one">
-      <h1>Pages</h1>
-      <ul class="posts">
+      <h2>Pages</h2>
+      <ul class="pages">
         <li><a href="{{ site.baseurl }}pages/about.html">About</a></li>
         <li><a href="{{ site.baseurl }}pages/projects.html">Projects</a></li>
       </ul>

css/base.css

@@ -62,16 +62,21 @@
 
 /* #Typography
 ================================================== */
-	h1, h2, h3, h4, h5, h6 {
-		color: #181818;
-		font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
-		font-weight: normal; }
+	h1, h2, h3, h4, h5, h6
+    {
+        font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
+        font-weight: bold;
+        margin-top: 20px;
+        margin-bottom: 20px;
+        line-height: normal;
+    }
+
 	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
-	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
-	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
-	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
-	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
-	h5 { font-size: 17px; line-height: 24px; }
+	h1 { font-size: 26px; line-height: 40px; margin-bottom: 14px;}
+	h2 { font-size: 22px; line-height: 35px; margin-bottom: 10px; }
+	h3 { font-size: 20px; line-height: 30px; margin-bottom: 8px; }
+	h4 { font-size: 18px; line-height: 36px; margin-bottom: 4px; }
+	h5 { font-size: 16px; line-height: 24px; }
 	h6 { font-size: 14px; line-height: 21px; }
 	.subheader { color: #777; }
 
@@ -102,20 +107,9 @@
 
 /* #Lists
 ================================================== */
-	ul, ol { margin-bottom: 20px; }
-	ul { list-style: none outside; }
+	ul, ol { margin: 10px 0 10px 10px; }
+	ul { list-style: disc inside; }
 	ol { list-style: decimal; }
-	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
-	ul.square { list-style: square outside; }
-	ul.circle { list-style: circle outside; }
-	ul.disc { list-style: disc outside; }
-	ul ul, ul ol,
-	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
-	ul ul li, ul ol li,
-	ol ol li, ol ul li { margin-bottom: 6px; }
-	li { line-height: 18px; margin-bottom: 12px; }
-	ul.large li { line-height: 21px; }
-	li p { line-height: 21px; }
 
 /* #Images
 ================================================== */

css/layout.css

@@ -2,8 +2,8 @@
 * Copyright 2012, Julian Yap
 * This file contains all the base layout overrides that differ from Skeleton (www.getskeleton.com).
 * Feel free to use the HTML and CSS as you please but I would greatly appreciate if you put a little bit of effort into changing the colors and look of your site.
-* Please do not use the diamond glyph since I want to keep that unique in my design. 
-* 
+* Please do not use the diamond glyph since I want to keep that unique in my design.
+*
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
@@ -64,10 +64,10 @@ a:hover {
   color: black;
 }
 
-a, a:visited { 
-  color: #0000a9; 
-  text-decoration: non; 
-  outline: 0; 
+a, a:visited {
+  color: #0000a9;
+  text-decoration: non;
+  outline: 0;
 }
 
 .title {
@@ -110,23 +110,22 @@ blockquote {
   padding: 0pt 0pt 0pt 19px;
 }
 
-blockquote, blockquote p { 
-  font-size: 15px; 
+blockquote, blockquote p {
+  font-size: 15px;
 }
 
-h1 {
-  font-size: 18px;
-  font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
-  font-weight: bold;
-  margin-top: 20px;
-  margin-bottom: 20px;
-  line-height: normal;
+ul.posts {
+  margin-left: 0;
 }
 
-ul.posts span.post_date {
-  color: #aaa;
-  font-family: Monaco, "Courier New", monospace;
-  font-size: 80%;
+ul.pages {
+  list-style-type: none;
+  margin-left: 0;
+}
+
+ul.pages li {
+  line-height: 18px;
+  margin-bottom: 12px;
 }
 
 hr.front {