body {margin: 0; padding-top: 3%; padding-right: 0; padding-bottom: 5%; padding-left: 1%; color: black; font-family: verdana, sans-serif; font-size: 108%;}

a:link {color: #CC0033}
a:visited {color: #993366}
a:hover {color: #FF3399}
a:active {color: #FF3399}

.homeborder {background: #FFCC99;}
.essayborder {background: #CCCC99;}
.WOTborder {background-image: url("http://ranprieur.com/WOT/WOT.jpg"); background-color: #000000;}
.novelborder {background: #FF6666;}
.zineborder {background: #F0D8B0;}
.miscborder {background: #FFCC66;}
.crashborder {background: #CC9999;}
.landborder {background: #CCCC99;}
.blueborder {background: #669999;}
.LAborder {background: #330033;}

.homecolorbox {background: #FFF4C8; margin: 0; padding: 1pc;}
.essaycolorbox {background: #FFFADE; margin: 0; padding: 1pc;}
.WOTcolorbox {background: #E0E8E8; margin: 0; padding: 1pc;}
.novelcolorbox {background: #FFCC99; margin: 0; padding: 1pc;}
.zinecolorbox {background: #FFF0D0; margin: 0; padding: 1pc;}
.misccolorbox {background: #FAFAD2; margin: 0; padding: 1pc;}
.crashcolorbox {background: #CCCCCC; margin: 0; padding: 1pc;}
.landcolorbox {background: #E5E5E5; margin: 0; padding: 1pc;}
.greycolorbox {background: #CCCCCC; margin: 0; padding: 1pc;}


div#leftside {float: left; margin: 0; padding: 4px; width: 9pc;}
div#rightside {margin-right: 17%; margin-left: 9pc; padding: 0;}

h1, h2, h3, h4, h5 {
font-family: baskerville, serif;
font-weight: bold; text-align: center;}
h5 {margin-top: 0; padding-top: 0;}
h6 {margin-top: 1em; padding-top: 0; margin-bottom: 0.4em; padding-bottom: 0; }

/* old defs still needed?
h6 {font-size: 100%; margin-top: 1em; padding-top: 0; margin-bottom: 0.4em; padding-bottom: 0; }
h6 {font-weight: bold; padding-bottom: 0; margin-bottom: 1em;}
*/

h1 {font-size: 250%;}
h2 {font-size: 190%;}
h3 {font-size: 140%;}
h4 {font-size: 108%;}
h5 {font-size: 100%;}
h6 {font-size: 108%;}

/*text appearance classes for hx, p, div, span*/
.center {text-align: center;}
.quote {font-style: italic;}
.headquote {font-style: italic; text-align: center; margin-left: 20%; margin-right: 20%}
.bq {font-size: 92%; margin-left: 2pc; margin-right: 2pc;}
.qsource {font-style: italic; font-size: 92%;}
.headquote {font-style: italic; text-align: center; margin-left: 20%; margin-right: 20%}
.poem {margin-left: 4pc; font-style:italic;}
.tab {text-indent: 40px;}
.question {font-style: italic;}
.haiku {text-align: center; font-weight: bold;}
.title {font-family: baskerville, serif; font-weight: bold; font-size: 110%;}
.WOTheading {text-align: center; font-family: candara, verdana, sans-serif; font-size: 200%;}
.WOTtitle {font-family: candara, verdana, sans-serif; font-size: 110%;}
.chaptertitle {font-family: baskerville, serif; font-weight: bold;}
.zinetitle {font-family: baskerville, serif; font-weight: bold;}
.biglink {font-family: baskerville, serif; font-size: 120%; font-weight: bold;}
.symbol {font-family: symbol, baskerville, serif;}
.tabletop {text-decoration: underline; font-size: 110%;}
.strike {text-decoration: line-through;}
.small {font-size: 92%;}
.tiny {font-size: 75%;}
.large {font-size: 108%;}
.red {color: #990000}
.homeinvis {color: #FFF0D0}

img.floatL {float: left; margin: 4px; }
img.floatR {float: right; margin: 4px; }
img.floatC {display: block; margin-left: auto; margin-right: auto;}
img.floatLC {float: left; clear: left; margin: 4px; }
img.floatRC {float: right; clear: right; margin: 4px; }