@import 'reset.css';

body{
	margin: 0px;
	background: url('../img/bg_pattern.png') repeat-x;
	font-family: Tahoma;
	font-size:12px;
	line-height:31px;
}

p{
	margin-left:20px;
	margin-top:-10px;
	margin-bottom:-15px;
}

p img{
	margin-right:5px;
}

strong{
	font-weight:bold;
}

#header {
	width: 960px;
	height: 97px;
	background: url('../img/header.png');
	color: #646464;
	margin-left: auto;
	margin-right: auto;
}

#header .header_body {
	width: 745px;
	position: relative;
	left: 215px;
	top: 28px;
}

#header .light {
	color: #e1e1e1;
}

#header a {
	text-decoration: none;
	color: #646464;
}

#header a:hover {
	text-decoration: underline;
	color: #235a9b;
}

.right {
	float: right;
}

.left {
	float: left;
}

#main{
	width:960px;
	margin:0 auto;
	padding-top:20px;
}

#main .version{
	background:url('../img/verbg.png');
}

#main .version h1{
	width:960px;
	background:url('../img/version.png');
	text-indent:15px;
	height:55px;
	line-height:38px;
	margin-top:20px;
}

#main .version h1 .verDate{
	color:#383838;
}

#main .version h1 .verSep{
	color:#c8c8c8;
	font-size:130%;
}

#main .version h1 .verNum{
	font-weight:bold;
	color:#383838;
}

#main .version .footer{
	background:url('../img/verfoot.png');
	height:24px;
	width:960px;
}

.features, .bugfixes{
	margin-bottom:15px;
}

.general h2, .features h2, .mapping h2, .bugfixes h2, .tweaks h2{
	text-indent:-9999px;
	overflow:hidden;
}

.bugfixes{
	background:url('../img/bugfixes.png') no-repeat;
	width:920px;
	margin:0 20px 15px 20px;
	overflow:hidden;
}

.features{
	background:url('../img/features.png') no-repeat;
	width:920px;
	margin:0 20px 15px 20px;
	overflow:hidden;
}

.general{
	background:url('../img/general.png') no-repeat;
	width:920px;
	margin:0 20px 15px 20px;
	overflow:hidden;
}

.mapping{
	background:url('../img/mapping.png') no-repeat;
	width:920px;
	margin:0 20px 15px 20px;
	overflow:hidden;
}

.tweaks{
	background:url('../img/tweaks.png') no-repeat;
	width:920px;
	margin:0 20px 0 20px;
	overflow:hidden;
}

.features h3{
	color:#5bb05b;
	font-weight:bold;
	width:920px;
	text-indent:29px;
	background:url('../img/features_bullet.png') 10px 13px no-repeat;
	border-bottom:1px solid #add7ad;
	line-height:30px;
	font-size:13px;
}

.mapping h3{
	color:#9b41b1;
	font-weight:bold;
	width:920px;
	text-indent:29px;
	background:url('../img/mapping_bullet.png') 10px 13px no-repeat;
	border-bottom:1px solid #d58ae7;
	line-height:30px;
	font-size:13px;
}

.mapping ul.map-title li{
	background:url('../img/bullet1.png') 10px 13px no-repeat;
}

.features ul li{
	width:898px;
	border-bottom:1px solid #ebebeb;
	line-height:22px;
	padding:4px 0 4px 28px;
	background:url('../img/bullet2.png') 10px 13px no-repeat;
}

.mapping ul li{
	width:898px;
	border-bottom:1px solid #ebebeb;
	line-height:22px;
	padding:4px 0 4px 28px;
	background:url('../img/bullet2.png') 10px 13px no-repeat;
}

.general ul li, .bugfixes ul li, .tweaks ul li{
	width:898px;
	border-bottom:1px solid #ebebeb;
	padding:4px 0 4px 28px;
	line-height:22px;
	background:url('../img/bullet1.png') 10px 13px no-repeat;
}

a{
	color:#235a9b;
	text-decoration:none;
}

/*
FOOTER STYLES BY NICK 'JETBLK' SHAW
*/

.right {
	float: right;
}

.left {
	float: left;
}

#footer {
	width: 100%;
	height: 59px;
	margin-top: 40px;
	background: url('../img/footer_pattern.png') repeat-x;
}

#footer .container {
	width: 960px;
	margin: auto;
	padding-top: 15px;
	background: url('../img/footer.png');
	color: #878787;
	font-size: 11px;
}

#footer .light {
	color: #e1e1e1;
}

#footer a {
	text-decoration: none;
	color: #878787;
}

#footer a:hover {
	color:#af4141;
	text-decoration:none;
}

#footer .top_of_page {
	width: 103px;
	height: 12px;
	margin-top: 9px;
	background: url('../img/footer_top_of_page_sprite.png');
}

#footer .top_of_page:hover {
	background-position: left -12px;
}
