@import url("base.css"); 

.sum-box-left, .sum-box-right {
	float: left;
	width: 240px;
	height: 130px;
	padding: 5px;
	background-color: #333;
	margin-bottom: 15px;
	border: 1px solid #444;
}

.sum-box-left:hover, .sum-box-right:hover { background-color: #444; }

.sum-box-left p, .sum-box-right p{
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.sum-box-right {
	float: right;
}

.sum-box-left img,
.sum-box-right img {
	float: left;
	padding-right: 5px;
}
.sum-box-right h3, .sum-box-left h3 {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	border: none;
	color:  #b1e58f;
	/*font-weight: bold;*/

}
.sum-box-right h3 span,
.sum-box-left h3 span {
	color: #666;
	margin-left: 5px;
	font-weight: none;
	font-size: 0.8em;
}
#download-box, 
#recquirements-box {
	float: right;
	width: 280px;
	padding: 5px;
	margin: 5px 0 5px 10px;
}
#download-box {
	border: 1px solid  #b1e58f;
	background-color: #28361f;
}
#recquirements-box {
	border: 1px solid #97bfe0;
	background-color: #3a4855;
}
#download-box  h3,
#recquirements-box h3
{
	border: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.3em;
}
div #content-detail {
	/*text-align: justify;*/
}
#content-detail h3 {
	margin: 1em 300px 0 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.5em;

}

#download-box  h3 span
{
	font-weight: normal;
	font-size: 0.9em;
	color: #777;
}
#download-box p,
#recquirements-box p {
	margin : 0.3em 0 0.3em 0;
	padding: 0;
	
}
#content-detail p {
	margin-bottom: 1em;
}
#content-detail table {
	font-size: 1.2em;
	text-align: left;
}

#content-detail table th  {
	border: 1px solid #3a4855;
	background-color:  #3a4855;
}
#content-detail table td  {
	border: 1px solid #555;
	background-color:  #333;
}

#content-screenshots  {
	text-align: center;
}

#content-screenshots  img{
	padding: 0.3em;
}