From 8cdd61160188ccbd4634d70ca780fc0d2925f112 Mon Sep 17 00:00:00 2001
From: Matthew McCullough <matthew@github.com>
Date: Mon, 1 Oct 2012 15:17:55 -0600
Subject: [PATCH] Normalized styles with GitHub.com for code and
 training.github.com for Sans-Serif

---
 css/layout.css | 1376 ++++++++++++++++++++++++------------------------
 1 file changed, 688 insertions(+), 688 deletions(-)

diff --git a/css/layout.css b/css/layout.css
index 123a293..af99af3 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -1,688 +1,688 @@
-/*
------------------------------------------------
-Grey Box Method - Layout CSS
------------------------------------------------ */
-
-body {
-	border-top: 5px solid #000;
-	color: #333;
-	padding: 0 0 40px;
-}
-
-#about_me img { border: 5px solid #333; margin: 3px; }
-
-.info { background: #fff; padding: 10px;}
-
-.article { border-bottom: 5px solid rgb(20,120,200); padding-bottom: 10px; margin-bottom: 15px;}
-
-.non_home_box {
-    display: none;
-}
-
-#reflist h3 { 
-  font-size: 1.1em; 
-  background: #fff; 
-}
-#reflist h3 a { 
- color: rgb(20,120,200);
-}
-#reflist h4 { font-size: 0.9em; }
-#reflist .block { margin: 0; padding: 0; }
-
-code { background: #ffe; padding: 2px 5px; }
-
-p.nutshell {
-  background: #ddd;
-  padding: 5px;
-}
-
-.box pre { 
-  margin-top: 10px;
-  padding: 8px;
-  background: #ffe; 
-  color: #555;
-}
-
-.box code.code {
-  white-space:pre;
-  font-family:monospace;
-  padding: 8px;
-  background: #ffe;
-  display: block;
-  margin: 10px;
-  color: #555;
-}
-pre b { color: #111; }
-.red { color: #d33; }
-.green { color: #383; }
-.umber { color: #8A3324; }
-.lblue { color: #55a; }
-.blue { color: #447; }
-.yellow { color: #993; }
-.hl { background: #eea; }
-
-.box h4 { 
-  font-family:monospace;
-  margin-top: 20px;
-  color: #833;
-}
-.box h4 small { 
-  color: #888;
-  font-size: 0.8em;
-  margin-left: 10px;
-  font-weight: normal;
-}
-
-.note { 
-  float: right; 
-  border: 10px; 
-  padding: 8px; 
-  background: #dfd;
-  border: 1px solid #8a8;
-  width: 120px;
-}
-.note h3 {
-  font-size: 1.1em;
-  color: #353;
-}
-
-ul#menu { 
-    background: rgb(20,120,200);
-    padding: .5em;
-    display: inline;
-    color: #fff;
-}
-ul#menu li {
-    border: 0;
-    margin: 0;
-    padding: 0;
-    padding-right: 10px;
-    padding-left: 10px;
-    display:inline;
-    font-family: "inconsolata-1","inconsolata-2";
-    font-size: 1.1em;
-}
-
-ul#menu li a { color: #fff; }
-
-.scribble-preview { 
-    background: #ff9; 
-    padding: 8px;
-    border: 1px solid #ee6;
-}
-
-img#me { border: 8px solid #333; }
-
-/* anchors
------------------------------------------------ */
-a {
-	color: #000;
-	font-weight:bold;
-	text-decoration: none;
-}
-a:hover {
-	color:#333;
-}
-a.page-button {
-	background: #e4eafa none 0 0 repeat-x;
-	border: solid 1px #c9172e;
-	color: #c9172e;
-	cursor: pointer;
-	display: inline-block;
-	font-weight: bold;
-	font-size: 12px;
-	line-height: 100%;
-	margin: 1px;
-	padding: 0.8em 1em;
-	position: relative;
-	text-decoration: none;
-	text-shadow: #fff 0 1px 0;
-	vertical-align: middle;
-	white-space: nowrap;
-	float:right;
-	background-image: -moz-linear-gradient(-90deg,
-		#eeeeee 1%,
-		#fdf6f7 5%,
-		#fae9eb 70%,
-		#f7dcdf 100%);
-	background-image: -webkit-gradient(linear,left top,left bottom,
-		color-stop(0.01, #eee),
-		color-stop(0.05, #fdf6f7),
-		color-stop(0.70, #fae9eb),
-		color-stop(1, #f7dcdf));
-}
-a.next-page {
-	border-right: none;
-	margin-right: 26px;
-	padding-right: 0;
-}
-a.next-page:after, a.prev-page:after {
-	border: solid 1px #c9172e;
-	content: '';
-	display: block;
-	position: absolute;
-	top: .37em;
-	width: 1.7em;
-	height: 1.7em;
-	text-shadow: none;
-	z-index: -1;
-}
-a.next-page:after {
-	right: -.97em;
-	-moz-transform: rotate(-45deg);
-	background-image: -moz-linear-gradient(-135deg,
-		#eeeeee 1%,
-		#fdf6f7 5%,
-		#fae9eb 70%,
-		#f7dcdf 100%);
-	-webkit-transform:rotate(-45deg);
-	background-image: -webkit-gradient(linear,100% 0%, 0% 100%,
-		color-stop(0.01, #eee),
-		color-stop(0.05, #fdf6f7),
-		color-stop(0.70, #fae9eb),
-		color-stop(1, #f7dcdf));
-}
-
-/* headings
------------------------------------------------ */
-h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
-h2 {margin-top:1em; }
-h5 {font-size:1.2em;}
-h6 {font-size:1em; text-transform:uppercase;}
-h3 { color: rgb(20,120,200); }
-
-h1 a {
-	font-weight:normal;
-}
-
-
-/* branding
------------------------------------------------ */
-#branding {
-	font-weight:normal;
-	font-size:4em;
-	text-align:left;
-	padding:8px;
-	margin-bottom:0;
-	color: #333;
-	background: #fff;
-}
-
-
-/* page heading
------------------------------------------------ */
-#page-heading {
-	padding: 5px;
-	background: #000;
-	color: #eee;
-	font-size:2em;
-	letter-spacing: 8px;
-}
-
-
-/* boxes
------------------------------------------------ */
-.box {
-	background:#eee;
-	margin-bottom:20px;
-	padding:10px 10px 1px 10px;
-	font-size: 1.1em;
-}
-.box h2 {
-	font-size:1em;
-	font-weight:normal;
-	text-transform:uppercase;
-	color:#fff;
-	background:#333;
-	margin:-10px -10px 0 -10px;
-	padding:6px 12px;
-}
-.box h2 .desc {
-  margin-left: 20px;
-	text-transform:none;
-  color: #aaa;
-}
-.box h2 a,
-.box h2 a.visible {
-	background-color:#111;
-	color:#fff;
-	display:inline;
-	padding:6px 12px;
-	margin:-6px -12px;
-	border:none;
-	text-transform:none;
-}
-.box h2 .docs {
-  color: #999;
-	display:inline;
-  float: right;
-	background-color:#333;
-}
-.box h2 .docs a {
-	background-color:#333;
-	padding:0;
-	margin:0;
-}
-
-.grid_4 .box h2 a {
-	background-position: 97% 50%;
-}
-.grid_5 .box h2 a {
-	background-position: 98% 50%;
-}
-.grid_12 .box h2 a {
-	background-position: 99% 50%;
-}
-
-
-.box h2 a:hover {
-	background-color:#111;
-}
-.block {
-	padding-top:10px;
-}
-div.menu {
-	padding:0;
-}
-div.menu h2 {
-	margin:0;
-}
-div.menu .block {
-	padding-top:0;
-}
-
-
-/* paragraphs, quotes and lists
------------------------------------------------ */
-p {
-	margin-bottom:1em;
-}
-blockquote {
-  font-family: "inconsolata-1","inconsolata-2";
-  padding-left:1em;
-  border-left:4px solid #ccc;
-}
-blockquote cite {
-	font-size:.9em;
-}
-ul, ol {
-	padding-top:0;
-}
-
-
-/* menus
------------------------------------------------ */
-ul.menu {
-	list-style:none;
-	border-top:1px solid #bbb;
-}
-ul.menu li {
-	margin:0;
-}
-ul.menu li a {
-	display:block;
-	padding:4px 10px;
-	border-bottom:1px solid #ccc;
-}
-ul.menu li a:hover {
-	background:#eee;
-}
-ul.menu li a:active {
-	background:#ccc;
-}
-
-
-/* submenus
------------------------------------------------ */
-ul.menu ul {
-	list-style:none;
-	margin:0;
-}
-ul.menu ul li a {
-	padding-left:30px;
-}
-
-
-/* section menus
------------------------------------------------ */
-ul.section {
-	border-top:0;
-	margin-bottom:0;
-}
-ul.section li {
-	text-transform:uppercase;
-}
-ul.section li a {
-	background:#bbb;
-}
-ul.section li a:hover {
-	background:#aaa;
-}
-ul.section li a:active {
-	color:#fff;
-	background:#666;
-}
-ul.section li li a {
-	background:#ddd;
-	border-bottom:1px solid #eee;
-}
-ul.section li li a:hover {
-	background:#ccc;
-}
-ul.section li li a:active {
-	color:#000;
-	background:#fff;
-}
-ul.section ul li {
-	text-transform:none;
-}
-ul.section ul.current li a {
-	background:#eee;
-	border-bottom:1px solid #fff;
-}
-ul.section ul.current li a:hover {
-	background:#ddd;
-}
-ul.section ul.current li a:active {
-	background:#fff;
-}
-ul.section li a.current {
-	color:#fff;
-	background:#666;
-}
-ul.section li a.current:hover {
-	background:#555;
-}
-ul.section li a.current:active {
-	background:#444;
-}
-ul.section li a.active {
-	background:#fff;
-	cursor:default;
-}
-ul.section li.current > a.active,
-ul.section li.current > a.active:hover {
-	color:#fff;
-	background:#666;
-	cursor:default;
-}
-
-
-/* table
------------------------------------------------ */
-table {
-	width:100%;
-	border:1px solid #bbb;
-	margin-bottom:10px;
-}
-col.colC {
-	width:8em;
-}
-th, td {
-	padding:.2em 1em;
-	text-align:left;
-}
-thead th {
-	border-bottom:2px solid #888;
-	background:#bbb;
-	padding:.4em 1em .2em;
-}
-thead th.table-head {
-	font-size:1em;
-	font-weight:normal;
-	text-transform:uppercase;
-	color:#fff;
-	background:#555;
-	border:1px solid #555;
-}
-tbody th,
-tbody td {
-	border-top:1px solid #bbb;
-	border-bottom:1px solid #bbb;
-	background:#eee;
-}
-tbody tr.odd th,
-tbody tr.odd td {
-	background:#fff;
-}
-tfoot th,
-tfoot td {
-	border-top:2px solid #666;
-	background:#eee;
-}
-tfoot tr.total th,
-tfoot tr.total td {
-	border-top:6px double #666;
-}
-tfoot tr.total th {
-	text-transform:uppercase;
-}
-th.currency,
-td.currency {
-	text-align:right;
-}
-
-
-/* forms
------------------------------------------------ */
-form {
-	overflow:hidden;
-}
-fieldset {
-	border:1px solid #bbb;
-	padding:10px;
-	position:relative;
-	background:#e9e9e9;
-	margin-bottom:10px;
-}
-legend {
-	font-size:1.1em;
-	padding:.4em .8em;
-	background:#fff;
-	border:1px solid #bbb;
-}
-fieldset.login p {
-	margin-bottom:1em;
-	margin-top:0pt;
-}
-fieldset p label {
-	width:98%;
-}
-fieldset p input {
-	width:98%;
-}
-fieldset p select {
-	width:99%;
-}
-fieldset.login p label {
-	float:left;
-	line-height:2em;
-	margin-right:3%;
-	text-align:right;
-	width:32%;
-}
-fieldset.login p input {
-	width:60%;
-}
-fieldset.login input.button {
-	margin-left:35%;
-}
-form p.notice {
-	font-weight:bold;
-}
-input.search.text {
-	width:66%;
-}
-input.search.button {
-	width:28%;
-	margin-left:2%;
-}
-
-
-/* articles
------------------------------------------------ */
-.articles {
-	padding:0;
-}
-.articles h2 {
-	margin:0;
-}
-#articles {
-	padding-top:0;
-}
-.article {
-	border-top:1px solid #666;
-	padding-top:.5em;
-}
-.box .article {
-	border-top:3px solid #fff;
-	padding:13px 10px 0 10px;
-	background: #fff;
-}
-.article h2 {
-	font-size:2em;
-	font-weight:normal;
-	text-transform:none;
-	color:#333;
-	background:transparent;
-	padding:0;
-	margin:0;
-	border:none;
-}
-.article h3 {
-	margin-bottom:.2em;
-	font-size:1.6em;
-}
-.box .first {
-	border-top:none;
-}
-.article h4 {
-	font-size:1.2em;
-	text-transform:uppercase;
-	margin-bottom:.5em;
-}
-.article a.image {
-	float:left; 
-	margin:3px 10px 3px 0; 
-	padding:4px;
-	border:1px solid #bbb;
-	background:#fff;
-}
-.article a.image:hover {
-	border:1px solid #666;
-}
-.article a.image img {
-	float:left; 
-}
-.article p.meta {
-	color:#666;
-	border-top:1px dotted #999;
-	border-bottom:1px dotted #999;
-	padding:.3em 0;
-	margin-bottom:.8em;
-}
-
-
-/* site information
------------------------------------------------ */
-#site_info .box {
-	color:#ccc;
-	background:#666;
-	margin-bottom:10px;
-}
-#site_info a {
-	color:#fff;
-}
-#site_info a:hover {
-	color:#000;
-}
-
-
-/* AJAX sliding shelf
------------------------------------------------ */
-#loading {float:right; margin-right:14px; margin-top:-2px;}
-.block {padding-bottom:1px;}
-
-
-/* Accordian
------------------------------------------------ */
-.toggler {
-	color: #222;
-	margin: 0;
-	padding: 2px 5px;
-	background: #eee;
-	border-bottom: 1px solid #ddd;
-	border-right: 1px solid #ddd;
-	border-top: 1px solid #f5f5f5;
-	border-left: 1px solid #f5f5f5;
-	font-size:1.1em;
-	font-weight: normal;
-}
-.element h4 {
-	margin: 0;
-	padding:4px;
-	line-height:1.2em;
-}
-.element p {
-	margin: 0;
-	padding: 4px;
-}
-.float-right {
-	padding:10px 20px;
-	float:right;
-}
-
-#accordian-block {
-	padding-bottom:10px;
-}
-
-
-/* Mootools Kwicks
------------------------------------------------ */
-#kwick-box { 
-	padding:0;
-	overflow:hidden;
-}
-#kwick-box h2 { 
-	margin:0;
-}
-#kwick {
-	position: relative;
-}
-#kwick .kwicks {
-	display: block;
-	background: #999;
-	height: 120px;
-	list-style:none;
-	margin:0;
-	overflow:hidden;
-}
-#kwick li {
-	float: left;
-	margin:0;
-	padding:0;
-}
-#kwick .kwick {
-	display: block;
-	cursor: pointer;
-	overflow: hidden;
-	height: 100px;
-	width: 215px;
-	padding: 10px;
-	background: #fff;
-}
-#kwick .kwick span {
-	color:#fff;
-}
-#kwick .one {
-	background: #666;
-}
-#kwick .two {
-	background: #777;
-}
-#kwick .three {
-	background: #888;
-}
-#kwick .four {
-	background: #999;
-}
+/*
+-----------------------------------------------
+Grey Box Method - Layout CSS
+----------------------------------------------- */
+
+html, body {
+	border-top: 5px solid #000;
+	color: #333;
+	padding: 0 0 40px;
+	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+#about_me img { border: 5px solid #333; margin: 3px; }
+
+.info { background: #fff; padding: 10px;}
+
+.article { border-bottom: 5px solid rgb(20,120,200); padding-bottom: 10px; margin-bottom: 15px;}
+
+.non_home_box {
+    display: none;
+}
+
+#reflist h3 { 
+  font-size: 1.1em; 
+  background: #fff; 
+}
+#reflist h3 a { 
+ color: rgb(20,120,200);
+}
+#reflist h4 { font-size: 0.9em; }
+#reflist .block { margin: 0; padding: 0; }
+
+code { background: #ffe; padding: 2px 5px; }
+
+p.nutshell {
+  background: #ddd;
+  padding: 5px;
+}
+
+.box pre { 
+  margin-top: 10px;
+  padding: 8px;
+  background: #ffe; 
+  color: #555;
+}
+
+.box code.code {
+  white-space:pre;
+  font-family: Consolas, 'Liberation Mono', Courier, monospace;
+  padding: 8px;
+  background: #ffe;
+  display: block;
+  margin: 10px;
+  color: #555;
+}
+pre b { color: #111; }
+.red { color: #d33; }
+.green { color: #383; }
+.umber { color: #8A3324; }
+.lblue { color: #55a; }
+.blue { color: #447; }
+.yellow { color: #993; }
+.hl { background: #eea; }
+
+.box h4 { 
+  font-family: Consolas, 'Liberation Mono', Courier, monospace;
+  margin-top: 20px;
+  color: #833;
+}
+.box h4 small { 
+  color: #888;
+  font-size: 0.8em;
+  margin-left: 10px;
+  font-weight: normal;
+}
+
+.note { 
+  float: right; 
+  border: 10px; 
+  padding: 8px; 
+  background: #dfd;
+  border: 1px solid #8a8;
+  width: 120px;
+}
+.note h3 {
+  font-size: 1.1em;
+  color: #353;
+}
+
+ul#menu { 
+    background: rgb(20,120,200);
+    padding: .5em;
+    display: inline;
+    color: #fff;
+}
+ul#menu li {
+    border: 0;
+    margin: 0;
+    padding: 0;
+    padding-right: 10px;
+    padding-left: 10px;
+    display:inline;
+    font-size: 1.1em;
+}
+
+ul#menu li a { color: #fff; }
+
+.scribble-preview { 
+    background: #ff9; 
+    padding: 8px;
+    border: 1px solid #ee6;
+}
+
+img#me { border: 8px solid #333; }
+
+/* anchors
+----------------------------------------------- */
+a {
+	color: #000;
+	font-weight:bold;
+	text-decoration: none;
+}
+a:hover {
+	color:#333;
+}
+a.page-button {
+	background: #e4eafa none 0 0 repeat-x;
+	border: solid 1px #c9172e;
+	color: #c9172e;
+	cursor: pointer;
+	display: inline-block;
+	font-weight: bold;
+	font-size: 12px;
+	line-height: 100%;
+	margin: 1px;
+	padding: 0.8em 1em;
+	position: relative;
+	text-decoration: none;
+	text-shadow: #fff 0 1px 0;
+	vertical-align: middle;
+	white-space: nowrap;
+	float:right;
+	background-image: -moz-linear-gradient(-90deg,
+		#eeeeee 1%,
+		#fdf6f7 5%,
+		#fae9eb 70%,
+		#f7dcdf 100%);
+	background-image: -webkit-gradient(linear,left top,left bottom,
+		color-stop(0.01, #eee),
+		color-stop(0.05, #fdf6f7),
+		color-stop(0.70, #fae9eb),
+		color-stop(1, #f7dcdf));
+}
+a.next-page {
+	border-right: none;
+	margin-right: 26px;
+	padding-right: 0;
+}
+a.next-page:after, a.prev-page:after {
+	border: solid 1px #c9172e;
+	content: '';
+	display: block;
+	position: absolute;
+	top: .37em;
+	width: 1.7em;
+	height: 1.7em;
+	text-shadow: none;
+	z-index: -1;
+}
+a.next-page:after {
+	right: -.97em;
+	-moz-transform: rotate(-45deg);
+	background-image: -moz-linear-gradient(-135deg,
+		#eeeeee 1%,
+		#fdf6f7 5%,
+		#fae9eb 70%,
+		#f7dcdf 100%);
+	-webkit-transform:rotate(-45deg);
+	background-image: -webkit-gradient(linear,100% 0%, 0% 100%,
+		color-stop(0.01, #eee),
+		color-stop(0.05, #fdf6f7),
+		color-stop(0.70, #fae9eb),
+		color-stop(1, #f7dcdf));
+}
+
+/* headings
+----------------------------------------------- */
+h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
+h2 {margin-top:1em; }
+h5 {font-size:1.2em;}
+h6 {font-size:1em; text-transform:uppercase;}
+h3 { color: rgb(20,120,200); }
+
+h1 a {
+	font-weight:normal;
+}
+
+
+/* branding
+----------------------------------------------- */
+#branding {
+	font-weight:normal;
+	font-size:4em;
+	text-align:left;
+	padding:8px;
+	margin-bottom:0;
+	color: #333;
+	background: #fff;
+}
+
+
+/* page heading
+----------------------------------------------- */
+#page-heading {
+	padding: 5px;
+	background: #000;
+	color: #eee;
+	font-size:2em;
+	letter-spacing: 8px;
+}
+
+
+/* boxes
+----------------------------------------------- */
+.box {
+	background:#eee;
+	margin-bottom:20px;
+	padding:10px 10px 1px 10px;
+	font-size: 1.1em;
+}
+.box h2 {
+	font-size:1em;
+	font-weight:normal;
+	text-transform:uppercase;
+	color:#fff;
+	background:#333;
+	margin:-10px -10px 0 -10px;
+	padding:6px 12px;
+}
+.box h2 .desc {
+  margin-left: 20px;
+	text-transform:none;
+  color: #aaa;
+}
+.box h2 a,
+.box h2 a.visible {
+	background-color:#111;
+	color:#fff;
+	display:inline;
+	padding:6px 12px;
+	margin:-6px -12px;
+	border:none;
+	text-transform:none;
+}
+.box h2 .docs {
+  color: #999;
+	display:inline;
+  float: right;
+	background-color:#333;
+}
+.box h2 .docs a {
+	background-color:#333;
+	padding:0;
+	margin:0;
+}
+
+.grid_4 .box h2 a {
+	background-position: 97% 50%;
+}
+.grid_5 .box h2 a {
+	background-position: 98% 50%;
+}
+.grid_12 .box h2 a {
+	background-position: 99% 50%;
+}
+
+
+.box h2 a:hover {
+	background-color:#111;
+}
+.block {
+	padding-top:10px;
+}
+div.menu {
+	padding:0;
+}
+div.menu h2 {
+	margin:0;
+}
+div.menu .block {
+	padding-top:0;
+}
+
+
+/* paragraphs, quotes and lists
+----------------------------------------------- */
+p {
+	margin-bottom:1em;
+}
+blockquote {
+  font-family: Consolas, 'Liberation Mono', Courier, monospace;
+  padding-left:1em;
+  border-left:4px solid #ccc;
+}
+blockquote cite {
+	font-size:.9em;
+}
+ul, ol {
+	padding-top:0;
+}
+
+
+/* menus
+----------------------------------------------- */
+ul.menu {
+	list-style:none;
+	border-top:1px solid #bbb;
+}
+ul.menu li {
+	margin:0;
+}
+ul.menu li a {
+	display:block;
+	padding:4px 10px;
+	border-bottom:1px solid #ccc;
+}
+ul.menu li a:hover {
+	background:#eee;
+}
+ul.menu li a:active {
+	background:#ccc;
+}
+
+
+/* submenus
+----------------------------------------------- */
+ul.menu ul {
+	list-style:none;
+	margin:0;
+}
+ul.menu ul li a {
+	padding-left:30px;
+}
+
+
+/* section menus
+----------------------------------------------- */
+ul.section {
+	border-top:0;
+	margin-bottom:0;
+}
+ul.section li {
+	text-transform:uppercase;
+}
+ul.section li a {
+	background:#bbb;
+}
+ul.section li a:hover {
+	background:#aaa;
+}
+ul.section li a:active {
+	color:#fff;
+	background:#666;
+}
+ul.section li li a {
+	background:#ddd;
+	border-bottom:1px solid #eee;
+}
+ul.section li li a:hover {
+	background:#ccc;
+}
+ul.section li li a:active {
+	color:#000;
+	background:#fff;
+}
+ul.section ul li {
+	text-transform:none;
+}
+ul.section ul.current li a {
+	background:#eee;
+	border-bottom:1px solid #fff;
+}
+ul.section ul.current li a:hover {
+	background:#ddd;
+}
+ul.section ul.current li a:active {
+	background:#fff;
+}
+ul.section li a.current {
+	color:#fff;
+	background:#666;
+}
+ul.section li a.current:hover {
+	background:#555;
+}
+ul.section li a.current:active {
+	background:#444;
+}
+ul.section li a.active {
+	background:#fff;
+	cursor:default;
+}
+ul.section li.current > a.active,
+ul.section li.current > a.active:hover {
+	color:#fff;
+	background:#666;
+	cursor:default;
+}
+
+
+/* table
+----------------------------------------------- */
+table {
+	width:100%;
+	border:1px solid #bbb;
+	margin-bottom:10px;
+}
+col.colC {
+	width:8em;
+}
+th, td {
+	padding:.2em 1em;
+	text-align:left;
+}
+thead th {
+	border-bottom:2px solid #888;
+	background:#bbb;
+	padding:.4em 1em .2em;
+}
+thead th.table-head {
+	font-size:1em;
+	font-weight:normal;
+	text-transform:uppercase;
+	color:#fff;
+	background:#555;
+	border:1px solid #555;
+}
+tbody th,
+tbody td {
+	border-top:1px solid #bbb;
+	border-bottom:1px solid #bbb;
+	background:#eee;
+}
+tbody tr.odd th,
+tbody tr.odd td {
+	background:#fff;
+}
+tfoot th,
+tfoot td {
+	border-top:2px solid #666;
+	background:#eee;
+}
+tfoot tr.total th,
+tfoot tr.total td {
+	border-top:6px double #666;
+}
+tfoot tr.total th {
+	text-transform:uppercase;
+}
+th.currency,
+td.currency {
+	text-align:right;
+}
+
+
+/* forms
+----------------------------------------------- */
+form {
+	overflow:hidden;
+}
+fieldset {
+	border:1px solid #bbb;
+	padding:10px;
+	position:relative;
+	background:#e9e9e9;
+	margin-bottom:10px;
+}
+legend {
+	font-size:1.1em;
+	padding:.4em .8em;
+	background:#fff;
+	border:1px solid #bbb;
+}
+fieldset.login p {
+	margin-bottom:1em;
+	margin-top:0pt;
+}
+fieldset p label {
+	width:98%;
+}
+fieldset p input {
+	width:98%;
+}
+fieldset p select {
+	width:99%;
+}
+fieldset.login p label {
+	float:left;
+	line-height:2em;
+	margin-right:3%;
+	text-align:right;
+	width:32%;
+}
+fieldset.login p input {
+	width:60%;
+}
+fieldset.login input.button {
+	margin-left:35%;
+}
+form p.notice {
+	font-weight:bold;
+}
+input.search.text {
+	width:66%;
+}
+input.search.button {
+	width:28%;
+	margin-left:2%;
+}
+
+
+/* articles
+----------------------------------------------- */
+.articles {
+	padding:0;
+}
+.articles h2 {
+	margin:0;
+}
+#articles {
+	padding-top:0;
+}
+.article {
+	border-top:1px solid #666;
+	padding-top:.5em;
+}
+.box .article {
+	border-top:3px solid #fff;
+	padding:13px 10px 0 10px;
+	background: #fff;
+}
+.article h2 {
+	font-size:2em;
+	font-weight:normal;
+	text-transform:none;
+	color:#333;
+	background:transparent;
+	padding:0;
+	margin:0;
+	border:none;
+}
+.article h3 {
+	margin-bottom:.2em;
+	font-size:1.6em;
+}
+.box .first {
+	border-top:none;
+}
+.article h4 {
+	font-size:1.2em;
+	text-transform:uppercase;
+	margin-bottom:.5em;
+}
+.article a.image {
+	float:left; 
+	margin:3px 10px 3px 0; 
+	padding:4px;
+	border:1px solid #bbb;
+	background:#fff;
+}
+.article a.image:hover {
+	border:1px solid #666;
+}
+.article a.image img {
+	float:left; 
+}
+.article p.meta {
+	color:#666;
+	border-top:1px dotted #999;
+	border-bottom:1px dotted #999;
+	padding:.3em 0;
+	margin-bottom:.8em;
+}
+
+
+/* site information
+----------------------------------------------- */
+#site_info .box {
+	color:#ccc;
+	background:#666;
+	margin-bottom:10px;
+}
+#site_info a {
+	color:#fff;
+}
+#site_info a:hover {
+	color:#000;
+}
+
+
+/* AJAX sliding shelf
+----------------------------------------------- */
+#loading {float:right; margin-right:14px; margin-top:-2px;}
+.block {padding-bottom:1px;}
+
+
+/* Accordian
+----------------------------------------------- */
+.toggler {
+	color: #222;
+	margin: 0;
+	padding: 2px 5px;
+	background: #eee;
+	border-bottom: 1px solid #ddd;
+	border-right: 1px solid #ddd;
+	border-top: 1px solid #f5f5f5;
+	border-left: 1px solid #f5f5f5;
+	font-size:1.1em;
+	font-weight: normal;
+}
+.element h4 {
+	margin: 0;
+	padding:4px;
+	line-height:1.2em;
+}
+.element p {
+	margin: 0;
+	padding: 4px;
+}
+.float-right {
+	padding:10px 20px;
+	float:right;
+}
+
+#accordian-block {
+	padding-bottom:10px;
+}
+
+
+/* Mootools Kwicks
+----------------------------------------------- */
+#kwick-box { 
+	padding:0;
+	overflow:hidden;
+}
+#kwick-box h2 { 
+	margin:0;
+}
+#kwick {
+	position: relative;
+}
+#kwick .kwicks {
+	display: block;
+	background: #999;
+	height: 120px;
+	list-style:none;
+	margin:0;
+	overflow:hidden;
+}
+#kwick li {
+	float: left;
+	margin:0;
+	padding:0;
+}
+#kwick .kwick {
+	display: block;
+	cursor: pointer;
+	overflow: hidden;
+	height: 100px;
+	width: 215px;
+	padding: 10px;
+	background: #fff;
+}
+#kwick .kwick span {
+	color:#fff;
+}
+#kwick .one {
+	background: #666;
+}
+#kwick .two {
+	background: #777;
+}
+#kwick .three {
+	background: #888;
+}
+#kwick .four {
+	background: #999;
+}