#optin {
	background: #232323 url(../images/gloss.png) no-repeat bottom center;
	background-size: cover;
	border-bottom: 3px solid #232323;
	border-radius: 4px;
	color: #fff;
	padding: 20px 15px;
	text-shadow: 1px 1px #111;
	max-width: 348px;
	width: 100%;
	box-sizing: border-box;
}

#optin input {
	border: 1px solid #111;
	border-radius: 3px;
	box-shadow: 0 2px 2px #111;
	font-size: 15px;
	margin-bottom: 10px;
	padding: 8px 10px;
	width: 100%;
	box-sizing: border-box;
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

#optin input:focus {
	outline: none;
	border-color: #960e17;
	box-shadow: 0 0 0 3px rgba(150, 14, 23, 0.35);
}

#optin input.email {
	background: #fff url(../images/email.png) no-repeat 10px center;
	padding-left: 35px;
}

#optin input.name {
	background: #fff url(../images/name.png) no-repeat 10px center;
	padding-left: 35px;
}

#optin input[type="submit"] {
	background: linear-gradient(to bottom, #c41823, #960e17);
	border: 1px solid #111;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0;
	text-shadow: -1px -1px #3a060a;
	width: 100%;
	transition: background 0.2s ease, color 0.2s ease;
}

#optin input[type="submit"]:hover,
#optin input[type="submit"]:focus {
	background: linear-gradient(to bottom, #d92330, #b01019);
	color: #ffa5a5;
}

#optin input[type="submit"]:active {
	background: #7d0c13;
}