/* ========== RESET ========== */

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


/* ========== 94em Container with 4em Wide Columns and 2em Gutters ========== */

.wrapper{width:94em;margin:0 auto;} /* Must be given to container */
.c-last{margin-left:0 !important;margin-right:0em !important;} /* Last column on right*/

/* Columns */
.c-1{width:4em;float:left;margin:1em 2em 1em 0;}
.c-2{width:10em;float:left;margin:1em 2em 1em 0;}
.c-3{width:16em;float:left;margin:1em 2em 1em 0;}
.c-4{width:22em;float:left;margin:1em 2em 1em 0;}
.c-5{width:28em;float:left;margin:1em 2em 1em 0;}
.c-6{width:34em;float:left;margin:1em 2em 1em 0;}
.c-7{width:40em;float:left;margin:1em 2em 1em 0;}
.c-8{width:46em;float:left;margin:1em 2em 1em 0;}
.c-9{width:52em;float:left;margin:1em 2em 1em 0;}
.c-10{width:58em;float:left;margin:1em 2em 1em 0;}
.c-11{width:64em;float:left;margin:1em 2em 1em 0;}
.c-12{width:70em;float:left;margin:1em 2em 1em 0;}
.c-13{width:76em;float:left;margin:1em 2em 1em 0;}
.c-14{width:82em;float:left;margin:1em 2em 1em 0;}
.c-15{width:88em;float:left;margin:1em 2em 1em 0;}
.c-16{width:94em;float:left;margin:1em 0em 1em 0em;}

/* Add columns to the left side of a column. */
.before-1{margin-left:6em;}
.before-2{margin-left:12em;}
.before-3{margin-left:18em;}
.before-4{margin-left:24em;}
.before-5{margin-left:30em;}
.before-6{margin-left:36em;}
.before-7{margin-left:42em;}
.before-8{margin-left:48em;}
.before-9{margin-left:54em;}
.before-10{margin-left:60em;}
.before-11{margin-left:66em;}
.before-12{margin-left:72em;}
.before-13{margin-left:78em;}
.before-14{margin-left:84em;}
.before-15{margin-left:90em;}
.before-16{margin-left:96em;}

/* Add columns to right side of a column. */
.after-1{margin-right:6em;}
.after-2{margin-right:12em;}
.after-3{margin-right:18em;}
.after-4{margin-right:24em;}
.after-5{margin-right:30em;}
.after-6{margin-right:36em;}
.after-7{margin-right:42em;}
.after-8{margin-right:48em;}
.after-9{margin-right:54em;}
.after-10{margin-right:60em;}
.after-11{margin-right:66em;}
.after-12{margin-right:72em;}
.after-13{margin-right:78em;}
.after-14{margin-right:84em;}
.after-15{margin-right:90em;}
.after-16{margin-right:96em;}

/* Add padding to the left side of a column. */
.lpad-1{padding-left:6em;}.lpad-2{padding-left:12em;}.lpad-3{padding-left:18em;}
.lpad-4{padding-left:24em;}.lpad-5{padding-left:30em;}.lpad-6{padding-left:36em;}
.lpad-7{padding-left:42em;}.lpad-8{padding-left:48em;}.lpad-9{padding-left:54em;}
.lpad-10{padding-left:60em;}.lpad-11{padding-left:66em;}.lpad-12{padding-left:72em;}
.lpad-13{padding-left:78em;}.lpad-14{padding-left:84em;}.lpad-15{padding-left:90em;}

/* Add padding to the right side of a column. */
.rpad-1{padding-right:6em;}.rpad-2{padding-right:12em;}.rpad-3{padding-right:18em;}
.rpad-4{padding-right:24em;}.rpad-5{padding-right:30em;}.rpad-6{padding-right:36em;}
.rpad-7{padding-right:42em;}.rpad-8{padding-right:48em;}.rpad-9{padding-right:54em;}
.rpad-10{padding-right:60em;}.rpad-11{padding-right:66em;}.rpad-12{padding-right:72em;}
.rpad-13{padding-right:78em;}.rpad-14{padding-right:84em;}.rpad-15{padding-right:90em;}


/* ========== TYPOGRAPHY ========== */

html{font-size:100%;min-height:101%;}
body{font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;font-size:62.5%;background:#fff;color:#222;}
a {text-decoration:underline;color:#585858;}
h1,h1 a,h2, h2 a,h3, h3 a,h4, h4 a,h5, h5 a,h6, h6 a{color:#222;text-decoration:none;font-weight:bold;}
p {font-size:1.3em;}
h1{font-size:3em;line-height:1.2em;}
h2{font-size:3.75em;margin-bottom:0.2em;line-height:0.9em;}
h3{font-size:2.25em;line-height:1.2em;}
h4{font-size:1.5em;line-height:1.5em;}
h5{font-size:1.3125em;line-height:1.8em;}
h6{font-size:1.125em;line-height:1.8em;}

div.c-1 p,div.c-2 p,div.c-3 p,div.c-4 p,div.c-5 p,div.c-6 p,div.c-7 p,div.c-8 p,div.c-9 p,div.c-10 p,div.c-11 p,div.c-12 p,div.c-13 p,div.c-14 p,div.c-15 p,div.c-16 p{
font-size:1.3em;line-height:1.5em;padding:0 0 .5em 0;}

div em{font-style:italic;font-weight:inherit;}
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;}
abbr{border-bottom:1px dotted #666;border-color:inherit;cursor:help;}
.small-caps{font-variant:small-caps;}
.amp{font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;font-style:italic;font-weight:normal;line-height:inherit;}
.right-float{width:100%;float:right;margin-left:2em;margin-right:0;} /* Float any item to the right */
.left-float{width:100%;float:left;margin-right:2em;margin-left:0;} /* Float any item to the left */
.code{font-family:Courier, "Courier New", monospace;background:#ddd;font-size:1em;}  /* Styling for and code type items */
p.intro:first-line{font-variant:small-caps;} /* Introductory paragraph */ 
p.drop:first-letter{width:100%;float:left;font-size:3em;margin-top:-0.05em;margin-right:0.1em;margin-bottom:-0.5em;} /* Drop cap on paragraph */


/* ========== IMAGES ========== */

img{
font-size:1em;
}
img.left-img{ /* Float any image to the LEFT and give it some margin */
font-size:1em;
float:left;
padding:4px;
margin-bottom:1.8em;
margin-right:2em;
margin-top:0.3em;
}
img.right-img{ /* Float any image to the RIGHT and give it some margin */
font-size:1em;
float:right;
padding:4px;
margin-bottom:1.8em;
margin-left:2em;
margin-top:0.3em;
}



/* ========== LISTS ========== */

ul{
margin-bottom:1.8em;
list-style:square inside;
}

ol{
margin-bottom:1.8em;
list-style:decimal inside;
}

ul li, ol li{
font-size:1.3em;
line-height:1.5em;
}

li > ul, li > ol{
margin-bottom:0;
margin-left:5em;
}

li > ul li, li > ol li{
font-size:1.1em;
}

ul li.caption{ /* Apply this class to the first list item in a list to give it a caption */
font-variant:small-caps;
list-style:none;
color:#000;
}




/* ========== CONTACT FORM STYLES ========== */
/*#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;
}*/