* { margin:0; }
div { margin:0; padding:0; }
body { background-color:white; color:black; }
img { border:none; vertical-align:bottom; }

#header {
	padding:16px;
	background-color:#002244;
	background-image:url('../images/bg-header.png');
	background-repeat:no-repeat;
	background-position:right;
	text-align:left;
	font-size:40pt;
}
#header img {
	vertical-align:middle;
}
#header a {
	color:white;
	text-decoration:none;
}

#menubar {
	padding:4px 16px;
	border-top:1px solid #004488;
	border-bottom:1px solid #004488;
	background-color:white;
	background-image:url('../images/bg-menubar.png');
	color:gray;
	text-align:left;
}
#menubar a { text-decoration:none; }
#menubar a:link { color:#0088AA; }
#menubar a:visited { color:#006688; }
#menubar a:hover { color:#00AACC; }
#menubar a:active { color:#00CCFF; }

#sidebar {
	width:192px;
	float:left;
	text-align:left;
}

#main {
	margin-left:192px;
	padding:16px;
	text-align:left;
}

#footer {
	clear:left;
	margin-top:16px;
	padding-top:8px;
	padding-bottom:4px;
	border-top:1px solid gray;
	color:gray;
	text-align:center;
}
#footer a {
	text-decoration:none;
	font-size:10pt;
	color:gray;
}

div.blog { margin:5px 5px 20px; padding:5px; border:1px solid #DDDDFF; background-color:#CCCCEE; color:#222244; }
div.blog-header { margin:5px; padding:5px;  border:1px solid #D8D8EE; background-color:#E8E8FF; color:#222244; }
div.blog-header a:link { color:#444488; }
div.blog-header a:visited { color:#222244; }
div.blog-header a:hover { color:#8888FF; }
div.blog-header a:active { color:red; }
div.blog-body { margin:5px; padding:5px 10px; border:1px solid #DDDDEE; background-color:#EEEEFF; color:#222222; }
div.blog-footer { margin:5px; padding:5px; border:1px solid #CCCCEE; background-color:#DDDDFF; color:#222244; }
div.blog-footer span.date { color:#004488; }
div.blog-footer a:link { color:#444488; }
div.blog-footer a:visited { color:#222244; }
div.blog-footer a:hover { color:#8888FF; }
div.blog-footer a:active { color:red; }