body {
  padding: 0;
  margin: 0;
}

div.pageHeader {
  background-color: #a0a0f0;
}

div.pageMenu {
  background-color: #c0c0e0;
}

div.frontPage {
    width: 100%;
}

div.row div {
    vertical-align: top;
}

div.content {
    max-width: 600px;
}

div.pageMenu  div.item {
  display: inline-block;
}

a.mainLink {
  font: bold 25pt Arial;
  padding: 1pt 3pt;
  margin: 0 3pt 0 0;
  padding: 1pt 2pt;
  border: solid 1px transparent;
  display: inline-block;
}

a.mainLink:hover {
  background-color: #d3d3e9;
  border: solid 1px #a0a0a0;
}

.inline {
  display: inline-block;
}

.subheader {
  font: bold 15pt Arial;
  text-align: right;
  padding: 1pt 40pt 3pt 0pt;
  margin: 0pt;
}

.questionHeading {
  font-family: "Arial";
  font-weight: bold;
  font-size: 13pt;
  margin: 0pt; 0pt; 2pt; 0pt;
  background-color: #efe8e8;
  padding: 5pt 5pt;
}
h1 {
  font: bold 1.7em Arial;
  margin: 0 0 0.5em 0.2em;
}

h3 {
  font: bold 13pt Arial;
}

h4 {
  margin: 12pt 0pt 2pt 3pt;
  font: bold 12pt Arial,Helvetica,sans-serif;
}

.currentPage {
  font: bold 11pt Arial;
  padding: 1pt 3pt;
  background-color: #e8e8e8;
  color: #808080;
  text-decoration: none;
}

p {
  padding: 0pt;
  margin: 0pt 3pt 5pt 3pt;
}
  
a.menuLink {
  font: bold 11pt Arial;
  padding: 1pt 3pt;
}

a.menuLink:hover {
  background-color: #ffffff;
}

a.pageLink {
  text-decoration: none;
}

a.pageLink:hover {
  color: #000000;
}

a.pageLink:link {
  color: #800000;
}

a.pageLink:visited {
  color: #400000;
}

a.inlineLink {
  color: #0f0fff;
  background-color: #F8F8F8;
}

a.link {
  font-family: "Arial";
  font-size: 10pt;
  color: #0f0fff;
  background-color: #F8F8F8;
}

a.sharing {
  font-family: "Arial";
  font-size: 10pt;
  color: #0f0fff;
  background-color: #F8F8F8;
}
    

p {
  font-size: 12pt;
}

blockquote {
  font-size: 11pt;
}

blockquote.speech {
  font-size: inherit;
}

img.tex {
  vertical-align: middle;
}

.idea li {
    font-size: inherit;
}

li {
  font-size: 11pt;
}

li+li {
  margin-top: 5px;
}

div.bordered {
  margin: 5pt auto;
  padding: 8pt;
  border: thin solid #f0c0c0;
}

.ideasHeading {
  font: bold 14pt Arial;
  padding: 0pt 0pt 5pt 0pt;
}

p.readMore {
  font-size: 0.9em;
  padding: 0pt;
  margin: 5pt 5pt 2pt 20pt;
}

.idea {
  padding: 0pt 0pt 2pt;
  margin: 8pt;
  background-color: #E8F5FF;
  border-radius: 6pt;
}

.idea .ideaHeading {
  font-family: "Arial";
  font-weight: bold;
  font-size: 13pt;
  background-color: #efe8e8;
  padding: 5pt 5pt;
  margin: 0;
  border-radius: 6pt 6pt 0 0;
}

.idea p {
    margin: 3pt 5pt;
}

.prItem {
  padding: 0pt 0pt 2pt;
  margin: 5pt 5pt 10pt 10pt;
  background-color: #E8F5FF;
}

.prHeading {
  font: bold 13pt "Arial";
  margin: 0pt; 0pt; 2pt; 0pt;
  background-color: #efe8e8;
  padding: 5pt 0pt;
}

.prDate {
  padding: 5pt 0pt 5pt 5pt;
  background-color: #ffe0e0;
}

.linksGroup {
  margin: 0pt; 5pt; 10pt; 5pt;
  padding: 0pt; 0pt; 21pt; 10pt;
}

.linksGroupHeading {
  font: bold 15pt "Arial";
  margin: 0pt 0pt 7pt 0pt;
  background-color: #ffe0e0;
  padding: 2pt 5pt;
}

div.linkItem {
  margin: 0pt 0pt 10pt 15pt;
}

a.linkItem {
  font: bold 11pt "Arial";
  background-color: #c0d0e0;
  color: #000040;
  margin: 2pt 0pt;
  padding: 2pt 2pt;
  text-decoration: none;
}

