
/* 1. RESET
----------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,input,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp, select,
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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, hgroup, 
menu, nav, output, ruby, section, summary, textarea,
time, mark, audio, video {
  border: 0;
  font-size:100%;
  font: inherit;
  margin: 0;
  padding: 0;
  font-family: Lato, Verdana, Arial;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  }
  
  
/* 2. ROOT
----------------------------------------------------------------------------------------*/
html { 
  background: #FFF;
  overflow-y: scroll;
  }

img{border:0px;}
.ie6 img.full, .ie6 object.full, .ie6 embed, .ie6 video { width: 100%; }


/* 3. CORE TYPOGRAPHY
----------------------------------------------------------------------------------------*/
body {color: #111; font-family: Arial,Helvetica,sans-serif;	font-size: 75%; line-height: 1.618em; text-align: left;}
h1, h2, h3, h4, h5, h6 {color: #333359; font-family: 'Droid Sans',Helvetica,Arial,sans-serif; letter-spacing: -0.03em;	font-weight: normal;}
h5,h6 {letter-spacing: 0}
h1 {font-size: 2.4em;line-height: 1.2em;margin-bottom: .5em}
h2 {font-size: 1.7em;line-height: 1.4em;margin-bottom: .5em}
h3 {font-size: 1.4em;line-height: 1.4em;margin-bottom: .4em}
h4 {font-size: 1.2em;font-weight: bold;line-height: 1.4em;margin-bottom: .4em}
h5 {font-size: 1em;font-weight: bold;margin-bottom: 0}
h6 {font-size: 1em;font-weight: bold}

p, ul, ol, dl, blockquote {
    font-size: 1em;
    line-height: 1.618em;
    margin-bottom: 1.618em; 
    /*max-width: 30em;  Optimal width for long-form text */
}
    
p{margin-bottom:1em;}
ul, ol{ list-style: none;margin:0; padding:0;}
nav ul, nav ol { list-style: none; margin: 0; padding: 0;}

b, strong { font-weight: bold; }
i, em { font-style: italic; }
small { font-size: 80%; }

input[typ=chackbox]{margin:0;}
/* 4. LINKS
----------------------------------------------------------------------------------------*/
a, a:visited { outline: none; color: white;}  
a:hover { outline: none; text-decoration:none; }  
a:active, a:focus { outline: none; }
