html { 
   background: #FFFFFF;
   margin: 0; 
   padding: 0; 
}

img.lJust {
  float: left;
  clear: left;
  margin: 0 0.5em 0.5em 0;
}
                                                                                
img.rJust {
  float: right;
  clear: right;
  margin: 0 0 0.5em 0.5em;
}

.invisible { display: none; }
                                                                                
ol, ul, dl {
   max-width: 80em;
   line-height: 1.75;
}
                                                                               
p, dl { padding: 0;
   margin: 0 0 1em 0;
}
                                                                               

body { 
  margin: 0px 8%; 
  background: white url(./chessboard.png)  no-repeat scroll 20% 100%;;
  padding: 0; 
  font-size: 90%;
  font-family: verdana, arial, helvetica, sans-serif;
  border-left: 0.08em solid #FFFFFF; 
  border-right: 0.08em solid #FFFFFF; 
}

h2, h3, h4, h5, h6 { 
   font-family: Verdana, Arial, Helvetica, sans-serif;
}


h2 { 
   letter-spacing: 0.08em;
   font-weight: bold;
   font-size: 1.4em;
   margin: 1.4em 0 0.35em 0;
   padding: 0;
}

h3 {
   letter-spacing: 0.04em;
   font-weight: bold;
   font-size: 1.2em; 
   margin: 1em 0 0 0;
}

h4 { 
  font-size: 0.9em;
  font-weight: bold;
  font-style: italic;
  margin: 2.22em 0 0 0;
}


/* Century Schoolbook font is very similar to Computer Modern Math: cmmi */
.MATH    { font-family: "Century Schoolbook", serif; }
.MATH I  { font-family: "Century Schoolbook", serif; font-shape: italic }
.BOLDMATH { font-family: "Century Schoolbook", serif; font-weight: bold }

/* implement both fixed-size and relative sizes */
SMALL.XTINY             { font-size : xx-small }
SMALL.TINY              { font-size : x-small  }
SMALL.SCRIPTSIZE        { font-size : smaller  }
SMALL.FOOTNOTESIZE      { font-size : small    }
SMALL.SMALL             {  }
BIG.LARGE               {  }
BIG.XLARGE              { font-size : large    }
BIG.XXLARGE             { font-size : x-large  }
BIG.HUGE                { font-size : larger   }
BIG.XHUGE               { font-size : xx-large }

/* mathematics styles */
DIV.displaymath         { }     /* math displays */
TD.eqno                 { }     /* equation-number cells */


/* Link colors */

a, a:link, a:visited {
   text-decoration:        none;
   font-weight:    normal; 
   color:  #3333FF;
   background: transparent;
} 

a:active, a:hover {
   text-decoration:   underline;
   font-weight:    normal; 
   color: #C00000;
   background: transparent;
  }

/* Main div categories: nav and entry*/

div.header {
  background-color: #FFFFFF;
  background-position: top left; 
  padding: 0 0 1px 0;
  position: relative;
  margin: 0;
}


div.nav {
  margin: 0 0;
  padding: 0 0;
  background: #FFFFFF url(./bodybg2.png) repeat-x top left;
  border-top: 1px solid #aaa; 
  border-bottom: 1px solid #aaa; 
  height: 1.6em;
  display: block;
  position: relative;
  }

div.nav ul { 
  display: inline;
  margin: 0; 
  padding: 0;
  height: 1.6em;
}

div.nav ul li { 
  list-style-type: none;
  display: inline;
  padding: 0;
  margin: 0;
}

div.nav ul li a, div.nav ul li a:link, div.nav ul li a:visited {
  padding: 0 1.2em;
  margin: 0;
  background: #eee url(./bodybg2.png) repeat-x top left;
  border-left: 1px solid #f7f7f7;
  border-right: 1px solid #aaaaaa;
  height: 1.6em;
  text-decoration: none;
  color: #888;
  font-weight: bold;
  text-transform: lowercase;
  font-variant: small-caps;
  display: block;
  float: left;
}

div.nav ul li a:hover, div.nav ul a:focus {
  background: #eee url(./bodybg.png) repeat-x bottom left;
  color: #666;
}

div.nav ul li a:active {
  background: #eee url(./bodybg_active.png) repeat-x bottom left;
  color: #666;
}


div.entry {
  position: relative;
  margin: 0;
  clear: both;
}

div.entry h3 {
  letter-spacing: 0.04em;
  font-weight: bold;
  font-size: 1.2em; 
  margin: 1em 0 0.4em 0;
  padding: 0.1em 0.2em;
/*  background: #F0F0F0 url(./bodybg2.png) repeat-x top left; */
  background: #F0F0F0;
}

/*
div.entry h3 {
  letter-spacing: 0.04em;
  font-weight: bold;
  font-size: 1.2em;
  margin: 1em 0 0.4em 0;
  padding: 0.1em 0.2em;
  background: #F0F0F0;
  background-image url(./white-trans.png) 
  background-repeat: repeat-y;
}
*/


/* Page footer style */

div.footer {
  background: transparent;
  clear: both;
  border-top: 1px solid #aaaaaa; 
  padding-top: 0px;
  padding-bottom: 10px;
  text-align: left; 
  font-size: 0.8em;
}


div.pagefooter p, div.pagefooter ul {
   line-height: 1.3;
   width: auto;
   max-width: 100%;
   text-align: left;
   padding: 0;
}

div.footer p, div.footer ul  {
   margin: 1em 2em 0.5em 2em;
}