html { margin: 0px; }
body { 
 margin: 0px; 
 text-align: center;
}

#top { margin: 0px auto; text-align: left;}
#topl { width: 140px; float: left; margin: 0px; text-align: center; }
#topr { margin: 0px; left: 160px; text-align: center;}
#bottom { width: 99%; margin: 0px; text-align: left; clear: both; }
#left { width: 18%; float: left; margin: 0px; }
#right { width: 18%; float: right; margin: 0px; }
#center { margin: 0px; width: 70%; border: 1px solid #555510; padding: 2px; }

#topl, #left, #right
 { font-size: 75%; }
#topl a, #left a, #right a { display: block; margin: 0px 3px; }
#topl p, #left p, #right p { margin: 3px; }

#center h5 { margin: 0px 0px 1em 0px; text-align: center; }

.date { font-size: 75%; }

img { border: 0; }
h1 { text-align: center }

/* color sets
 * #000000 black
 * #FFFFFF white
 * #00CCAA teal
 * #BBBB00 yellow
 * #00FFDD bright teal
 * #FFFF33 bright yellow
 * #003320 dark teal
 * #002010 real dark teal
 * #666618 dim yellow
 */
 
body, #center, #top
 { background: #000000; }
#left, #right, H2, H3, H4, H5, H6
 { background: #002010; }
H1, #left a, #right a
 { background: #003320; }
.entry, body, #center, #top, H1, H2, H3, H4, H5, H6, #topl, #topr
  { color: #00CCAA; }
#left a:hover, #right a:hover, #topl a:hover
 { background: #666618 }
#left, #right
 { color: #00FFDD; }
a:visited
 { color: #BBBB00; }
.date
 { color: #666618; }
a:hover, #left a:hover, #right a:hover
 { color: #FFFFFF; }
a
 { color: #FFFF33; }