Integrated Syntax Highlighter CSS, other minor changes

Author: ZhangYiJiang

html/css/garden.css

@@ -90,6 +90,9 @@ nav h1 {
 article {
 	padding-bottom: 20px;
 	border-bottom: 4px dotted #8696a5;
+}
+
+article section {
 	position: relative;
 }
 
@@ -126,7 +129,7 @@ pre {
 	padding: 8px 0 12px 20px;
 	border-left: 4px solid #566D82;
 	margin-bottom: 20px;
-	background: #092136;
+	background: #0F192A;
 }
 
 article pre code {
@@ -135,7 +138,7 @@ article pre code {
     padding: 0px;
     margin-top: 3px;
     margin-bottom: 1px;
-	background: #092136;
+	background: #0F192A;
 }
 
 article code {
@@ -163,22 +166,20 @@ h3 {
 }
 
 h2 code, h3 code {
-	font-size: 0.95em;
 	font-variant: normal;
 }
 
 aside {
 	border-bottom: 1px solid #9eabb7;
 	padding-bottom: 10px;
-	margin-bottom: 25px;
 	position: absolute;
 	width: 180px;
 	right: -190px;
-	opacity: 0.8;
+	opacity: 0.7;
 }
 
 aside:last-child {
-	bottom: 20px;
+	bottom: 0;
 }
 
 aside p {
@@ -241,3 +242,17 @@ abbr {
 a abbr {
 	cursor: pointer;
 }
+
+/*  Syntax Highlighting */
+
+.str { color: #1DC116; }
+.kwd { color: #E83737; }
+.com { color: #428BDD; }
+.typ { color: #FFAA3E; }
+.lit { color: #D1EDFF; }
+.pun { color: #D1EDFF; }
+.tag { color: #008; }
+.atn { color: #606; }
+.atv { color: #080; }
+.dec { color: #606; }
+.pln { color: #FFAA3E; }