body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:10px;
  background-color:#CCCCCC;
  height:100%;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

.main {
	font-size:12px;
	text-align:center;
}
h2 {	
	padding:4PX;
	margin:2PX;
}
#container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	border:1px #000000 solid;
	background-color:#FFFFFF;
	min-height:100%;

}
#commentcontainer {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-size: 15px;
	font-weight:bolder;
}
#showRecentTwats {
	display:block;
	width: 66%;
	float:left;
}
#showTopTwat { 
	display:block;
	width: 33%;
	float:left;
}
#indexText {
	display:block;
	width:100%;
	float:left;
}
#lowerheader {
	font-size:14px;
	text-align:center;
	padding:2px;
	border-top: 1px #E5E5E5 solid;
	background-color: #E2E2E2;
}
#maincontent {
	text-align:center;
	background-color:#E2E2E2;
	border-bottom:1px #252525 solid;
	padding:2px;
}
#bottom {
	background-color:#999999;
}
#footer {
	text-align:center;
	vertical-align:middle;
	padding:2px;
	font-weight:bold;

}
#commentsinfo {

	float:left;
	padding:5px;
	font-size:13px;
	text-align:right;
	width:125px;
}
#commentscontent {

	padding:5px;
	border-left:1px #333333 solid;
	height:100%;
	margin-left:150px;
}
#commentcontent {
	width:80%;
	margin-top:5px;
	margin-left: auto;
	margin-right: auto;
}
#commentform {
	width:80%;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
}
 label
{
width: 100px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
em {
	color:#FF0000;
}
ol {
	text-decoration:none;
}
li {
	list-style-type:none;
}
fieldset {
	border:none;
}
legend {
	font-weight:bold;
	font-size:13px;
}
input {
	border:1px #000000 solid;
	background-color:#CCCCCC;
	size:10px;
	margin: 2px;
}
textarea {
	border:1px #000000 solid;
	background-color:#CCCCCC;
	size:10px;
	margin: 2px;
}
#submit  {
	margin-left: 102px;
	
}
.twatsection {
	margin-top:4px;
	margin-bottom:4px;

	vertical-align:middle;
}
a.image {
	text-decoration:none;
}
a.twat {
	color:#666666;
	text-decoration:none;
}
a:hover.twat {
	color:#CCCCCC;
}
div#showhide {
	display:none;
}

a.dark {
	color:#CCCCCC;
	text-decoration:none;
}
a:hover.dark {
	color:#666666;
}

a.navigation {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}
a:hover.navigation  {
	color:#666666;
}
#twatleft {
	float:left;
	padding:5px;
	font-size:13px;
	text-align:center;
	width:125px;	
}
#twatright {
	padding:5px;
	border-left:1px #333333 solid;
	height:100%;
	margin-left:150px;
	text-align:left;
}

label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.tileImage { 
	border:1px solid #000000;