/* --------------------------------------------------------------
	THIS FILE SHOULD NOT BE EDITED.  ALL OVERRIDES should go into the style.css
		
	Blueprint grid.css file for version 0.9.1		Width: 998px	Columns: 24		Column width: 32px		Gutter width: 10px
	This file was generated with GridCalc (http://www.problem.se/labs/gridcalc/)

   grid.css   * Sets up an easy-to-use grid of 24 columns.
   By default, the grid is 950px wide, with 24 columns   spanning 30px, and a 10px margin between columns.
   If you need fewer or more columns, namespaces or semantic   element names, use the compressor script (lib/compress.rb)
-------------------------------------------------------------- */

.container {width:993px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:15px;}
.last {margin-right:0;}
.span-1 {width:27px;}
.span-2 {width:69px;}
.span-3 {width:111px;}
.span-4 {width:153px;}
.span-5 {width:195px;}
.span-6 {width:237px;}
.span-7 {width:279px;}
.span-8 {width:321px;}
.span-9 {width:363px;}
.span-10 {width:405px;}
.span-11 {width:447px;}
.span-12 {width:489px;}
.span-13 {width:531px;}
.span-14 {width:573px;}
.span-15 {width:615px;}
.span-16 {width:657px;}
.span-17 {width:699px;}
.span-18 {width:741px;}
.span-19 {width:783px;}
.span-20 {width:825px;}
.span-21 {width:867px;}
.span-22 {width:909px;}
.span-23 {width:951px;}
.span-24 {width:993px;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, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;}
input.span-1, textarea.span-1 {width:15px;}
input.span-2, textarea.span-2 {width:57px;}
input.span-3, textarea.span-3 {width:99px;}
input.span-4, textarea.span-4 {width:141px;}
input.span-5, textarea.span-5 {width:183px;}
input.span-6, textarea.span-6 {width:225px;}
input.span-7, textarea.span-7 {width:267px;}
input.span-8, textarea.span-8 {width:309px;}
input.span-9, textarea.span-9 {width:351px;}
input.span-10, textarea.span-10 {width:393px;}
input.span-11, textarea.span-11 {width:435px;}
input.span-12, textarea.span-12 {width:477px;}
input.span-13, textarea.span-13 {width:519px;}
input.span-14, textarea.span-14 {width:561px;}
input.span-15, textarea.span-15 {width:603px;}
input.span-16, textarea.span-16 {width:645px;}
input.span-17, textarea.span-17 {width:687px;}
input.span-18, textarea.span-18 {width:729px;}
input.span-19, textarea.span-19 {width:771px;}
input.span-20, textarea.span-20 {width:813px;}
input.span-21, textarea.span-21 {width:855px;}
input.span-22, textarea.span-22 {width:897px;}
input.span-23, textarea.span-23 {width:939px;}
input.span-24, textarea.span-24 {width:981px;}
=======

/* Use this class on any .span / container to see the grid. */
.showgrid {
  background: url(src/grid.png);
}

/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 25px;
  margin-right: 26px;
  border-right: 1px solid #eee;
}


/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top {
  margin-top:1.5em;
}
.append-bottom {
  margin-bottom:1.5em;
}

/* Use a .box to create a padded box inside a column.  */
.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #E5ECF9;
}

/* MOVED & CHANGED INTO OVERRIDES Use this to create a horizontal ruler across a column.
hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  border: none;
} */

hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

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

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }