body #header{
  width:                  47em;
  height:                 15em;
  left:                   50%;
  margin-left:            -23.5em;
  background-image:       url('/_img/logo.png');
  background-repeat:      no-repeat;
  background-position:    center top;
  z-index:                1;
}
body #header h1{
  display:                none;
}
body #header h2{
  display:          block;
  width:            47em;
  width:            23.5em;
  margin-top:       11em;
  margin-top:       5.5em;
  text-transform:   Uppercase;
  font-family:      courier;
  color:            #90ddd2;
  font-size:        2em;
}
body section{
  padding-top:      15.5em;
  position:         relative;
  z-index:          2;
}
body section img{
  display: none;
}
body aside h1,
body section p{
  color:            #eee;
  font-style:       italic;
}
/* Download Page */
body section h2 a{
  width:            230px;
  height:           53px;
  background-image: url("/download/download.png");
  display:          block;
  margin:           0 auto;
  overflow:         hidden;
  line-height:      30em;
  margin-top:       1em;
}
body aside h1{
  font-size:        .75em;
  margin-top:       3.25em;
  color:            #aaa;
  line-height:      1.33em;
}
body aside ul{
  display:          block;
  height:           1.5em;
  padding-top:      1em;
}
body aside ul li{
  display:          inline;
}

body aside ul li a{
  width:            1.5em;
  height:           1.5em;
  display:          inline-block;
  overflow:         hidden;
  line-height:      30em;
  background-position: center center;
  background-repeat:   no-repeat;
}
body aside ul li.email a{
  background-image: url('/download/email.png');
}

body aside ul li.facebook a{
  background-image: url('/download/facebook.png');
  margin: 0 1.5em;
}
body aside ul li.twitter a{
  background-image: url('/download/twitter.png');
}
body footer{
  margin: 2em 0;
}
body footer a{
  text-decoration: none;
  color: #39b777;
  text-transform: Uppercase;
}
body footer a b{
  color: #003a21;
  text-shadow: 1px 1px 0px rgba(255,255,255, .33);
  font-weight: bold;
  background-color: #39b777;
  width: 1em;
  height: 1em;
  overflow: hidden;
  -webkit-border-radius:  .5em;
  -moz-border-radius:     .5em;
  border-radius:          .5em;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin-right: .2em;
}
body footer a b strong{
  font-size: .75em;
  display: inline-block;
  vertical-align: top;
  line-height: 1.333em;
  xoutline: 1px solid red;
  padding-right: .15em;
}

/* Sign Up Page */
body section form{
  margin-top:       1.5em;
}
body section form input{
  vertical-align:   middle;
  margin:           0;
}

body section form input#email{
  width:            350px;
  padding:          6px 10px;
  margin-right:     10px;
  font-size:        1em;
  color:            #999;
  border:           none;
  height:           1.333em;
  -webkit-border-radius:  .35em;
  -moz-border-radius:     .35em;
  border-radius:          .35em;
  background-color: #ddd;
  text-shadow: 1px 1px 0px #fff;
}
body section form input#email:focus{
  color:            #222;
  background-color: #f5f5f5;
}
body footer a:hover,
body section h2 a:hover,
body aside ul li a:hover,
body section form input#submit:hover{
  opacity:          .75; 
  -moz-opacity:     .75; 
  filter:           alpha(opacity=75);
}
body footer a:active,
body section h2 a:active,
body aside ul li a:active,
body section form input#submit:active{
  opacity:          .5; 
  -moz-opacity:     .5; 
  filter:           alpha(opacity=50);
}