BODY {
font-family: Verdana, Helvetica, sans-serif; 
font-size:small;  
color: black;
} 

p{
margin: 0px;
padding:0px;
}

code{
font-size: 100%;
display: block;
margin: 0ex 1em 3ex 3em;
}

img{
border-style: none;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

h1 {
font-size: 150%;
}

h2 {
font-size: 130%;
}

ul {
list-style: none;
}

li a:hover{
color: #ff0000;
}

table {
margin: 0ex 1em 3ex 1em;
}

#page{
width: 800px;
margin: 20px 80px 20px 80px;
}

.headleft{
float: left;
margin: 5px 15px 5px 30px;
}

#newshead{
text-align: left;
background: #eeeeee;
border: 1px dotted #000000; 
margin-bottom: 10px;
padding: 5px 10px 5px 10px;
font-size: 75%;
}

.headimage{
float: right;
width: 319px;
margin: 5px 15px 5px 15px;
}

#contentbody{
clear: both;
margin: 0px;
min-height: 290px;
padding: 20px 10px 10px 20px;
background: #eeeeee;
}

#contentbody p{
margin: 0ex 1em 3ex 1em;
}

.blogcontent{
margin: 0ex 1em 3ex 1em;
}

h3 {
font-size: 110%;
margin: 1ex 0em 0.2ex 0em;
}

h4 {
font-size: 100%;
margin: 2ex 0em 0.2ex 0em;
}

h3 a:hover{
color: #ff0000;
}

#leftcolumn ul{
font-size: 85%;
border: 1px solid;
padding: 10px 10px 10px 15px;
background: #cccccc;
position: relative;
top: -4px;
left: -4px;
}

#leftcolumn ol{
font-size: 85%;
border: 1px solid;
padding: 10px 10px 10px 15px;
background: #cccccc;
}

li.num{
margin: 10px 20px 10px 20px;
}

#contentclear {
clear: both;
margin: 0px;
padding: 0px;
}

.note {
font-size: 85%;
border: 1px solid;
margin: 20px;
padding: 10px;
background: #cccccc;
position: relative;
top: -4px;
left: -4px;
}

pre{
font-size: 100%;
display: block;
border: 1px solid;
background: #ffffff;
width: 50em;
}

.attrib{
text-align: right;
display: block;
font-weight: bold;
}

#leftcolumn{
float: left;
width: 475px;
min-height: 290px;
}

#rightcolumn{
float: right;
margin: 0px;
width: 18em;
padding: 10px;
font-size: 85%;
border: 1px solid;
}

#rightimage{
float: right;
margin: 0px;
width: 280px;
padding: 0px;
}

#rightcolumn ul{
margin: 0.5em 0ex 1em 0ex;
}

#footer a{
color: #000000;
}

#footer a:hover{
color: #ff0000;
}

#nav {
float: left;
width: 440px;
padding: 61px 0px 0px 10px;
margin: 0;
list-style: none;
font-weight: bold;
}

#nav li{
float: left;
font-size: 80%;
display: block;
margin: 0 1px 0 0;
color: #333;
text-decoration: none;
border: 1px solid #9B8748;
border-bottom: none;
background: #eeeeee;
}

#nav li B{
display: block;
padding: 4px 12px;
}

#nav a{
display: block;
padding: 4px 12px;
background: #ffffff;
}

#nav li i{
display: block;
padding: 4px 12px;
background: #ffffff;
}

#nav a:hover{
background: #eeeeee;
color: #ff0000;
}

.postmeta,
.commentmeta{
font-size: 80%;
font-style:italic;
}

.postmeta a:hover{
color: #ff0000;
}

.paginationcontainer{
clear: both;
}

.previouspost {
	float:left;
}

.nextpost {
	float:right;
}

.contentseparator{
clear: both;
}

#frontbody{
width: 600px;
clear: both;
margin: 20px 80px 20px 80px;
min-height: 420px;
padding: 20px 80px 20px 80px;
background: #eeeeee;
text-align: center;
}

#frontlogo{
float: right;
display: block;
padding-bottom: 20px;
padding-top: 60px;
}

#frontfooter{
width: 600px;
clear: both;
float: left;
display: block;
padding: 5px 80px 5px 80px;
margin: 0px 80px 0px 80px;
text-align: center;
font-size: 80%;
background: #eeeeee;
}
/** Declaration for the a.singleRollover selector **/

a.writingRollover {
	display: block;
	float: left;
	width: 238px;
	height: 201px;
	padding-bottom: 20px;
	background: url(Images/wrollover.png) no-repeat 0 0;
  overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}

a:hover.writingRollover {
	background-position: -238px 0px;
}

a.designRollover {
	display: block;
	float: right;
	width: 238px;
	height: 201px;
  padding-bottom: 20px;
	background: url(Images/drollover.png) no-repeat 0 0;
  overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}

a:hover.designRollover {
	background-position: -238px 0px;
}

a.comedyRollover {
	display: block;
	float: left;
	width: 238px;
	height: 193px;
	background: url(Images/crollover.png) no-repeat 0 0;
  overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}

a:hover.comedyRollover {
	background-position: -238px 0px;
}

#mtaTwitter a img {
	  height: 48px;
    width: 48px;
    float: right;
    padding: 0px, 10px;
}

#mtaTwitterStatuses {
clear: both;
border: 1px solid;
margin: 0;
padding: 0;
list-style: none;
}

#mtaTwitterStatuses li { padding: 5px 5px; }
#mtaTwitterStatuses li.even { background-color: #cccccc; }
#mtaTwitterStatuses li.odd { background-color: #eeeeee; }
#mtaTwitterStatuses li span { text-align: right; display: block; }