body {
font-family: monospace;
font-size: 16px;
line-height: 1;
margin: 0;
padding: 0;
background-color: #F3F3F3;
width: 100%;
}
#divbodyholder {
padding: 0px;
box-shadow: -1px -1px 18px 8px #22222222, 1px 1px 2px #FFFFFE;
background-color: #DDD;
width: calc(100% - 24px);
max-width: calc(800px + 12vw);
margin: 24px auto;
}
#divbody {
border: solid 1px #ccc;
background-color: #fff;
padding: 0px 12px 12px 12px;
top: 0;
}
a:hover {
color: #4488bb;
}
a:visited:hover {
color: #226666;
}
.headerholder {
padding: 0 12px;
background-color: #f9f9f9;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
}
.header {
width: 100%;
max-width: 800px;
margin: 0px auto;
padding-top: 6px;
padding-bottom: 1px;
}
.content {
margin-bottom: 5%;
}
.nomargin {
margin: 0;
}
.description {
margin-top: 10px;
border-top: solid 1px #666;
padding: 10px 0;
}
h3, h2, h4 {
color: #888888 !important;
font-size: 1.2em !important;
font-weight: 600 !important;
letter-spacing: 2px;
border-bottom: 4px solid #bbbbbb;
margin-top: 28px !important;
padding: 12px 12px 6px;
background: #eeeeee88;
}
.clear {
clear: both;
}
#footer {
padding-top: 10px;
border-top: solid 1px #666;
color: #333333;
text-align: center;
font-size: small;
}
a {
text-decoration: underline dashed #bbbbbbbb 12%;
color: #24242488;
}
a:visited {
text-decoration: none;
color: #42424288;
}
blockquote {
background-color: #f9f9f9;
border-left: solid 4px #e9e9e9;
margin-left: 2px;
padding: 2px 2px 2px 4px;
}
blockquote img {
margin: 12px 0px;
}
blockquote iframe {
margin: 12px 0px;
}