main.css

/* =Reset */
*                  { margin: 0; padding: 0; }
body, html         { height: 100%; }
body               { font: 62.5%/1.5 Verdana, sans-serif; }
ul, ol             { list-style: none; }
a                  { outline: none; }
a img              { border:none; }
h1, h2, h3, h4, h5 { font-weight: normal;
                     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* =Vertical Grid 
 * 12 columns, 80 pixels each, with 10 pixel gutter | http://www.1kbgrid.com/ */

.grid_1     { width:80px;  }
.grid_2     { width:170px; }
.grid_3     { width:260px; }
.grid_4     { width:350px; }
.grid_5     { width:440px; }
.grid_6     { width:530px; }
.grid_7     { width:620px; }
.grid_8     { width:710px; }
.grid_9     { width:800px; }
.grid_10    { width:890px; }
.grid_11    { width:980px; }
.grid_12    { width:1070px;}

.column     { margin: 0 5px; overflow: hidden; float: left; display: inline; }
.row        { margin: 0 auto; width: 1080px; overflow: hidden; }
.row .row   { margin: 0 -5px; width: auto; display: inline-block; }

/* =Baseline Grid */

p, li, pre, blockquote,
form label, dt, dd, table,
hr          { font-size: 1.2em ; line-height: 1.5em ; margin-bottom: 1.5em ; }
h1          { font-size: 3.6em ; line-height: 1em   ; margin-bottom: 0.5em ; }
h2          { font-size: 1.8em ; line-height: 1em   ; margin-bottom: 1em   ; }
h3          { font-size: 1.5em ; line-height: 1.2em ; margin-bottom: 1.2em ; }
h4          { font-size: 1.2em ; line-height: 1.5em ; margin-bottom: 0     ; }
h5          { font-size: 1em   ; line-height: 1.8em ; margin-bottom: 0     ; }
p.small     { font-size: 1em   ; line-height: 1.8em ; margin-bottom: 1.8em ; }

ul, ol      { margin-bottom: 1.8em; }
li, dt      { margin-bottom: 0; }

li li, li p, dl p, blockquote p { font-size: 1em; }
ul ul, ol ol, ul ol, ol ul      { margin-left: 1.4em; margin-bottom: 0; }


/* =General Styles */

a             { color:#666; text-decoration:underline; }
a:hover       { border-bottom:1px solid #CCC; }

dt            { font-weight: bold; }
table         { width: 100%; }
th            { text-align: left; border-bottom: 1px solid #999;
                margin-bottom: -1px; }
th, td        { padding-left: 2px; }
tfoot td      { margin-top: -1px; border-top: 1px solid #CCC; }
table caption { color: #999; }
pre, code, tt { font-family: "Courier New", Courier, monospace; }
abbr, acronym { border-bottom: 1px dashed #DDD; cursor: help; }

.clear        { clear: both; }
.hide         { display: none; }
.small        { font-size: 0.9em; }

/* =UI */

tbody tr:nth-child(even) td { background: #F3F8FE; } /* zebra stripes */