html,body	{ background: #cf6; padding-bottom: 0; margin-bottom: 0 }
a		{ text-decoration: none }
a:hover		{ text-decoration: underline }

#title *	{ margin: 0 3px 3px 3px; font-family: Verdana, sans-serif }
#title h1	{ font-style: italic; text-align: left }
#title h3	{ font-size: smaller; text-align: right }

#links		{ background: #000; width: 100% }
#links td td	{ padding: 7px; font-weight: bold; color: #fff }
#links a	{ color: #fff }
#links a:hover	{ text-decoration: none }
#links .me	{ background: #cf6; color: #000 }




#content {
	position: relative;
    text-align: left
}

#text {
	margin: 10px 283px 0 25px;
	max-width: 30em;
	width: expression(document.body.clientWidth > (500/12) * 
			  parseInt(document.body.currentStyle.fontSize) + 308
			  ? "30em" : "auto");
	overflow: visible;
}

#sidebar {
	position: absolute;
	top: 0;
	right: 25px;
	width: 248px;
}

.section {
	background: #ffc;
	border: 2px solid silver;
	padding: 5px;
	margin-bottom: 10px;
	overflow: visible
}

.updates a {
	text-decoration: underline
}


#caption	{ font-size: xx-small; text-align: center }
img		{ border: 1px solid black }
p		{ margin-top: 0; margin-left: 0; margin-right: 0 }
p.last		{ margin-bottom: 0 }
table		{ border-collapse: collapse; border-spacing: 0; border: 0 }
tr,td		{ margin: 0; padding: 0 }

/* Used anywhere? */
hr		{ color: #000; background-color: #000; border: 0; height: 3px;
		  /*clear: both;*/ margin-top: 10px; margin-bottom: 0 }