/**
 * AAT
 * base.css
 * - styles that standardise the browser environment across
 *   different browsers and platforms
 * - generic utility styles
 */


/* Fonts
   ------------------------------------------------ */
html { font-size: 1.25em; }
body { font:  50% arial, sans-serif; }
html > body { font-size: 10px; }

h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

table, td, input, textarea, select { font: 1em arial, sans-serif; }


/* Main Selectors
   ------------------------------------------------ */
body {
    margin: 0;
    padding: 0;
    background: #FFF;
    color: #000;
    line-height: 1.5em;
    text-align: left;
}

img     { border: 0; }
form    { margin: 0; }
div     { margin: 0; }
p       { margin: 1em 0; }
a img   { border: 0; }
strong  { font-weight: bold; }

a         { color: #0000CC; }
a:visited { color: #770077 }

/* Headings
   ------------------------------------------------ */
h1,h2,h3,h4,h5,h6 { margin: 1em 0; color: #000; }


/* Lists
   ------------------------------------------------ */
ul, ol         { margin: 1em 0 1em 3em; padding: 0; }
li             { margin: 0 0 0.3em 0; padding: 0; }
ul.unstyled    { margin: 0; padding: 0; list-style-type: none; }
ul.unstyled li { margin: 0; padding: 0; float: left; }


/* Utility Classes
   ------------------------------------------------ */
.fl-left   { float: left; }
.fl-right  { float: right; }

.clear     { clear: both; font-size: 0; line-height: 0em; }
.fw        { width: 100%; }
.indent    { margin-left: 2em; }

.right     { text-align: right; }
.top       { vertical-align: top; }
.center    { text-align: center; }
.middle    { vertical-align: middle; }

.bold      { font-weight: bold; }
.italic    { font-style: italic; }

.error     { color: #AA0000; margin: 0 0 1em 0; }
.hide      { display: none; }
.show      { display: block; }

.img-right { float: right; margin: 0 0 1em 1em; }
.img-left  { float: left; margin: 0 1em 1em 0; }

.break     { margin-top: 1em; clear: both; }

h1 span    { position: relative; left: -999em; }