/* general settings */

body, table, th, tr, td, img {
	font-family: verdana, sans-serif;
	font-size: 10pt;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	padding: 0;
	vertical-align: top;
}
ul {
	list-style-image: url(img/bullet.png);
	margin-left: 12px;
	padding-left: 12px;
}
li { margin-bottom: 7px; }
div { margin-bottom: 40px; }
h1, h2, h3, h4, h5, h6 {
	border-bottom: 1px solid #ccc;
	color: #ca2929;
	font-family: arial, verdana, sans-serif;
	margin: 1em 0 0.2em 0;
}
h1 { font-size: 170%; font-weight: normal; }
h2 { font-size: 150%; font-weight: normal; }
h3 { font-size: 100%; }
h4 { font-size: 90%; }
h5 { font-size: 90%; }
h6 { font-size: 90%; border: 0; }
pre {
	margin-right: 1em;
	padding: 1em;
	/*border: 1px dashed #2f6fab;*/
	color: black;
	background-color: #dcefd9;
	line-height: 1.1em;
}
pre b { color: #ca2929; }

/* navigation */

:link { color: #039; }
:visited { color: #636; }
:link:hover, :visited:hover { color: #333; }
:link:active, :link:active { color: #000; }

/* template */

body { background: #e8fce5 url(img/repeat-y.jpg) repeat-y; }
table.outer-frame {
	width: 100%;
	background: transparent url(img/repeat-x.jpg) repeat-x;
}
td.menu {
	width: 132px;
	height: 640px;
	background-color: transparent;
	background-repeat: no-repeat;
}
td.menu a { display: block; width: 132px }
a.logo { height: 99px; }
a.menu-item {
	height: 39px;
	background-repeat: no-repeat;
}
a.language { height: 57px; }
a.first-item { background-position: 0px -57px; }
a.second-item { background-position: 0px -96px; }
a.third-item { background-position: 0px -135px; }
a.fourth-item { background-position: 0px -174px; }
a.fifth-item { background-position: 0px -213px; }
a.language:hover, a.first-item:hover, a.second-item:hover, a.third-item:hover, a.fourth-item:hover, a.fifth-item:hover { background-image: none; }
a.language:active { background-position: -132px 0px; }
a.first-item:active, a.selected-first-item { background-position: -132px -57px; }
a.second-item:active, a.selected-second-item { background-position: -132px -96px; }
a.third-item:active, a.selected-third-item { background-position: -132px -135px; }
a.fourth-item:active, a.selected-fourth-item { background-position: -132px -174px; }
a.fifth-item:active, a.selected-fifth-item { background-position: -132px -213px; }
td.banner a {
	display: block;
	width: 668px;
	height: 123px;
	background-color: transparent;
	background-repeat: no-repeat;
}
td.content div {
	margin: 20px 0px 0px 10px;
}
div.copyright {
	border-top: 1px solid #ccc;
	color: #bbb;
	font-size: 70%;
	text-align: center;
}
span.updated {
	color: #999;
	font-size: 50%;
}
ul.toc { list-style-image: url(img/arrow.png); }
div.page {
	font-size: 85%;
	text-align: right;
}
div.page strong, div.page a { padding: 5px; }
div.page a.next {
	background: url(img/arrow.png) no-repeat;
	background-position: center right;
	padding-right: 10px;
	margin-right: 100px;
}

/* special effects */

table.announcement { width: 80%; }
table.announcement tr.footer { height: 12px; }
table.announcement td.left, table.announcement td.right {
	background-image: url(img/announcement.png);
	background-repeat: no-repeat;
}
table.announcement td.center {
	background-image: url(img/announcement-fill.png);
	background-repeat: repeat-x;
}
table.announcement td.left { width: 74px; }
table.announcement td.right { width: 17px; }
table.announcement td.left { background-position: left top; }
table.announcement td.right { background-position: right top; }
table.announcement tr.footer td.left { background-position: left bottom; }
table.announcement tr.footer td.right { background-position: right bottom; }
table.announcement td.center {
	padding: 50px 10px 0px 10px;
	background-position: left top;
}
table.announcement tr.footer td.center { background-position: left bottom; }

a.download-link {
	background-color: transparent;
	background-position: left bottom;
	background-repeat: no-repeat;
	color: #256504;
	display: block;
	margin-bottom: 0.2em;
	padding: 0 0 12px 0;
	text-decoration: none;
	width: 285px;
}
a.download-firefox, a.download-firefox span { background-image: url(img/download-firefox.png); }
a.download-ie, a.download-ie span { background-image: url(img/download-ie.png); }
a.download-zuntzu, a.download-zuntzu span { background-image: url(img/download-zuntzu.png); }
a.download-link span {
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	min-height: 43px;
	padding: 9px 10px 0px 58px;
}
a.download-link strong {
	color: #256504;
	font: 140% sans-serif;
	letter-spacing: -0.02em;
	text-decoration: underline;
}
a.download-link em {
	color: #367d10;
	display: block;
	font-size: 85%;
	font-style: normal;
	letter-spacing: 0;
	padding-top: 3px;
}
a.download-link:hover, a.download-link:hover span, a.download-link:hover strong { color: #143802; }
a.download-link:hover { background-position: right bottom; }
a.download-link:hover span { background-position: right top; }

a.external {
	background: url(img/external-site.gif) center right no-repeat;
	padding-right: 13px;
	white-space: nowrap;
}

/* thumbnails */

div.thumb {
	margin-bottom: .5em;
	/*border-style: solid;*/
	/*border-color: #e8fce5;*/
	width: auto;
	background-color: #e8fce5;
}
div.thumb div {
	/*border: 1px solid #ccc;*/
	padding: 3px !important;
	background-color: #e8fce5;
	font-size: 85%;
	text-align: center;
	overflow: hidden;
}
div.thumb div a img {
	/*border: 1px solid #ccc;*/
}
div.thumb div div.thumbcaption {
	/*border: 1px solid #ccc;*/
	text-align: center;
	line-height: 1.4em;
	padding: .3em 0 .1em 0;
}
/*
div.magnify {
	float: right;
	border: none !important;
	background: none !important;
}
div.magnify a, div.magnify img {
	display: block;
	border: none !important;
	background: none !important;
}
*/
div.tright {
	clear: right;
	float: right;
	border-width: .5em 0 .8em 1.4em;
}
div.tleft {
	float: left;
	margin-right: .5em;
	border-width: .5em 1.4em .8em 0;
}

/* game boxes */

table.gamebox {
	width: 100%;
	border-bottom: 1px solid #ccc;
}
table.gamebox td {
	border-top: 1px solid #ccc;
}
td.g-icon {
	width: 53px;
	height: 53px;
	padding: 5px 5px 5px 5px;	
}
td.g-info {
	width: 300px;
	padding: 5px 5px 5px 5px;	
}
td.g-new {
	color: #ca2929;
	font-family: arial, verdana, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}
span.g-name {
	font-family: sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: Blue;
}
span.g-version {
	font-family: sans-serif;
	font-size: 7pt;
	color: Blue;
}
span.g-desc {
	font-family: sans-serif;
	font-size: 8.25pt;
}
span.g-copyright {
	font-family: sans-serif;
	font-size: 7pt;
	color: Gray;
}
td.g-notes { font-size: 80%; }
span.g-previous {
	font-family: sans-serif;
	font-size: 7pt;
}