/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   DATE:    2006.03.19
   PURPOSE: Styles the html elements
 **************************************************************/
* {margin:0px;padding:0px;}
html { height:100%; }
body { height:100%; margin: 0; padding: 0; text-align: center; font: 0.8em verdana, arial, sans-serif;  background-color: #666666; /*background: #666 url(../images/bg/header_bg.gif) repeat-x top left;*/ color: #EEE; }
h1 { clear: both; font:  2.5em "trebuchet ms", serif; color: #FFF; }
h2 { font:  1.5em "trebuchet ms", serif; color: #9FF3FF; }
h2 a { color: #29E3FF; }
h2 a:hover { color: #FFF; }
h3 { font:  1.3em "trebuchet ms", serif; color: #F8D766; }
h4 { font:  1.2em "trebuchet ms", serif; color: #F39F01; }
h5 { font:  1.1em "trebuchet ms", serif; color: #F17400; }
h6 { font:  1em "trebuchet ms", serif; color: #FF4B33; }
h1, h2, h3, h4, h5, h6, p, dl { margin: 0; padding: 10px 15px; }

/* Done so the leftmost column aligns properly with the header.
   If the leftmost column has class gradient applied to it, 
   this class isn't required. */
.leftColumn h1,
.leftColumn h2, 
.leftColumn h3,
.leftColumn h4,
.leftColumn h5,
.leftColumn h6,
.leftColumn p,
.leftColumn dl { padding-left: 0; }
a { color: #8BE6FA; }

/* Uncomment this if you would like a visited link style 
a:visited {
  text-decoration: line-through;
} */

/**************************************************************
   Form Elements
 **************************************************************/
label { display: block; }
input,
textarea,
select { padding: 2px; font:  1em verdana, sans-serif; color: #444; background: #EEE; border: 1px solid #444; }
input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover { color: #000; background: #E4F7FA; border: 1px solid #00DFFF; }
input.button { padding: 2px 5px; font:  1.1em "trebuchet ms", serif; color: #555; background: #9FF3FF; border-width: 1px; border-style: solid; border-color: #FFF #00DFFF #00DFFF #FFF; }
/**************************************************************
   Blockquote and included icons
 **************************************************************/
blockquote { margin: 10px 15px; padding-left: 27px; background-color: #444; background-image: url(../images/icons/quote.gif); background-repeat: no-repeat; background-position: 5px 50%; }
blockquote.exclamation { background-image: url(../images/icons/exclamation.gif); }
blockquote.stop { background-image: url(../images/icons/stop.gif); }
blockquote.go { background-image: url(../images/icons/go.gif); }
/**************************************************************
   Images
 **************************************************************/
img.floatRight { margin: 5px 0px 10px 15px; }
img.floatLeft { margin: 5px 15px 10px 0px; }
a img { border: 2px solid #8BE6FA; }
a:hover img { /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */ border: 2px solid #FFF !important; border: 2px solid #8BE6FA; }