/*

	CSS GRID OVERLAY
	----------------

	This very stylesheet is created for ease of use rather than writing the cleanest code possible.

	Grid Tool makes it easy to setup a grid without having to use Photoshop/Fireworks
	(or what have you) to create grid images, and then write the css for it.

	Use this handy tool to calculate widths for your grid: http://www.29digital.net/grid/.

*/

/* GRID WIDTH
-------------*/
#grid
{ width: 950px; }

/* ALIGN
--------*/
#grid
{ margin: 0 auto; } /* Center */

/* GRID HEIGHT
--------------*/
#grid li
{ height: 2000px; }

/* COLUMN WIDTH
---------------*/
#grid li
{ width: 68px;
  border-right-width: 1px;
  border-left-width: 1px; } /* 70px including borders */

/* GUTTER
---------*/
#grid li
{ margin: 0 0 0 10px; }

#grid ol
{ margin: 0 0 0 -10px; }


/* And here follows stuff you don't have to care about, unless you want to! */
#grid-import{min-width:100%;position:absolute;min-height:100%;background:rgba(253,28,17,0.1);}
#grid ol{ list-style-type: none; }
#grid li{background:rgba(253,28,17,0.2);float: left;border-left-color:rgba(253,28,17,0.5);border-right-color:rgba(253,28,17,0.5);border-style:solid;border-top:0;border-bottom:0;}