body   { background-color: white; margin: 0; padding: 0; border: 0 }
table {width: 100%; border: 0}
.black { background-color: black; color: white}
.white { background-color: white; color: black}
.button{ text-align: center; vertical-align: bottom; padding: 0; margin: 0 }
.button img{ margin-bottom: 3px }
.right {text-align: right}
.left  {text-align: left}

a:visited {color: #006}
/*
.white.side a:link{color: blue}
*/

.black.side{width: 17%}
.white.side{width: 17%}

#content {
	border-top: 2px solid white;
	vertical-align: top;
	background-color: #ccc;
	color: black;
	padding-left: 20px;
	width: 66%;
	border-left:   2px solid white;
	border-right:  2px solid black;
	border-bottom: 2px solid black;
}
.recent-entry{margin-bottom: 4px}
#content p{ margin-left: 2em; margin-right: 1.2em}
#content blockquote{ margin-left: 3em; margin-right: 3em }
#content li{ margin-left: 1em; margin-right: 2em}
/*#content a:link{color: white}
#content a:visited{color: black}
*/
.side {
	vertical-align: top;
	font-size:x-small;
	padding:2px;
	font-family: verdana, arial, sans-serif;
}

/*.white.side a{text-decoration: none; color: black}
.white.side a:link   {color: blue}
.white.side a:visited{color: #ccc}
.white.side a:active {color: red}
/*.white.side a:hover  {color: blue}*/

.black.side a{text-decoration: none}
.black.side a:link   {color: white}
.black.side a:visited{color: #ccc}
.black.side a:active {color: red}
.black.side a:hover  {color: white}
.weblog-posted-by {
	background-color: black;
	color: white;
	margin-left: -22px;
	margin-right: 40px;
	margin-bottom: 1em;
	text-align: right;
	border: 1px solid white;
	border-left: 0;
}
.weblog-posted-by a{text-decoration: none}
.weblog-posted-by a:link   {color: white}
.weblog-posted-by a:visited{color: #ccc}
.weblog-posted-by a:active {color: red}
.weblog-posted-by a:hover  {color: white}
.weblog-date{
	background-color: white;
	color: black;
	margin-top: .5em;
	margin-right: -2px;
	border: 1px solid black;
	border-right: 0;
	padding-left: 4px;
}
/*.weblog-date:hover{background-color: black; color: white}

.weblog-date a:hover  {color: white; background-color: black}
.weblog-date:hover a:link{background-color: black; color: white}
.weblog-date:hover a:visited{background-color: black; color: white}
 */
.weblog-date a:active {color: red}
.weblog-date a:link   {color: black}
.weblog-date a:visited{color: black}
.weblog-date a{text-decoration: none}
.weblog-date a:visited {color: #333}

.weblog-title{color: black; margin-left: 10px}
.weblog-title a{text-decoration: none}
.weblog-title a:link   {color: black}
.weblog-title a:visited{color: #333}
.weblog-title a:active {color: red}
.weblog-title a:hover  {color: white}

.sidetitle {
	font-family:palatino, georgia, times new roman, serif;
	font-size:small;
	font-weight:normal;
	padding:2px;
	margin-top:10px;
	letter-spacing: .3em;
	text-transform:uppercase;
	}
img{border: 0}
.syndicate{margin-top: 1em; margin-bottom: 1em}

.black-inset{
	background-color: black;
	color: white;
	margin-left: -22px;
	margin-right: 40px;
}
.black-inset {
	background-color: black;
	color: white;
	margin-left: -22px;
	margin-right: 40px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 1em;
	text-align: right;
	border: 1px solid white;
	border-left: 0;
}
.black-inset a{text-decoration: none}
.black-inset a:link   {color: white}
.black-inset a:visited{color: #ccc}
.black-inset a:active {color: red}
.black-inset a:hover  {color: white}

.white-inset{
	background-color: white;
	color: black;
	margin-top: .5em;
	margin-right: -2px;
	padding-top: 5px;
	border: 1px solid black;
	border-right: 0;
	padding-left: 4px;
}
/*.white-inset:hover{background-color: black; color: white}

.white-inset a:hover  {color: white; background-color: black}
.white-inset:hover a:link{background-color: black; color: white}
.white-inset:hover a:visited{background-color: black; color: white}
 */
.white-inset a:active {color: red}
.white-inset a:link   {color: black}
.white-inset a:visited{color: black}
.white-inset a{text-decoration: none}
.white-inset a:visited {color: #333}

/*the next five lines are only because of IE*/
.white a{text-decoration: none; color: black}
.white a:link   {color: blue}
.white a:visited{color: #999}
.white a:active {color: red}
.white a:hover {color: red}