doc/default.less.css in kramdown-0.7.0 vs doc/default.less.css in kramdown-0.8.0

@@ -151,10 +151,59 @@
     clear: both;
     background-color: #fff;
     background-image: -moz-linear-gradient(top, #eee, #fff 100, #fff);
     background-image: -webkit-gradient(linear, 0 0, 0 200, from(#eee), to(#fff));
 
+    a {
+        color: @link-color;
+        background-color: inherit;
+        text-decoration: underline;
+    }
+
+    a:hover, a:link {
+        color: #0B4775;
+    }
+
+    #sidebar {
+        float: right;
+        width: 30%;
+        min-width: 100px;
+        margin: 0 0 10px 10px;
+        color: black;
+        font-size: 92%;
+        background-color: #eee;
+
+        #sidebar-content {
+            padding: 5px 10px;
+            opacity: 1;
+        }
+
+        p {
+            margin: 0px;
+            padding: 5px 0px;
+        }
+
+        ul {
+            list-style: square;
+            margin: 5px 0px 5px 15px;
+            padding: 3px;
+
+            ul {
+                margin: 0px 0px 0px 5px;
+            }
+        }
+
+        a {
+            padding: 1px;
+            text-decoration: none;
+        }
+
+        h1 {
+            font: bold 150% Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif;
+        }
+    }
+
     #main {
 
         margin-top: 20px;
         padding: 0px 20px;
 
@@ -195,20 +244,10 @@
         dd {
             margin: 5px 0px 10px 20px;
             padding: 2px;
         }
 
-        a {
-            color: @link-color;
-            background-color: inherit;
-            text-decoration: underline;
-        }
-
-        a:hover, a:link {
-            color: #0B4775;
-        }
-
         *:target::after {
             content: " ☜";
             font-size: 120%;
         }
 
@@ -388,19 +427,22 @@
         pre.kdexample-after-source {
             width: 45%;
             float: right;
             background-color: #ffffee;
             border: 2px solid #e6e8e9;
+            margin-left: 10px;
+            margin-right: 10px;
             margin-bottom: 3px;
         }
 
         div.kdexample-after-live {
             width: 45%;
             float: right;
             clear: right;
             background-color: #eeffee;
             border: 2px solid #e6e8e9;
             margin: 0px 10px;
+            padding: 5px;
         }
 
         div.kdsyntaxlink {
             float: right;
             padding: 5px;