/* an erisfree design */

html, body { 
margin: 0px;
padding: 0px;
font-family: lucida console, courier new, sans-serif;
background-color: #36414C; }

img {border: 0px;}

.title { 
font-size: 30px;
font-weight: bold;
font-family: "Verdana", trebuchet, arial;
text-align: left;
letter-spacing: 10px;
color: #00FF00;
position: absolute;
padding: 5px;
width: 100%;
right: 0px;
top: 0px;
z-index: 1;
background-color: #000000;}

.menu1box { 
position: absolute;
margin-left: 10px;
padding-right: 10px;
left:0px;
top:60px;
width:200px;
background-color: #36414C;}

.blog {
color: #FFFBF0; /* #C0C0C0 */
font-size: 11px;
font-family: "verdana", trebuchet, arial;
letter-spacing: 0px;
line-height: 20px;
text-align: justify;
padding: 7px;
margin-bottom: 2px;}

/* the following date div is a copy of the blog div becasue i can't be 
arsed updating all the pages cos i used the date div in each one. bad
idea that. stay with symantecs kids! */

span.spoiler {
background-color:white
}

.date {
text-decoration: bold;
color: #FFFBF0; /* #C0C0C0 */
font-size: 11px;
font-family: "verdana", trebuchet, arial;
letter-spacing: 0px;
line-height: 20px;
text-align: justify;
padding: 7px;
margin-bottom: 2px;}

.outside {
position: absolute;
top: 60px;
left: 220px;
width: 70%;
z-index: 2;
}

.quip  { 
position: absolute;
width: auto;
left: 90%;
top: 25px;
z-index: 1;
font-size: 11px;
font-family: lucida console, courier new, sans-serif;
text-align: right;
letter-spacing: 2px;
color: #C0C0C0;}

.menutext { 
color: #FFFBF0;
background-color: #36414C;
font-size: 10px;
font-family: lucida console, courier new, sans-serif;
letter-spacing: 0px;
line-height: 20px; 
text-align: left;
border: 1px dotted #00FF00;}

h4 { 
font-size: 16px;
font-family: lucida console, courier new, sans-serif;
color: #00FF00;
letter-spacing: 1px;
/* float: right;
width: 150px; */
margin: 3px;
/* padding: 10px;
z-index: 6; */}

h5 { 
font-size: 12px;
font-family: lucida console, courier new, sans-serif;
letter-spacing: 3px;
color: #666666;
z-index: 6;
margin: 0px;
padding-left: 5px;}

i { color: #0f0f0f0f; }

.divider{
text-align: right;
padding: 2px;
font-size: 10px;
font-family:arial,lucida console, courier new, sans-serif; }

blockquote {
align: left; 
line-height: 16px;
text-align: justify;
padding: 5px;
color: #ffffff;
font-family: "verdana", trebuchet, arial;
font-size: 11px;
letter-spacing: 1px;
border: 1px solid #00FF00; }

li{ 
list-style-type: square;
/* list-style-image: url( images/bg16.gif ); */
color: #00FF00;
padding: 0px;
margin: 0px 0px 0px 20px;}

ul, h6{ 
margin: 0px 0px 20px 10px;
padding: 0px;
font-size: 10px;
font-weight: normal;}

input,textarea,select { 
background-color: #ebebeb;
border: 1px solid #00FF00;
color: #000000; }

a:link { 
color:#00FF00;
font-family: silkscreen, arial, san-serif;
/* font-size: 9px; */
letter-spacing: 1px;
text-decoration: none; }

a:visited { 
color:grey;
font-family: silkscreen, arial, san-serif;
/* font-size: 9px; */
letter-spacing: 1px;
text-decoration: none; }

a:hover { 
background: none;
font-weight: bold;
font-family: silkscreen, arial, san-serif;
/* font-size: 9px; */
letter-spacing: 1px;
color:#00FF00;
border-bottom: 1px solid #00FF00;}

a h4 {
font-size: 16px;
}