body{
	font-family: Calibri, Helvetica, sans-serif;
	position: relative;
	//width: 766px;
	margin: 0px /*auto*/;
	height: 100%;
	color: #222;
	background: #9cf;
}
#sidebar{
	//background: /*#aaa#9cf*/ #eee;
	position: fixed;
	left: 10px;
	width: 266px;
	top: 0px;
	bottom: 10px;
	overflow: visible;
	padding: 0px 0;
}
#main{
	background: #fff;
	/*position: relative;
	left: 286px;
	top: 0px;
	right: 50px;
	bottom: 0px;
	overflow: auto;
	border: solid #9cf;
	border-width: 0 50px 0 0;*/
	margin: 0 50px 0 286px;
	padding: 10px 0 0 0;
}
h1{
	text-align: center;
	margin: 0;
	padding: 10px 0;
	position: absolute;
	height: 99px;
	top: 0;
	left: 0;
	right: 0;
	border: solid #7ad;
	border-width: 0 0 1px 0;
}
ul#nav{
	margin: 0 0px;
	padding: 0;
	list-style: none;
	position: absolute;
	height: 128px;
	top: 120px;
	left: 0;
	right: 0;
}
#blog{
	margin: 0 -10px 0 0;
	padding: 0 10px 0 0;
	overflow: auto;
	position: absolute;
	top: 263px;
	bottom: 55px;
	left: 0;
	right: 0;
	//font-size: 11px;
	text-align: justify;
}
#notice{
	position: absolute;
	height: 43px;
	//padding: 5px;
	margin: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 9px;
}
#notice p{
	margin: 0;
	padding: 0;
}
#notice p:first-child{
	margin-bottom: 3px;
}
h2{
	//background: /*#eee#fffeef8ff*/ #eee;
	margin: 0 auto 10px auto;
	padding: 0 0 10px 0;
	width: 500px;
	border: solid #ddd;
	border-width: 0 0 1px 0;
}
#content{
	//padding: 0 10px;
	width: 500px;
	margin: 0 auto;
	padding-bottom: 15px;
}
#content p, #content ul, #content ol, #content blockquote{
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0;
	text-align: justify;
	font-size: 12px;
	line-height: 1.4;
}
#content p:first-child{
	margin: 0;
}
#content h3{
	margin: 15px 0 10px 0;
	padding: 0;
}
#sidebar>a{
	display: block;
}
img#potw{
	display: block;
	margin: 0 auto;
}
a{
	text-decoration: none;
}
img{
	border: 0;
}

h1 img{
	display: block;
	margin: 0 auto;
}
h1 img:first-child{
	padding-bottom: 5px;
}

ul#nav>li{
	height: 31px;
	margin: 0px 0 0 0;
	padding: 0 0 0 0px;
	text-align: center;
	border: solid #7ad;
	border-width: 0 0 1px 0;
}
ul#nav>li, h1{
	//background: #bdf;
}
ul#nav>li a:hover, h1:hover{
	background: #def;
}
ul#nav>li a:active, h1:active{
	background: #fff;
}
ul#nav>li>*{
	height: 23px;
	display: block;
	float: left;/**/
	padding: 4px;
	margin: 0;
}
ul#nav>li img{
	margin: 0;
	padding: 0;
}
#blog h3{
	text-align: center;
	margin: 0 0 10px 0;
}

#date{
	font-weight: normal;
	font-size: 16px;
}
#content > img{
	margin: 10px 0 0 0;
}
#content > .floatright{
	float: right;
	margin: 0;
	padding: 0 0 10px 10px;
}
#content > .floatleft{
	float: left;
	margin: 0;
	padding: 0 10px 10px 0;
}
#content > .floatleft.clear, #content > .floatright.clear{
	margin-top: 10px;
}
.clear{
	clear: both;
}
#content > img:first-child{
	margin-top: 0;
}

#content a, #blog a{
	color: #04b;
}
#content a:visited, #blog a:visited{
	color: #36b;
}
#content a:hover, #blog a:hover{
	text-decoration: underline;
}
#content a:active, #blog a:active{
	text-decoration: underline;
	color: #39f;
}

#content tr.a a{
color: #b40;
}
#content tr.a a:visited{
	color: #b63;
}
#content tr.a a:hover{
	text-decoration: underline;
}
#content tr.a a:active{
	text-decoration: underline;
	color: #f93;
}

td{
border: solid #ddd;
border-width: 1px 0 0 0;
margin: 0;
padding: 2px 0;
font-weight: bold;
}
tr.year td{
font-size: large;
padding-top: 10px;
font-weight: bold;
}
table{
border-collapse: collapse;
margin-top: 10px;
}
td:first-child{
padding-right: 10px;
font-weight: normal;
}