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

a  {color: #535212}
a:hover{color: #657336}

a.articlelist {color: #3D5439; font-weight:400; font-size:1.25em; font-family:monospace}
a.articlelist:hover{color: #708649}

a.sectionlink {color: #764B27; font-size:1.15em; font-family:sans-serif; font-weight:700}
a.sectionlink:hover{color: #876741}

a.intable{color: #cadbfd}
a.intable:hover{color: #ffffff}

.spoiler {color: #D9C240}
.spoiler:hover {color: #282501}

.linkspoiler {color: #D9C240; text-decoration:none}
.linkspoiler:hover {color: #657336; text-decoration:underline}

.quotespoiler {color: #D9C240}
.quotespoiler:hover {color: #60732D}

.strongspoiler {color: #D9C240}
.strongspoiler:hover {color: #b0c0ea}

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

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.link {
vertical-align: middle;
width:32px;
height:32px;
}
img.vidya {
max-width:400px;
max-height:400px;
padding:10px;
}

#center {
text-align:center;
margin-left:auto;
margin-right:auto;
}

h1 {
text-align:center;
font-style: italic;
color: #2D2815;
}
h2 {
text-align:center;
color: #535212;
}
h3 {
text-align:center;
color: #657336;
}
hr {
color: #535212;
background-color: #535212;
border: 0;
height: 5px;
}

strong {
font-weight:700;
color: #764B27;
}

em, cite {
color: #9C6D3F;
}

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: #60732D;
}

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

table {border:solid 1px #f8f8f8}
td {
border: solid 1px #f8f8f8;
padding-left:8px;
padding-right:8px;
padding-top:0px;
padding-bottom:0px;
background-color: #5e5994;
color: #ffffff;
}
.toprow {
background-color: #a4b4d5;
color: #f8f8f8;
}
.bad {
background-color:crimson;
}
.neutral {
background-color:gold;
color:black;
}
.good {
background-color:greenyellow;
color:black;
}