/* =====  Site Title  ===== */
/* designed by www.skull-lab.com */

/* =====  SETUP & FIXES  ===== */

@import url("type.css");

/* html5 fix */
article, aside, figure, footer, header,
hgroup, menu, nav, section {display: block}

/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, a img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent}body {line-height: 1}ol, ul {list-style: none;}blockquote, q {quotes: none}/* remember to define focus styles! */:focus {outline: 0}/* remember to highlight inserts somehow! */ins {text-decoration: none}del {text-decoration: line-through}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0}

/* =====  ELEMENTS & LINKS  ===== */

/* using 100% Easy-2-Read (100E2R) standard  */

body {
/* readable text size & spacing */
font: normal normal 300 16px/1.5 Georgia, "Times New Roman", Times, serif;
text-align: center;
/* clear color contrast */
color: #333;
background-color: #FFF;
/* some breathing space */
margin-left: 0 10%;
}

/* images in multiples of 16px, with 24px margins (or just in a <p>) */
img {
/* height: 10em; */
width: 80%;
text-align: center
}


p {
/* readable measure ~ 50% */
width: 37em;
/* readable measure ~ 66 characters per line */
/* width: 33em; */

text-indent: 0;
/* margin: 1.5em 0; */
margin-bottom: 0;

margin: 0 auto;
text-align: justify
}

p.image {text-align: center}
  
p + p {
text-indent: 1.5em;
margin-top: 0;
}

h1 {
font-size: 2em; /* 32px */
line-height: 0.75; /* 24px */
margin: 1.125em 0 0.375em;
color: #3478e3;
}

h2 {
font-size: 1.5em; /* 24px */
line-height: 1; /* 24px */
margin: 1.5em auto 0.5em auto;
width: 24em;
}

section {margin-bottom: 0.5em}

/* OR */
body { font-size:100%; }
h1 { font-size:2.25em;  /* 16x2.25=36 */ }
h2 { font-size:1.5em;   /* 16x1.5=24 */ }
h3 { font-size:1.125em; /* 16x1.125=18 */ }
h4 { font-size:0.875em; /* 16x0.875=14 */ }
p  { font-size:1em;  /* 16x0.75=12 */ }


blockquote {
margin: 1.5em;
font-style: italic;
}
   
a:link {color: #3478e3; text-decoration: underline}
a:visited {color: #333;}
a:hover,a:focus {color: #3478e3; text-decoration: none;}
a:active {}



p {
/* text figures */
font-variant-numeric: oldstyle-nums;
}

/* if http://webtypography.net/Harmony_and_Counterpoint/Numerals__Capitals_and_Small_Caps/3.2.1/ */
h1 {
text-transform: uppercase;
/* titling figures */
font-variant-numeric: lining-nums;
}

abbr {letter-spacing: 0.1em}

p, ul, li {
}

strong {font-weight: bold}

/* =====  STRUCTURE  ===== */

/* =====  HEADER  ===== */

/* =====  NAV  ===== */

/* =====  ARTICLES  ===== */

/* =====  FOOTER  ===== */

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

/* =====  NON-STANDARD  ===== */