body { 
 margin: 2em 1em 1em 50px; 
 color: black; 
 background: white; 
 font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

p, 
blockquote, 
th, 
td, 
ul, 
ol, 
dl, 
dd, 
li { 
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   width: 85%;
  color: black;
}

h1 { 
  font-size: 220%; 
  font-weight: lighter;
  text-align: left;
}

h2 {
  font-size: 120%; 
  border-width: 1px;
  border: 1px solid; 
  color: #333;
  background: #ccccff; 
  width: 85%;
  padding-left: 1em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

h3 { 
  font-size: 120%;
  color: #666;
}

h4 { 
  margin-top: .2em; 
  color: #333;
}

strong { 
  font-weight: bolder; 
}

dl { 
  margin-left: 2em; 
  margin-top: 0; 
}

dt { 
  margin-top: 0; 
  font-weight: bold;
}

th {
  text-align: left;
  padding: 0em 0.25em
}

td {
  text-align: left;
  padding: 0em 0.25em
}

img {
  border-width: 0; 
  border-style: none; 
  border-color: white; 
  color: white; 
}

cite { 
  font-style: italic; 
  text-align: right; 
}

code { 
  font-family: monospace; 
  font-weight: normal;
}

.highlight { 
  background-color: red;
}

a:hover { 
  background-color: #ccccff; 
}

a { 
  color: #3333ff; 
  font-weight: bold;
  text-decoration: none;
}

.navbar {
  text-align: center; 
}

.comment {
  font-style: italic; 
  color: #333; 
}