body > div.modal.member { 
  max-width:340px;
  height:430px;
  overflow:hidden;
  box-shadow:0 2px 2px rgba(44,62,80,0.6);
  background:#282828;
  text-align:center;
  font-size:1.05em;
}
body > div.modal.member.signup { height:450px; }
body > div.modal.member.twitter { height:240px; }
body > div.modal.member fieldset { text-align:left; }

.member.modal button.social { width:48px;height:48px;padding:0;margin:0;border:none;border-radius:0;margin-right:6px; }
.member.modal button.social.facebook { background:url("/i/login/48/facebook.png") no-repeat; }
.member.modal button.social.twitter { background:url("/i/login/48/twitter.png") no-repeat; }
.member.modal button.social.googleplus { background:url("/i/login/48/google+.png") no-repeat; }

.member.modal input[type="submit"], #signup-form input[type="submit"] { width:100%;background:#f9c73d;font-weight:bold; }
.member.modal input[type="submit"], #signup-form input[type="submit"] { width:100%;background:#f9c73d;font-weight:bold; }

.modal.member h2 { color:#eee;font-weight:700; }
.modal.member a { color:#eee; }
.modal.member a.close { font-size:1em;text-shadow:0 1px 1px rgba(127,140,141,0.4);padding:8px 12px 0 0; }
.member.modal input, #signup-form input { color:#333; }
.member.modal select, #signup-form select { color:#333; }

.member.modal input[type="text"],
.member.modal input[type="password"],
.member.modal select {
	background:#fcfcfc;
	border:solid 1px #e7e7e7;
	border-radius:3px;
	color:#999;
	padding:5px 10px;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline:none;
	transition: all .2s ease;
	width:100%;
}

/* #signup-form input.name { width:49.5%; } */
#signup-form p.error input, #signup-form p.error select { border:1px solid #e74c3c; }
#signup-form p.error input:focus, #signup-form p.error select:focus { border:1px solid #999; }

