html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

body {
  line-height: 1.5; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

table, td, th {
  vertical-align: middle; }

blockquote:before, blockquote:after {
  content: ""; }

q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a img {
  border: none; }

html {
  font-size: 100.01%; }

body {
  font-size: 75%;
  color: #222;
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #111; }

h1 {
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em; }

h2 {
  font-size: 2em;
  margin-bottom: 0.75em; }

h3 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em; }

h4 {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em; }

h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em; }

h6 {
  font-size: 1em;
  font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0; }

p {
  margin: 0 0 1.5em; }
  p img.left {
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0; }
  p img.right {
    float: right;
    margin: 1.5em 0 1.5em 1.5em; }

a {
  color: #009;
  text-decoration: underline; }
  a:focus, a:hover {
    color: #000; }

blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

dfn {
  font-style: italic;
  font-weight: bold; }

sup, sub {
  line-height: 0; }

abbr, acronym {
  border-bottom: 1px dotted #666; }

address {
  margin: 0 0 1.5em;
  font-style: italic; }

del {
  color: #666; }

pre {
  margin: 1.5em 0;
  white-space: pre;
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5; }

code, tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5; }

li ul, li ol {
  margin: 0 1.5em; }

ul, ol {
  margin: 0 1.5em 1.5em 1.5em; }

ul {
  list-style-type: disc; }

ol {
  list-style-type: decimal; }

dl {
  margin: 0 0 1.5em 0; }
  dl dt {
    font-weight: bold; }

dd {
  margin-left: 1.5em; }

table {
  margin-bottom: 1.4em;
  width: 100%; }

th {
  font-weight: bold; }

thead th {
  background: #c3d9ff; }

th, td, caption {
  padding: 4px 10px 4px 5px; }

tr.even td {
  background: #e5ecf9; }

tfoot {
  font-style: italic; }

caption {
  background: #eee; }

.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em; }

.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em; }

.hide {
  display: none; }

.quiet {
  color: #666; }

.loud {
  color: #000; }

.highlight {
  background: #ff0; }

.added {
  background: #060;
  color: #fff; }

.removed {
  background: #900;
  color: #fff; }

.first {
  margin-left: 0;
  padding-left: 0; }

.last {
  margin-right: 0;
  padding-right: 0; }

.top {
  margin-top: 0;
  padding-top: 0; }

.bottom {
  margin-bottom: 0;
  padding-bottom: 0; }

label {
  font-weight: bold; }

fieldset {
  padding: 1.4em;
  margin: 0 0 1.5em 0;
  border: 1px solid #ccc; }

legend {
  font-weight: bold;
  font-size: 1.2em; }

input[type=text], input[type=password], input.text, input.title {
  background-color: #fff;
  border: 1px solid #bbb; }

textarea, select {
  background-color: #fff;
  border: 1px solid #bbb; }

input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus {
  border-color: #666; }

textarea:focus, select:focus {
  border-color: #666; }

input[type=text], input[type=password], input.text, input.title {
  margin: 0.5em 0; }

textarea, select {
  margin: 0.5em 0; }

input.text {
  width: 300px;
  padding: 5px; }
input.title {
  width: 300px;
  padding: 5px;
  font-size: 1.5em; }

textarea {
  width: 390px;
  height: 250px;
  padding: 5px; }

input[type=checkbox], input[type=radio], input.checkbox, input.radio {
  position: relative;
  top: .25em; }

form.inline {
  line-height: 3; }
  form.inline p {
    margin-bottom: 0; }

.error, .notice, .success {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #ddd; }

.error {
  background: #FBE3E4;
  color: #8a1f11;
  border-color: #FBC2C4; }

.notice {
  background: #FFF6BF;
  color: #514721;
  border-color: #FFD324; }

.success {
  background: #E6EFC2;
  color: #264409;
  border-color: #C6D880; }

.error a {
  color: #8a1f11; }

.notice a {
  color: #514721; }

.success a {
  color: #264409; }

.container {
  width: 950px;
  margin: 0 auto; }

.showgrid {
  background: url(src/grid.png); }

.column {
  float: left;
  margin-right: 10px; }

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6 {
  float: left;
  margin-right: 10px; }

.last, div.last {
  margin-right: 0; }

.span-1 {
  width: 150px; }

.span-2 {
  width: 310px; }

.span-3 {
  width: 470px; }

.span-4 {
  width: 630px; }

.span-5 {
  width: 790px; }

.span-6, div.span-6 {
  width: 950px;
  margin-right: 0; }

input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6 {
  border-left-width: 1px!important;
  border-right-width: 1px!important;
  padding-left: 5px!important;
  padding-right: 5px!important; }

input.span-1, textarea.span-1 {
  width: 138px!important; }

input.span-2, textarea.span-2 {
  width: 298px!important; }

input.span-3, textarea.span-3 {
  width: 458px!important; }

input.span-4, textarea.span-4 {
  width: 618px!important; }

input.span-5, textarea.span-5 {
  width: 778px!important; }

input.span-6, textarea.span-6 {
  width: 938px!important; }

.append-1 {
  padding-right: 160px; }

.append-2 {
  padding-right: 320px; }

.append-3 {
  padding-right: 480px; }

.append-4 {
  padding-right: 640px; }

.append-5 {
  padding-right: 800px; }

.prepend-1 {
  padding-left: 160px; }

.prepend-2 {
  padding-left: 320px; }

.prepend-3 {
  padding-left: 480px; }

.prepend-4 {
  padding-left: 640px; }

.prepend-5 {
  padding-left: 800px; }

div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee; }
div.colborder {
  padding-right: 84px;
  margin-right: 85px;
  border-right: 1px solid #eee; }

.pull-1 {
  margin-left: -160px; }

.pull-2 {
  margin-left: -320px; }

.pull-3 {
  margin-left: -480px; }

.pull-4 {
  margin-left: -640px; }

.pull-5 {
  margin-left: -800px; }

.pull-6 {
  margin-left: -960px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6 {
  float: left;
  position: relative; }

.push-1 {
  margin: 0 -160px 1.5em 160px; }

.push-2 {
  margin: 0 -320px 1.5em 320px; }

.push-3 {
  margin: 0 -480px 1.5em 480px; }

.push-4 {
  margin: 0 -640px 1.5em 640px; }

.push-5 {
  margin: 0 -800px 1.5em 800px; }

.push-6 {
  margin: 0 -960px 1.5em 960px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6 {
  float: right;
  position: relative; }

.prepend-top {
  margin-top: 1.5em; }

.append-bottom {
  margin-bottom: 1.5em; }

.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #E5ECF9; }

hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none; }
  hr.space {
    background: #fff;
    color: #fff;
    visibility: hidden; }

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden; }

.clearfix, .container {
  display: block; }

.clear {
  clear: both; }