body {
	font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;  padding: 0;
	background-color: #444;
	text-align: center;
	}

#wholePage, #wholePagePhoto {
	border: 1px solid #000;
	background-color: #ddd;
	padding: 10px;
	text-align: left;
	margin-top: 10px;  margin-bottom: 10px;
	margin-left: auto;  margin-right: auto;
	}

#wholePage {
	width: 530px; /* 70% */
	}

#wholePagePhoto {
	width: auto;
	/* float: left; */
	}


h1, h2, h3, h4 { margin: 0;  font-family: "Century Schoolbook", Georgia, serif; }
h1             { font-size: 35px; }
h2             { font-size: 28px; }
h3             { font-size: 20px; }
h4             { font-size: 17px; }

b  { font-weight: bold; }
i  { font-style: italics; }
p  { margin: 0;  margin-top: 0.6em;  margin-bottom: 2em;  line-height: 1.4; }

a:link    { color: #c00;  text-decoration: underline; }
a:visited { color: #000;  text-decoration: underline; }
a:active  { color: #fff;  text-decoration: underline; }
a:hover   { color: #c00;  text-decoration: underline;  background-color: #fff; }

.small, .footer { font-size: 11px; }
.footer   { margin-top: 30px; }
.footer p { margin-bottom: 1em; }


.tn a       { display: block;  padding:2px; }
.tn a:hover { background-color: #c00; }
.tn a img   { border-color: #000; }


.commentsBlock   { margin-bottom: 40px; }
.commentsBlock p { margin: 0 20px 20px 20px; }
.commentEr       { font-weight: bold; }


.counter      { float: right;  width: 20px; }
.imgRightLyle { float: right;  width: 90px;  margin-left: 10px;  margin-bottom: 10px; }
.imgRight     { float: right;  margin-left: 10px;  margin-bottom: 10px; }


#vote { background:#ddd; }
#vote label { font-weight: bold; }
#vote #wholePagePhoto { margin: 0;  padding: 0;  border: 0; }
#vote form td { padding: 0 5px; }