html {font-family: serif;}
body {background: #00f; color: black; font-family: "Bitstream Charter", "Comic Sans MS", sans-serif}
div#main {background: white; width: 96%; margin: 0 2%; padding: 0 0 1em 0;}
div#head {background: #00f; width: 96%; margin: 1em 2%; padding: 0 0 .5em 0; text-align: right; color: white}
img.curve {float: left; clear: left; margin: 0 1em 0 0;}
img#logo {background: #00f; float: right; margin: 0 0 0 1em; clear: right}
h1 {padding: 0.25em 0.25em 0.125em; margin: 0; background: #9CF; border-bottom: 0.15em solid #00f; font-size: 150%;}
h2 {padding: 0.25em 0 0.125em 0; border-bottom: 2px solid #00f; margin: 0 0 0 1em; font-size: 120%}
p {margin: 0.75em 0.5em 0.75em .5em; text-align: justify;}
pre {margin-left: 2em;}
div#example {padding: 0.5em 1.5em;}
a {color: blue;}
a:hover {color: red; font-weight: bold; text-shadow: black 0px 0px 1px;}
div#nav {width: 94%; margin: -.5em 3% 0 3%; padding: 0 0 1em 0; text-align: center; color: yellow;}
div#nav a {color: yellow;}
div#nav a:hover{color: white; text-shadow: black 0px 0px 2px;}
div#footer{width: 94%; height: 2em; margin 1em 3% 1em 3%; padding: 0; text-align: center; color: white;}
div#footer a{color: white; margin: 1em 0 0 0; font-size: 85%;}
div#footer a:hover{color: yellow; text-shadow: black 0px 0px 2px;}
div#head h1 {font-size: 355%; font-weight: bolder; margin: 0 0 0 0; text-shadow: black 0px 0px .25em; background: transparent;}
div#head h2 {font-size: 170%; font-style: italic; margin: 0 0 0 0;}
h4 {font-weight: bold; margin: 0.75em 0.5em -.5em .5em;}
ol, ul {margin-top: .5em;}
img#reiki {background: transparent; float: right; margin: -.5em 0 0 0; padding: 0 1% 0 .25em; clear: left;}
ol.numbered{list-style: decimal;}
p.q:before{	content: "Q: ";}
p.q{font-weight: bold; margin: .5em 0.5em 0 .5em; text-align: justify;}
p.a:before{content: "A: "; font-weight: bold; font-style: normal;}
p.a{font-style: italic; margin: 0 0.5em 0.75em .5em; text-align: justify;}