body, td, th, button, input, textarea {
	color: #000;
	font: 13px Verdana, Arial, sans-serif; }
body {
	text-align: center;
	background: #DDD url(pattern.gif) fixed center;
	margin: 0px;
	overflow-x: hidden;
	overflow-y: scroll; }
#frame {
	background: #FFF url(back.gif) repeat-x;
	text-align: left; }
#below {
 background-color: #CCC; }
#frame, #below {
	width: 776px;
	max-width: 736px;
	margin: 0px 50%;
	padding: 20px;
	position: relative;
	left: -386px;
	overflow: hidden; }
a {
	color: #00C;
	text-decoration: none; }
a:hover {
	color: #F90;
 text-decoration: underline; }
h1, ul, ol, form, pre {
	margin: 0px; }
h1 {
	float: left;
	font-size: 48px; }
h1 a {
 color: #000; }
h1 a:hover {
 color: #444;
 text-decoration: none; }
h2 {
	text-align: right;
	font-size: 16px;
	margin: 0px 8px 16px; }
#spec a, #main a {
	font-weight: bold;
	text-align: center;
 text-decoration: none; }
#spec {
 height: 40px; }
#spec a {
 float: right;
	margin: 0px 9px;
	font-size: 10px;
	color: #007;
	background-color: #66E;
	border: 1px solid #007;
	padding: 1px 0px;
 width: 82px;
	max-width: 80px; }
#spec a:hover {
 color: #700;
	background-color: #E66;
 border-color: #700; }
#main {
 clear: left;
 height: 58px; }
#main a {
 float: left;
 margin: 0px 11px;
	font-size: 16px;
	color: #060;
	background-color: #3D3;
	border: 1px solid #060;
	padding: 4px 0px;
 width: 125px;
	max-width: 123px; }
#main a:hover {
 color: #660;
	background-color: #DD3;
 border-color: #660; }
#page {
 clear: left; }
ul, ol {
	padding-left: 0px;
	margin-left: 16px; }
img {
	border: 0px; }
#logo {
	float: right;
	margin: 18px; }
h3 {
	font-size: 24px;
	font-weight: bold;
	margin: 0px; }
hr {
	border: 1px solid #BBB;
 margin: 10px 0px; }
.blocks, #links {
	margin: 20px 0px 0px; }
.blocks a, .blocks a:hover, #links a, #icon, #thanks, #right, #code, .col, #signature {
	padding: 10px;
	border: 1px solid #EEE;
	background-color: #DDD;
	text-decoration: none; }
.blocks a, #links {
 font-size: 12px; } 
.blocks a {
	float: left;
	margin: 0px 10px 20px;
	width: 348px;
	max-width: 326px;
	height: 76px;
	max-height: 55px; }
#links a, #signature {
	display: block;
	margin: 10px 0px;
	width: 728px;
	max-width: 706px; }
#signature {
 border: 1px solid #EE0;
 background-color: #DD0;
 color: #000;
 font-size: 10px;
 margin-top: 40px; }
#links a b {
	font-size: 18px; }
#links a span span {
	color: #090; }
.blocks a:hover, #links a:hover {
	border: 1px solid #7A7A7A;
	background-color: #CFCFCF; }
#signature:hover {
	border: 1px solid #7A7A00;
	background-color: #CFCF00; }
.blocks a:hover b, #links a:hover b, #signature:hover b {
	text-decoration: underline; }
.blocks a img, #links a img, #icon img, #thanks img {
	float: left;
	border: 1px solid #E6E6E6;
	margin-right: 7px; }
#icon small img {
 border: 0px;
 margin-top: 6px;
 margin-right: 0px; }
.blocks a span, #links a span, .blocks a:hover span b {
	color: #000;
	text-decoration: none; }
#signature span {
 display: none; }
#signature:hover span {
 display: inline; }
.blocks a small, #links a small {
 float: right;
 text-align: right;
 margin-left: 15px;
	text-decoration: none;
 cursor: pointer; }
.blocks a small, .blocks a i, #links a small, #icon small {
	color: #666; }
.wip {
 clear: both; }
#icon, #thanks {
	padding: 10px;
 min-height: 57px; }
#icon {
	margin-bottom: 30px;
	font-size: 15px;
	width: 736px;
	max-width: 716px; }
#thanks {
 margin: 30px 25px 0px;
 width: 686px;
 max-width: 666px; }
#icon small, h5 small {
 float: right; }
pre {
 background-color: #EEE;
	padding: 2px; }
#code pre	{
 width: 398px;
 max-width: 395px;
 height: 15em;
 overflow: scroll; }
pre i {
	color: #008000; }
pre span {
	color: #000080; }
var {
	font-style: normal;
	color: #00F; }
.const {
	color: #800000; }
h5 {
 font-size: 12px;
 font-weight: normal;
	height: 19px;
	max-height: 14px;
	background: #DDD url(reply.png);
	border-bottom: 1px solid #BBB;
	margin-top: 0px;
	margin-bottom: 1px;
	padding: 2px;
	overflow: hidden; }
form label {
	float: left;
	width: 60px;
	padding: 3px; }
#nospam b {
	float: left;
	padding: 4px 2px 0px; }
#submit {
 width: 340px;
 text-align: right;
 margin-right: 10px; }
form input, textarea {
	margin: 2px; }
#right, #code, .col {
	padding: 3px; }
#right {
	float: right;
	margin-left: 20px;
 margin-bottom: 20px;
 padding-bottom: 13px;
 line-height: 18px;
 width: 306px;
 position: relative;
 z-index: 1; }
#code {
 width: 408px;
 max-width: 402px; }
#right img {
 vertical-align: -15%; }
#screen {
	width: 300px;
	height: 230px;
	padding: 0px;
	text-align: center; }
.view a {
 padding: 2px;
 font-weight: bold;
 background-color: #CCD;
 border: 1px solid #99C; }
.view a:hover, #right .currentscreen {
 background-color: #DCC;
 border-color: #C99;
 text-decoration: none; }
#right a:hover, .currentscreen {
 color: #C00; }
#archive {
 width: 300px;
 white-space: nowrap;
 overflow-x: hidden; }
button {
	width: 179px;
	padding: 2px;
	text-align: left; }
h4 {
	font-size: 13px;
	margin: 0px; }
.small, #vers, #vers h4, #archive {
 font-size: 11px;
 line-height: normal;
 overflow: hidden; }
#vers input {
 width: 170px; }
.hidden {
 display: none; }
.col {
 float: left;
 margin: 2px;
 width: 362px;
 max-width: 356px; }
blockquote {
 margin: 6px;
 font-style: italic; }
#copyright {
 clear: both;
 font-size: 11px;
	color: #888;
	margin-top: 15px;
	text-align: center; }
#copyright a {
	color: #888; }
th, #downloads td, #stats td {
	white-space: nowrap;
	padding: 5px 9px;
	border-bottom: 1px solid #777; }
th {
	font-weight: bold;
	text-align: left; }