@charset "UTF-8";
/* CSS Document */




* { margin: 0px; padding: 0px; }
	
body { width: 800px; font-family: 'Aftaserif', arial, sans-serif; color: #555; margin: 0 auto; }
	
h1 { font-size: 105%; color: #555; margin: 0 0 20px 0; }	
		
label {	font-size: 105%; color: #333; }
	
form { width: 715px; background: url(../images/subtle_surface.png); border: 3px solid #ddd;  float: left; 
margin: 75px 0 0 90px; padding: 30px 40px 20px 40px;
		
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;  }	
	
fieldset { border: none; }
	
#user-details { width: 230px; float: left; }
	
#user-message { width: 405px; float: right; }
	
input, textarea { width: 220px; font-size: 10px; color: #555; border: 1px #ddd solid;	background: #fff;
		margin: 4px 0 20px 0; padding: 8px; 
		
		/* background transition */		
		-webkit-transition: background 0.3s linear;	}
	
textarea {	width: 390px; height: 175px; }
	
input:hover, textarea:hover { border: 1px solid #5fa857; }
		
input.submit { width: 150px; text-transform: uppercase; color: #eee; background-color: #333;	border: none; margin-top: 10px;
		 	
		/* shadow transition */
		-webkit-transition: -webkit-box-shadow 0.3s linear;
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;
		border-radius: 4px; 
						
}
	
input.submit:hover { color: #00FF00; cursor:  pointer; }

input.submit#submit {
	float: left;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5fa857), to(#006633)); 
	background: -moz-linear-gradient(25% 75% 90deg,#006633, #5fa857);
	background-color: #339900;
}
	
input.submit#register {
	background-color: #006666;
	float: right;
	}