3 files changed, 34 insertions, 10 deletions

diff --git a/shared/css/documentation.css b/shared/css/documentation.css
index 3460c4b..6c4b529 100644
--- a/shared/css/documentation.css
+++ b/shared/css/documentation.css
@@ -13,13 +13,17 @@ body {
 }
 
 p {
-  margin-bottom: 1em;
+  margin: 1em 0;
 }
 
 h1 {
   font-size: 20px;
   border-bottom: 1px solid #cccccc;
   padding: .5em 0;
+  margin: 2em 0 1em;
+}
+
+h1:first-child {
   margin: 0 0 1em;
 }
 
@@ -195,14 +199,21 @@ div.sidebar-module li {
 
 div.sidebar-module > ul > li {
   border-bottom: 1px solid #CACACA;
+  text-decoration: none;
+}
+
+div.sidebar-module > ul > li:hover {
+  text-decoration: none;
 }
 
+
 div.sidebar-module > ul h3 {
   margin: 0px;
   color: #666;
   text-shadow: 1px 1px 0px #fff; 
-  background-color: #f1f1f1;
   border-bottom: 1px solid #CACACA;
+  font-size: 14px;
+  background-color: #e1e1e1;
   background-image: -moz-linear-gradient(top, #f1f1f1, #e1e1e1); 
   background-image: -ms-linear-gradient(top, #f1f1f1, #e1e1e1); 
   background-image: -o-linear-gradient(top, #f1f1f1, #e1e1e1); 
@@ -210,11 +221,10 @@ div.sidebar-module > ul h3 {
   background-image: -webkit-linear-gradient(top, #f1f1f1, #e1e1e1); 
   background-image: linear-gradient(top, #f1f1f1, #e1e1e1);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1f1f1', EndColorStr='#e1e1e1');
-  font-size: 14px;
 }
 
-div.sidebar-module > ul h3:hover {
-  text-decoration: none;
+div.sidebar-module > ul li h3:hover,
+div.sidebar-module > ul h3.disable {
   background-color: #e1e1e1;
   background-image: -moz-linear-gradient(top, #e1e1e1, #d1d1d1);
   background-image: -ms-linear-gradient(top, #e1e1e1, #d1d1d1);
@@ -226,13 +236,21 @@ div.sidebar-module > ul h3:hover {
 }
 
 
-div.sidebar-module > ul h3 a {
+div.sidebar-module > ul h3 a,
+div.sidebar-module > ul h3.disable span {
   padding: 8px 0px 8px 10px;
   color: #666;
   display: block;
   text-decoration: none;
 }
 
+div.sidebar-module > ul h3.disable span {
+  padding-left: 20px;
+  background-image: url(/shared/images/active-arrow.png);
+  background-position: left center;
+  background-repeat: no-repeat;
+  cursor: default;
+}
 div.sidebar-module > ul h3:hover a {
   text-decoration: none;
 }
@@ -373,6 +391,7 @@ div.sidebar-module ul ul li span {
   position: relative;
   float: left;
   color: #393939;
+  z-index: 2;
 }
 
 .content dl {
@@ -452,8 +471,7 @@ pre {
   border: 1px solid #cacaca;
   line-height: 1.2em;
   font: 12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
-  margin-bottom: 1em;
-  padding: 1em;
+  padding: 10px;
   overflow:auto;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
@@ -463,9 +481,15 @@ pre {
   background-clip: padding-box;
   background-color: #FAFAFB;
   color: #393939;
+  margin: 0px;
+}
+
+ul + pre {
+  margin-top: 1em;
 }
 
 pre code {white-space: pre;}
+
 pre span.comment {color: #aaa;}
 
 pre.headers {
@@ -509,7 +533,6 @@ pre.highlight {
 pre.terminal {
   background-color: #444;
   color: #fff;
-  display: block;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
@@ -582,7 +605,6 @@ span.codeline:hover em {
 pre.bootcamp {
   white-space: normal;
   margin-left: -10px;
-  margin-bottom: 1.5em;
   background-image: none;
 }
 
diff --git a/shared/images/active-arrow.png b/shared/images/active-arrow.png
index ab24ec6..5c1cc36 100644
--- a/shared/images/active-arrow.png
+++ b/shared/images/active-arrow.png
diff --git a/shared/js/documentation.js b/shared/js/documentation.js
index 8711120..842b009 100644
--- a/shared/js/documentation.js
+++ b/shared/js/documentation.js
@@ -3,6 +3,7 @@ $(function() {
   var activeItem,
       helpList = $('#js-help-sidebar .js-topic'),
       firstOccurance = true
+
   $('#js-help-sidebar .js-guides').each(function(){
     if($(this).find('.disable').length == 0 || firstOccurance == false){
       $(this).children().hide()
@@ -33,6 +34,7 @@ $(function() {
   $('.help-search .search-box').focus(function(){
     $(this).css('background-position','0px -25px')
   })
+
   $('.help-search .search-box').focusout(function(){
     if($(this).val() == ''){
       $(this).css('background-position','0px 0px')