body {
 background-color: #000;

 /* For browsers that cannot handle multiple background images */
 background-image: url(images/top_gradient.png);
 background-position: top left;
 /* End for browsers that cannot handle multiple background images */
 
 background-image: url(images/top_gradient.png), url(images/bottom_gradient.png);
 background-repeat: repeat-x;
 background-position: top left, bottom left;
 color: #ccc;
 font-family: 'trebuchet ms', arial, helvetica, sans-serif;
 margin: 0;
 text-align: justify;
}

a:link {
 color: #999999;
}
a:visited {
 color: #666666;
}
a:active {
 color: #333333;
}
a:hover {
 color: #ffffff;
}

h1 {
 color: #999;
 font-family: 'courier new', serif;
 font-style: italic;
 margin: 0;
 padding: 2em 1em 1em 4em;
}

ul.navigation {
 border: solid 1px;
 list-style: none;
 margin: 1em;
 padding: 0;
 position: fixed;
 left: 0;
 bottom: 40%;
 width: 220px;
}

ul.navigation li a {
 display: block;
 font-family: 'courier new', serif;
 font-size: 1.2em;
 font-weight: bold;
 padding: 10px;
 text-decoration: none;
 width: 200px;
}

ul.navigation li:hover {
 background: #300;
}

div.content {
 font-size: .8em;
 margin: 10px 10px 10px 300px;
}

div.entries {
 display: inline;
}

div.entries h2 {
 background: #000;
 border-top: dotted 1px #666;
 border-bottom: dotted 1px #666;
 border-left: dotted 1px #666;
 color: #aaa;
 font-family: 'courier new', serif;
 font-style: italic;
 margin: 0 0 -1.5em 2em;
 padding: .2em;
 position: relative;
 top: .2em;
}

div.entries dl {
 background: #000;
 border: dotted 1px #666;
 padding: 2em 1em 1em 1em;
}

div.entries dl dt:first-child, div.entries dl dt:first-child + dd, div.entries dt {
 display: none;
}

div.entries dd {
 display: inline;
}

.column {
 float: left;
 margin: 0 20px 0 20px;
 width: 300px;
}

.column dt {
 margin: 1em 0 0 0;
}

img.othello_piece {
 border: solid 1px;
 height: 25px;
 width: 25px;
}

#mancala {
 display: block;
 width: 300px;
}

#mancala .my_spots, #mancala .your_spots {
 clear: both;
 text-align: center;
}

#mancala .my_goal {
 float: left;
}

#mancala .your_goal {
 float: right;
}