/** =reset
[http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/]
************************************************************/
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;
}

/* inline elements */
strong              { font-weight: bold; }
cite, em, var, dfn  { font-style: italic; }
abbr                { text-transform: lowercase; font-variant: small-caps; letter-spacing: 0.1em; cursor:help; }
a abbr              { cursor: pointer; }
ins                 { text-decoration: none; border-bottom: 1px dotted; }
a ins               { border: 0; }
del                 { text-decoration: line-through; }
sup,sub             { font-size: 85%; }
sup                 { vertical-align: super; }
sub                 { vertical-align: sub; }

/* tables */
table               { width: 100%; border-collapse: collapse; }
caption, th, td     { text-align: left; }
th, td              { vertical-align: top; }
th                  { font-weight: bold; }

/* quotes */
blockquote, q { quotes: none; }

/* address */
address { font-style: normal;}

/* images */
img { max-width: 100%; }

/** =group (clearfix)
[http://www.positioniseverything.net/easyclearing.html]
************************************************************/
.group:after, .hnav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group, .hnav { display: inline-block; }
* html .group, * html .hnav { height: 1%; }
.group, .hnav { display: block; }

/** =utility classes
************************************************************/
.hide,
.js .js-hide,
.js-show      { display: none; }
.js .js-show  { display: block; }
.access       { position: absolute; left: -999em; }

.right      { float: right; }
.left	      { float: left; }
.clear      { clear: both; }
.center     { text-align: center; }
img.center  { display: block; margin-left: auto; margin-right: auto; }

.nav        { list-style-type: none;	margin: 0; }
.nav li     { padding: 0; margin: 0; background: none; }
.hnav li    { float: left; display: inline; }
.hnav a,
.vnav a     { display: block; }
.inav li    { display: inline; }


/** =forms
************************************************************/
input, select, textarea, button { margin-top: 0; margin-bottom: 0; }

/** =grid
[http://blueprint-generator.kaizeku.com/]
************************************************************/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23 {
  float:left;
  margin-right: 15px;
}
.col-last { margin-right: 0; }
.col-1  { width: 20px; }
.col-2  { width: 55px; }
.col-3  { width: 90px; }
.col-4  { width: 125px; }
.col-5  { width: 160px; }
.col-6  { width: 195px; }
.col-7  { width: 230px; }
.col-8  { width: 265px; }
.col-9  { width: 300px; }
.col-10 { width: 335px; }
.col-11 { width: 370px; }
.col-12 { width: 405px; }
.col-13 { width: 440px; }
.col-14 { width: 475px; }
.col-15 { width: 510px; }
.col-16 { width: 545px; }
.col-17 { width: 580px; }
.col-18 { width: 615px; }
.col-19 { width: 650px; }
.col-20 { width: 685px; }
.col-21 { width: 720px; }
.col-22 { width: 755px; }
.col-23 { width: 790px; }
.col-24 { width: 825px; margin: 0; }


/** ===Rails scaffold styles
************************************************************
************************************************************/
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}