/*------------------------------
  typography & colors
------------------------------*/

html
{   /* base typography */
    font-family:    Arial, sans-serif;
    font-size:      1em;
    color:          #555;
    line-height:    1.25em;
    padding: 10px 20px;
}

h1
{
    color:          #FFF;
    font-size:      28px;
    font-weight:    lighter;
    margin:         0 0 25px 0;
}

h1 em   { font-size: 0.65em }

h2
{
    background: url('/images/layout/hdr_bg.png') repeat-x bottom left;
    font-size:      20px;
    font-weight:    normal;
    margin:         0 0 10px 0;
    padding:        0 0 10px 0;
}

h3      { font-size:  16px }

h2, h3, h4, h5, h6      { color: #333 }             /* distinguish headers */

h3, h4, h5, h6          { margin: 0 0 0.5em 0 }     /* establish fluid line-height on content H's */

p, ol, ul, dl,
table, blockquote       { margin: 0 0 1em 0 }       /* consistent line spacing */

p, ol, ul, dl, td       { font-size:    12px }    /* body font size */

ol, ul, dd              { padding-left: 2em }

dt                      { font-weight:  bold }

blockquote
{
    background: #FAFAFA;
    border:     1px solid #DDD;
    font-style: italic;
    padding:    1em 1em 0 1em;
}

a           { color: #3E71AD; text-decoration: none; outline: none;}
a:hover     { text-decoration: underline; }

img         { border: 0; }

hr
{
    background-color: #DDD;
    border: 0;
    clear: both;
    color: #DDD;
    height: 1px;
    margin: 0 0 1em 0;
}