/*
	Color code:
	
	006666 = dark brown-olive
	009999 = dark green-orange
	
	good:
	000000 = black
	004040 = metallic blue-green
	30a0a0 = light metallic blue-green
	ccffff = cream
	ddffff = light cream
	eeffff = really light cream
	ffffff = white
	
	rr gg bb
*/

body	{
margin:	0;
padding: 2%;
color: #ccffff;
background: #004040;
text-align: center;
font: 12px verdana, sans-serif;
}

p {
margin: 0 0 1em 0;
color: #000000;
font: 12px/1.5em verdana, sans-serif;
}

p.title {
color: #ffffff;
font-weight: bold;
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
}

p.subTitle {
color: #ffffff;
font-weight: bold;
border-bottom: solid 1px #000000;
}

h1 {
padding: 14px;
margin: 0;
background: #30a0a0;
color: #ffffff;
font: normal 16px verdana, sans-serif;
font-weight: bold;
border-bottom: solid 1px #000000;
}

.header {
border-bottom: none;
}

form {
padding: 2px;
margin: 0;
}

input, textarea {
margin: 5px 0 5px 0;
vertical-align: baseline;
background: #ddffff;
font: 11px/1.5em verdana, sans-serif;
}

a {
font-weight: bold;
}

a:link {
color: #ffffff;
background: transparent;
text-decoration: none;
}

a:visited {
color: #ffffff;
background: transparent;
text-decoration: none;
}

a:hover	{
color: #006666;
background: transparent;
text-decoration: underline;
}

a.nav:link {
color: #006666;
background: transparent;
text-decoration: none;
}

a.nav:visited {
color: #006666;
background: transparent;
text-decoration: none;
}

a.nav:hover	{
color: #009999;
background: transparent;
text-decoration: underline;
}

a.white:link {
color: #ffffff;
background: transparent;
text-decoration: none;
}

a.white:visited {
color: #ffffff;
background: transparent;
text-decoration: none;
}

a.white:hover {
color: #ffffff;
background: transparent;
text-decoration: none;
}

SPAN.date {
color: #ffffff;
}

SPAN.title {
color: #ffffff;
}

DIV {
font: 12px/1.5em verdana, sans-serif;
}

DIV.blogBody {
}

DIV.blogItem {
background: #30a0a0;
padding: 4px 8px 4px 8px;
color: #000000;
width: 90%;
margin: 5px auto 5px auto;
text-align: left;
border: solid 1px #000000;
}

DIV.data {
padding: 4px 8px 4px 8px;
color: #000000;
border-top: 1px solid #000000;
}

DIV.title {
background: #eeffff;
padding: 4px 8px 4px 8px;
color: #000000;
width: 90%;
margin: 5px auto 5px auto;
text-align: left;
border: solid 1px #000000;
}

DIV.article {
background: #30a0a0;
padding: 4px 8px 4px 8px;
color: #000000;
width: 90%;
margin: 5px auto 5px auto;
text-align: left;
border: solid 1px #000000;
}

DIV.rnav {
padding: 8px 8px 8px 8px;
margin: 5px auto 5px auto;
background: #eeffff;
color: #000000;
border: solid 1px #000;
font: 12px/1.5em verdana, sans-serif;
text-align: center;
}

DIV.msg {
margin: 0 0 1em 0;
color: #000000;
font: 12px/1.5em verdana, sans-serif;
text-align: left;
padding: 3px 3px 3px 20px;
margin: 0 0 1em 0;
background: #eeffff;
}

DIV.msgBox {
margin: 0 0 1em 0;
color: #000000;
font: 12px/1.5em verdana, sans-serif;
text-align: left;
padding: 3px 3px 3px 20px;
background: #eeffff;
border: solid 1px #000000;
}

/*  BLOXSOM CLASSES */
.blosxomTitle {
color: #ffffff;
font-weight: bold;
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
}

.blosxomDate {
color: #000000;
font: 12px/1.5em verdana, sans-serif;
text-align: left;
padding: .5em 2em .5em 2em;
background: #eeffff;
border: solid 1px #000000;
}

DIV.blosxomWeblogAdd {
background: #30a0a0;
padding: 4px 8px 4px 8px;
color: #000000;
width: 90%;
margin: 5px auto 5px auto;
text-align: left;
border: solid 1px #000000;
}

P.blosxomWeblogAddTitle {
color: #ffffff;
font-weight: bold;
border-bottom: solid 1px #000000;
}