@import url("main.css");

#version-history	{ list-style: none; padding: 0; }
#version-history>li	{ padding: 1em 0 1em 18em; clear: both; border-bottom: 4px solid #5b6d7f; }
#version-history>li:after	{ content: " "; display: block; clear: both; }
#version-history>li.latest
{
	background: #5b6d7f url("http://static.boxerapp.com/images/gradient_200.png") repeat-x;
	background: url("http://static.boxerapp.com/images/gradient_200.png") repeat-x,
				#5b6d7f url("http://static.boxerapp.com/images/grain.png");
	border-top: 1px solid #4c5c6c;
	border-bottom: 1px solid #7c8b9a;
	border-bottom-color: rgba(255, 255, 255, 0.25);
	
	margin: 0 -4em;
	padding: 1em 4em 1em 22em;
}
#version-history>li.latest h4	{ color: black; }

#version-history ul		{ margin-bottom: 0.5em; }
#version-history ul li	{ margin-bottom: 0.33em; }

.metadata			{ float: left; width: 16em; margin-left: -18em; text-align: right; }
.metadata h3		{ margin-bottom: 0; }
.metadata h3 small	{ display: block; margin-left: -4em; }
.date
{
	display: block;
	margin: 0 0 1em;
	font-size: 95%;
	color: #d7dbde;
	text-transform: uppercase;
	text-shadow: rgba(0, 0, 0, 0.33) 0 1px 2px;
	letter-spacing: 1px;
}
.support
{
    display: block;
    font-size. 95%;
	color: #d7dbde;
	margin: 0.5em 0 0;
	text-shadow: rgba(0, 0, 0, 0.33) 0 1px 2px;
}