body{
  display:                block;
  font-size:              125%;
  line-height:            1em;
  background:             #404933;
  color:                  #B2C639;
  background-image:       url('/images/tile.gif');
}

#content{
  display:                block;
  height:                 19em;
  width:                  100%;
  margin-top:             3em;
  position:               relative;
  background:             #404933;
  min-width:              960px; 
}
h1{  
  width:                  304px;
  height:                 106px;
  position:               absolute;
  background-image:       url('/images/logo.gif');
  color:                  #fff;
  text-indent:            -300em;
  right:                  50%;
  top:                    5em;
  display:                block;
  margin-right:           5.5em;
}
p{
  width:                  38.666em;
  font-family:            helvetica, arial, sans-serif;
  font-size:              .75em; /* 15px */
  text-align:             center;
  text-shadow:            1px 1px 1px #333;
  letter-spacing:         .025em;
  left:                   50%;
  top:                    16.666em;
  position:               absolute;
  margin-left:            -19.333em;
}
p, x:-moz-any-link, x:default {
  letter-spacing:         .025em;
}
p strong{
  font-weight:            bold;
}
#mailer{
  width:                  23em;
  position:               absolute;
  top:                    6.75em;
  left:                   50%;
  margin-left:            -3.5em;
}
#mailer form{
  position:               relative;
  xoutline:                1px solid red;
  height:                 60px;
}
input{
  border:                 none;
  height:                 60px;
  font-size:              1em;
  font-family:            helvetica, arial, sans-serif;
  margin:                 0;
  padding:                0;
  top:                    0;
  bottom:                 0;
  position:               absolute;
}
input#email{
  left:                   0;
  z-index:                1;
  width:                  17em;
  padding:                1em 0;
  padding-left:           1em;
  height:                 1em;
  
  background-color:       #eee;
  color:                  #888;
  text-shadow:            1px 1px 1px #fff;

  -webkit-border-bottom-left-radius:  30px;
  -webkit-border-top-left-radius:     30px;
  -moz-border-radius-bottomleft:      30px;
  -moz-border-radius-topleft:         30px;
  border-bottom-left-radius:          30px;
  border-top-left-radius:             30px;
}
input#commit{
  right:                  0;
  z-index:                2;
  width:                  5em;
  padding-right: .5em;
  
  background-color:       #B2C639;
  color:                  #404933;
  
  background:             #D9E39C;
  color:                  #404933;
  
  background-color:       #B2C639;
  color:                  #404933;
  
  font-weight:            bold;
  text-shadow:            1px 1px 0px #D9E39C;

  cursor:                 pointer;
  
  -webkit-border-bottom-right-radius:  30px;
  -webkit-border-top-right-radius:     30px;
  -moz-border-radius-bottomright:      30px;
  -moz-border-radius-topright:         30px;
  border-bottom-right-radius:          30px;
  border-top-right-radius:             30px;
}

input#email:hover{
  color:                  #444;
}
input#email:focus{
  color:                  #111;
  background-color:       #fff;
}
input#commit:hover,
input#commit:focus{
  background:             #D9E39C;
  color:                  #333;
  text-shadow:            1px 1px 0px #fff;
}
input#commit:active{
  background-color:       #bbb;
}

#mailer .messages{
  width:                  100%;
  position:               absolute;
  top:                    -3em;
  text-align:             center;
  height:                 2em;
  line-height:            2em;
  border-radius:          1em;
  -webkit-border-radius:  1em; 
  -moz-border-radius:     1em;
  color:                  #222;
  font-weight:            bold;
  font-family:            helvetica, arial, sans-serif;
}
#mailer .messages:after{
  width:                  100%;
  height:                 1em;
  background-color:       #404933;
  color:                  #404933;
  content:                ".";
  display:                block;
  margin-top:             -1em;
  line-height:            1em;
  opacity:                .10;
}

#success{
  background-color:       #B2C639;
  -webkit-box-shadow:     0px 0px 10px #B2C639;
  -moz-box-shadow:        0px 0px 10px #B2C639;
  box-shadow:             0px 0px 10px #B2C639;
  text-shadow:            1px 1px 0px #CCD97C; 
}

#error{
  background-color:       #f00;
  -webkit-box-shadow:     0px 0px 10px #f00;
  -moz-box-shadow:        0px 0px 10px #f00;
  box-shadow:             0px 0px 10px #f00;
  text-shadow:            1px 1px 0px #FF5757;
}