html {
	background-color: #000005;
	font-family: verdana, sans-serif;
	font-size: 0.90em;
	margin: 0em;
	padding: 0em;
}

body {
	position: relative;
	/*max-width: 60em;*/
	background-color: #000010;
	color: blue;
	margin: 0em;
	padding: 0em;
	border : solid black 1px;
	margin: auto;
	width : 800px;
}

div.pageHeader {
	background-image : none;
	border: none;
	background-repeat: no-repeat;
	background-position: 100%;
	background-color: #1C0702;
}
h1 {
	padding-top: 180px;
	overflow: hidden;
	background-image: url("../image/top.jpg");
	background-repeat: no-repeat;
	background-position: 0% 0%;
	height: 0px !important;
	height /**/: 180px;
	margin: 0px;
	border : #3f537b solid 2px;
}

h2 {
	font-size : 1.3em;
	/*background-image : url("../image/header2.png");
	background-color : transparent;*/
	background-color : #3f537b;
	padding-left: 0.5em;
	letter-spacing: 5px;
	color: white;
	margin: 0.5em -0.5em;
}
h2 :link, h2 :visited {
	color: white;
}
h3 {
	font-size : 1.1em;
	margin-bottom: 0em;
	/*background-image : url("../image/header.png");
	background-color : transparent;*/
	border-bottom : #3f537b solid 2px;
}

:link, :visited {
	color: #3f537b;
	text-decoration: none;
}
:link:hover, :visited:hover {
	color: rgb(200,100,100);
}
:link:active, :visited:active {
	color: rgb(255,128,128);
}

p {
	margin: 0em 0em 1em 0em;
}
pre {
	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP printers */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ 
	word-wrap: break-word; /* IE */
}
table {
	border-collapse: collapse;
	outline: 1px outset #ddd;
	background-color: #202c40;
}
thead {
	border-bottom: 2px groove #ddd;
}
tfoot {
	border-top: 2px groove #ddd;
}
th {
	text-align: left;
	background-color: #c17c42;
}
th, td {
	padding: 1px 0.5em;
}
td.numeric {
	text-align: right;
}

img {
	border: none;	
}

div.menu {
	color: black;
	position: absolute;
	top: 150px;
	right: 40px;
}
div.menu :link,div.menu :visited {
	color: #eee;
	padding: 2px;
}
div.menu :link:hover,div.menu :visited:hover {
	background-color: #333;
}

div.main {
	padding: 1em;
	margin : 0.3em;
	background-color: #242f45;
	color: white;
	position: relative;
	margin : 0;
	border : solid #3f537b 2px;
}

div#yourGameList {
	margin-right : 200px;
	line-height : 1.2;
	position : relative;
}
div#yourGameList div.game {
	border : solid black 2px;
	margin : 2px;
}

div#yourGameList h4 {
	font-size: 0.9em;
	margin : 0;
	padding : 4px;
	background-color : #3f537b;
	color : white;
}
div#yourGameList p {
	margin : 2px;
}
div#yourGameList p.join {
	float : right;
	position : relative;
}
div#yourGameList p.join a {
	display : block;
	margin : 2px;
	padding : 3px;
	border : solid black 1px;
}
div#otherGameList {
	margin-right : 200px;
	line-height : 1.2;
	position : relative;
}
div#otherGameList div.game {
	border : solid black 2px;
	margin : 2px;
}

div#otherGameList h4 {
	font-size: 0.9em;
	margin : 0;
	padding : 4px;
	background-color : #787878;
	color : white;
}
div#otherGameList p.join {
	float : right;
	position : relative;
}
div#otherGameList p.join a {
	display : block;
	margin : 2px;
	padding : 3px;
	border : solid black 1px;
}
div#yourGameList div.info, div#otherGameList div.info {
	float: right;
}
div.info a {
	color: white;
}

div.announce {
	border: 1px outset #ddd;
	background-color: #202c40;
	max-width: 70em;
	padding: 0.3em;
}
div.announce h3 {
	margin-top: 0em;
	padding-bottom: 0.2em;
	border-bottom: 2px groove #ddd;
}
div.announce p {
	padding: 0px;
	margin: 2px;
	margin-left: 20px;
}
div.announce p.cite {
	font-size: 0.7em;
	text-align: right;
}

p.footer {
	clear: both;
	text-align: right;
	padding: 5px;
	font-size: 0.7em;
	background-color: #202c40;
	color: white;
	margin: 1em 0em;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}

/* POLL SECTION */

div.poll {
	width: 12em;
	height: auto;
	background: #202c40;
	border: 1px outset #202c40;
	padding: 0.5em;
	margin: 0.5em 0em;
	font-size: 0.8em;
	text-align: left;
	float: right;
	position: relative;
}
div.poll table {
	outline: none;
}
div.poll th, div.poll td {
	border: none;
}
div.poll h2 {
	text-align: center;
	margin: 0 0 0.25em 0;
	background-color: transparent;
	color: white;
	letter-spacing: 0px;
	padding: 0em;
	width: auto;
}

