body {
  
  color: #fff;
  margin: 0;
  
  background: -webkit-gradient(linear, left top, left bottom, from(#112C41), to(#1E4F73), color-stop(1, #1E4F73));
  background-color: #1E4F73;
  background-repeat: no-repeat;
  
  text-shadow: 0 2px 2px rgba(0,0,0,0.5);
}

body, input, textarea {
  font-family: "Josefin Sans Std Light" , "Trebuchet MS", sans-serif;
  font-size: 22px;
}

input, textarea {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 17px;
}

div#wrapper {
  margin: 11em auto 4em auto;
  position: relative;
  width: 25em;
}

div#content {
  padding: 0 0 3em 0;
}

div#content p.big {
  font-size: 1.3em;
}

div#footer {
  line-height: 1.7em;
}


div#footer p {
  margin: 0 ;
  font-size: 0.85em;
}

a {
  color: #ffa;
  text-decoration: none;
}

a:hover {
  color: #ff6;
}

a, a:active { outline: none; }
img { border: 0; }

form.f {
  width: 350px;
  padding: 10px 20px;
  
  border: 1px solid #50642F;
  background-color: #284053;
}

form.f p:first-child {
  margin-top: 0;
}

form.f textarea {
  border: 0;
  background-color: #fff;
  color: #000;
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  
  margin: 2px 0 0 0;
  padding: 0em 0 0em 0.2em;
  
  width: 348px;
  height: 100px;
}

form.f input {
  border: 0;
  background-color: #fff;
  color: #000;
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
}

form.f input[type=button], form.f input[type=submit] {
  padding: 0.1em 1.5em;
  background-color: #eee;
  -webkit-border-radius: 2em;
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#999));
  cursor: pointer;
  text-shadow: 0 1px 1px rgba(255,255,255,0.8);
}

h1 {
  font-size: 1.45em;
  margin: 0 0 0.5em 0;
}

h3 {
  font-size: 1.15em;
  margin: 1.5em 0 0 0;
}

div#thanks-msg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  background-color: rgba(0,0,0,0.4);
}

div#thanks-msg img {
  display: block;
  margin: 100px auto;
}

p#snail-mail-details {
  width: 350px;
  padding: 10px 20px;

  border: 1px solid #50642F;
  background-color: #284053;
}