BODY {
margin:10px;
padding:0px;
background-color:#E4AD7C;
font-family:"Trebuchet MS",Tahoma,Arial,Helvetica;
font-size:12px;
line-height:14px;
color:#000;
}

#container{width:900px; background-color: #ECD5AE; border: 2px solid #32281E; border-top:4px solid #32281E; margin-top:2px; z-index:2;}
#header{height:200px; background-color:#E4AD7C; }
#navbar{height: 20px; width:900px; }
#content{ float:left; width:670px; background-color: #ECD5AE; }
#sidemenu{float:right; width:200px; background-color: #ECD5AE; }
#footer{height:20px; background-color:black; color:#3C6454; clear:both;}

#tabmenu {
		color: black;
		border-bottom: none;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		z-index: 1;
		padding-left: 10px }

#tabmenu li {
		display: inline;
		overflow: hidden;
		list-style-type: none; }

#tabmenu a, a.active {
		color: black;
		background: #3C6454;
		font: bold 16px "Trebuchet MS", Arial, sans-serif;
		border: 2px solid #32281E;
		padding: 2px 5px 0px 5px;
		margin: 0;
		text-decoration: none; }

#tabmenu a.active {
		background: #ECD5AE;
		border-bottom: 4px solid #ECD5AE; }

#tabmenu a:hover {
		color: #fff;
		background: #ADC09F; }

#tabmenu a:visited {
		color: #1B2D26; }

#tabmenu a.active:hover {
		background: #ECD5AE;
		color: #DEDECF; }

img { border: none; } 

H1 {
font-family: "Times New Roman","Trebuchet MS",Tahoma,Arial,Helvetica;
font-size:36px;
line-height:36px;
font-weight:bold;
margin:0px;
padding:0px;
margin-top:20px;
margin-bottom:5px;
color: #3C6454;
}

H2 {
font-family: "Trebuchet MS",Tahoma,Arial,Helvetica;
font-size:28px;
line-height:32px;
font-weight:bold;
margin:0px;
padding:0px;
margin-top:20px;
margin-bottom:5px;
width:100%;
}

H3 {
font-family: "Trebuchet MS",Tahoma,Arial,Helvetica;
font-size:16px;
line-height:16px;
font-weight:bold;
color:#3C6454;
margin:0px;
padding:0px;
margin-top:20px;
margin-bottom:5px;
margin-left:3px;
min-width:172px;
}

H4 {
font-family: "Trebuchet MS",Tahoma,Arial,Helvetica;
font-size:16px;
line-height:16px;
font-weight:bold;
margin:0px;
padding:0px;
margin-top:20px;
margin-bottom:5px;
}

P {
font-family:"Trebuchet MS",Tahoma,Arial,Helvetica;
font-size:13px;
line-height:17px;
font-weight:normal;
}

LI {
font-family:"Trebuchet MS",Tahoma,Arial,Helvetica;
font-size:12px;
line-height:14px;
font-weight:normal;
padding-bottom:3px;
}

CITE {
font-family:"Trebuchet MS",Tahoma,Arial,Helvetica;font-size:12px;
line-height:14px;
font-weight:normal;
font-style:normal;
}

TD {
font-family:"Trebuchet MS",Tahoma,Arial,Helvetica;
font-size:12px;
line-height:14px;
color:#000;
font-weight:normal;
}

A {
text-decoration:underline;
color:#3C6454;
}

A:hover {
color:orange;
}

a:active
{   color: #0066FF;
   text-decoration: none;
}

.picture {
border:1px solid #3C6454;
padding:5px;
margin:5px;
}

.entryview {
padding:20px;
}

.entry {
padding-left:10px;
line-height: 16px;
}

.margin {
margin-top:20px;
padding:20px;
border-left:1px solid #3C6454;
}

.section {
padding:10px;
line-height:16px;
}

.day_empty {
background-color:#fff;
}

.day_heading {
font-weight:bold;
text-align:center;
}

.day_off {
background-color:#fff;
}

.day_on {
background-color:#ddd;
font-weight:bold;
}

.day_today {
background-color:#fa0;
font-weight:bold;
}

.month_previous{
text-align:left;
}

.month_next {
text-align:right;
}

.month_current {
text-align:center;
}

.code {
font-family:"Courier New",Courier;
border:1px solid #aaa;
background-color:#ffa;
padding:5px;
margin:10px;
}

#comic-area
{
   background: #fff;
   margin: 0;
   padding: 10px 0 0 0;
}

.comicImage
{
   margin: 10px auto;
   padding: 2px;
}
.post
{      padding: 5px; }

.byline
{
   text-align: right;
   font-size: 0.8em;
   color: #666;
   margin: 3px;
}
/* COMMENTS STYLES
==============================*/
#commentsTitle
{
   background: #dadada;
   border-bottom: 1px solid #bbb;
   padding: 3px 0;
   margin: 0;
   text-align: right;
   font-size: 0.9em;
   color: #999;
}
.commentsWidth
{
   width: 700px;
   margin: 0 auto;
}
.comments
{
   width: 700px;
   margin: 10px auto;
   background: #c7c7c7;
}
#commentPostArea
{
   width: 370px;
   float: left;
}
.commentPost
{
   margin: 5px auto;
   border-bottom: 1px solid #aaa;
   background: #d2d2d2;
   text-align: left;
}
.commentEntry
{
   margin: 0;
   background: #c7c7c7;
   text-align: left;
   width: 307px;
   float: right;
}
form
{
   padding: 3px;
}
legend
{
   font-weight: bold;
   font-size: 1.8em;
   color: #444;
}
label
{
   display: block;
   font-size: 0.9em;
   margin-top: 6px;
   color: #555
}
fieldset
{
   border: none;
   margin: 0;
   padding: 0;
}
input.textEntry,
textarea.textEntry
{
   border: 1px solid #b2b2b2;
   padding: 2px 3px;
   margin: 3px 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background: #fff;
   color: #444;
   width: 300px;
}

/* on focus effects for Firefox */
input.textEntry:focus,
textarea.textEntry:focus
{
   border: 1px solid #b2b2b2;
   padding: 2px 3px;
   margin: 3px 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background: #b0cde9;
   color: #444;
   width: 300px;
}
/* time for nav stuffs */
.mainNav
{
   margin: 10px auto;
   list-style-type: none;
}
.mainNav li
{
   display: inline;
   margin: 0;
   padding: 3px;
}
.clear
{
   clear: both;
}