diff --git a/css/kobalt.css b/css/kobalt.css
index 25272b3..c764d76 100644
--- a/css/kobalt.css
+++ b/css/kobalt.css
@@ -3,11 +3,19 @@
     border-radius: 10px;
 }
 
-.toc-item {
+.toc-item-0 {
+    margin-top: 10px;
+    font-size: 120%;
+    font-weight: bold;
+    padding: 2px;
+}
+
+.toc-item-1 {
     padding: 2px;
 }
 
 .toc-item a:hover {
+    text-decoration: none;
     background: #48D1CC;
     display: block;
 }
diff --git a/documentation/index.html b/documentation/index.html
index c3e9fdf..ce946b3 100644
--- a/documentation/index.html
+++ b/documentation/index.html
@@ -9,7 +9,7 @@
 <!-- Bootstrap core CSS -->
 
 <link href="../bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
-
+<link href="../css/kobalt.css" rel="stylesheet" />
 
   <!-- Optional Bootstrap Theme -->
 
diff --git a/home/index.html b/home/index.html
index a815b35..2f4af11 100644
--- a/home/index.html
+++ b/home/index.html
@@ -9,11 +9,11 @@
 <!-- Bootstrap core CSS -->
 
 <link href="../bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
-
+<link href="../css/kobalt.css" rel="stylesheet" />
 
   <!-- Optional Bootstrap Theme -->
 
-  <link href="data:text/css;charset=utf-8," data-href="../bootstrap/dist/css/bootstrap-theme.min.css" rel="stylesheet" id="bs-theme-stylesheet">
+<link href="data:text/css;charset=utf-8," data-href="../bootstrap/dist/css/bootstrap-theme.min.css" rel="stylesheet" id="bs-theme-stylesheet">
 
 
 <!--[if lt IE 9]><script src="../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
diff --git a/idea-plug-in/index.html b/idea-plug-in/index.html
index 3ff46a8..da8d62c 100644
--- a/idea-plug-in/index.html
+++ b/idea-plug-in/index.html
@@ -9,7 +9,7 @@
 <!-- Bootstrap core CSS -->
 
 <link href="../bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
-
+<link href="../css/kobalt.css" rel="stylesheet" />
 
   <!-- Optional Bootstrap Theme -->
 
diff --git a/js/kobalt.js b/js/kobalt.js
index 636c776..70be92f 100644
--- a/js/kobalt.js
+++ b/js/kobalt.js
@@ -105,7 +105,7 @@ function generateToc() {
         //} else if (ind < currentLevel) {
         //    toc += '</ul>\n';
         //}
-        toc += '<div class="toc-item"><a href="#' + section.id + '">' + content + '</a></div>\n';
+        toc += '<div class="toc-item toc-item-' + ind + '"><a href="#' + section.id + '">' + content + '</a></div>\n';
         currentLevel = ind;
     }
     toc += "</ul>\n";
diff --git a/ten-minutes/index.html b/ten-minutes/index.html
index 4809e49..1382183 100644
--- a/ten-minutes/index.html
+++ b/ten-minutes/index.html
@@ -9,12 +9,11 @@
 <!-- Bootstrap core CSS -->
 
 <link href="../bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
-
+<link href="../css/kobalt.css" rel="stylesheet" />
 
   <!-- Optional Bootstrap Theme -->
 
-  <link href="data:text/css;charset=utf-8," data-href="../bootstrap/dist/css/bootstrap-theme.min.css" rel="stylesheet" id="bs-theme-stylesheet">
-
+<link href="data:text/css;charset=utf-8," data-href="../bootstrap/dist/css/bootstrap-theme.min.css" rel="stylesheet" id="bs-theme-stylesheet">
 
 <!--[if lt IE 9]><script src="../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
 <!--