@font-face {
  font-family: OpenSans;
  src: url(OpenSans-Regular.ttf);
}

@font-face {
  font-family: DroidSansMono;
  src: url(DroidSansMono.ttf);
}

@font-face {
  font-family: Lora;
  src: url(Lora-Regular.ttf);
}

a {
  text-decoration: none;
}

body {
  width: 820px;
  margin-right: auto;
  margin-left: auto;
  font-family: OpenSans, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  background-color: #FFFFFF;
}

h1 {
  font-size: 16pt;
  font-weight: bold;
}

h2, h3, h4, h5, h6 {
  font-size: 14pt;
  font-weight: bold;
}

ol, ul {
  padding-left: 6pt;
  margin-left: 6pt;
}

pre {
	font-family: DroidSansMono, Courier, Menlo, monospace;
	background-color: #E9E9E9;
	text-align: left;
}

/* div class="content" separates background from body background*/
.content {
  padding-top: 6pt;
  padding-bottom: 6pt;
  padding-right: 6pt;
  padding-left: 6pt;
  background-color: #FFFFFF;
}

/* div class="footer" for footer*/
.footer {
  font-size: 12pt;
  text-align: center;
}

/* pre class="none" for preformatted text with sans-serif font*/
.none {
  font-family: OpenSans, Arial, Helvetica, sans-serif;
}

/* div class="site_title" for site title*/
.site_title {
  font-family: Lora, Times New Roman, Times, serif;
  font-weight: bold;
  font-style: italic;
  font-size: 20pt;
  color: #0000FF;
}

/* div class="title" for page title*/
.title {
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
}