body {
 margin : auto;
 width : 80%;
 padding-top : 15px;
 padding-bottom : 8px;
 background-color : #0d0d0d;
 color : #e6e6e6;
 font-family: "Roboto-Condensed";
}

@font-face {
	font-family: Roboto;
	src: url("./Roboto.ttf") format("truetype");
}

@font-face {
	font-family: Roboto-Condensed;
	src: url("./Roboto-Condensed.ttf") format("truetype");
}

#center {
text-align : center;
}

a {
color : #ff1a1a;
}

a:hover {
color : #ff9999;
}

.sectionlink {
color: #b30000;
font-family: "Roboto";
font-size: 1.15em;
font-weight: 700;
}

img {max-width:100%}

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

.caption {
display:block;
text-align:center;
}

img.center_noresize {
display:block;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
}

img.inside {
display:block;
margin:auto;
}

img.geym {
max-width:400px;
max-height:400px;
padding:10px;
vertical-align:top;
display:inline;
}

img.link {
vertical-align: middle;
width:32px;
height:32px;
}

h1 {
color: #ff3333;
}

h2 {
color: #ff6666;
}

h3 {
color: #ff4d4d;
}

h4 {
color: #ff8080;
}

ul {
margin-left : 10px;
margin-right : 10px;
padding-right : 40px;
}

li {
margin-bottom : 3px;
list-style-position : inside; 
}

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

em, cite {
color: #ff9999;
font-family: "Roboto";
font-style: normal;
}

em.hrec {
color: #3385ff;
font-weight: 700;
font-style: normal;
}

em.rec {
color: #33cc00;
font-weight: 600;
font-style: normal;
}

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

em.nrec {
color: #cc8800;
font-weight: 600;
font-style: normal;
}

em.avoid {
color: #cc0000;
font-weight: 700;
font-style: normal;
}

q, blockquote {
font-style : inherit;
color : #ffb3b3;
}

table {
border: 0;
}

.bad {
background-color:#cc0000;
}
.neutral {
background-color:#cc8800;
color:black;
}
.good {
background-color:#33cc00;
color:black;
}