diff --git a/content/enums.md b/content/enums.md
index 0b0cc6d..49ee55f 100644
--- a/content/enums.md
+++ b/content/enums.md
@@ -51,7 +51,9 @@ cdEast ord: 1
 cdSouth ord: 2
 cdWest ord: 3
 3
+�
 FF0000
 00FF00
 0000FF
+
 ```
\ No newline at end of file
diff --git a/content/stylesheets/cotton_candy.css b/content/stylesheets/cotton_candy.css
new file mode 100644
index 0000000..584f123
--- /dev/null
+++ b/content/stylesheets/cotton_candy.css
@@ -0,0 +1,8 @@
+#main code, code * { color: #675D69; }
+.codehilite .k { color: #143A77; }
+.codehilite .kp { color: #8C5DC7; }
+.codehilite .kd { color: #8C5DC7; }
+.codehilite .mi { color: #8C5DC7; }
+.codehilite .s { color: #0060B0; }
+.codehilite .c { color: #91B9A3; }
+.codehilite .o { color: #009DE7; }
\ No newline at end of file
diff --git a/content/stylesheets/main.css b/content/stylesheets/main.css
index 35a0611..f23ac75 100644
--- a/content/stylesheets/main.css
+++ b/content/stylesheets/main.css
@@ -7,8 +7,8 @@
 }
 
 body {
-  background: #E6E6E6;
-  color: #2B2B2B;
+  background: #F5F7F6;
+  line-height: 20px;
   text-rendering: optimizelegibility;
 }
 
@@ -17,7 +17,7 @@ a {
 }
 
 a:link, a:visited{
-  color: #DE1B1B;
+  color: #B45D47;
 }
 
 a:hover {
@@ -43,10 +43,9 @@ a:hover {
 }
 
 #main p {
-  margin: 20px 0;
-
+  margin: 20px 0px;
+  margin-right: 1em;
   font-size: 15px;
-
   line-height: 20px;
 }
 
@@ -56,8 +55,6 @@ a:hover {
 
 #main li {
   font-size: 15px;
-
-  line-height: 20px;
 }
 
 #main ul li {
@@ -67,21 +64,22 @@ a:hover {
 #main table, th, td {
   border-collapse: collapse;
   border: 1px solid #CCC;
-	background-color: #EEEEEE;
+	background-color: #FFF;
   padding: 3px;
+}
 
+#main table {
   font-size: 15px;
-  line-height: 20px;
+  box-shadow:1px 3px 12px #BBB;
+  margin: 20px 10px 20px 0px;
 }
 
 #main code, code * {
-  font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
+  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
 }
 
 #main code {
-	border-radius: 3px;
-	border: 1px solid #CCC;
-	background-color: #EEEEEE;
+  background: #FFFFFF;
 	padding: 0px 3px;
 }
 
@@ -96,12 +94,12 @@ a:hover {
   white-space: -o-pre-wrap;    /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
 
-	border-radius: 3px;
-	border: 1px solid #CCC;
-	background-color: #EEEEEE;
-	padding: 20px 10px;
+  border-radius: 3px;
+  background:#FFF;
+  box-shadow:1px 3px 12px #BBB;
+  padding: 10px 15px;
 	font-size: 15px;
-  margin: 30px 5px
+  margin: 20px 10px 20px 0px;
 }
 
 #main span.line-numbers {
@@ -113,17 +111,17 @@ a:hover {
 
   top: 40px;
   left: 20px;
-  width: 175px;
+  width: 211px;
 
-  padding: 20px 20px 0 0;
+  padding: 20px;
 
   border-right: 1px solid #ccc;
 }
 
 #sidebar h2 {
   text-transform: uppercase;
-  font-size: 13px;
-  color: #333;
+  font-size: 16px;
+  color: #470000;
   letter-spacing: 1px;
   line-height: 20px;
 }
@@ -139,7 +137,7 @@ a:hover {
   line-height: 20px;
 }
 
-#sidebar a.visited:before { /* selected with JS */
+#sidebar a.visited:after { /* selected with JS */
   content: "";
   font-family: "FontAwesome";
   position: absolute;
diff --git a/layouts/default.html b/layouts/default.html
index 22dc607..0754fa9 100644
--- a/layouts/default.html
+++ b/layouts/default.html
@@ -5,6 +5,7 @@
     <title>Nimrod by Example - <%= @item[:title] %></title>
     <link rel="stylesheet" href="<%= @items['/stylesheets/main/'].path %>">
     <link rel="stylesheet" href="<%= @items['/stylesheets/syntax/'].path %>">
+    <!--<link rel="stylesheet" href="<%= @items['/stylesheets/cotton_candy/'].path %>">-->
     <meta name="generator" content="nanoc <%= Nanoc::VERSION %>">
   </head>
   <body>