@font-face { font-family: 'Roboto'; src: local('Roboto Light'), url('/files/fonts/roboto-light.woff2') format('woff2'); src: url('/files/fonts/roboto-light.woff') format('woff'); }
 body { font: 13pt Roboto,Verdana,sans-serif; color: #222; }
 p { text-align: justify; }
 i { color: #800; }
 p a, p a:visited { color: #800; font-style: italic; }
 p a:hover { text-decoration: underline; }
 .center { margin: auto; text-align: center; }

 h1 { font: 33pt Georgia,serif; text-align: left; text-align: center; background: #777; border-radius: 9px; color: #DDD;  }
 h2 { font: 22pt Georgia,serif; color: #222; text-align: left; border-bottom: 1px dotted #333; }
 h2 a, h2 a:visited { color: #800; }


 .reviewed-list { width: 100%; }
 .reviewed-list td { width: 50%; padding-left: 9px; }
 .reviewed-list a { color: #800; font: 12pt Roboto,Verdana,sans-serif; }
 .reviewed-list a:hover { text-decoration: underline; }

 .screenshots { text-align: center; }
 .screenshots div, .right-pic, .left-pic { width: 210px; height: 160px; border: 1px solid #444; display: inline-block; margin: 8px; border-radius: 9px; }
 .a1 { background-position:    0px  0px; }
 .a2 { background-position: -210px  0px; }
 .a3 { background-position: -420px  0px; }
 .b1 { background-position:    0px -160px; }
 .b2 { background-position: -210px -160px; }
 .b3 { background-position: -420px -160px; }
 .c1 { background-position:    0px -320px; }
 .c2 { background-position: -210px -320px; }
 .c3 { background-position: -420px -320px; }
 .d1 { background-position:    0px -480px; }
 .d2 { background-position: -210px -480px; }
 .d3 { background-position: -420px -480px; }
 .e1 { background-position:    0px -640px; }
 .e2 { background-position: -210px -640px; }
 .e3 { background-position: -420px -640px; }

 .right-pic { float: right; margin: 0px 0px 2px 11px;  }
 .left-pic { float: left; margin: 0px 11px 2px 0px; }
 .hide { display: none; }

 .char-title { text-align: left; }
 .char-year { font: bold 16pt Arial,sans-serif;  color: #77565C; }
 .char-name { font: 28pt Georgia,serif; padding-left: 11px;  }
 .char-series { text-align: left;  background: #777; color: #DDD; letter-spacing: 1em; font: 10pt Verdana,sans-serif; }
 .char { width: 120px; height: 120px; border: 2px solid #777; float: left;  margin: 5px 10px 0px 0px; background-position: 0px -320px; }