Merge lp:~marcoceppi/juju-core/doc-css-fixes into lp:juju-core/docs

[Marco Ceppi]

Fix navigation and css layout

=== modified file 'htmldocs/authors-charm-anatomy.html'
--- htmldocs/authors-charm-anatomy.html	2013-08-14 17:38:26 +0000
+++ htmldocs/authors-charm-anatomy.html	2013-08-22 13:57:11 +0000
@@ -53,7 +53,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -64,10 +64,9 @@
 
     <section id="content" class="container-12">
       <div class="grid-12 doc-container">
-        <div id="navlinks" class="doc-navigation">LINKS</div>
+        <div id="navlinks" class="grid-3 doc-navigation">LINKS</div>
         <div class="grid-9 doc-content">
           <article>
-          <article>
             <section id="charm-anatomy">
 <h1>Anatomy of a charm</h1>
 <p>Charms define how services integrate and how their service units
@@ -438,11 +437,68 @@
 
 </section>
 </article>
-
-<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-<script>
-    $("#navlinks").load("navigation.html");
-</script>
-
-
-
+        </div>
+      </div>
+    </section>
+    <div class="shadow"></div>
+    <footer class="global clearfix" role="contentinfo">
+  <div class="row">
+    <div class="inner-wrapper">
+      <nav role="navigation" class="clearfix">
+        <ul class="footer-a">
+          <li class="grid-3 first-col">
+            <h4><a href="/get-started">Get started</a></h4>
+            <ul>
+              <li class="page_item page-item-20"><a href="https://juju.ubuntu.com/get-started/local/">Local</a></li>
+              <li class="page_item page-item-22"><a href="https://juju.ubuntu.com/get-started/amazon/">Amazon Web Services</a></li>
+              <li class="page_item page-item-18"><a href="https://juju.ubuntu.com/get-started/hp-cloud/">HP Cloud</a></li>
+              <li class="page_item page-item-16"><a href="https://juju.ubuntu.com/get-started/rackspace/">Rackspace</a></li>
+              <li class="page_item page-item-3596"><a href="https://juju.ubuntu.com/get-started/openstack/">Openstack</a></li>
+              <li class="page_item page-item-3600"><a href="https://juju.ubuntu.com/get-started/maas/">MAAS</a></li>
+            </ul>
+          </li>
+          <li class="grid-3">
+            <h4><a href="/resources">Resources</a></h4>
+            <ul>
+              <li><a href="http://juju.ubuntu.com/docs">Documentation</a></li>
+              <li><a href="/resources/videos/">Videos</a></li>
+              <li><a href="http://uistage.jujucharms.com:8080/">Juju GUI demo site</a></li>
+            </ul>
+          </li>
+          <li class="grid-3">
+            <h4><a href="/community">Community</a></h4>
+            <ul>
+              <li class="page_item page-item-28"><a href="https://juju.ubuntu.com/community/juju-blog/">Juju Blog</a></li>
+              <li class="page_item page-item-4262"><a href="https://juju.ubuntu.com/community/weekly-charm-meeting/">Weekly Charm Meeting</a></li>
+              <li class="page_item page-item-4036"><a href="https://juju.ubuntu.com/community/charmers/">Charmers</a></li>
+              <li><a href="https://lists.ubuntu.com/mailman/listinfo/juju">Mailing List</a></li>
+              <li><a href="http://webchat.freenode.net/?channels=juju">Chat</a></li>
+              <li><a href="http://askubuntu.com/questions/tagged/juju?sort=faq&pagesize=50">FAQ</a></li>
+            </ul>
+          </li>
+          <li class="grid-3 last-col">
+            <h4><a href="https://launchpad.net/juju">Code</a></h4>
+            <ul>
+              <li><a href="https://launchpad.net/juju-core">Juju Core</a></li>
+              <li><a href="https://launchpad.net/charms">Charms</a></li>
+            </ul>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+  <div class="row no-border">
+    <div class="legal inner-wrapper">
+      <p>&copy; 2013 Canonical Ltd. Ubuntu and Canonical are registered trademarks of Canonical Ltd.</p>
+      <p><a href="https://bugs.launchpad.net/juju-website/+filebug">Report a bug on this site</a></p>
+    </div>
+  </div>
+</footer>
+
+    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
+    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
+    <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
+    <script type="text/javascript" src="js/main.js"></script>
+    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
+  </body>
+</html>
 
=== modified file 'htmldocs/authors-charm-best-practice.html'
--- htmldocs/authors-charm-best-practice.html	2013-08-14 17:38:26 +0000
+++ htmldocs/authors-charm-best-practice.html	2013-08-22 13:57:11 +0000
@@ -53,7 +53,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -64,7 +64,7 @@
 
     <section id="content" class="container-12">
       <div class="grid-12 doc-container">
