/** CSS **/

html, body {
  margin: 10px;  
}

.face {
 /*font: 11px/15px verdana, geneva, helvetica, arial, sans-serif;*/
 font: 13px verdana, geneva, helvetica, arial, sans-serif;
 margin: auto;
 text-align: center;
 width: 750px; /*687px;*/
}

.content {
  border: solid #5F5A59 1px;
  margin: 2px 0px;   /*-top -right -bottom -left*/
  padding: 10px;
  clear:both;
  overflow:hidden; 
}

.emphasis {
  font-style: italic;  
  color: #F9966B;
}


body {
 background-color: black;
 color: white;
 text-align: left;
}

h1  {
  color:#808080   ;
  font: 18px verdana, geneva, helvetica, arial, sans-serif;
  font-size: 140%;
  margin-top: 10px;
}

h2, table caption {
  /*border-top: dotted #69c 1px;*/
  background: url(http://caroleblouin.com/images/dotted.gif) repeat-x top;
  padding-top: 10px;
  color: #808080;
  font: 15px verdana, geneva, helvetica, arial, sans-serif;
  margin-left: 1px;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 8px;
  padding-left: 4px;
  font-size: 130%;
}

h3  {
  /*border-top: dotted #69c 1px;*/
  clear: both;
  color: #777;
  font: 14px verdana, geneva, helvetica, arial, sans-serif;
  margin: 1.5em 10px 0.8em 1px; /*-top -right -bottom -left*/
  padding: 0;
  padding-top: 0.3em;
  font-size: 105%;  
}

h4 {
border: none;
color: #777;
font: 15px/15px verdana, geneva, helvetica, arial, sans-serif;
font-style: italic;
margin: 10px 10px 0.1em 1px;
padding: 0;
}

h5 {
border: none;
color: red;
font: 12px/12px verdana, geneva, helvetica, arial, sans-serif;
font-style: italic;
margin: 10px 10px 0.1em 1px;
padding: 0;
}