body 
{
  color: #3A4956;
  background: #555577;
  font: 12px/19px "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
  padding: 0;
  text-align: center;
}

.main 
{
  color: #000000;
  background: #EEEEFF;
  font: 12px/19px "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;

  // center in parent
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;

  padding-left: 2em;
  padding-right: 2em;  
  padding-top: 0.5em;    

  text-align: justify;
  width: 80%;
  min-width: 770px;
  border: solid 1px black;
}

h1
{ 
  width: 100%;
  background: #BBBBFF;
  padding: 0.2em;
}

h2
{ 
  width: 100%;
  background: #BBBBFF;
  padding: 0.1em;
}

h3
{ 
  margin-left: 1em;
}

p.download
{ 
  margin-left: 3em;
}

.screenshot
{ 
  text-align: center;
}

/* img */
/* {  */
/*   // center in parent */
/*   display: block; */
/*   margin-left: auto; */
/*   margin-right: auto; */
/* } */

.code
{
  white-space: pre;
  background: #FFFFFF;
  border: dotted 1px #000000;
  padding: 0.2em;
  margin-left: 3em;
}