Started building a mini layout-color-switcher to test applying color formulas to a layout scheme. Ended up getting drawn away for an hour tracking down a bug for work, but I wanted to make sure this stuff was committed - I'll probably pick this up later tonight, provided I don't pass out or something.

css/example.css

@@ -172,3 +172,59 @@ a:hover { text-decoration: underline; }
 .hideme {
 	display: none;
 }
+
+
+/* CSS for example layout - 4AM code, hush ;P */
+#testLayout {
+    display: none;
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    width: 200px;
+    height: 200px;
+    padding: 5px;
+    opacity: .7;
+    background-color: #292929;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    -moz-box-shadow: 1px 1px 7px #333;
+    -webkit-box-shadow: 1px 1px 7px #333;
+}
+
+#testBanner, #testContent {
+    padding: 5px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    background-color: #000;
+}
+
+#testBanner { height: 20px; margin: 0 0 5px 0; }
+#testContent { height: 155px; }
+#testContent p { margin: 0 0 5px 0; }
+
+#layoutMods {
+    display: none;
+    position: absolute;
+    top: 10px;
+    left: 10px;
+    width: 330px;
+    background-color: #000;
+    opacity: .8;
+    padding: 10px 4px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+}
+
+#layoutMods a {
+    background-color: #498FB2;
+    border: 1px solid #55A2C9;
+    padding: 5px 10px 4px;
+    color: #fff;
+    text-decoration: none;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    opacity: .8;
+    margin: 0 0 4px 0;
+}
+
+#layoutMods a:hover { text-decoration: none; opacity: 1; }