diff -r 000000000000 -r 80c32ef237c6 Resources/css/main.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/Resources/css/main.css	Mon Sep 02 02:22:21 2013 -0700
@@ -0,0 +1,125 @@
+
+@font-face {
+	font-family: 'exo';
+	src: url('app://font/exo/exo-regular.eot');
+	src: url('app://font/exo/exo-regular.eot?#iefix') format('embedded-opentype'),
+		 url('app://font/exo/exo-regular.woff') format('woff'),
+		 url('app://font/exo/exo-regular.ttf') format('truetype'),
+		 url('app://font/exo/exo-regular.svg#batchregular') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'exobold';
+	src: url('app://font/exo/exo-bold.eot');
+	src: url('app://font/exo/exo-bold.eot?#iefix') format('embedded-opentype'),
+		 url('app://font/exo/exo-bold.woff') format('woff'),
+		 url('app://font/exo/exo-bold.ttf') format('truetype'),
+		 url('app://font/exo/exo-bold.svg#batchregular') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+/* http://adamwhitcroft.com/batch/ */
+@font-face {
+	font-family: 'batch';
+	src: url('app://font/batch/batch.eot');
+	src: url('app://font/batch/batch.eot?#iefix') format('embedded-opentype'),
+		 url('app://font/batch/batch.woff') format('woff'),
+		 url('app://font/batch/batch.ttf') format('truetype'),
+		 url('app://font/batch/batch.svg#batchregular') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+a { 
+	text-decoration: none;
+	color: inherit !important;
+}
+
+.icon {
+	font-family: 'batch';
+	line-height: 1;
+	text-shadow: none;
+}
+
+body {
+	background-color: #333;
+	color: #fff;
+	margin: 10px;
+	padding: 0;
+	font-family: "exo", Helvetica, Geneva, sans-serif;
+	font-size: 1em;
+	text-shadow: 2px 2px 2px #000;
+}
+
+fieldset {
+	border: 1px inset #222;
+	border-radius: 5px;
+	background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #222 ), color-stop( 20%, #303030) );
+}
+
+/* button styles */
+/* ---------------------------------------------- */
+.button {
+	display: inline-block;
+	vertical-align: baseline;
+	margin: 0 2px;
+	outline: none;
+	cursor: pointer;
+	text-align: center;
+	text-decoration: none;
+	font: 14px/100% Arial, Helvetica, Geneva, sans-serif;
+	padding: .5em 2em .55em;
+	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
+	box-shadow: 0 1px 2px rgba(0,0,0,.2);
+	border: 1px solid #7d99ca;
+	border-radius: 3px; 
+	color: #FFF;
+	background-color: #a5b8da;
+	background-image: -webkit-gradient( linear, left top, left bottom, from(#a5b8da), to(#7089b3) );
+}
+
+.button:hover {
+	border: 1px solid #5d7fbc;
+	background-color: #819bcb;
+	background-image: -webkit-gradient( linear, left top, left bottom, from(#819bcb), to(#536f9d) );
+ }
+
+.button:active {
+	position: relative;
+	top: 1px;
+}
+
+
+/* input field styles */
+/* ---------------------------------------------- */
+
+::-webkit-input-placeholder { color: #333; }
+
+input[type="text"],
+select {
+	font-family: "exo", Helvetica, Geneva, sans-serif;
+	font-size: 0.8em;
+	padding: 2px;
+	background-color: #888;
+	border-top: 1px solid #333;
+	border-right: 1px solid #777;
+	border-bottom: 1px solid #777;
+	border-left: 1px solid #333;
+	color: #000;
+	box-shadow: inset -4px 4px 10px #555;
+	border-radius: 3px;
+}
+
+input[type="text"]:active,
+select:active {
+	border: 1px solid #00ffff;
+}
+
+input[type="text"]:focus,
+select:focus {
+	background-color: #bbb;
+}
+