body
{
	background-color: #eee;
	font-family: Palatino Linotype, serif;
	text-align: center;
}

#body, #home
{
	width: 66%;
	margin: auto;
	max-width: 35em;
	text-align: left;
}

#header
{
	background-color: #fff;
	border: 1px solid #999;
	margin-bottom: 1em;
}

#header #title
{
	color: #633;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
	font-weight: normal;	
	margin: .2em .2em;
}

#navigation
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .8em;
}

#navigation ul
{
	background-color: #900;
	margin: 1px;
	padding: .2em 0;
}

#navigation li
{
	display: inline;
	list-style-type: none;
}

#navigation a, #navigation #selected, #navigation a #selected
{
	border-right: 1px solid #fff;
	color: #fff;
	padding: .2em .7em;
	text-decoration: none;
}

#navigation #selected
{
	background-color: #999;
	color: #fff;
}

#navigation a:hover, #navigation #selected:hover
{
	background-color: #999;
	color: #000;
}

#content
{
	background-color: #fff;
	border: 1px solid #999;
	padding: 0 1em;
	text-align: left;
}

#content h1
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	margin-bottom: 0em;
}

#content h2
{
	clear: both;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.9em;
	margin-bottom: 0em;
}

#content h3
{
	clear: both;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75em;
	margin-bottom: 0em;
}

#home h2, #home h3
{
	clear: none;
}

#content #right
{
	float: right;
	margin-left: 1em;
}

#content .recommendation
{
	background-color: #eee;
	border: 1px solid #900;
	margin-bottom: 1em;
	text-align: center;
	width: 140px;
}

#content .recommendation h2
{
	background-color: #900;
	color: #fff;
	font-size: 80%;
	font-weight: normal;
	padding: .2em;
}

#content .recommendation h3
{
	margin: .5em auto 0;
}

#content .recommendation p
{
	font-size: 80%;
	margin-top: 0;
	padding: 0 .5em;
}

#content p, #content dd, #content dt, #content li, #content th, #content td
{
	font-size: .9em;
}

#content ul
{
	margin-left: 18px;
}

#content li li
{
	font-size: 100%;
}

#content dt
{
	font-style: italic;
}

#content dd
{
	margin-left: 0;
	margin-bottom: 1em;
}

#content table
{
	margin-bottom: 1em;
}

#content th
{
	padding-right: 1em;
	text-align: left;
	vertical-align: top;
}

#content td
{
	vertical-align: top;
}

#content p
{
	margin: 0 0 1em;
}

#content p.date
{
	font-style: italic;
	margin-bottom: .3em;
}

#content p.archive
{
	font-family: Verdana, Arial, sans-serif;
	font-size: .75em;
	margin-bottom: 1em;
}

#content p.comments
{
	font-size: 0.75em;
	margin-top: -1em;
}

#content span.category
{
	font-size: .8em;	
}

#content .update
{
	color: #666;
	font-style: italic;
}

#content code, pre
{
	font-family: Trebuchet MS, Courier New, Monospace;
}

#content code
{
	font-size: 100%;
}

#content pre
{
	background-color: #eee;
	border: 1px solid #ccc;
	font-size: 80%;
	overflow: auto;
	padding: .5em 1em;
	margin-top: 0;
}

#content img
{
	border: 0;
	margin: .5em 1em;
}

#content p.image
{
	font-style: italic;
}

#content img.book, #content img.screenshot
{
	border: 0;
	float: left;
	margin-right: 1em;
	margin-top: .5em;
}

#content p.filename
{
	font-style: italic;
	margin-bottom: .1em;
}

#content p.author
{
	margin-top: 1em;
	margin-bottom: 0;
	font-weight: bold;
}

#content p.bookauthor, #content p.developer
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75em;
	font-style: italic;
	margin-top: 0.1em;
	margin-bottom: 1em;
}

#content a.feed
{
	background: url(./images/rss.gif) no-repeat right;
	padding-right: 40px;
}

#content table
{
	margin-top: .5em;
	width: 100%;
}

#content table.comment th
{
	font-weight: normal;
	width: 20%;
}

#content table.comment td
{
	width: 70%;
}

#content table.comment .field
{
	font-family: Palatino Linotype, serif;
	font-size: 1em;
	margin-bottom: .1em;
	width: 70%;
}

#footer
{
	color: #666;
	margin-top: .5em;
	text-align: right;
}

a
{
	color: #900;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a:visited
{
	color: #c66;
}