-		<div id="navlinks" class="doc-navigation">LINKS</div>
+		<div id="navlinks" class="grid-3 doc-navigation">LINKS</div>
         <div class="grid-9 doc-content">
           <article>
             <section id ="best_practice">
@@ -196,10 +196,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/authors-charm-icon.html'
--- htmldocs/authors-charm-icon.html	2013-08-14 17:38:26 +0000
+++ htmldocs/authors-charm-icon.html	2013-08-22 13:57:11 +0000
@@ -53,7 +53,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -64,7 +64,7 @@
 
     <section id="content" class="container-12">
       <div class="grid-12 doc-container">
-		<div id="navlinks" class="doc-navigation">LINKS</div>
+		<div id="navlinks" class="grid-3 doc-navigation">LINKS</div>
         <div class="grid-9 doc-content">
           <article>
           <section id='charm-icons'>
@@ -217,10 +217,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/authors-charm-policy.html'
--- htmldocs/authors-charm-policy.html	2013-08-14 17:38:26 +0000
+++ htmldocs/authors-charm-policy.html	2013-08-22 13:57:11 +0000
@@ -53,7 +53,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -64,7 +64,7 @@
 
     <section id="content" class="container-12">
       <div class="grid-12 doc-container">
-		<div id="navlinks" class="doc-navigation">LINKS</div>
+		<div id="navlinks" class="grid-3 doc-navigation">LINKS</div>
         <div class="grid-9 doc-content">
           <article>
             <section id ="charm-policy">
@@ -189,10 +189,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/authors-charm-quality.html'
--- htmldocs/authors-charm-quality.html	2013-08-14 17:38:26 +0000
+++ htmldocs/authors-charm-quality.html	2013-08-22 13:57:11 +0000
@@ -53,7 +53,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -64,7 +64,7 @@
 
     <section id="content" class="container-12">
       <div class="grid-12 doc-container">
-		<div id="navlinks" class="doc-navigation">LINKS</div>
+		<div id="navlinks" class="grid-3 doc-navigation">LINKS</div>
         <div class="grid-9 doc-content">
           <article>
             <section id ="authors-charm-quality">
@@ -271,10 +271,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/authors-charm-store.html'
--- htmldocs/authors-charm-store.html	2013-08-14 17:38:26 +0000
+++ htmldocs/authors-charm-store.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -273,10 +262,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/authors-charm-writing.html'
--- htmldocs/authors-charm-writing.html	2013-08-14 17:38:26 +0000
+++ htmldocs/authors-charm-writing.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -393,10 +382,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/authors-charms-in-action.html'
--- htmldocs/authors-charms-in-action.html	2013-08-14 17:38:26 +0000
+++ htmldocs/authors-charms-in-action.html	2013-08-22 13:57:11 +0000
@@ -53,7 +53,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -266,10 +266,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/authors-hooks.html'
--- htmldocs/authors-hooks.html	2013-08-14 17:38:26 +0000
+++ htmldocs/authors-hooks.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -161,10 +150,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/authors-implicit-relations.html'
--- htmldocs/authors-implicit-relations.html	2013-08-14 17:38:26 +0000
+++ htmldocs/authors-implicit-relations.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -162,10 +151,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/authors-service-config.html'
--- htmldocs/authors-service-config.html	2013-08-14 17:38:26 +0000
+++ htmldocs/authors-service-config.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -178,10 +167,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/authors-subordinate-services.html'
--- htmldocs/authors-subordinate-services.html	2013-08-14 17:38:26 +0000
+++ htmldocs/authors-subordinate-services.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -210,10 +199,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/authors-testing.html'
--- htmldocs/authors-testing.html	2013-08-14 17:38:26 +0000
+++ htmldocs/authors-testing.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -333,10 +322,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/charms-config.html'
--- htmldocs/charms-config.html	2013-08-14 17:38:26 +0000
+++ htmldocs/charms-config.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -200,10 +189,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/charms-constraints.html'
--- htmldocs/charms-constraints.html	2013-08-21 16:25:31 +0000
+++ htmldocs/charms-constraints.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -230,10 +219,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/charms-deploying.html'
--- htmldocs/charms-deploying.html	2013-08-14 17:38:26 +0000
+++ htmldocs/charms-deploying.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -172,10 +161,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/charms-destroy.html'
--- htmldocs/charms-destroy.html	2013-08-14 17:38:26 +0000
+++ htmldocs/charms-destroy.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -172,10 +161,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/charms-exposing.html'
--- htmldocs/charms-exposing.html	2013-08-14 17:38:26 +0000
+++ htmldocs/charms-exposing.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -163,10 +152,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/charms-relations.html'
--- htmldocs/charms-relations.html	2013-08-14 17:38:26 +0000
+++ htmldocs/charms-relations.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -205,10 +194,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/charms-scaling.html'
--- htmldocs/charms-scaling.html	2013-08-14 17:38:26 +0000
+++ htmldocs/charms-scaling.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -159,10 +148,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/charms-upgrading.html'
--- htmldocs/charms-upgrading.html	2013-08-14 17:38:26 +0000
+++ htmldocs/charms-upgrading.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -137,10 +126,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/charms.html'
--- htmldocs/charms.html	2013-08-14 17:38:26 +0000
+++ htmldocs/charms.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -156,10 +145,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/commands.html'
--- htmldocs/commands.html	2013-08-14 17:38:26 +0000
+++ htmldocs/commands.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -172,10 +161,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/config-aws.html'
--- htmldocs/config-aws.html	2013-08-14 17:38:26 +0000
+++ htmldocs/config-aws.html	2013-08-22 13:57:11 +0000
@@ -15,13 +15,6 @@
   <![endif]-->
   <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 </head>
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -49,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -161,12 +154,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
-
-
 
