* {
	margin: 0;
	padding: 0;
}

img a, img, a {
	border: none;
}

body {
	font: 9pt "Helvetica", sans-serif;
	color: black;
	width: 800px;
	margin: 0 auto 0 auto;
	text-align: justify;
	background: #1f1419 url("images/resources/top-shadow.png") top left repeat-x;
}

#container {
	width: 800px;
}

h1 {
	display: block;
	width: 539px;
	height: 200px;
	background: url("images/resources/heading.png") top left no-repeat;
	text-indent: 9999px;
	overflow: hidden;
	margin-bottom: 30px;
	float: left;
}


.feature h3, .feature-alt h3, #changelog h2, #donation-area h2, #support-area h2, #requirements-area h2 {
	color: #f8cb52;
	text-shadow: 0px 0px 4px #564e2f;
}

/* Actions area styles */

#actions-area {
	width: 197px;
	height: 26px;
	float: left;
	padding-top: 95px;
	padding-left: 45px;
	font: 9pt "Lucida Grande", sans-serif;
}

.button {
float: left;
}

.button a {
	display: block;
	text-align: center;
	width: 81px;
	height: 26px;
	line-height: 27px;
	text-decoration: none;
	margin: 0 auto 0 auto;
	background: url("images/resources/button.png") top left no-repeat;
	color: #484747;
	text-shadow: 0px 2px 1px #FFFFFF;
	font-size: 12px;
}

#download {
padding-right: 35px;
}

#changelog-badge {
	font-size: 10px;
	display: block;
	width: 25px;
	height: 26px;
	line-height: 25px;
	position: relative;
	top: -35px;
	left: 40px;
	background: url("images/resources/badge.png") top left no-repeat;
	color: white;
	font-weight: bold;
	text-shadow: 0px -2px 1px #7d0000;
	text-decoration: none;
}

#changelog-text {
	display: none;
}



/* Column setters */

#left-column {
	width: 260px;
	float: left;
}

#right-column {
	width: 508px;
	float: right;
}



/* About area styles */

#about-area {
	width: 217px;
	padding: 31px 30px 40px 30px;
	background: url("images/resources/stickie.png") top left no-repeat;
	color: #222222;
	margin-left: -9px;
	margin-top: -11px;
}

#about-area h2 {
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 3px;
}

#about-area p {
	line-height: 14pt;
	font-size: 10pt;
	text-align: left;
	color: #333333;
	font-weight: 400;
}



/* Screenshot area styles */

.screenshot {
	padding-top: 26px;
}

#first-screenshot {
	padding-top: 12px;
}



/* Changelog area styles */

#changelog {
	padding-bottom: 30px;
	display: none;
}

#changelog h2 {
	font-size: 11pt;
	padding-bottom: 5px;
}

#changelog h3 {
	color: #a78a84;
	font-size: 10pt;
}

#changelog h3 {
	
}

#changelog ul {
	padding-bottom: 10px;
	margin-left: 25px;
}

#changelog #last {
	padding-bottom: 0px;
}

#changelog li {
	list-style-position: outside;
	font-size: 9pt;
	color: #7c605b;
	line-height: 12pt;
}



/* Donation area styles */

#donation-area {
	display: none;
	padding-bottom: 30px;
}

#donation-area h2 {
	font-size: 11pt;
	padding-bottom: 5px;
}


#donation-area p {
	font-size: 10pt;
	color: #a78a84;
	line-height: 12pt;
	margin-bottom: 10px;
}

#donate-button {
	text-align: center;
}



/* Features area styles */

#features-area {
	width: 508px;
}

.feature, .feature-alt {
	width: 200px;
	height: 180px;
	padding-left: 38px;
	float: left;
	text-align: left;
	opacity: 1;
}

.feature {
	padding-right: 20px;
}

.feature h3, .feature-alt h3 {
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 3px;
	opacity: 1.0;
}

.feature p, .feature-alt p {
	font-size: 9pt;
	color: #7c605b;
	opacity: 1.0;
	line-height: 12pt;
}

.feature b, .feature-alt b {
	color: #a78a84;
	font-weight: normal;
}

.feature a, .feature-alt a {
	color: #a78a84;
	text-decoration: none;
	border-bottom: 1px solid #7c605b;
}

.feature a:hover, .feature-alt a:hover {
	color: #FFFFFF;
}



/* Specific feature classes, for providing each feature with an image */

#feature-integrated {
	background: url("images/resources/feature-integrated.png") top left no-repeat;
}

#feature-omnipresent {
	background: url("images/resources/feature-omnipresent.png") top left no-repeat;
}

#feature-synchronized {
	background: url("images/resources/feature-synchronized.png") top left no-repeat;
}

#feature-compact {
	background: url("images/resources/feature-compact.png") top left no-repeat;
}

#feature-customizable {
	background: url("images/resources/feature-customizable.png") top left no-repeat;
}

#feature-free {
	background: url("images/resources/feature-free.png") top left no-repeat;
}



/* Requirements and Contacts areas */

#support-area {
	padding-top: 25px;
	width: 240px;
	float: left;
}

#requirements-area {
	padding-top: 25px;
	width: 245px;
	float: right;
}

#support-area h2, #requirements-area h2 {
	font-size: 11pt;
}

#support-area p {
	font-size: 9pt;
	text-align: left;
	color: #7c605b;
	line-height: 12pt;
	padding-top: 6px;
}

#support-area b {
	color: #a78a84;
	font-weight: normal;
}

#requirements-area ul {
	padding-top: 6px;
	margin-left: 20px;
}

#requirements-area li {
	list-style-position: outside;
	font-size: 9pt;
	color: #7c605b;
	line-height: 12pt;
	text-align: left;
}

/* Misc styles */

br {
	clear: both;
	height: 0px;
}

#footer {
	text-align: center;
	margin: 30px 0 15px 0;
	color: #7c605b;
}

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