/* main */

	body {
		background: #fff;
		font-family: Verdana, Arial, Helvetica;
	}

	#page {
		width: 36em;
		margin: 5em 0 0 0;
		background: #eed;
	}

	#nav {
	}

	#content {
		background: #eed;
		border: solid 1px #000;
		border-top: none;
		padding: 3em 1em 1em 1em;
	}

	p.note {
		font-size: small;
	}

	#filter {
		margin: 3em 0 0 0;
		font-size:x-small;
		text-align:right;
	}

	#advert {
		padding: 2em 0 0 0;
	}

	#customadbox {
		width: 468px;
		border: solid 1px #000;
		overflow: hidden;
	}

	#customadcontent {
		margin: 3px;
		text-align: left;
		font-size: 0.7em;
	}

	#customadcontent a {
		color: #c00;
	}

	#customadcredit {
		background: #000;
		color: #fff;
		text-align: right;
		font-size: 0.6em;
		padding: 1px;
	}

	#customadcredit a {
		color: #fff;
	}

	#word {
		display: block;
		font-weight: bold;
		font-size: 2em;
	}

	h1 {
		font-size: 1.5em;
	}

	h2 {
		font-size: 1.3em;
	}

/* links */

	a {
		color: #00c;
	}

	a.stats {
		color: #c00;
	}

	a.current {
		text-decoration: none;
	}

/* tab navigation */

	div.navtab {
		padding: 0.25em;
		font-size: 0.9em;
		border: solid 1px #000;
		border-left: none;
		float: left;
		background: #ccb;
	}

	div.navspace {
		background: #fff;
		border-top-color: #fff;
	}

	#navtabright {
		float: none;
		border-right: none;
	}

	#navfront {
		background: #eed;
		border-bottom-color: #eed;
	}

/* data (generic) tables */

	table {
		border: solid 1px #000;
		border-collapse: collapse;
	}

	th {
		border: solid 1px #000;
		padding: 5px;
		text-align: center;
		text-decoration: underline;
		font-weight: normal;
	}

	td {
		border: solid 1px #000;
		padding: 5px;
		text-align: left;
	}

/* layout tables */

	table.layout {
		border-style: none;
		border-collapse: collapse;
	}

	td.layout {
		border-style: none;
		vertical-align: top;
	}

/* misc */

	.red {
		color: #c00;
	}

	.green {
		color: #0c0;
	}

	.blue {
		color: #33f;
	}

	.yellow {
		color: #fd0;
	}

	.orange {
		color: #f70;
	}

	.left {
		text-align: left;
	}

	.right {
		text-align: right;
	}

	strong {
		font-weight: bold;
		color: #c00;
	}

	#chain {
		padding-top: 1em;
	}

	.smaller {
		font-size: 0.6em;
	}

	.highlight{
		background-color: #ffd;
	}

/* word rank */

	div.rankbox {
		width: 10em;
		text-align: left;
		overflow: hidden;
		border: solid 1px #000;
		height: 0.5em;
		margin: 0.25em;
	}

	div.rankbar {
		background: #c00;
		color: #fff;
		font-weight: bold;
		border-right: solid 1px #000;
		height: 0.5em;
	}

/* progress bar */

	div.progresscontainer {
		width: 32em;
		text-align: left;
		overflow: hidden;
		border: solid 1px #000;
		height: 0.5em;
	}

	div.progressbar {
		background: #c00;
		color: #fff;
		font-weight: bold;
		border-right: solid 1px #000;
		height: 0.5em;
	}

/* form */

	tr.formerror {
		background: #c00;
		color: #fff;
		font-weight: bold;
	}

/* word image */

	#wordimage img {
		border: solid 1px #000;
	}