=== modified file 'htmldocs/config-hpcloud.html'
--- htmldocs/config-hpcloud.html	2013-08-14 17:38:26 +0000
+++ htmldocs/config-hpcloud.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -176,10 +165,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/config-maas.html'
--- htmldocs/config-maas.html	2013-08-14 17:38:26 +0000
+++ htmldocs/config-maas.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -158,10 +147,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/config-openstack.html'
--- htmldocs/config-openstack.html	2013-08-14 17:38:26 +0000
+++ htmldocs/config-openstack.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -169,10 +158,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/contributing.html'
--- htmldocs/contributing.html	2013-08-14 17:38:26 +0000
+++ htmldocs/contributing.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -190,10 +179,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/css/main.css'
--- htmldocs/css/main.css	2013-07-15 13:01:23 +0000
+++ htmldocs/css/main.css	2013-08-22 13:57:11 +0000
@@ -100,7 +100,7 @@
   width: 190px !important;
 }
 
-.doc-navigation > nav h1 {
+.doc-navigation  h1 {
   text-transform: uppercase;
   font-size: 20px;
   line-height: 1.2;
@@ -109,11 +109,11 @@
   
 }
 
-.doc-navigation > nav h1:not(:first-child) {
+.doc-navigation > h1:not(:first-child) {
   margin-top: 20px;
 }
 
-.doc-navigation > nav h1::before {
+.doc-navigation > h1::before {
   content: "";
   position: absolute;
   width: 12px;
@@ -124,7 +124,7 @@
   background-size: 48px 14px;
 }
 
-.doc-navigation > nav li a {
+.doc-navigation li a {
   padding-left: 20px;
   display: block;
   margin-bottom: 1px;
@@ -138,19 +138,19 @@
   text-decoration: underline;
 }
 
-.doc-navigation > nav li.sub > a {
+.doc-navigation li.sub > a {
   padding-left: 30px;
   font-weight:normal;
 }
 
-.doc-navigation > nav li.selected {
+.doc-navigation li.selected {
   background-color: #dd4814;
   color: #fff;
   font-weight: 700;
   border-radius: 4px;
 }
 
-.doc-navigation > nav li.selected a {
+.doc-navigation li.selected a {
   color: #fff;
 }
 
 
=== modified file 'htmldocs/getting-started.html'
--- htmldocs/getting-started.html	2013-08-19 19:29:45 +0000
+++ htmldocs/getting-started.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -287,10 +276,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/glossary.html'
--- htmldocs/glossary.html	2013-08-14 17:38:26 +0000
+++ htmldocs/glossary.html	2013-08-22 13:57:11 +0000
@@ -15,17 +15,6 @@
   <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 </head>
-
-
-
-
-
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-<!-- DO NOT EDIT ABOVE THIS LINE -->
-
-
   <body class="resources">
     <header class="global clearfix" role="banner">
   <div class="header-navigation">
@@ -53,7 +42,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:894px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left:455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>
@@ -183,10 +172,5 @@
     <script src="//d38yea5fb4e2oh.cloudfront.net/jquery.stacktack.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
-    <script>
-        $("#navlinks").load("navigation.html");
-    </script>
-
   </body>
 </html>
 
=== modified file 'htmldocs/js/main.js'
--- htmldocs/js/main.js	2013-07-12 19:13:53 +0000
+++ htmldocs/js/main.js	2013-08-22 13:57:11 +0000
@@ -2,15 +2,27 @@
                        'configuring-your-environment-using-ec2',
                        'configuring-a-local-environment'];
 
-$(document).ready(function() {
-  $('.stacktack').stacktack({'site': 'askubuntu.com', 'answers': 'accepted',
-                         'tags': 'true', 'secure': 'true'});
-});
+//$(document).ready(function() {
+//  $('.stacktack').stacktack({'site': 'askubuntu.com', 'answers': 'accepted',
+//                         'tags': 'true', 'secure': 'true'});
+//});
 
 $(document).ready(function() {
   if($.inArray(window.location.hash, redirect_hashes) > -1) {
     window.location.replace(window.location.pathname + '/' + window.location.hash)
   }
+
+  $("#navlinks").load("navigation.html", function() {
+    url = window.location.pathname;
+    cur_page = url.substring(url.lastIndexOf('/')+1) + window.location.hash;
+    console.log('loaded');
+    $('#navlinks ul li').each(function() {
+      if($(this).children('a').attr('href') == cur_page) {
+        console.log($(this), $(this).children('a'))
+        $(this).addClass('selected');
+      }
+    });
+  });
 });
 
 $(document).ready(function() {
 
=== modified file 'htmldocs/navigation.html'
--- htmldocs/navigation.html	2013-08-16 13:29:42 +0000
+++ htmldocs/navigation.html	2013-08-22 13:57:11 +0000
@@ -19,20 +19,21 @@
               <li class=" sub"><a href="charms-destroy.html">Destroying Services</a></li>
             </ul>
             <h1>Charm Authors</h1>
-            <ul></ul>
-            <li class=""><a href="authors-charm-anatomy.html">Anatomy of a charm</a></li>
-            <li class=""><a href="authors-charm-writing.html">Writing a charm</a></li>
+            <ul>
+              <li class=""><a href="authors-charm-anatomy.html">Anatomy of a charm</a></li>
+              <li class=""><a href="authors-charm-writing.html">Writing a charm</a></li>
 
-            <li class=" sub"><a href="authors-subordinate-services.html">Subordinate services</a></li>
-            <li class=" sub"><a href="authors-implicit-relations.html">Implicit Relations</a></li>
-            <li class=" sub"><a href="authors-testing.html">Charm Testing</a></li>
-            <li class=" sub"><a href="authors-hooks.html">Hook debugging</a></li>
-            <li class=" sub"><a href="authors-charms-in-action.html">Charms in action!</a></li>
-            <li class=""><a href="authors-charm-store.html">The Juju Charm Store</a></li>
-            <li class=" sub"><a href="authors-charm-policy.html">Charm store policy</a></li>
-            <li class=" sub"><a href="authors-charm-best-practice.html">Best practices</a></li>
-            <li class=" sub"><a href="authors-charm-quality.html">Charm Quality Rating</a></li>
-            <li class=" sub"><a href="authors-charm-icon.html">Charm Icons</a></li>
+              <li class=" sub"><a href="authors-subordinate-services.html">Subordinate services</a></li>
+              <li class=" sub"><a href="authors-implicit-relations.html">Implicit Relations</a></li>
+              <li class=" sub"><a href="authors-testing.html">Charm Testing</a></li>
+              <li class=" sub"><a href="authors-hooks.html">Hook debugging</a></li>
+              <li class=" sub"><a href="authors-charms-in-action.html">Charms in action!</a></li>
+              <li class=""><a href="authors-charm-store.html">The Juju Charm Store</a></li>
+              <li class=" sub"><a href="authors-charm-policy.html">Charm store policy</a></li>
+              <li class=" sub"><a href="authors-charm-best-practice.html">Best practices</a></li>
+              <li class=" sub"><a href="authors-charm-quality.html">Charm Quality Rating</a></li>
+              <li class=" sub"><a href="authors-charm-icon.html">Charm Icons</a></li>
+            </ul>
             <h1>Reference</h1>
             <ul>
               <li class="sub"><a href="commands.html">Juju commands</a></li>
 
=== modified file 'skel/header.tpl'
--- skel/header.tpl	2013-07-15 13:01:12 +0000
+++ skel/header.tpl	2013-08-22 13:57:11 +0000
@@ -24,7 +24,7 @@
   </div>
   <div class="header-content">
     <div class="clearfix">
-      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left: 737px; display: block;" class="arrow-nav">
+      <img src="https://juju.ubuntu.com/wp-content/themes/juju-website/img/arrow-nav.png" width="9" height="5" style="left: 455px; display: block;" class="arrow-nav">
       <div class="header-navigation-secondary"></div>
       <div class="header-image"></div>
       <h1>Resources</h1>