/* 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; }