+pre {
+ background: none repeat scroll 0 0 #e0e0e0;
+ border-radius: 4px;
+ padding: 0.5em 0.5em;
+ margin: 0 0 0 0;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+table {
+ width: 100%;
+ text-align: left;
+}
+
+#footer {
+ margin: 0 0 0 0;
+ font-size: 0.8em;
+ font-weight: lighter;
+ clear: both;
+ text-align: right;
+}
+
+#page {
+ margin: 0 0 0 0;
+ padding: 0 0 0 0;
+}
+
+#main {
+ background: #ffffff;
+
+ -moz-box-sizing: border-box;
+
+ padding: 2em 2em 2em 2em;
+
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+
+ -webkit-box-shadow: 0 2px 2px 0 #C2C2C2;
+ box-shadow: 0 2px 2px 0 #C2C2C2;
+}
+
+#menu {
+ background: #ffffff;
+ -moz-box-sizing: border-box;
+ padding: 2em 2em 2em 2em;
+
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+
+ -webkit-box-shadow: 0 2px 2px 0 #C2C2C2;
+ box-shadow: 0 2px 2px 0 #C2C2C2;
+}
+
+#menu-list, #menu-list > li > ul {
+ list-style-type: none;
+}
+
+/* menu on left col, content on right col */
+
+#menu {
+ float: left;
+ width: 18%;
+}
+
+#main {
+ float: right;
+ width: 80%;
+}
+
+/* asciidoc */
+
+#toc, #content {
+ margin: 0em 0em 2em 0em;
+
+ background: #ffffff;
+ -moz-box-sizing: border-box;
+ padding: 2em 2em 2em 2em;
+
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+
+ -webkit-box-shadow: 0 2px 2px 0 #C2C2C2;
+ box-shadow: 0 2px 2px 0 #C2C2C2;