/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   DATE:    2009.06.24
   PURPOSE: Styles the html elements
 **************************************************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

body {
  margin: 0;
  padding: 0;
  min-width: 1000px;

  font: 0.8em arial, sans-serif;
  line-height: 160%;
  
  color: #111;
  background: #fff;
}

/* Reset common elements */
h1, h2, h3, ul, li, form, p {
  padding: 0;
  margin: 0;
}

h1, h2, h3, p {
  padding: 10px 0;
}

ul {
  list-style: none;
}

li {
  display: inline;
}

h1 {
  font: 1.55em arial, sans-serif;
}

h2, 
.big p,
.key-features p {
  font: 1.25em arail, sans-serif;
  line-height: 150%;
  color: #888;
}

h2 strong, 
.big strong,
.key-features p {
  color: #666;
}

a {
  color: #0592ff;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a img {  
  border: 0;
}

noscript {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  
  width: 100%;
  background: #f8e7aa;
}

noscript div {
  width: 920px;
  padding: 5px 40px;
  margin: 0 auto;
}

img.fl {
  margin: 5px 10px 5px 0;
}


/**************************************************************
   Form Elements
 **************************************************************/

label {
  display: block;
  padding: 10px 0 2px 0; 
  
  font: 0.85em arial, sans-serif;  
  text-transform: uppercase;
  
  color: #666;
}

input,
select,
textarea {
  padding: 4px;
  margin-bottom: 6px;
  
  font: 1em arial, sans-serif;
  
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #888 #ddd #ddd #888;
}

input:focus,
select:focus,
textarea:focus {

}

input.button {
  padding: 7px 15px;
  margin-right: 5px;
  
  font-size: 1.3em;
  vertical-align: middle;
  
  color: #fff;
  background-color: #ff3e00;
  border: 0;
  
  cursor: pointer;
}

input.button:hover {
  background-color: #ff2a00;
}


/* Form errors */

#infoproblem {
  background-color: #fbd663;
  padding: 10px;
  margin-bottom: 10px;
}

#infoproblem h4 {
  padding: 3px 0 15px 0;
  margin: 0;
  font: 1.5em arial, sans-serif;
}

#infoproblem ul {
  padding: 0 25px 15px 10px;
}

#infoproblem ul li {
  padding-left: 20px;
  display: block;
  background: url(../img/icon/infoproblem-bullet.gif) no-repeat 0 6px;
}

/* Remove dotted focus outlines */
:active, :focus {
  outline: none;
}

.pricing { border: 0px; }
.pricing td { padding: 0px 20px 0px 0px; }
.highlight { background: yellow; }
label.error { background: yellow; width: 300px; padding: 5px 10px 5px 10px; }
#signupbox { width: 220px; border: 1px solid #ff3e00; padding: 5px 5px 5px 5px; background: #ffc2af; }
#request_display_signup { width: 450px; border: 1px solid #ff3e00; padding: 5px 5px 5px 15px; }
#footer { clear: both; }
#alert { padding: 10px; }
#alert.fail { background: #ffc2af; }
#alert.success { background: #baffaf; }
#contactinfo { position: absolute; bottom: 50px; }
.clear { clear: both; }