#shoutbox {
	margin: 20px 5% 10px 5%;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
	background: #ffffff;
	border: 1px solid #999999;
}

#shoutbox > div {
	margin: 0; padding: 0; height: 125px; width: 100%;
	overflow-y: scroll; border-bottom: 1px solid #999999;
	/*border-radius: 2px 2px 0 0;
	border: 1px solid #999999;*/
}
#shoutbox > form {
	display: flex; align-items: center;
}
#shoutbox > form > input {
	flex-grow: 1;
	padding: 5px 0;
	/*border-radius: 0 0 2px 2px;*/
	/*border: 1px solid #999999;*/
	border: none;
}
#shoutbox > form > input:focus {
	border-color: #a12222;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(161, 34, 34, 0.6);
}

/* Messages */
#shoutbox > div > div {
	padding: 2px 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .3);
	font-size: 11px;
}
#shoutbox > div > div:last-child {
	border-bottom: none;
}
#shoutbox > div > div:hover {
	background: #e0e0e0;
}