/* absolute positioning and sizing is bad, so don't follow my example :) */ 
/* with thanks to eric meyer - http://www.meyerweb.com/eric/css/edge/ */

body { 
  color: black; background: white;
  font-family: Verdana, sans-serif; 
  font-size: 12px;
}

li { padding: 0.3em; } 

h1 { font-size: 120%; text-align: center; margin: 0; padding: 0; }
h2 { font-size: 110%; text-align: left; padding-top: 1em; }


div.face {
  position: absolute;
  top: 50px;
  left: 150px;
  margin-right: 20px;
}

div.menu { position: absolute; top: 100px; left: 50px; } 
div.menu li { list-style-type: none; margin: 0; padding: 0;}
div.menu ul { margin: 0; padding: 0; }
div.menu a { display: block; padding: 0.5em; color: red; font-size: 110%; }
div.menu span {display: none;}

div.menu a:hover { border-right: 5px; }
div.menu a:hover span {display: block;
  position: absolute; top: 0px; left: 100px; width: 100px;
  padding: 5px; margin: 10px; z-index: 50;
  color: #AAA; background: black; text-decoration: none;
  text-align: left; font-size: 80%; }

div.content { position: absolute; top: 100px; left: 550px; 
 padding-right: 40px; }

div.full { position: absolute; top: 550px; margin-left: 5%; margin-right: 5%; 
}

div.author { font-size: 80%; text-align: center; padding-bottom: 2em;} 


div.content p { text-align: justify; }

div.labels { position: absolute; top: 600px; width: 400px; }