* { margin: 0; }

 body { padding: 0;  border: 0; font: 12pt Verdana,sans-serif;  background: #CCC; color: #000; }
 p { text-align: justify; }
 a { text-decoration: none; color: #533D53; }
 abbr { border-bottom: dotted 1px #000; cursor: help; }
 a:hover   { color: #0000AA; }  
 a:visited { color: #202020; } 

 body.character { background: #DDD url('layout/pink-background.gif') top right repeat-y fixed; }
 .content { background: #CCCCCC url('layout/char-bg.png') repeat-y; width: 789px; border-bottom: 1px solid #888;  }
 .char-title { width: 782px; height: 100px; background-image: url('layout/topback.png');  }
 .corner { width: 100px; height: 100px; display: block; float: left; }
 .char-name { width: 450px; height: 100px; display: block; float: right;  }

 .char-profile { width: 630px; margin: 1px 1px 1px 126px; padding-bottom: 44px; min-height: 99%; }
 .char-profile pre { border: 1px dotted black; padding: 5px 20px; background: #BBB; margin-bottom: 20px; font-size: 1.2em; }
 .char-profile p { margin: 10px 0px; }
 .char-profile span { font-style: italic; color: #009; }
 .char-profile q { color: #009; }

 .char-divider { background: #CCCCCC url('layout/topback.png') repeat-x top right; border-top: 1px solid #777;  height: 100px; width: 705px; margin: 20px 0px 9px -49px; }
 .char-divider img { display: block; float: right; }
 .char-collage { display: block; margin: 33px auto; }

 .char-left { position: absolute; left: 0; top: 133px; width: 100px; z-index: 6; }
 .char-left img { display: block; margin-bottom: 9px; }
 .char-left-pic { margin-left: -2px; border: 1px solid #000; }
 .char-left a { display: block; width: 100px; border: 1px solid #009; margin-bottom: 9px; border-left: 0px; 
                    font: 10pt Arial,sans-serif; text-align: center; background: #C38A85; color: #EEE; }
 .char-left a:hover { background: #008; }
 

 .animeform {  padding-top: 15px; margin-bottom: 9px; font: 11pt Arial,sans-serif; }
 .animeform img { float: right; margin-left: 15px; }
 .animeform h3 { padding: 0; font: italic 1.6em Verdana,sans-serif; border-bottom: 1px dotted #777;  }
 .animeform p { text-align: justify; }
 .animeform br { clear: both; }

 .relative-info { width: 760px; }
 .relative-info img { float: left; margin-right: 9px; }
 .relative-info h3  { }
 .relative-info p   { margin-left: 120px;  background: #EEE; border: 1px solid #666; padding: 12px; }

 .underline { text-decoration: underline; }