diff --git a/theme/css/nodedocs.css b/theme/css/nodedocs.css
index 8b20118..cbf026b 100644
--- a/theme/css/nodedocs.css
+++ b/theme/css/nodedocs.css
@@ -98,12 +98,13 @@ header {
   color: #eee;
   font-family: 'typewriter';
   width: 100%;
-  position: absolute;
+  position: fixed;
   top: 0px;
   height: 50px;
   background-color: #333;
   box-shadow: -2px 0px 5px #444;
   z-index: 3;
+  opacity: 0.95;
 }
 
 header div {
@@ -184,7 +185,7 @@ header div.github {
   text-transform: capitalize;
   background-color: #fff;
   padding-top: 20px;
-  position: absolute;
+  position: fixed;
   left: 0px;
   min-height: 1000px;
   top: 50px;
@@ -201,6 +202,11 @@ header div.github {
   min-height: 30px;
   padding-left:  15px;
   padding-bottom: 10px;
+  opacity: 0.2;
+}
+
+#toc > ul > li > a:hover {
+  opacity: 1;
 }
 
 #toc > ul > li > ul {
@@ -252,14 +258,32 @@ header div.github {
   font-size: 14px;
   background: transparent url('../img/crumbtrail.png') no-repeat scroll center right;
   margin-right: 10px;
+  opacity: 0.2;
 }
 
 .breadcrumbs {
-  position: absolute;
+  position: fixed;
   right: -15px;
   top: 60px;
   padding: 6px;
   background-color: #fff;
+  opacity:0.8;
+}
+
+.breadcrumbs:hover {
+  opacity: 0.95;
+  border-radius: 0.25em;
+  -moz-border-radius: 0.25em;
+  -0-border-radius: 0.25em;
+  -webkit-border-radius: 0.25em;
+  box-shadow: inset 0 0.1em 0.2em rgba(0,0,0, 0.3);
+  -moz-box-shadow: inset 0 0.1em 0.2em rgba(0,0,0, 0.3);
+  -o-box-shadow: inset 0 0.1em 0.2em rgba(0,0,0, 0.3);
+  -webkit-box-shadow: inset 0 0.1em 0.2em rgba(0,0,0, 0.3);
+}
+
+.breadcrumbs a:hover {
+  opacity: 1;
 }
 
 .breadcrumbs a:last-child {