body {
  background: grey;
}

/**
 ** global page layout
 **/
div#body {
  /*font-family: fixed, courier new, courier, monospace;*/
  font-family: verdana, sans-serif;

  width: 98%;
  margin: 10px auto;
}

/* page header */
div#head {
}

/* left-side navigation */
div#left {
  float: left;
  width: 20%;

  /* top, right, bottom, left */
  margin: 0;
}

/* body text */
div#center {
  float: left;
  width: 63%;

  /* top, right, bottom, left */
  margin: 0 1% 0 1%;
}

/* right-side navigation */
div#right {
  float: left;
  width: 15%;

  margin: 0;
}

/* page footer */
div#foot {
  clear: both;
}


/**
 ** body layout.
 **/
/*
 * for the body text, we want h3 and
 * h4 tags left aligned and slightly
 * indented.
 *
 * we want paragraphs indented slightly
 * more.
 */
/* main boxes */
div#main > div#box {
  border: solid #ffaa00;
  color: black;
  background: white;
}

div#main > div#box a {
  color: grey;
}

/* right align */
div#main h2 {
  color: black;
  background: #ffaa00;
  text-align: right;
  /* top, right, bottom, left */
  padding: 0 1em 0 0;
}

/* left align */
div#main h3 {
  color: black;
  background: #ffaa00;
  text-align: left;
  /* top, right, bottom, left */
  padding: 0 0 0 .5em;
  clear: both;
}

/* left align */
div#main h4 {
  text-align: left;
  /* top, right, bottom, left */
  padding: 0 0 0 1em;
  clear: both;
}

div#main p {
  /* top, right, bottom, left */
  padding: .5em 1.5em .5em 1.5em;
}

div#main pre {
  /* top, right, bottom, left */
  padding: .5em 1.5em .5em 1.5em;
}

div#main table {
  /* top, right, bottom, left */
  padding: 0 1em .5em 1em;
}

div#main table#glyphogram {
  /* top, right, bottom, left */
  padding: 0 1em .5em 1em;
  float: left;
}

div#main td {
  /* top, right, bottom, left */
  padding: .5em .5em .5em .5em;
}

div#main p#foot {
  text-align: right;
}

div#main p#feed {
  text-align: right;
  /* top, right, bottom, left */
  padding: .5em 1.5em .5em 1.5em;
}

/**
 ** left and right navigation bars
 **/
/* nav boxes are darkened */
div#nav > div#box {
  border: solid black;
  color: white;
  background: #1240ab;
  font-size: 90%;
}

div#nav > div#box a {
  color: grey;
}

/* center align */
div#nav h2 {
  color: white;
  background: black;
  text-align: center;
  padding: 0;
}

div#nav p {
  /* top, right, bottom, left */
  padding: 1em .25em 1em .25em;
}


/**
 ** page credits
 **/
div#credit p {
  color: black;
  text-align: right;
  font-size: x-small;
  margin: 0;
  padding: 0 3em;
}


/**
 ** general box attributes
 **/
div#box {
  /* top, right, bottom, left */
  margin: 0 0 1em 0;
}

div#box h2 {
  margin: 0;
}

div#box h3 {
  margin: 0;
}

div#box p {
  margin: 0;
}

div#box img {
  width:100%;
  height:100%;
}

div#box img#glyphogram {
}


/**
 ** widget layout 
 **/
/*
 * comment box
 */
textarea#editcontent {
  width: 100%;
}

/*
 * calendar plugin
 */
.year-calendar, .month-calendar {
  font-size: 9pt;
  font-weight: normal;
  line-height: 100%;
}