body {
 background: #ffc;
 color: black;
 font-size: 100%;
 line-height: 1.5;
 margin: 0;
 padding: 0;
}

h1,h2
{
 color: white;
 background: blue;
}

h1 {
 font-size: 2em;
 text-align: center;
 margin-top: 0;
 padding-top: 1em;
 padding-bottom: .333em;
 margin-bottom: .5em;
}

h2 {
 font-size: 1.33em;
 margin-top: 1em;
 padding-top: .5em;
 padding-bottom: .25em;
 padding-left: 1em;
}

p,ul {
 max-width: 37em;
 text-align: left;
 margin-left: 10%;
 margin-bottom: .333em;
}

p+p
{
 text-indent: 2em;
}

dd p
{
 margin: .5em 0;
}

.Q,.A {
 width: 80%;
 margin-left: auto;
 margin-right: auto;
 background: #ffe;
 color: black;
}

.Q {
 font-size: 1.15em;
 background: blue;
 color: white;
}

.Q * {
 padding: 1em;
}

.Q p {
 font-weight: bold;
 text-indent: 0;
}

.A p, pre {
 padding-left: 2em;
 padding-top: .25em;
}

.A p:first-child {
 text-indent: 0;
 padding-top: 1.35em;
 font-size: 1.15em;
}

h2 + p {
 text-indent: 0;
 padding-top: 1.5em;
}

ol {
 margin: 1em 4em;
}

pre {
 overflow: auto;
 margin: .5em 0;
}

dl
{
 margin-left: 10%;
}

dt
{
 margin-top: 1em;
 font-weight: bold;
}

dd
{
 margin-left: 2em;
 max-width: 36em;
}