html, body { vertical-align:top }
body { background:#fff}

.maintable, .innertable { vertical-align:top; border:0}

.logo { border:0 }
h1, h2, h3, p, td, div, maintable.td, innertable.td { font-family:arial,helvetica }
h1 { margin-top: 0 }
td, maintable.td, innertable.td { vertical-align:top }
a, a:visited { color:#000000 }
a:hover { color:#008 }

.plain,
a.plain,
a.plain:link,
a.plain:visited,
a.plain:hover,
a.plain:active { text-decoration: none; color:#000 }

.download { font-size: 125%; font-weight: bold; font-style: italic; }

.theme1, .theme1 a, .theme1 a:visited { color:#00B2D9 }
.theme2, .theme2 a, .theme2 a:visited { color:#EA0D8C }
.theme3, .theme3 a, .theme3 a:visited { color:#72B84B }
.theme4, .theme4 a, .theme4 a:visited { color:#662F90 }
.theme5, .theme5 a, .theme5 a:visited { color:#F57E2A }
.theme6, .theme6 a, .theme6 a:visited { color:#EC2426 }
.theme7, .theme7 a, .theme7 a:visited { color:#3953A4 }
.theme8, .theme8 a, .theme8 a:visited { color:#066939 }
.theme9, .theme9 a, .theme9 a:visited { color:#EDCB19 }

.border1 { border:1px solid #00B2D9 }
.border2 { border:1px solid #EA0D8C }
.border3 { border:1px solid #72B84B }
.border4 { border:1px solid #662F90 }
.border5 { border:1px solid #F57E2A }
.border6 { border:1px solid #EC2426 }
.border7 { border:1px solid #3953A4 }
.border8 { border:1px solid #066939 }
.border9 { border:1px solid #EDCB19 }

.authortable { margin-left: 5%; width: 90%; }
.authortable td { width: 33%; }

.howtotable { margin-left: 5%; width: 90%; }
.howtotable td { width: 33%; }

.featuredbooks { background: #DDD; padding: 10px 10px 5px 10px; }
.featuredbooks h2 { margin-top: 0; }
table.booktable { width: 100%; }
table.booktable td { vertical-align: top; padding-bottom: 0.5em; }
table.booktable td.bookdetail { padding-left: 1em; padding-right: 1em; }
table.booktable p.booktitle { margin-top: 0.2em; margin-bottom: 0.1em; font-style: italic; font-weight: bold; }
table.booktable p.bookdescription { margin-top: 0.2em; margin-bottom: 0.1em; }

.logo { text-align:left; vertical-align:top }
.welcome { text-align:right; vertical-align:top }
.m { font-style:italic; color: blue }
.body { }
.mainnav, .topnav, .related, .sitefooter { vertical-align:top; font-family:arial,helvetica }
.topnav, .related, .sitefooter { text-align: center }
.topnav { font-style:italic; font-size:18pt }
.mainnav { margin: 10px 0 7px 0 }
.nav { font-size:12pt }
.related { font-size:11pt }
.sitefooter { font-size:10pt }
.adm { font-weight:bold; color:red }
.error { font-style:italic; color:red }

.puzzle { font-size:16pt }
.sol { font-size:14pt }
.solved { text-align:center; font-size:20pt; font-weight:bold }
.explanation { text-align:left; font-size:12pt }
.ctr { text-align:center }
.already, .guess { font-style:italic; color:blue }
.remember { text-align:center; font-size:16pt }

.serialclue { font-size:14 pt }
.serialsol { font-size:14pt }
.seriallink { font-size:10pt }

.statsHeader, .friendsHeader { font-size:14pt; color:#888 }
.friendsInvite { font-size:11pt; color:#888 }
.statsTable, .friendsList { font-size:11pt; color:#222 }
.statR { text-align:right; font-weight:bold }
.statL { text-align:left; font-weight:bold }
.statnote { text-align:left; font-style:italic }

.red, .red a, .red a:visited { color: #EE2244 }
.redi, .redi a, .redi a:visited { color: #EE2244; font-style:italic }
.blue, .blue a, .blue a:visited { color: #4422EE }
.bluei, .bluei a, .bluei a:visited { color: #4422EE; font-style:italic }
.green, .green a, .green a:visited { color: #22a044 }

.bookrecpfx, .bookrec, .morerec { text-align:center; font-size: 9pt }
.morerec { font-size: 12pt; font-weight: bold; font-style: italic }
.bookrec img { border: 0 }
.solvedrec .bookrecpfx { font-size: 12pt }
.solvedrec .bookrec, .solvedrec .morerec { font-size: 10pt }

.frHeader { font-weight:bold; padding:15px 0 10px 0}
.frValue { }
.frLink { }

.bordered {
	border: 1px solid black;
}

#bookcoverimagediv {
	position: relative;
}

#bookcoverimagediv img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 132px;
	height: auto;
	border: 1px solid black;
}

/* History styles */

.history tr { margin: 0 0 5px 0 }
.hmon, .hday, .hpuz, .hsol, .hans { vertical-align:top; font-family:arial,helvetica }
.hmon, .hday, .hmon a, .hday a { text-align:right; font-size:12pt; font-weight:bold; color:#000 }
.hmon a:hover, .hday a:hover { color:#008 }
.hpuz { text-align:left; font-size:10pt; padding: 0 0 10px 0 }
.hsol { font-style:italic }
.hans { font-style:italic; font-weight:bold }
.hnav .prev { text-align: left }
.hnav .next { text-align: right }
.hnav img { border:0 }
.current, .hnav .prev, .hnav .next { font-style:normal; font-size: 16pt; text-decoration:none }

/* FAQ styles */

.faq, .faq a { font-weight:bold; text-decoration:none; color: #000}
.faq a:hover {text-decoration:underline}
.faqa { margin-left: 20px}

.quote { font-style: italic; margin: 0 }
.quotepub { font-style: italic; font-weight: bold; margin: 0; font-size: 14pt }
.quotepub a { text-decoration: none; color:#000 }
.quotepub a:hover {text-decoration: underline }
.quoteauthor { font-weight: bold; text-align: right; margin-top: 0 }
.quoteheader { margin: 0; font-size: 150%; font-style: normal; font-weight: bold }

/* How-to styles (in addition to how-to-shared.css) */

table.fillgrid td { vertical-align: middle; }
.cryptic-explanation { font-weight: bold; }
.std-answer { font-weight: bold; }