/*
==================================
FORUM (Q2A) STYLES
===================================
*/

div.postholder {
	width: 500px;
	height: 100px;
	padding: 10px;
	background-color: var(--color-white);
	border: 2px solid var(--color-white);
	border-radius: 10px;
}

div.votebox,
div.replybox {
	float: left;
	clear: none;
	width: 50px;
	height: 50px;
	padding: 0px;
	border-radius: 6px;
}

div.votebox {
	background-color: var(--color-purple-light);
	border: 2px solid var(--color-purple);
	margin-right:4px;
}

div.votearrows {
	height: 46px; /* Equal to height of vote arrows plus both their top and bottom margins */
	margin: 2px 0 2px 2px; /* Top and bottom margins center div in votebox containing div */
	float:left;
	clear:none;
}

.votearrows div.arrow {
	float:left;
	clear:both;
	margin: 4px 0 4px 0;
}

div.votecount {
	float:left;
	clear:none;
	height: 30px;
	margin: 10px 0 10px 2px;
	font-family: Arial;
	font-size: 13px;
	line-height: 26px; /*Setting to twice font-size centers the text, at least in Chrome and Firefox */
	color: var(--color-purple);
}

div.replybox {
	background-color: var(--color-yellow-pale);
	border: 2px solid var(--color-yellow);
	margin-right:16px;
	font-family: Arial;
	color: #F4CA00;
	text-align:center;
	font-size: 13px;
}

div.replycount {
	height: 18px;
	width: 18px;
	margin: 5px auto 4px auto;
	padding: 0px;
	font-size: 18px;
	line-height: 26px;
}

div.postinfo {
	float:left;
	clear:none;
}

.postinfo .tag {
	float: left;
	clear: none;
	margin-right: 6px;
	padding: 2px 4px;
	font-size: 14px;
	color: var(--color-blue);
	background-color: var(--color-blue-light);
	border-radius: 6px;
}

.postinfo .subject {
	margin: 0 0 6px 0;
	font-family: var(--font-georgia);
	font-size: 22px;
}

.postinfo .update {
	margin: 0 0 6px 0;
	font-family: var(--font-georgia);
	font-size: 13px;
}

.postinfo .activitytype {
	color: #F4CA00;
}