diff --git a/_includes/callout.html b/_includes/callout.html
new file mode 100644
index 0000000..d492b18
--- /dev/null
+++ b/_includes/callout.html
@@ -0,0 +1 @@
+<div markdown="span" class="bs-callout bs-callout-{{include.type}}">{{include.content}}</div>
diff --git a/_includes/important.html b/_includes/important.html
new file mode 100644
index 0000000..af8824b
--- /dev/null
+++ b/_includes/important.html
@@ -0,0 +1 @@
+<div markdown="span" class="alert alert-warning" role="alert"><i class="fa fa-warning"></i> <b>Important:</b> {{include.content}}</div>
\ No newline at end of file
diff --git a/_includes/note.html b/_includes/note.html
new file mode 100644
index 0000000..2c1cfe9
--- /dev/null
+++ b/_includes/note.html
@@ -0,0 +1 @@
+<div markdown="span" class="alert alert-info" role="alert"><i class="fa fa-info-circle"></i> <b>Note:</b> {{include.content}}</div>
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
index 2cf2ffc..62b07ca 100644
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@@ -13,7 +13,7 @@
             {% if folderitem.external_url %}
             <li><a href="{{folderitem.external_url}}" target="_blank">{{folderitem.title}}</a></li>
             {% elsif page.url == folderitem.url %}
-            <li class="active"><a href="{{item.url | prepend: site.baseurl}}">{{folderitem.title}}</a></li>
+            <li class="active"><a href="{{folderitem.url | prepend: site.baseurl}}">{{folderitem.title}}</a></li>
             {% else %}
             <li><a href="{{folderitem.url | prepend: site.baseurl}}">{{folderitem.title}}</a></li>
             {% endif %}
diff --git a/_includes/tip.html b/_includes/tip.html
new file mode 100644
index 0000000..faf48af
--- /dev/null
+++ b/_includes/tip.html
@@ -0,0 +1 @@
+<div markdown="span" class="alert alert-success" role="alert"><i class="fa fa-check-square-o"></i> <b>Tip:</b> {{include.content}}</div>
\ No newline at end of file
diff --git a/_includes/warning.html b/_includes/warning.html
new file mode 100644
index 0000000..e08268c
--- /dev/null
+++ b/_includes/warning.html
@@ -0,0 +1 @@
+<div markdown="span" class="alert alert-danger" role="alert"><i class="fa fa-exclamation-circle"></i> <b>Warning:</b> {{include.content}}</div>
\ No newline at end of file
diff --git a/css/customstyles.css b/css/customstyles.css
index e2eeff7..3f4366c 100644
--- a/css/customstyles.css
+++ b/css/customstyles.css
@@ -148,10 +148,10 @@ table > tfoot > tr > td {
 table > thead > tr > th {
     vertical-align: bottom;
     border-bottom: 2px solid #ddd;
-    text-transform: uppercase;
-    background-color: #444;
+    text-transform: none;
+    background-color: #777;
     color: white;
-    text-align: center;
+    text-align: left;
 }
 table > caption + thead > tr:first-child > th,
 table > colgroup + thead > tr:first-child > th,
@@ -1014,4 +1014,16 @@ li.sidebarTitle {
     background-color: whitesmoke;
     font-weight: bold;
     color: black;
-    }
\ No newline at end of file
+    }
+
+a code {
+    color: #248EC2;
+}
+
+code + a > code {
+    margin-left: -7px;
+}
+
+table th code {
+    color: white;
+}
\ No newline at end of file