@font-face { 
  font-family: ModeSeven; 
    src: url('http://projectretro.org/fonts/Mode Seven.ttf');	 
} 

@font-face {
  font-family: BBC Micro; 
    src: url('http://projectretro.org/fonts/BBC Micro Mode 7.ttf');
}

html { 
  height: 100%;
}

* { 
  margin: 0;
  padding: 0;
}

body { 
  background: #000000;
  font-family: 'ModeSeven','BBC Micro',arial, sans-serif;
  clear: both;
  margin: 30px 0 0 0;
  font-size: 12px;
  color: #999;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
}

p { 
  padding: 0 0 20px 0;
  line-height: 1.7em;
}

.form_settings { 
  margin: 15px 0 0 0;
}

.form_settings p { 
  padding: 0 0 4px 0;
}

.form_settings span { 
  float: left; 
  width: 200px; 
  text-align: left;
}
  
.form_settings input, .form_settings textarea { 
  padding: 5px; 
  width: 299px; 
  font: 100% arial; 
  border: 1px solid #C6E7F0; 
  background: #EFF8FB; 
  color: #47433F;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;  
  overflow: auto;
}
  
.form_settings .submit { 
  font: 200% arial, sans-serif; 
  border: 0; 
  width: 99px; 
  margin: 0 0 0 212px; 
  height: 33px;
  padding: 0 0 3px 0;
  cursor: pointer; 
  background: #1EC9F4; 
  -webkit-border-radius: 9px 9px 9px 9px; 
  -moz-border-radius: 9px 9px 9px 9px; 
  border-radius: 9px 9px 9px 9px; 
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);  
  color: #FFF;
  border: solid 1px #0D8AA9;
  background: #46C4DD;
  background: -webkit-gradient(linear, left top, left bottom, from(#63CFDF), to(#17B2D9));
  background: -moz-linear-gradient(top,  #63CFDF,  #17B2D9);
  text-shadow: 1px 1px #178497;
}

.form_settings textarea, .form_settings select { 
  font: 100% arial; 
  width: 299px;
}

.form_settings select { 
  width: 310px;
}

.form_settings .checkbox { 
  margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;
}

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FFFF00;}  /* mouse over link */
a:active {color:#FFFF00;}  /* selected link */