BODY {
	margin: 0;
	padding: 0;
	background: #606F79 url("images/tail-pad.png") left top repeat;
	font-family: Verdana, Arial, Sans-serif;
	text-shadow: 1px 1px #244;
	color: white;
}

H1, H2 {
	text-shadow: 2px 2px #122;
}
H3, H4 {
	text-shadow: 1px 1px #122;
}

A {
	color: #ff8;
	text-decoration: none;
	transition-property: color, text-shadow, text-decoration;
	transition-duration: .2s;
	transition-timing-function: ease-in-out;
	-moz-transition-property: color, text-shadow, text-decoration;
	-moz-transition-duration: .2s;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-property: color, text-shadow, text-decoration;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-property: color, text-shadow, text-decoration;
	-o-transition-duration: .2s;
	-o-transition-timing-function: ease-in-out;
}
A:hover {
	color: #fff;
	text-decoration: underline;
}

/******************************************/

.clear {
	clear: both;
}

.left {
	text-align: left;
}
.right {
	text-align: right;
}

/******************************************/

H1.divided-title {
	margin-top: 0;
}
P.divided-title {
	margin: 0;
}

/******************************************/

DIV#top {
	background: url("images/top-body.png") left top repeat;
}

DIV#top-left {
	background: url("images/top-left.png") left top no-repeat;
	height: 31px;
}

/******************************************/

DIV#body {
	position: relative;
	background: url("images/body-body.png") left bottom repeat;
}

DIV#body-left {
	background: url("images/body-left.png") left bottom repeat-y;
}

DIV#body-idea {
	background: url("images/body-left-idea.png") left bottom no-repeat;
	padding: 1em 2em 4em 0;
	min-height: 300px;
}

/******************************************/

DIV#body-content {
	margin-left: 300px;
	min-height: 30em;
}

/******************************************/

DIV#body-menu {
	position: absolute;
	top: 0;
	left: 25px;
	width: 222px;
	text-align: right;
}

DIV#body-menu P.site-title {
	margin: 5px 40px -1em;
	text-align: left;
	font-family: monospace;
	color: #ff8;
}
DIV#body-menu H1.site-title {
	text-shadow: 2px 2px #122;
	margin: 40px;
	margin-top: 0;
	font-size: 2em;
	font-family: monospace;
	color: #ff8;
}
DIV#body-menu H1.site-title A {
	text-decoration: none;
	color: #ff8;
}

DIV#body-menu UL,
DIV#body-menu LI {
	display: block;
	margin: 0;
	padding: 0;
}

DIV#body-menu LI {
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	text-shadow: 1px 1px #122;
	padding: .7em 10px;
	margin: 0 10px;
}

DIV#body-menu LI A {
	color: white;
	text-decoration: none;
}
DIV#body-menu LI A:hover {
	text-shadow: -1px -1px #122;
	color: #b5d805;
}

/******************************************/

DIV#tail {
	background: url("images/tail-body.png") left top repeat;
}

DIV#tail-left {
	background: url("images/tail-left.png") left top no-repeat;
	height: 140px;
	padding: 10px 2em 0 300px;
	font-size: .8em;
	text-shadow: 2px 2px #122;
}

DIV#tail A {
	color: white;
}

/******************************************/

UL.intro-teaser {
	margin: 2em;
	padding: 0;
}

UL.intro-teaser LI {
	display: block;
	margin: 1em 0;
	padding-left: 80px;
}
UL.intro-teaser LI.ico-speed {
	background: url("icons/speed.png") left center no-repeat;
}
UL.intro-teaser LI.ico-memory {
	background: url("icons/memory.png") left center no-repeat;
}
UL.intro-teaser LI.ico-patrol {
	background: url("icons/patrol.png") left center no-repeat;
}
UL.intro-teaser LI.ico-inheritance {
	background: url("icons/inheritance.png") left center no-repeat;
}
UL.intro-teaser LI.ico-requests {
	background: url("icons/requests.png") left center no-repeat;
}

UL.intro-teaser H3 {
	margin: 0;
	font-weight: bold; 
	color: #ff8;
}
UL.intro-teaser P {
	margin: .5em 0;
	font-size: .8em;
}

/******************************************/

TABLE.download {
	margin-bottom: 4em;
	padding-left: 70px;
}
TABLE.download TBODY {
	background: url("images/shadow.png") left top no-repeat;
	outline: 1px solid #999836;
}

TABLE.download.stable {
	background: url("icons/stable.png") left 1em no-repeat;
}
TABLE.download.preview {
	background: url("icons/preview.png") left 1em no-repeat;
}
TABLE.download.legacy {
	background: url("icons/legacy.png") left 1em no-repeat;
}

TABLE.download CAPTION {
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
	text-shadow: 2px 2px #122;
	margin: 1em;
}

TABLE.download TH,
TABLE.download TD {
	text-align: left;
	padding: .3em 1em;
}

/******************************************/

TABLE.donate {
	background: url("icons/donate.png") 75% bottom no-repeat;
}

TABLE.donate TD {
	padding: 2em 0;
}

TABLE.donate TD H3 {
	margin: 0;
}

TABLE.donate TD P {
	font-size: .8em;
	margin: 0;
}

TABLE.donate TD IMG,
TABLE.donate TD INPUT {
	margin: 1em;
}

UL.donors LI {
	margin: .2em;
}

UL.donors LI A,
UL.donors LI SPAN {
	color: #ff8;
}
UL.donors LI A {
	text-decoration: underline;
}

/******************************************/

DIV.example.box {
	float: left;
	width: 15em;
	margin: 1em;
	padding: 1em;
	background: url("images/shadow.png") left top no-repeat;
	outline: 1px solid #999836;
}
DIV.example.box H2 {
	background: url("icons/example.png") right top no-repeat;
	margin: 0;
}
DIV.example.box P {
	margin: .5em 0 0 0;
}
DIV.example.box P.note {
	font-size: .8em;
}

/******************************************/

P.sources.bugs {
	background: url("icons/requests.png") left 10px no-repeat;
	padding-left: 80px;
}
P.sources.templates {
	background: url("icons/contribstyles.png") left 10px no-repeat;
	padding-left: 80px;
}
P.sources.patches {
	background: url("icons/patch.png") left 10px no-repeat;
	padding-left: 80px;
}

/******************************************/

DIV.contacts.box {
	float: left;
	width: 25em;
	margin: 1em 3em;
}

P.contacts.requests {
	background: url("icons/requests.png") left top no-repeat;
	padding-left: 80px;
	height: 50px;
}
P.contacts.bugs {
	background: url("icons/bugs.png") left top no-repeat;
	padding-left: 80px;
	height: 50px;
}
P.contacts.help {
	background: url("icons/help.png") left top no-repeat;
	padding-left: 80px;
	height: 50px;
}
P.contacts.styles {
	background: url("icons/contribstyles.png") left top no-repeat;
	padding-left: 80px;
	height: 50px;
}
P.contacts.code {
	background: url("icons/patch.png") left top no-repeat;
	padding-left: 80px;
	height: 50px;
}
P.contacts.generic {
	background: url("icons/info.png") left top no-repeat;
	padding-left: 80px;
	height: 50px;
}