Restructure main website's navigation

Moved most important links to the top and always visible.
This should make it easier for people to find what they're looking for.

docs/_layouts/default.html

@@ -39,28 +39,28 @@
       </dl>
     </header>
 
+    <nav>
+      <ul>
+        <li><a href="/">Home</a></li>
+        <li><a href="/about/structure.html">Structure</a></li>
+        <li><a href="/about/getting_started.html">Getting Started</a></li>
+        <li>&nbsp;</li>
+        <li><a href="/storage">Storage</a></li>
+        <li><a href="/compute">Compute</a></li>
+        <li><a href="/dns">DNS</a></li>
+        <li><a href="/cdn">CDN</a></li>
+      </ul>
+    </nav>
+
     <div id="main">
 
       {{ content }}
 
-      <h2>Services</h2>
-      <ul>
-        <li><a href="/cdn">CDN</a></li>
-        <li><a href="/compute">Compute</a></li>
-        <li><a href="/dns">DNS</a></li>
-        <li><a href="/storage">Storage</a></li>
-        {% for post in site.posts %}
-        <li><a href="{{ post.url }}">{{ post.title }}</a></li>
-        {% endfor %}
-      </ul>
-
       <h2>About</h2>
       <ul>
         <li><a href="/">Home</a></li>
         <li><a href="/about/contributing.html">Contributing</a></li>
-        <li><a href="/about/getting_started.html">Getting Started</a></li>
         <li><a href="/about/press.html">Press</a></li>
-        <li><a href="/about/structure.html">Structure</a></li>
         <li><a href="/about/supported_services.html">Supported Services</a></li>
         <li><a href="/about/users.html">Users</a></li>
       </ul>

docs/public/css/fog.css

@@ -56,7 +56,7 @@ header dl dt {
   font-weight: bold;
 }
 
-#main {
+nav, #main {
   background-color: #FFF;
   -moz-border-radius: 0.5em;
   border-radius: 0.5em;
@@ -66,6 +66,19 @@ header dl dt {
   margin-bottom: 2em;
 }
 
+nav {
+  padding: 1em;
+}
+
+nav li {
+  display: inline;
+  padding-left: 2em;
+}
+
+nav li a {
+  font-size: 1.5em;
+}
+
 footer {
   background-color: #A0C0E1;
   border-color: #70A1D2;