div.poll p {
	text-align: center;
	margin: 0.5em 0 0 0;
	font-size: 1.0em;
}

div.poll ul {
	display: table;
	margin: 0;
	padding: 0;
}

div.poll li.answer {
	display: table-row;
	vertical-align: top;
	list-style: none;
	margin: 0;
	padding: 0;
}

div.poll li.answer span {
	display: table-cell;
	vertical-align: top;
	margin: 0;
	padding: 0 0.5em 0 0;
}

div.poll input {
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

div.poll label {
	display: table-cell;
	cursor: pointer;
}

div.poll label:hover {
	color: rgb(128,128,255);
}

div.poll button {
	cursor: pointer;
	display: block;
	width: 100%;
	height: auto;
}

/* Results */

div.poll th {
	vertical-align: top;
	background: transparent;
}

div.poll th span {
	display: block;
	height: 1em;
	width: 1em;
}

div.poll td {
	padding: 0 0 0 0.5em;
	vertical-align: top;
}

div.poll td p {
	text-align: left;
	margin: 0;
	font-size: 0.9em;
}

/* END OF POLL */

/* FORUM */

p.searchlink {
	float: right;
}
p.searchlink :link, p.searchlink :visited {
	color: white;
}
div.forum {
	max-width: 70em;
}
div.forum p.backnav {
	margin-left: -0.8em;
	margin-top: -0.8em;
	font-size: 0.8em;
}
div.forum p.newthread {
	margin: 1px;
}
div.forum p.pagenav {
	font-size: 0.8em;
	position: relative;
	float: right;
	clear: right;
	margin: 0em;
}
div.forum .marktopicread {
	position: relative;
	float: right;
	clear: right;
	font-size: 0.8em;
	margin: 0em;
}
div.forum table {
	width: 100%;
	clear: right;
}
div.forum div.pmlinks {
	float: right;
}
div.forum div.forumcomment {
	font-size: 0.7em;
}
div.forum td.lastpost {
	font-size: 0.7em;
	white-space: nowrap;
}
div.forum div.post {
	clear: both;
	border: 1px outset #ddd;
	background-color: #202c40;
	color: white;
	margin: 1em;
	padding: 0.5em 0.5em 0em 0.5em;
	position: relative;
}
div.forum div.post a {
	color: blue;
}
div.forum div.post div.poster {
	float: left;
	position: relative;
	width: 8em;
	min-width: 100px;
}
div.forum div.post div.poster p.nick {
	margin: 0em;
	font-weight: bold;
}
div.forum div.post div.poster p.rank {
	margin: 0em;
	font-size: 0.6em;
	font-weight: bold;
}
div.forum div.post div.poster p.stats {
	margin-top: 0em;
	font-size: 0.6em;
}
div.forum div.post div.content {
	margin-left: 8.5em;
}
div.forum div.post div.content div.posteddate {
	position: relative;
	float: right;
	font-style: italic;
	font-size: 0.8em;
	font-weight: bold;
}
div.forum div.post div.content h3 {
	margin-top: 0em;
	padding-bottom: 0.2em;
	margin-bottom: 1em;
	border-bottom: 2px groove #ddd;
}
div.forum div.post div.content div.body {
	min-height: 3em;
}
div.forum div.post div.content p.signature {
	margin-top: 2em;
	border-top: 2px groove #ddd;
}
div.forum div.post div.content p.edited {
	font-style: italic;
	font-size: 0.8em;
	font-weight: bold;
}
div.forum div.post div.commands {
	clear: left;
	border-top: 2px groove #ddd;
}
div.forum div.post div.commands div.navigate {
	position: relative;
	float: left;
	width: 8em;
}
div.forum div.post div.commands div.controls {
	position: relative;
	float: right;
	margin-left: 2em;
}
div.forum div.post div.commands div.usercontact {
	margin-left: 8.5em;
}
div.forum div.post div.newsclear {
	clear: left;
	height: 1em;
}

div.quote div, div.code div {
	background-color: #ddd;
}

div.quote, div.code {
	margin-top: 1em;
	margin-bottom: 0em;
	margin-left: 1em;
	margin-right: 1em;
}

div.quote div.quoteinner, div.code div.codeinner {
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: 1px outset white;
}

div.quote {
	border: none;
}

div.codeinner {
	width: 100%;
	overflow: auto;
}
div.codeinner pre {
	margin-top: 0;
	margin-bottom: 2em;
}

div.codeinner {
	font-size: 1.2em;
}

table.highlight tbody tr:hover td {
	background-color: #ddd;
}

table.selector tbody tr td {
	cursor: pointer;
}

.clear {
	clear: both;
}