a.linkItem:hover {
  background-color: #d4e4f4;
  color: #000000;
}

a.linkItem:visited {
  color: #800090;
}

.linkDescription {
  padding: 3pt 0pt 1pt 0pt;
  background-color: #E8F5FF;
}

.prBody {
  margin: 5pt; 0pt; 2pt; 0pt;
}


.warning {
  background-color: #e00000;
  color: #ffffff;
}

.sizeDescription {
  font-size: 10pt;
}

.copyright {
  font-family: Arial, Helvetica;
  font-size: 8pt;
  text-align: left;
  display: inline;
}
.created {
  font-family: Arial, Helvetica;
  font-size: 8pt;
  background-color: #7070a0;
  color: #ffffff;
  text-align: centre;
  display: inline;
}

.update {
  font-family: Arial, Helvetica;
  font-size: 8pt;
  text-align: right;
  display: inline;
}

a.rss {
  font-family: Arial, Helvetica;
  font-size: 9pt;
  background-color: #ff8000;
  color: #ffffff;
}

.glossarySection {
  background-color: #F3F3F3;
  padding: 3pt;
  margin: 0pt 3pt 10pt;
}

.glossaryLetter {
  font-family: Arial, Helvetica;
  font-size: 19pt;
  background-color: #ffffff;
  color: #3030ff;
  padding: 2pt;
  margin: 1pt;
  border: thin solid #9090c0;
}

a.wp {
  font: 11pt Arial, Helvetica;
  background-color: #d8d8ff;
  text-decoration: none;
  color: #303030;
  margin: 1pt 2pt;
  padding: 1pt;
}

a.wp:hover {
  background-color: #e8e8ff;
  color: #000000;
}

a.lg {
  font: 11pt Arial, Helvetica;
  background-color: #ffd8d8;
  text-decoration: none;
  color: #303030;
  margin: 1pt 2pt;
  padding: 1pt;
}

a.lg:hover {
  background-color: #ffe8e8;
  color: #000000;
}

.gloss {
  font: bold 16pt Arial, Helvetica;
  background-color: #ffe8e8;
  color: #000000;
  padding: 2pt;
}

.developmentSection {
  padding: 0pt 0pt 2pt;
  margin: 5pt 5pt 10pt 10pt;
  background-color: #E8F5FF;
}

a.developmentLink {
  font: bold 11pt "Arial";
  background-color: #c0d0e0;
  color: #000040;
  margin: 2pt 0pt;
  padding: 2pt 2pt;
  text-decoration: none;
}

a.developmentLink:hover {
  background-color: #d4e4f4;
  color: #000000;
}

a.developmentLink:visited {
  color: #800090;
}

.developmentDescription {
  padding: 3pt 0pt 1pt 0pt;
  background-color: #E8F5FF;
}

.articleSection {
  padding: 0pt 0pt 2pt;
  margin: 5pt 5pt 10pt 10pt;
  background-color: #E8F5FF;
}

a.articleLink {
  font: bold 11pt "Arial";
  background-color: #c0d0e0;
  color: #000040;
  margin: 2pt 0pt;
  padding: 2pt 2pt;
  text-decoration: none;
}

a.articleLink:hover {
  background-color: #d4e4f4;
  color: #000000;
}

a.articleLink:visited {
  color: #800090;
}

.articleDescription {
  padding: 3pt 0pt 1pt 0pt;
  background-color: #E8F5FF;
}

.question-and-answer {
  padding: 0pt 0pt 2pt;
  margin: 5pt 5pt 10pt 10pt;
  background-color: #E8F5FF;
}

.question {
  font: bold 11pt "Arial";
  background-color: #c0d0e0;
  color: #000040;
  margin: 2pt 0pt;
  padding: 2pt 2pt;
  text-decoration: none;
}

.openLetter {
  padding: 1pt 40pt 10pt 20pt;
  background-color: #d0d8f0;
}

.tag {
  background-color: #c0f0f0;
  font: bold;
  padding: 0 0.15em;
}

.filesize {
  font: 8pt "Arial";
  color: #707070;
}

pre.song {
  margin: 1em;
  padding: 0.8em;
  background-color: #fcfce0;
  border: solid 1px #808010;
}

.song-title {
  font-family: "Arial";
  margin: 1em 0 0 0.8em;
}

audio {
  margin: 1em;
}

.main div.sharing {
  font-size: 12px;
  font-weight: normal;
  border-top: solid 1px #909090;
  margin: 2em 0 0 0;
  padding: 0.3em 0 0.3em 0;
}