/* Main Page Styles */
* { margin: 0; padding: 0; }
a img { border: 0; }
p, hr { margin-bottom: 1em; }

blockquote
{
	margin: 1em;
	margin-top: 0;
	padding: 1em;
	background: #eee;
	color: #000;
	border: 1px solid #000;
}

h1, h2, h3, h4, h5, h6 { margin-top: 1em; }

body {
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	color: #fff;
}

.feedburnerFlareBlock
{
	font-size: 8pt;
}

.required, .fielderror,
.form_table .fielderror,
.form_table .required
{
	color: #f00;
	font-weight: bold;
}

/* Forms */
.form_table
{
	margin: 1em;
	background: #666 url('/images/box-highlight.png') repeat-x top left;
	border: 1px solid #999;
	width: 90%;
}

.form_table textarea
{
	/*width: 400px;*/
	width: 90%;
	height: 100px;
}

.form_table td, .form_table th
{
	padding: 5px;
}

.form_table tr
{
	vertical-align: top;
}

.form_table th
{
	text-align: left;
	font-weight: normal;
}

/* Lists */
.list_table
{
	margin: 1em;
}

.list_table tr th
{
	background: #600 url('/images/box-highlight.png') repeat-x top left;
	color: #fff;
	padding: 5px;
}

.list_table tr td
{
	background: #eee;
	color: #000;
	padding: 5px;
}

.list_table tr.alt td
{
	background: #ccc;
}

/* Page Layout */
#popoutBody
{
	margin: 2em;
	background: #333;
}

#wrap
{
	margin: 0 3em;
	background: #333;
}

#topbar
{
	background: #000 url('/images/topbar.png') repeat-x top;
	height: 30px;
}

#leftcolumn
{
	float: left;
	width: 250px;
	background: #999 url('/images/diamondplate.png') repeat-y left;
}

#rightcolumn
{
	margin-left: 250px;
}

#banner
{
	background: #600 url('/images/banner-background.png') repeat-x top left;
	padding: 5px;
}

#banner_links
{
	border: 1px solid #fff;
	color: #fff;
	background: #900 url('/images/box-highlight.png') repeat-x top left;
	padding: 0.5em;
	margin: 0.5em;
	font-size: 85%;
	float: right;
}

#banner_links a { color: #fff; }
#banner_links a:visited { color: #fff; }
#banner_links a:link { color: #fff; }
#banner_links a:hover { color: #fee; }
#banner_links a:active { color: #fee; }

#sidebar
{
	background: url('/images/illustration-background.png') no-repeat top left;
	min-height: 200px;
	padding-top: 175px;
}

#sidebar_footer
{
	background: url('/images/diamondplate-bottom.png') no-repeat bottom left;
	height: 20px;
}

#footer
{
	clear: left;
	padding: 2em 1em;
	text-align: center;
	background: #999 url('/images/comments-highlight.png') repeat-x top left;
	border: 1px solid #666;
}

