/*
      IT-270 Website Design
      7-4 Final Project: Final Project: Website

      Chrome Complex
      Author: Patricia Kuntz
      Date:   9/4/2015

      Filename:         form.css
      Supporting files: 
	  
	  This page is the CSS page for the forms on Chrome Complex, A d20 Cyberpunk RPG. This also doubles as the CSS page for the forms on my final project assignmement for IT-270.

*/

/* Field set styles*/

#form {
	border: 75px white ridge;
	background-color: black;
	margin: 50px 300px;
	padding: 30px;
	position: relative;
	left:300px;
	top: 110px;
	-moz-box-shadow: rgba(0,0,0,0.6) 10px 10px 15px;
	-webkit-box-shadow: rgba(0,0,0,0.6) 10px 10px 15px;
	box-shadow: rgba(0,0,0,0.6) 10px 10px 15px;
}

/* Legend styles*/

legend {
	padding: 3px 0px;
	text-indent: 5px;
	width: 100%;
}

/* Label styles*/

label {
	clear: left;
	display: block;
	float: left;
	font-size: 0.9em;
	margin: 7px 4% 7px 5px;
	width: 40%;
}

/* Input control styles*/

input {
	display: block;
	float: left;
	margin: 7px 0px;
	width: 50%;
}

/* Text area styles*/

textarea {
	display: block;
	font-size: 0.9em;
	float: left;
	height: 150px;
	width: 50%;
}

/* Button Styles*/

form p {
	text-align: center;
}

input[type="submit"], input[type="reset"] {
	font-family: 'Courier New', courier, monospace;
	font-weight: bolder;
	font-size: 16px;
	display: inline;
	float: none;
	height: 40px;
	width: 200px;
	background: #1edb1e;
}

/* Validation styles*/

input:focus, select:focus, textarea:focus {
	background-color: #c3c3c6;
}