/* Adding Forum and Topic Icons
---------------------------------------- */
#legend {
	padding-top: 15px;
	padding-bottom: 18px;
	text-align: center;
}

#legend ul li {
	list-style: none;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 32px;
	padding: 11px 15px 10px 40px;
}

div.legend-viewforum {
	float:none;
	display: inline;
}

div.legend-viewforum ul {
	list-style: none;
	display: inline;
	float: left;
	margin-bottom: 8px;
	margin-right: 90px;
}

div.legend-viewforum ul li {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 32px;
	padding: 15px 30px 20px 44px;
}

/* responsive design */
@media only screen and (max-width: 870px), only screen and (max-device-width: 870px) {
	#legend {
		/* change display value to inline-block to show legend */
		display: none;
		float: none;
		padding: 10px;
}

	div.legend-viewforum {
		/* change display value to inline-block to show legend */
		display: none;
		float: none;
		padding: 10px;
	}
}