/* +----------------------------------------------------------------------------------------------------+ | | | TYPOGRIDPHY - TYPOGRAPHICAL AND GRID LAYOUT CSS FRAMEWORK FROM HARRY ROBERTS OF CSS WIZARDRY | | | +-------------------------------------------------+--------------------------------------------------+ | | | | TYPOGRIDPHY IS © COPYRIGHT OF HARRY ROBERTS | v 0.1.0 | | IT IS FREE TO BE USED AND MODIFIED PROVIDED | May 2008 | | THIS TEXT REMAINS INTACT -- CSSWIZARDRY.COM | http://csswizardry.com | | | | +-------------------------------------------------+--------------------------------------------------+ COLOUR REFERENCES BODY BG: #FFF TOP STRIP: #000 BODY COLOUR: #666 LINKS: #000 -------------------------------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{ border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}html{font-size:100%;min-height:101%}body{font-size:62.5%;font-family:Georgia,"Times New Roman",serif;color:#666;background: #fff;border-top:0.5em solid #666}#wrapper{width:94em;margin:0 auto}#header{width:94em;padding-top:1.5em;margin-bottom:2em}#nav{font-size:2em}#nav a{font-variant:small-caps;color:#000}#nav a:hover{text-decoration:none}#nav span{float:right;margin-top:-1.2em}#footer-nav{word-spacing:0.2em}#footer-nav a{color:#000;font-variant:small-caps}.generic{border-top:0.5em solid #666;float:left;padding-top:1em;margin-bottom:2em}.clear{clear:both}.end{margin-left:0 !important;margin-right:0 !important}.twotwenty{width:22em;margin-right:2em}.twoeighty{width:28em;margin-right:2em}.threeforty{width:34em;margin-right:2em}.fourhun{width:40em;margin-right:2em}.foursixty{width:46em;margin-right:2em}.fivetwenty{width:52em;margin-right:2em}.fiveeighty{width:58em;margin-right:2em}.sixforty{width:64em;margin-right:2em}.sevenhun{width:70em;margin-right:2em}.sevensixty{width:76em;margin-right:2em}.eighttwenty{width:82em;margin-right:2em}.eighteighty{width:88em;margin-right:2em}.nineforty{width:94em}.generic p{font-size:1.2em;line-height:1.5em;margin-bottom:1.5em}h1{color:#000;font-size:3em;margin-bottom:0.6em;font-style:italic;line-height:1.2em}h2{color:#000;font-size:2em;margin-bottom:0.9em;line-height:0.9em}h3{color:#000;font-size:1.5em;margin-bottom:1.2em;line-height:1.2em;font-variant:small-caps}h4{color:#000;font-size:1.2em;margin-bottom:1.5em;line-height:1.5em;font-variant:small-caps}h5{color:#000;font-size:1em;margin-bottom:1.8em;line-height:1.8em;font-variant:small-caps}h6{color:#000;font-size:1em;margin-bottom:1.8em;line-height:1.8em}p a{color:#000}p a:hover{text-decoration:none}h1 a{color:#000}h1 a:hover{text-decoration:none}li a{color:#000}li a:hover{text-decoration:none}.generic strong{font-variant:small-caps}.generic em{font-style:italic}.amp{font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;font-style:italic;font-weight:normal;line-height:inherit}abbr{border-bottom:1px dotted #666;border-color:inherit;cursor:help}.clear{clear:both}.right-float{float:right}.left-float{float:left}.code{font-family:Courier,"Courier New",monospace;background:#ddd;font-size:1em}img.left-img{font-size:1em;float:left;padding:4px;border:1px solid #ccc;margin-bottom:1.8em;margin-right:2em;margin-top:0.3em}img.right-img{font-size:1em;float:right;padding:4px;border:1px solid #ccc;margin-bottom:1.8em;margin-left:2em;margin-top:0.3em}#contact-form{}#contact-form label{width:10em;float:left;margin-top:0.6em}#name,#form-email,#url,#location{width:42.7em;height:20px;padding:3px;padding-top:5px;border:2px solid #666;margin-bottom:18px;background:#fff !important}#comments{width:43.8em;height:10em;padding:3px;border:2px solid #666;margin-bottom:18px;overflow:auto;background:#fff !important}#name:active,#form-email:active,#url:active,#location:active,#comments:active,#submit:active,#name:focus,#form-email:focus,#url:focus,#location:focus,#comments:focus,#submit:focus{border:2px solid #000}#submit{clear:both;padding:5px;border:2px solid #666;background:#fff !important;cursor:pointer;margin-left:9em}#reset{clear:both;padding:3px;border:none;background:#f00 !important;cursor:pointer;float:right;color:#fff;margin-top:-28px}ul{margin-bottom:1.8em;list-style:square inside}ul li{font-size:1.2em;line-height:1.5em}ul li.caption{font-variant:small-caps;list-style:none;color:#000}ol{margin-bottom:1.8em;list-style:decimal inside}ol li{font-size:1.2em;line-height:1.5em}