a:link { color: #08763a;}
a:visited { color: #044822;}
a:hover {color: #0ecf64;}

body {
  background: #f0f3ff;
  color: #000;
  margin: 0;
  padding-left: 7%;
  padding-right: 7%;
  padding-top: 20px;
  padding-bottom: 20px;
  font: 10pt lucida, helvetica, sans-serif;
  line-height: 1.5em;
}


td {
     vertical-align: top;
  color: #000;
  font: 14pt lucida, helvetica, sans-serif;
  line-height: 1.5em;
}

div.pullbox {
  border-width:2px;
  border-style:solid;
  border-color:#CCC #999 #999 #CCC;
  padding: 10px;
  vertical-align:top;
  display:inline;
  margin-bottom:1em;
}

div.left {
  margin-right:20px;
  float:left;
  clear:left;
}

div.right {
  margin-left:20px;
  float:right;
  clear:right;
}



ol.toc {
  list-style-type:upper-roman;
  margin:0;
}

ol.toc::before {
  content:"Contents:";
  font-weight:bold;
}

.center {
  text-align:center;
}

/* This is useful for seeing where I'm forgetting to use p tags properly,
 * but I'm not sure I really like paragraph indentation.
p {
  text-indent: 2em;
}
*/

h1 {
     text-align: center;
     font-family: "courier new", monospace;
     font-size: 400%;
     counter-reset: section;
}

h2 {
   font-family: lucida, helvetica, sans-serif;
   font-size: x-large;
}

canvas.glyph { 
 background-color: #F5F5F5; /*this was helpful for testing*/ 
vertical-align: bottom;
border: 1px solid #BBB;
 }

div.gameinfo { 
   font-family: lucida, helvetica, sans-serif;
   font-size: x-large;
   background-color: #FFF;
/* box shadow ganked from http://tests.themasta.com/blogstuff/boxshadowdemo.html */
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  border: 1px solid #999;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

}

div.gamenote { 
     text-align: center;
     font-family: "courier new", monospace;
     font-size: 300%;
}

div.infotext { 
     margin-bottom: 1em;
}

h2.section {
  clear:right;
}

h2.section:before { 
  content: counter(section, upper-roman) ". ";
  counter-increment: section;
}

h3 {
   font-family: lucida, helvetica, sans-serif;
  font-size: small;
}

.byline {
  color: #777;
  text-indent: 2em;
  font-style: italic;
  font-weight:bold;
  margin-bottom:10px
}

caption {
  caption-side: bottom;
  font-style: italic;
  font-size: 80%;
  text-align: center;
}


.small {
  font: 8pt Verdana, Arial, Helvetica, sans-serif;
}

.bigtitle {
  font: 45pt Verdana, Arial, Helvetica, sans-serif;
}

.section-header {
  margin-top: 40px
}

.spaced-list {
  margin-top: 20px
}

li.no-bullet {
  list-style-type: none;
}

#mainnav li {
  list-style-type: none;
  margin-left: 40px;
  max-width: 720px;
  clear:left;
}

#mainnav a {
  font-weight:bold;
  font-size: 1.2em;
  text-decoration:none;
}

.mainnavicon {
  vertical-align:top;
  margin-bottom: 10px;
  display:inline;
}