body {
margin:auto;
width:90%;
padding-top:25px;
padding-bottom:8px;
background-color: #18191C;
color: #FFFFFF;
font-family: sans-serif;
}

#center {
text-align:center;
}

a {color: #ffe620;}
a:hover {color: #c5d5d5;}

a.articlelist {color: #485978; font-size: 1.25em; font-family: monospace}
a.articlelist:hover {color: #c5d5d5}

a.sectionlink {color:#485978; font-size: 1.15em; font-family: monospace; font-weight:
700}
a.sectionlink:hover {color: #c5d5d5}

a.intable {color: #aca4f6}
a.intable:hover {color: #c5d5d5}

.linkspoiler {color: #18191C; text-decoration:none}
.linkspoiler:hover {color: #c5d5d5; text-decoration:underline}

.spoiler {color: #18191C}
.spoiler:hover {color: #FFFFFF}

.quotespoiler {color: #18191C}
.quotespoiler:hover {color: #C5D5D5}

.strongspoiler {color: #18191C}
.strongspoiler:hover {color: #C5D5D5}

ul {margin-left: 10px; margin-right: 10px; padding-right: 40px}
li {color:#7352E6; margin-bottom: 3px; list-style-position: inside}
span.quotedlist {color:#C5D5D5}
span.list {color:#FFFFFF} // this allows lists with colored symbols without modern CSS functions

img {max-width:100%}
img.centerplus {
display:block;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
min-width:400px;
min-height:400px;
max-width:100%;
}
img.center {
display:block;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
max-width:100%;
}

.caption {
display:block;
text-align:center;
margin-top:15px;
}

img.vidya {
max-width:400px;
max-height:400px;
padding:10px;
vertical-align:top;
display:inline;
}
img.link {
vertical-align: middle;
width:32px;
height:32px;
}

h1 {
text-align: center;
font-style: italic;
font-family: serif;
color: #313131;
}
h2 {
text-align:center;
color: #7352E6;
font-family:monospace;
}
h3 {
text-align:center;
color: #aca4f6;
font-family:monospace;
}
hr {
color: #7352E6;
background-color: #7352E6;
border: 0;
height: 5px;
}

strong {
font-weight: 700;
color: #C5D5D5;
}

em, cite {
color: #aca4f6;
font-family:serif;
}

em.hrec {
font-weight: 700;
font-style: italic;
color: lime;
}

em.rec {
font-weight: 700;
color: greenyellow;
font-style: normal;
}

em.srec {
font-weight: 500;
color: yellow;
font-style: normal;
}

em.nrec {
font-weight: 400;
color: orange;
font-style: normal;
}

em.avoid {
font-weight: 700;
color: red;
font-style: italic;
}

q, blockquote {
font-style: italic;
color: #C5D5D5;
font-family:serif;
}

#articlelist {
margin-top: 20px;
font-family: serif;
text-align: center;
padding: 5px;
}

table {
border: 0;
}

td {
border: #f8f8f8 solid 1px;
padding-left: 2px;
padding-right: 2px;
padding-top: 0;
padding-bottom: 0;
background-color: #313131;
color: #f8f8f8;
}

.toprow {
background-color: #7352E6;
color: #f8f8f8;
}

.bad {
background-color:crimson;
}
.neutral {
background-color:gold;
color:black;
}
.good {
background-color:greenyellow;
color:black;
}