From 42222f69cea6d6ce634d3925e69147f90b31a2d9 Mon Sep 17 00:00:00 2001
From: Mike Francis <castblackjacket@gmail.com>
Date: Thu, 20 Dec 2012 21:33:35 +0000
Subject: [PATCH] Yadda yah

---
 README.md | 16 ++++++++++----
 style.css | 63 ++++++++++++++++++-------------------------------------
 2 files changed, 32 insertions(+), 47 deletions(-)

diff --git a/README.md b/README.md
index 81b2f6a..42bb37c 100644
--- a/README.md
+++ b/README.md
@@ -4,7 +4,7 @@ A lightweight, skinny skeletal WordPress theme for HTML5 and beyond. Great as a
 
 ## Features
 
-* Base reset and normalisation styles
+* Reset, normalisation and base font/form styles
 * Includes Google HTML5 shiv
 * Semantic use of HTML5 elements
 * WAI-ARIA role ready
@@ -13,10 +13,18 @@ A lightweight, skinny skeletal WordPress theme for HTML5 and beyond. Great as a
 * index.php Loop template
 * Customised functions.php adding theme support for high customisation
 
-## Preprocessors
+## WordPress Support
 
-barebones doesn't come bundled with any CSS preprocessor files however the main stylesheet was compiled from SASS. To use a preprocessor, just add another folder containing your files into the ./_ directory and set your files to compile to ./style.css
+Compatible with WordPress 3.5 and below.
 
 ## Browser Support
 
-The basic features are all supported from IE6+. Yet to be tested in any other browsers than modern Mozilla, Opera and WebKit builds but confident it would work in legacy versions.
\ No newline at end of file
+The basic features are all tested from IE7+. Yet to be tested in any other browsers than modern Mozilla, Opera and WebKit builds but confident it would work in legacy versions.
+
+## Preprocessors
+
+barebones doesn't come bundled with any CSS preprocessor files however the main stylesheet is compiled from SASS. To use a preprocessor, just add another folder containing your files into the ./_ directory and set your files to compile to ./style.css
+
+## Credits
+
+* [Twitter Bootstrap](http://getbootstrap.com "Twitter Bootstrap")
\ No newline at end of file
diff --git a/style.css b/style.css
index e292a3a..271562b 100755
--- a/style.css
+++ b/style.css
@@ -42,6 +42,9 @@ abbr, acronym {
 	border: 0;
 }
 
+/* =Normalisation
+-------------------------------------------------------------- */
+
 html {
 	background-color: #fff;
 	font: 1em/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
@@ -114,64 +117,21 @@ input, select, textarea {
 	font-weight: normal;
 	line-height: 1.5em;
 	border: solid 1px #000;
-	-webkit-border-radius: 3px;
-	   -moz-border-radius: 3px;
-	     -o-border-radius: 3px;
-	        border-radius: 3px;
 	padding: 4px;
 	color: #000;
 	width: 220px;
 }
 
-input, textarea {
-	-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
-	   -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
-	     -o-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
-	        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
-	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-	   -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-	    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-	     -o-transition: border linear 0.2s, box-shadow linear 0.2s;
-	        transition: border linear 0.2s, box-shadow linear 0.2s;
-}
-
 select {
 	height: 24px;
 	line-height: 24px;
 	width: 220px;
 }
 
-input:focus,
-textarea:focus {
-  border-color: rgba(82, 168, 236, 0.8);
-  outline: 0;
-  outline: thin dotted \9;
-  /* IE6-9 */
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-}
-
-input[type="file"]:focus,
-input[type="radio"]:focus,
-input[type="checkbox"]:focus,
-select:focus {
-	outline: thin dotted #333;
-	outline: 5px auto -webkit-focus-ring-color;
-	outline-offset: -2px;
-	-webkit-box-shadow: none;
-	   -moz-box-shadow: none;
-			box-shadow: none;
-}
-
 .btn {
 	display: inline-block;
 	background-color: #999;
 	border: solid 1px #999;
-	-webkit-border-radius: 5px;
-	   -moz-border-radius: 5px;
-	     -o-border-radius: 5px;
-	        border-radius: 5px;
 	box-shadow: none;
 	font-size: 12px;
 	color: #fff;
@@ -200,6 +160,23 @@ img.alignright {
 	margin: 0 0 24px 20px;
 }
 
+/* =Nav Abstraction
+-------------------------------------------------------------- */
+
+.nav {
+	list-style: none;
+	margin-left: 0;
+}
+
+	.nav > li {
+		display: inline-block;
+		*display: inline;
+	}
+	
+		.nav > li > a {
+			display: block;
+		}
+
 /* =Scaffolding
 -------------------------------------------------------------- */