﻿/* GENERAL RESET */
body{padding:0;margin:0;*font-size:small;*font:x-small;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;font:100%;}
ul{list-style:none;}
img{border:0;}
p{margin:1em 0;}

/*
TYPOGRIDPHY - TYPOGRAPHICAL AND GRID LAYOUT CSS FRAMEWORK FROM HARRY ROBERTS OF CSS WIZARDRY
TYPOGRIDPHY IS © COPYRIGHT OF HARRY ROBERTS   |   v 0.1.1
IT IS FREE TO BE USED AND MODIFIED PROVIDED   |   May 2008
THIS TEXT REMAINS INTACT -- CSSWIZARDRY.COM   |   http://csswizardry.com
*/
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; padding:0 1em; text-align:center;}
#wrapper{width:94em; margin:0 auto; text-align:left;}
#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}

.generic{float:left; padding-top:1em; margin-bottom:2em}

.clear{clear:both}

.end{margin-left:0 !important; margin-right:0 !important}

.hunsixty{width:16em; margin-right:0em}
.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}

p.intro:first-line{font-variant:small-caps}

p.drop:first-letter{float:left; font-size:3em; margin-top:-0.05em; margin-right:0.1em; margin-bottom:-0.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}

blockquote p{font-size:1.2em!important; line-height:1.5em!important; margin-bottom:1.5em!important; font-style:italic; font-weight:bold}
blockquote p cite{font-style:normal}
.generic strong{font-variant:small-caps}
.generic em{font-style:italic; font-weight:inherit}
.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; margin-left:2em; margin-right:0}
.left-float{float:left; margin-right:2em; margin-left:0}
.code{font-family:Courier,"Courier New",monospace; background:#ddd; font-size:1em}

img{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}
li >ul, li >ol{margin-bottom:0; margin-left:5em}
li >ul li, li >ol li{font-size:1em}
ol{margin-bottom:1.8em; list-style:decimal inside}
ol li{font-size:1.2em; line-height:1.5em}


