/* BASICS */

HTML, BODY, P, BR, TABLE, TR, TD, PRE { font-family: "Arial Rounded MT Bold", arial, sans-serif; color: black; font-size: 12px; font-weight: bold; background: transparent }

A:link, A:visited, A:active { color: #222222; background-color: transparent }

A.orange { color: #FF6600; background-color: transparent }

/* TEXT */

.comictext { font-family: "Arial Rounded MT Bold", "Arial Black", arial, sans-serif; color: white; font-size: 16px; font-weight: normal; background: transparent }

.comicstamptext { font-family: "Arial Rounded MT Bold", arial, sans-serif; color: white; font-size: 10px; font-weight: normal; background: transparent }

.emphasis { font-family: Impact, arial, sans-serif; font-size: 26px; font-weight: normal }

.emphasis2 { font-family: Impact, arial, sans-serif; font-size: 36px; font-style: italic; font-weight: bold }

.error { color: red }

.orange { color: #FF6600; background-color: transparent }

/* DIVISIONS */

.aoititle { position: absolute; top: 5; left: 270; width: 496px; height: 138px; background: url(http://aoi.keysandwings.com/images/title.gif) }

.matte { position: absolute; top: 147px; left: 130px; z-index: 1; width: 762; height: 306; background: black }

.aboutmatte { position: absolute; top: 167px; left: 180px; z-index: 1; width: 662; background: #FFBB33; border: 10px solid black }

.comicstamp { position: absolute; top: 450px; left: 725px; z-index: 1;  height: 20px; width: 167px; color: white; background: black; font-size: larger }

.title { position: absolute; top: 120px; left: 130px; z-index: 1;  height: 30; min-width: 50; color: white; background: black; font-size: larger }

.abouttitle { position: absolute; top: 140px; left: 180px; z-index: 1;  height: 30; min-width: 50; color: white; background: black; font-size: larger }

.messagetitle { position: absolute; top: 140px; left: 198px; z-index: 1;  height: 30; min-width: 50; color: white; background: black; font-size: larger }

* html .title { position: absolute; top: 120px; left: 130px; z-index: 1;  height: 30; min-width: 50; color: white; background: black; font-size: larger }

.firstpanebg { position: absolute; top: 150px; left: 134px; z-index: 2; height: 300 }

.secondpanebg { position: absolute; top: 150px; left: 387px; z-index: 2; height: 300 }

.thirdpanebg { position: absolute; top: 150px; left: 640px; z-index: 2; height: 300 }

.narration { position: absolute; background: #FFCC66; border: 3px solid black }

.hpipe { position: absolute; background: white; border-right: none; border-left: none; border-top: 3px solid black; border-bottom: 3px solid black }

.vpipe { position: absolute; background: white; border-right: 3px solid black; border-left: 3px solid black; border-top: none; border-bottom: none }

.grayblock { position: absolute; background: gray; border: none }

.whiteblock { position: absolute; background: white; border: none }

/* TABLES */

.titletable { border: 0; min-width: 200px; height: 30px; padding-left: 10px; padding-right: 10px }

.comicstamptable { border: 0; width: 167px; height: 20px }

/* MISC */

.nocomic { position: absolute; top: 180; left: 375; width: 260; height: 25; border: 3px solid black }