/* Sidebar */
.forumsbox
{
	margin: 0 20px 1em 20px;
	color: #fff;
	padding: 1em;
	border: 1px solid #333;
	background: url('/images/gray-trans50.png');
	font-size: 115%;
	font-weight: bold;
	text-align: center;
}
.forumsbox a { color: #333; }
.forumsbox a:visited { color: #333; }
.forumsbox a:hover { color: #eee; }
.forumsbox a:active { color: #eee; }

.loginbox, .menubox, .menubox2
{
	margin: 0 20px 1em 20px;
}

.loginbox, .menubox2 { border: 1px solid #666; }
	
.loginbox .header, .menubox .header, .menubox2 .header
{
	font-weight: bold;
	padding: 0.5em 0.5em;
}

.loginbox .header, .menubox2 .header
{
	color: #fff;
	padding-left: 1em;
	background: url('/images/gray-trans50.png');
}

.menubox .header
{
	color: #333;
	margin-bottom: 0.5em;
	background: url('/images/white-trans50.png');
	border: 1px solid #333;
}

.loginbox .contentarea, .menubox2 .contentarea
{
	padding: 0.5em 1em 1em 1em;
	background: url('/images/white-trans50.png');
}

.loginbox .item, .menubox .item, .menubox2 .item
{
	padding-bottom: 1em;
}

.loginbox .contentarea
{
	font-size: 85%;
}

.menubox .contentarea
{
	padding: 0 10px;
}

.menubox .title, .menubox2 .title
{
	font-weight: bold;
}

.menubox .blurb, .menubox2 .blurb
{
	font-size: 85%;
}

.menubox .contentarea ul
{
	margin-left: 0.5em;
	padding-left: 0.5em;
}

.menubox .contentarea ul li
{
	margin: 0;
	padding: 0;
	color: #333;
}

.loginbox a, .menubox a, .menubox2 a { color: #000; }
.loginbox a:visited, .menubox a:visited, .menubox2 a:visited { color: #000; }
.loginbox a:link, .menubox a:link, .menubox2 a:link { color: #000; }
.loginbox a:hover, .menubox a:hover, .menubox2 a:hover { color: #333; }
.loginbox a:active, .menubox a:active, .menubox2 a:active { color: #333; }

/* Avatars */
.avatar
{
	float: right;
	text-align: right;
	font-size: 85%;
}

.avatar img
{
	border: 1px solid #000;
	margin-left: 1em;
}

.dateline
{
	font-style: italic;
	font-size: 85%;
	margin-bottom: 1em;
}

/* Images */
.image_right, .image_left
{
	padding: 1em;
	font-size: 85%;
}

.image_right
{
	float: right;
	text-align: right;
}

.image_left
{
	float: left;
	text-align: left;
}

/* Article */
.article
{
	clear: right;
	background: url('/images/banner-shadow.png') repeat-x top left;
	padding: 1em;
	text-align: justify;
}

.article h1
{
	margin: 0;
	margin-top: 1em;
	text-align: left;
}

.article h2
{
	font-size: 130%;
	text-align: left;
	margin-top: 1.5em;
}

.article h3
{
	font-size: 105%;
	text-align: left;
	margin-top: 2em;
}

.article li
{
	margin-left: 2em;
	margin-bottom: 1em;
}

.article .paging
{
	margin-top: 1em;
	background: #ccc url('/images/box-highlight.png') repeat-x top left;
	border: 1px solid #999;
	color: #000;
	padding: 0.5em;
	text-align: left;
}

.article .paging a, .article .paging a:link, .article .paging a:hover, .article .paging a:visited, .article .paging a:active
{
	font-weight: bold;
	text-decoration: none;
}


.commentslist a:visited,
.article a:visited
{ color: #c00; }

.commentslist a:link,
.article a:link
{ color: #f00; }

.commentslist a:hover,
.article a:hover
{ color: #fff; }

.commentslist a:active,
.article a:active
{ color: #fff; }

.article .paging .link
{
	float: right;
	text-align: right;
}

/* Comments */
.commentslist, .articleslist
{
	clear: right;
	margin: 1em;
}

.comment, .articleitem
{
	border: 1px solid #999;
	background: #666 url('/images/comments-highlight.png') repeat-x top left;
	padding: 1em;
	margin-bottom: 1em;
	text-align: justify;
	min-height: 100px;
}

.comment h2, .articleitem h2
{
	margin-top: 0;
	font-size: 100%;
	text-align: left;
}

.commentslist .alt, .articleslist .alt
{
	border: 1px solid #666;
	background: #444 url('/images/comments-highlight.png') repeat-x top left;
}

/* Podcasts */
.podcast
{
	border: 1px solid #ccc;
	background: #bbb;
	color: #000;
	padding: 1em;
	width: 350px;
	text-align: left;
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 8pt;
}

.podcast a:link, .podcast a:visited { text-decoration: none; }
.podcast a:active, .podcast a:hover { text-decoration: underline; }

/* Flickr */
.flickr_photos td
{
	width: 50%;
	text-align: center;
	padding: 1em;
}