diff --git a/api/resources/csses/ace_api.css b/api/resources/csses/ace_api.css
index 1a974a02..1958d3d4 100644
--- a/api/resources/csses/ace_api.css
+++ b/api/resources/csses/ace_api.css
@@ -147,7 +147,15 @@ form.navbar-search {
 
 form.navbar-search  .search-query {
     background-color: #FFFFFF;
-    border: none;
+    border-color: #999;
+    -webkit-transition: border 0.3s;
+    -moz-transition: border 0.3s;
+    font-size: 14px;
+    line-height: 16px;
+}
+
+form.navbar-search  .search-query:focus, form.navbar-search  .search-query:active {
+    border: 1px solid #666;
 }
 
 .navbar-search .search-query:focus, .navbar-search .search-query.focused {
@@ -159,24 +167,28 @@ h3.api_title {
 }
 
 ul.menu {
-    margin-left: 16px;
+    margin-left: 2px;
 }
 
 .menu li {
     list-style-image: url(../images/menu_disc.png);
-    margin-bottom: 3px;
-    font-weight : 700;
+    margin-bottom: 4px;
+    font-weight: 700;
+    padding-left: 10px;
+    margin-left: 0;
 }
 
 .menu li .menu-item a.menuLink, .menu li .menu-item span.menuLink {
-    color: #262626;
+    color: #3E7096;
+    font-weight: 100;
 }
 .menuTwo {
     margin-bottom: 5px;
     margin-top: 2px;
 }
 .menuTwo li .menu-item a.menuLink {
-    color: #262626;
+    color: #3E7096;
+    font-weight: 100;
 }
 
 /* need specificity to "beat" the above colors */
@@ -503,6 +515,7 @@ header.filler {
 
 .centerpiece {
     min-height: 100%;
+    padding: 10px 0;
 }
 
 /*
@@ -544,6 +557,9 @@ header.filler {
 #documentation article.article {
     border-top: 1px solid #e9e9e9;
     padding: 16px 10px 2px;
+    -webkit-transition: padding 0.2s;
+    -moz-transition: padding 0.2s;
+    -o-transition: padding 0.2s;
 }
 
 #documentation h3.sectionHeader + article.article {
@@ -790,7 +806,7 @@ li.signature {
 #documentation i.methodToggle {
     cursor: pointer;
     color: #9f9f9f;
-    padding-top: 5px;
+    padding-top: 2px;
     float: left;
 }
 #documentation i.methodToggle.methodToggleHover {
@@ -811,6 +827,7 @@ li.signature {
     
     /* Opera */
     -o-transform: rotate(45deg);
+    padding-top: 9px;
 }
 
 #documentation h3.sectionHeader {
diff --git a/api/resources/javascripts/clicker.js b/api/resources/javascripts/clicker.js
index b5a86168..90e7e12c 100644
--- a/api/resources/javascripts/clicker.js
+++ b/api/resources/javascripts/clicker.js
@@ -28,7 +28,10 @@ function setupClicker() {
       if (!$article.hasClass('methodToggleOpen') || this.force) {
           $article.addClass('methodToggleOpen');
           $arrow.removeClass('inactive').addClass('active');
-          
+
+          if (!$arrow[0])
+            return;
+
           var data = $arrow[0].id.replace(/^js_/, "");
           //var state = {};
           //state.section = data;
diff --git a/doc/resources/ace/skeleton/csses/ace_api.css b/doc/resources/ace/skeleton/csses/ace_api.css
index 1a974a02..1958d3d4 100644
--- a/doc/resources/ace/skeleton/csses/ace_api.css
+++ b/doc/resources/ace/skeleton/csses/ace_api.css
@@ -147,7 +147,15 @@ form.navbar-search {
 
 form.navbar-search  .search-query {
     background-color: #FFFFFF;
-    border: none;
+    border-color: #999;
+    -webkit-transition: border 0.3s;
+    -moz-transition: border 0.3s;
+    font-size: 14px;
+    line-height: 16px;
+}
+
+form.navbar-search  .search-query:focus, form.navbar-search  .search-query:active {
+    border: 1px solid #666;
 }
 
 .navbar-search .search-query:focus, .navbar-search .search-query.focused {
@@ -159,24 +167,28 @@ h3.api_title {
 }
 
 ul.menu {
-    margin-left: 16px;
+    margin-left: 2px;
 }
 
 .menu li {
     list-style-image: url(../images/menu_disc.png);
-    margin-bottom: 3px;
-    font-weight : 700;
+    margin-bottom: 4px;
+    font-weight: 700;
+    padding-left: 10px;
+    margin-left: 0;
 }
 
 .menu li .menu-item a.menuLink, .menu li .menu-item span.menuLink {
-    color: #262626;
+    color: #3E7096;
+    font-weight: 100;
 }
 .menuTwo {
     margin-bottom: 5px;
     margin-top: 2px;
 }
 .menuTwo li .menu-item a.menuLink {
-    color: #262626;
+    color: #3E7096;
+    font-weight: 100;
 }
 
 /* need specificity to "beat" the above colors */
@@ -503,6 +515,7 @@ header.filler {
 
 .centerpiece {
     min-height: 100%;
+    padding: 10px 0;
 }
 
 /*
@@ -544,6 +557,9 @@ header.filler {
 #documentation article.article {
     border-top: 1px solid #e9e9e9;
     padding: 16px 10px 2px;
+    -webkit-transition: padding 0.2s;
+    -moz-transition: padding 0.2s;
+    -o-transition: padding 0.2s;
 }
 
 #documentation h3.sectionHeader + article.article {
@@ -790,7 +806,7 @@ li.signature {
 #documentation i.methodToggle {
     cursor: pointer;
     color: #9f9f9f;
-    padding-top: 5px;
+    padding-top: 2px;
     float: left;
 }
 #documentation i.methodToggle.methodToggleHover {
@@ -811,6 +827,7 @@ li.signature {
     
     /* Opera */
     -o-transform: rotate(45deg);
+    padding-top: 9px;
 }
 
 #documentation h3.sectionHeader {
diff --git a/doc/resources/ace/skeleton/javascripts/clicker.js b/doc/resources/ace/skeleton/javascripts/clicker.js
index b5a86168..90e7e12c 100644
--- a/doc/resources/ace/skeleton/javascripts/clicker.js
+++ b/doc/resources/ace/skeleton/javascripts/clicker.js
@@ -28,7 +28,10 @@ function setupClicker() {
       if (!$article.hasClass('methodToggleOpen') || this.force) {
           $article.addClass('methodToggleOpen');
           $arrow.removeClass('inactive').addClass('active');
-          
+
+          if (!$arrow[0])
+            return;
+
           var data = $arrow[0].id.replace(/^js_/, "");
           //var state = {};
           //state.section = data;
diff --git a/doc/site/style.css b/doc/site/style.css
index 629cafdc..bfb25f50 100644
--- a/doc/site/style.css
+++ b/doc/site/style.css
@@ -474,5 +474,9 @@ p.highlight_note a {
 }
 
 #sidebarContainer {
-    margin: 0 20px 0 0;
+    margin: 3px 20px 0 15px;
+}
+
+#api {
+    padding: 0;
 }
\ No newline at end of file