@import "reset.css";

html, body { width:100%;height:100%;font-family: 'Open Sans',Helvetica, Arial, sans-serif;font-size:13px; }
body { background-color: #434a54; }

.clear { clear:both; }
.wrapper { width: 300px;margin:0 auto; }

#header { height:140px; background-color: #1f2329; }
	#logo { padding-top:80px;height:60px;font-size:25px;line-height:60px;text-align:center;color:#fff; }
		#logo span { color:#f8b200; }

#form { padding:20px 0; }
	#form #message { width:255px;border-left:5px solid #e9573f;padding:20px;background-color:#fff;margin-bottom:20px;position:relative; }
		#form #message.green { border-left:5px solid #8cc152; }
		#form #message .close { position:absolute;width:10px;height:10px;background: url('../img/icons/px10/cross.png') no-repeat center center;top:20px;right:20px;cursor:pointer; }
		#form #message label { display:block;font-weight:bold;margin-bottom:10px; }
	#form .field { border-radius:3px;padding:15px;width:270px;height:16px;margin-bottom:20px;background-color:#fff; }
		#form .field .icon { width:16px;height:16px; margin-right:15px;display:inline-block;float:left; }
			#form #profile { text-align:center;margin-bottom:20px; }
			#form #profile img { width:200px;height:200px;border-radius:100px; }
			#form #username .icon { background: url('../img/icons/px16/profile.png') no-repeat center center; }
			#form #password .icon { background: url('../img/icons/px16/lock.png') no-repeat center center; }
		#form .field input { border:none;width:225px;height:16px;float:left; }
		#form button { border-radius:3px;width:300px;height:46px;background: -moz-linear-gradient(top,#f8b200 0%,#f67f00); background: -webkit-gradient(linear, left top, left bottom,from(#f8b200),to(#f67f00)); border: none;color: #fff;font-size: 12px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;font-weight:bold; }
		#form button:hover { background: -moz-linear-gradient(top,#f9c518 0%, #f79722); background: -webkit-gradient(linear, left top, left bottom,from(#f9c518),to(#f79722)); }
	#form a { color:#fff;text-decoration:none; }
	#form a:hover { border-bottom:1px solid #fff; }