diff --git a/public/stylesheets/framework/forms.css b/public/stylesheets/framework/forms.css
new file mode 100644
index 0000000..ce4f380
--- /dev/null
+++ b/public/stylesheets/framework/forms.css
@@ -0,0 +1,83 @@
+/* fieldsets */
+
+form fieldset.inputs, form fieldset.buttons {
+  margin: 1em 0; }
+
+/* labels */
+
+form fieldset div label {
+  display: block;
+  font-size: 1.4em; }
+
+/* instruction */
+
+form fieldset p.instruction {
+  font-size: 1em; }
+
+form fieldset .hidden {
+  display: none; }
+
+/* inputs */
+
+form fieldset div.string,
+form fieldset div.numeric,
+form fieldset div.password {
+  margin: 0 0 2em 0; }
+
+form fieldset div.string input,
+form fieldset div.numeric input,
+form fieldset div.text textarea {
+  padding: 0.4em; }
+
+form fieldset div.password input {
+  font-weight: bold; }
+
+form fieldset div.boolean label,
+form fieldset div.boolean input {
+  display: inline; }
+
+form fieldset div.boolean label {
+  margin: 0 0.5em 0 0.2em; }
+
+/* radio buttons and check boxes */
+
+form fieldset div.radio_buttons fieldset ol,
+form fieldset div.check_boxes fieldset ol, {
+  margin-bottom: -0.6em; }
+form fieldset div.radio_buttons fieldset ol li,
+form fieldset div.check_boxes fieldset ol li, {
+  margin: 0.1em 0 0.5em 0; }
+form fieldset div.radio_buttons fieldset ol li label,
+form fieldset div.check_boxes fieldset ol li label {
+  float: none; }
+form fieldset div.radio_buttons fieldset ol li label input,
+form fieldset div.check_boxes fieldset ol li label input, {
+  margin-right: 0.2em; }
+
+/* dates, times, and datetimes */
+
+form fieldset div.date fieldset ol li,
+form fieldset div.time fieldset ol li,
+form fieldset div.datetime fieldset ol li {
+  float: left;
+  width: auto;
+  margin: 0 .3em 0 0; }
+
+form fieldset div.date fieldset ol li label,
+form fieldset div.time fieldset ol li label,
+form fieldset div.datetime fieldset ol li label {
+  display: none; }
+
+form fieldset div.date fieldset ol li label input, 
+form fieldset div.time fieldset ol li label input, 
+form fieldset div.datetime fieldset ol li label input {
+  display: inline;
+  margin: 0;
+  padding: 0; }
+
+/* buttons */
+
+form fieldset.buttons input {
+  font-size: 1.2em;
+  padding: 1em; }
+
diff --git a/public/stylesheets/framework/layout.css b/public/stylesheets/framework/layout.css
new file mode 100644
index 0000000..36396fc
--- /dev/null
+++ b/public/stylesheets/framework/layout.css
@@ -0,0 +1,70 @@
+.clearfix:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+* html .clearfix { height: 1%; }
+*:first-child+html .clearfix { min-height: 1px; }
+
+.half,
+.quarter,
+.three_quarters {
+  display: inline-block;
+  vertical-align: top;
+}
+
+.middle {
+  margin: 0 auto;
+}
+
+.center {
+  text-align: center;
+}
+
+/* grid 960 { 480 240 120 60 30 15 5 } */
+
+/*.grid_960 */ 
+.grid_960 .row{
+  width: 96em;
+  margin: 0 auto;
+}
+
+.grid_960 .half {
+  width: 48em;
+}
+
+.grid_960 .quarter {
+  width: 24em;
+}
+
+.grid_960 .three_quarters {
+  width: 72em;
+}
+
+/* testing framework */
+.test {
+  -moz-opacity: .7;
+  background: #000;
+  color: #FFF;
+}
+.test h1 {
+  background: #0F0;
+}
+.test h2 {
+  background: #0C0;
+}
+.test h3 {
+  background: #090;
+}
+.test h4 {
+  background: #060;
+}
+.test ul {
+  background: #c00;
+}
+.test p {
+  background: #c00;
+}
+
diff --git a/public/stylesheets/framework/reset.css b/public/stylesheets/framework/reset.css
new file mode 100644
index 0000000..30ab0af
--- /dev/null
+++ b/public/stylesheets/framework/reset.css
@@ -0,0 +1,50 @@
+/*
+  reset.css - global defaults
+  http://meyerweb.com/tools/css/reset
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent;
+}
+
+body { line-height: 1; }
+
+ol, ul { list-style: none; }
+
+blockquote, q { quotes: none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none;
+}
+
+/* remember to define focus styles! */
+:focus {
+  outline: 0;
+}
+
+/* remember to highlight inserts somehow! */
+ins { text-decoration: none; }
+del { text-decoration: line-through; }
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
diff --git a/public/stylesheets/framework/typography.css b/public/stylesheets/framework/typography.css
new file mode 100644
index 0000000..c73015c
--- /dev/null
+++ b/public/stylesheets/framework/typography.css
@@ -0,0 +1,145 @@
+/*
+  These values are sensible defaults. You are encouraged to define your own values.
+
+  Formula:
+  base line-height / font-size = element line-height
+
+  Example:
+  base line-height: 1.8 (18px)
+
+  1.8 / 7.2em = .25
+
+  2.1 lineheight
+
+*/
+
+body {
+  background: #fff top left repeat;
+  font-size: .625em; /* 62.5% of browser default (16px) is 10px */
+  font-family: Lucida Sans, Arial, Helvetica,sans-serif;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: Georgia, "Times New Roman", Times, serif;
+  font-weight: normal;
+}
+
+p {
+  font-size: 1.4em;
+  line-height: 1.5;
+  margin: 0 1.5em 1.5em 0;
+}
+
+h1 {
+  font-size: 4.2em;
+  line-height: 1;
+  margin: 0 .5em .5em 0;
+}
+
+h2 {
+  font-size: 3.5em;
+  line-height: 1.2;
+  margin: 0 .6em .6em 0;
+}
+
+h3 {
+  font-size: 2.8em;
+  line-height: .75em;
+  margin: 0 .75em .75em 0
+}
+
+h3.center {
+  margin-right: 0;
+}
+
+ul {
+  list-style-type: square;
+  margin: 0 1.5em 1.5em 1em;
+}
+
+ul,
+dl,
+th,
+td,
+legend {
+  font-size: 1.4em;
+  line-height: 1.5;
+}
+
+input {
+  vertical-align: middle;
+}
+
+/* custom typography */
+
+h1 {
+  font-family: "Garamond", "Times New Roman", Times, serif;
+  text-shadow: 0 0 4px #000;
+}
+
+h2 {
+  font-family: "Baskerville", "Garamond", "Times New Roman", Times, serif;
+}
+
+h3 {
+  font-family: "Baskerville", "Garamond", "Times New Roman", Times, serif;
+  font-style: italic;
+}
+
+#flash_notice, #flash_success, #flash_failure {
+  font-family: Georgia;
+  letter-spacing: .15em;
+  font-variant: small-caps;
+  text-transform: lowercase;
+}
+
+#flash_success {
+  padding: .5em 0;
+  border-top: 1px dashed;
+  border-bottom: 1px dashed;
+}
+
+#flash_notice {
+  padding: .5em 0;
+  border-top: 1px dashed;
+  border-bottom: 1px dashed;
+}
+
+#flash_failure {
+  padding: .5em 0;
+  background: #200;
+  border-top: 1px dashed;
+  border-bottom: 1px dashed;
+}
+
+#flash {
+  font-size: 2.4em;
+  width: 100%;
+}
+
+p, li {
+  font-weight: lighter;
+  font-family: Gotham, Century Gothic, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+a {
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+p.date {
+  text-align: center;
+  text-transform: lowercase;
+  letter-spacing: .2em;
+  font-variant: small-caps;
+  font-family: Georgia, "Times New Roman", Times, serif;
+  font-size: 1.4em;
+}
+
+p.date span {
+  padding: 0 .5em;
+}
+
diff --git a/public/stylesheets/screen.css b/public/stylesheets/screen.css
index e69de29..7838348 100644
--- a/public/stylesheets/screen.css
+++ b/public/stylesheets/screen.css
@@ -0,0 +1,5 @@
+@import url("framework/reset.css");
+@import url("framework/typography.css");
+@import url("framework/layout.css");
+@import url("framework/forms.css");
+
--
libgit2 0.21.2