@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: #3c424b; }
	#logo { width:150px;height:70px;padding:50px 0 0 69px;font-size:34px;line-height:30px;text-align:center;color:#f0b20f;background: url('../img/design/logo_h70.png') no-repeat left 50px; }
		#logo span { display:block;color:#fff;font-size:27px; }
	
#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 .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-color: #0354a6;border: none;color: #fff;font-size: 12px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;font-weight:bold; }
		#form #logout { margin-top:20px;text-align:center; }
		#form #logout a { color:#fff;text-decoration:none; }
		#form #logout a:hover { text-decoration:underline; }