html, body {
   margin : 0;
   padding : 0;
}

body {
   color : #444;
   background : #222;
   width : 100%;
   font : 12px Helvetica, Verdana, Arial, Tahoma, sans-serif;
}

a:link {
   color : #bbb;
   background : transparent;
   border-width: 0 0 0 0;
   border-style: none none none none;
   text-decoration : none;
}

a:visited {
   color : #aaa;
   border-width: 0 0 0 0;
   border-style: none none none none;
   text-decoration : none;
}

a:hover {
	color: white;
	text-decoration: none;
	background-color: #70787F;
	border-color: #70787F;
}

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

/* Links within paragraphs (subtle) */
p a {
   color : #aaa;
      border-width: 0 0 0 0;
   border-style: none none none none;
text-decoration: none;
}

/* Links within paragraphs (revealed) */
p:hover a { 
   color : #eee;
   border-width: 0 0 0 0;
   border-style: none none none none;
text-decoration: none;
}

 #container {
   width : 90%;
   margin : 10px auto;
   background-color : #222;; 
   color : #eee;
   border : 0px solid #808080;
   border-bottom-width : 0px;
   line-height : 130%;
}

#top {
   padding : 1em 1em 1em 1em;
   background-color : #222;
   border-bottom : 0px solid #808080;
}
   
#content {
   margin-left : 190px;
   border-left : 0px solid #808080;
   margin-right : 190px;
   border-right : 0px solid #808080;
   padding : 1em;

}

#leftnav {
   float : left;

}


#leftnav {
   width : 160px;
   margin : 0 0 .5em 0;
   padding : 1em;
}

#footer {
   clear : both;
   margin-left : 190px;
   border-left : 0px solid #808080;
   margin-right : 190px;
   border-right : 0px solid #808080;
   padding : 1em;
   padding : 1em 1em 1em 1em;
   color : #eee;
   background-color : #222;
   border-bottom : 0px solid #808080;
   border-top : 1px solid #808080;
}

#leftnav p {
   margin : 0 0 .5em 0;
}

#leftnav h2 {
   margin : 0 0 1em 0;
}

#content h2 {
   margin : 0 0 1em 0;
}

#footer img {
   float : right;
}

#footer p {
   padding-left : 5px;
}

.happy {
   border-top : 1px solid #808080;
   font-size: 10px;
   font-weight: bold;
   padding : 6px;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ddd;
	background-color: #222;
        padding : 1em;
        line-height: 1.5em;
}

.text-alt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ddd;
	background-color: #333;
        padding : 1em;
        line-height: 1.5em;
}

.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #626;
	letter-spacing: 1pt;
	background-color: #000;
        padding : 1em;
}

.date-alt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ccc;
	letter-spacing: 1pt;
	background-color: #000;
        padding : 1em;
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #bbb;
	background-color: #333;
	padding: 30px;
	width: 500px;
	border: 1px solid #777;
}