@font-face {
font-family: bluearchive;
src: url('bluearchive.ttf');
}

body {
margin: auto;
width: 90%;
padding-top: 25px;
padding-bottom: 8px;
background-color: #6B6C88;
color: #E4ADA6;
font-family: "bluearchive";
}

nav {text-align:center}

div.section {text-align:justify}
div.subsection {text-align:justify}
div.subsubsection {text-align:justify}

a {color: #6E2233}
a:hover {color: #E05C5B}

a.articlelist {color: #D3765B; font-weight: 400; font-size: 1.25em}
a.articlelist:hover {color: #FFA988}

a.sectionlink {color: #FFF1A0; font-size: 1.20em; font-weight: 700}
a.sectionlink:hover {color: #FFDBF1}

a.subsectionlink {color: #FEF1C7; font-size:1.05em}
a.subsectionlink:hover {color: #FFDBF1}

a.subsubsectionlink {color: #FEFAF1; font-size: 0.8em}
a.subsubsectionlink:hover {color: #FFDBF1}

.spoiler {color: #6B6C88}
.spoiler:hover {color: #E4ADA6}

.linkspoiler {color: #6B6C88; text-decoration: none}
.linkspoiler:hover {color: #6E2233; text-decoration: underline}

.quotespoiler {color: #6B6C88}
.quotespoiler:hover {color: #D08F67; font-style:italic}

.strongspoiler {color: #6B6C88}
.strongspoiler:hover {color: #433D58; font-weight:700}

s {color: #4D3E5B}

ul {margin-left: 10px; margin-right: 10px; padding-right: 40px}
li {color: #494A79; margin-bottom: 3px; list-style-position: inside}
span.list {color: #E1D9D3}
span.quotedlist {color: #D08F67}

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

h1 {
text-align: center;
font-style: italic;
color:#D6B384;
}
h2 {
text-align: center;
color: #FFF1A0;
}
h3 {
text-align: center;
color: #FEF1C7;
}
h4 {
text-align: center;
color: #FEFAF1;
}

hr {
color: #494A79;
background-color: #494A79;
border: 0;
height: 5px;
}

strong {
font-weight: 700;
color: #433D58;

}

em, cite {
color: #FFDE9B;
}

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

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

table {border: 0}
td {
border: dashed 4px #D6B384;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #A38F84;
color: #E1D9D3;

}
.toprow {
border: dashed 4px #D6B384;
background-color: #665349;
color: #A38F84;
text-align:center;
}
td.menucat {
width:25%;
border: dashed 4px #D6B384;
border-left:0;
background-color: #665349;
color: #A38F84;
text-align:center;
}
td.menuentry {
padding:0;
}
td.icon {
width:32px;
height:32px;
border: dashed 4px #D6B384;
border-right:0;
background-color: #665349;
}
a.menuentry {
width:100%;
height:100%;
display:inline-block;
}
span.menuentry {
width:100%;
height:100%;
display:inline-block;
padding-top:5px;
padding-bottom:5px;
color: #FFF1A0;
}
span.menuentry:hover {
background-color: #E6E2DC;
color: #665349;
}

a.intable {color: #504E6B}
a.intable:hover {color: #6B6C88}
.intabletop {color: #6E2233}
.intablestrong {color: #FEF1C7}

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