body {
   background-color:#ccffff;
}

h2, h3 { 
  font-style: italic;
}

/*IE doesn't apply .level2:first-letter if a <b> tag preceeds the letter
  If the <b> comes after, IE separates it from the next letter by .lecel-2's 
  margin & padding. Assinine.
*/

.level2, .iesuxors {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color:#C0DCC0;
  margin-left:5%;
  margin-right:5%;
  margin-bottom:10px;
}

.level2:first-letter, .iesuxors:first-letter  {
  color: #ff0000;
  font-size: x-large;
}


.iesuxors {
  font-weight: bold ;
}


.comment:first-letter {
  color: #ff0000;
  font-size: x-large;
}

.author { 
  font-style: italic;
  font-weight: normal;
  position:relative;
  margin-left:20px;
  margin-right:20px;
  top:5px
}

.question {
  font-style: italic;
  font-weight: bold;
}

.question:first-letter {
  color: #ff0000;
  font-size: x-large;
}

.answer { 
  font-style: normal;
  font-weight: normal;
  position:relative;
  margin-left:20px;
  margin-right:20px;
}