/*
	Inck is set in fourteen pixel Hoefler
	Text using Cloud.typography. The grid 
	is twelve hundred pixels divided into 
	twelve columns of eighty pixels each 
	with twenty pixel gutters. The 
	baseline grid is twenty-one pixels. 
	The text is printed in black and the 
	links in your browser default on acid-
	free rgb(242, 231, 233).
*/

/* grid.css.php */
.space { height:1px; }
.zero_units,
.one_unit,
.two_units,
.three_units,
.four_units,
.five_units,
.six_units,
.seven_units,
.eight_units,
.nine_units,
.ten_units,
.eleven_units,
.twelve_units { float:left; margin-left:2em; }
.zero_units { width:-2em; }
.one_unit { width:8em; }
.two_units { width:18em; }
.three_units { width:28em; }
.four_units { width:38em; }
.five_units { width:48em; }
.six_units { width:58em; }
.seven_units { width:68em; }
.eight_units { width:78em; }
.nine_units { width:88em; }
.ten_units { width:98em; }
.eleven_units { width:108em; }
.twelve_units { width:118em; }
#page { width:122em; margin:0 auto; }
#grid { width:120em; padding-left:2em; }
.contained { margin-left:0; } /* ToDo: Change 'contained' to 'first' or 'first_child'. Move in all markup to succeed 'module'? */
.rule_at_right ul { padding-right:1.9em; border-right:.1em solid #bbb; }

/* module.css */
.module { margin-bottom: 5px; }
.wrap .module { float:left; }

/* typography.css */
html { font-family:'Hoefler Text A', 'Hoefler Text B', serif; font-size:62.5%; font-weight:400; font-style:normal; background-color:rgb(242,231,233); }
a { text-decoration:none; }
a:hover { text-decoration:underline; cursor:pointer; }

