
body {
	background-color: #223344;
	margin: 0px 8px 8px 8px;
}



/** Header **/


.headerTable {
	width: 100%;

	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.ruleCell {
	height: 15px;
}

.menuCell {
	padding: 0px 0px 0px 20px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

	vertical-align: bottom;
	color: #9999AA;

	letter-spacing: 2px;
}

.menuCell a {
	text-decoration: none;
	color: #9999AA;
}

.menuCell a:hover {
	color: #FFFFFF;
}

.pageTitleCell {
	height: 75px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	vertical-align: bottom;
	text-align: right;
	padding: 0px;
}

.menuItemSpan {
	padding: 0px 20px 0px 0px;
}

.nameDiv {
	position: relative;
	top: 5px;
	left: -17px;

	font-size: 12px;
	color: #FFFFFF;

	letter-spacing: 3px;
}

.titleDiv {
	position: relative;
	top: 20px;

	font-size: 34px;
	color: #9999AA;

	letter-spacing: -1px;
}

.ruleDiv {
	background-color: #9999AA;
	width: 100%;
	height: 1px;
	overflow: hidden;
}



/**  Page: Navigation  **/

.pageTable {
	width: 100%;
	padding: 0px;
}

.navigationCell {
	width: 150px;

	vertical-align: top;
}

.navigationCell a {
	text-decoration: none;
	color: #9999AA;
}

.navigationCell a:hover {
	color: #FFFFFF;
}

div.navigation {
	background-color: #334455;
	padding: 5px 5px 5px 5px;
	border: 1px solid #112233;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.navigationRow a {
	color: #FFFFFF;
	text-decoration: none;
}

.navigationRow a:hover {
	color: #9999AA;
}

.navigationRow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.nextCell,
.previousCell {
	padding: 0px 20px 0px 20px;
}

.nextCell {
	text-align: right;
}

div.navigationSectionHeader {
	color: #BBBBCC;
	margin: 3px 0px 0px 0px;
	padding: 2px;
	text-align: right;
	text-transform: lowercase;
	font-weight: bold;
}

.navigationListTable {
        margin: 0px 0px 1px 0px;
	padding: 0px 0px 10px 0px;
}

.navigationListTable td {
	padding: 1px;
}

.navigationListTable td.bulletCell {
        width: 0.5em;
	color: #9999AA;
}



/**  Page: Blog  **/

.blogCell {
        padding: 0px 10px 0px 0px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

.blogEntry {
        color: #9999AA;

	margin: 0px 0px 50px 0px;
}

.blogEntry img {
        border: 1px solid #112233;
}

.blogEntryDate {
	font-size: 9px;
	color: #666688;
}

.blogEntryPosted {
	font-size: 9px;
	color: #666688;
}

.blogEntryPosted a {
	text-decoration: none;
	color: inherit;
}

.blogEntry a:hover {
	color: #FFFFFF;
}

.blogBody {
	font-size: 12px;
}


/** comments **/

.commentsSection {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #9999AA;
}

.commentsHeader {
	margin: 30px 0px 10px 0px;
}

.commentBody a {
	color: #9999AA;
	text-decoration: none;
}

.commentBody a:hover {
	color: #FFFFFF;
}

.commentBody {
	font-size: 12px;
	margin: 0px 0px 40px 0px;
}

.commentPostedBy {
	font-size: 10px;
	color: #666688;
}

.commentForm {
	font-size: 12px;
}

