html { background-color: black; } body { margin: 0px; margin-bottom: 0px; background-color: black; cursor: url(../images/aero/arrow.cur), default; } a { cursor: url(../images/aero/link.cur), pointer; } AREA { cursor: url(../images/aero/link.cur), pointer; } img { border: none; } b { color: yellow; } /* for level riddle body page tags */ #heaven { scroll: no; overflow:hidden; font-family: script; color: gold; font-size: 18.7pt; text-shadow: 0px 0px 3px gold; margin: 0 auto; background-color: black; background: url(../images/heaven.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #vale { scroll: no; overflow:hidden; font-family: script; color: gold; font-size: 18.7pt; text-shadow: 0px 0px 3px gold; margin: 0 auto; background-color: black; background: url(../images/vale.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #sky { scroll: no; overflow:hidden; font-family: script; color: gold; font-size: 18.7pt; text-shadow: 0px 0px 3px gold; margin: 0 auto; background-color: black; background: url(../images/starrysky.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #skyd { scroll: no; overflow:hidden; text-align: center; font-family: caligraf; color: #F00; font-size: 36.0pt; margin: 0 auto; background-color: black; background: url(../images/starryskydark.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #skye { scroll: no; overflow:hidden; font-family: script; color: silver; font-size: 18.7pt; text-shadow: 0px 0px 3px black; margin: 0 auto; background-color: black; background: url(../images/throne.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #skyed { scroll: no; overflow:hidden; text-align: center; font-family: caligraf; color: gold; font-size: 36.0pt; text-shadow: 0px 0px 3px black; margin: 0 auto; background-color: black; background: url(../images/godsdark.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #n { scroll: no; overflow:hidden; text-align: center; font-family: caligraf; color: gold; font-size: 36.0pt; text-shadow: 0px 0px 3px black; margin: 0 auto; background-color: black; background: url(../images/n.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #city { scroll: no; overflow:hidden; text-align: center; font-family: caligraf; color: gold; font-size: 36.0pt; text-shadow: 0px 0px 3px black; margin: 0 auto; background-color: black; background: url(../images/city.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #controller { scroll: no; overflow:hidden; font-family: C64_Pro-STYLE; color: #00FF00; font-size: 18.0pt; background-color: black; background: url(../images/back21.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #controller2 { scroll: no; overflow:hidden; font-family: C64_Pro-STYLE; color: #FF0000; font-size: 18.0pt; background-color: black; background: url(../images/back2.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #controller3 { scroll: no; overflow:hidden; font-family: C64_Pro-STYLE; color: #FF0000; font-size: 18.0pt; background-color: black; background: url(../images/darkfire.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #allalone { scroll: no; overflow:hidden; font-family: RavenScream; color: #FFF; font-size: 18.0pt; background-color: black; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bg0 { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 18.7pt; margin: 0 auto; background-color: black; background: url(../chron/gatesofhell.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bg00 { scroll: no; overflow:hidden; font-family: caligraf; font-size: 18.7pt; margin: 0 auto; background-color: black; } #bg01 { scroll: no; overflow:hidden; font-family: caligraf; font-size: 18.7pt; margin: 0 auto; background-color: #080002; } #bgdayday { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/day/madmandayday.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaydaye { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/day/madmandaydayempty.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaynight { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/night/madmandaynight.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaynighte { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/night/madmandaynightempty.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightnight { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/night/madmannightnight.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightnighte { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/night/madmannightnightempty.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightday { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/day/madmannightday.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightdaye { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/day/madmannightdayempty.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaydaysw { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/day/madmansw.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaydayswsb { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/day/madmanswsb.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaydayswsbfr { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/day/madmanswsbfr.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaydayswsbfrtof { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/day/madmanswsbfrtof.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaydayseal { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/day/madmandaydayseal.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaydayleft { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/day/madmandaydaylefteye.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaydayright { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/day/madmandaydayrighteye.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaydaynone { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/day/madmandaydaynoeyes.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaydayswitch { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/day/madmandaydaygodeyes.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaydaybroken { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/day/madmandaydaysealbroken.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaydayopen { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/day/madmandaydayopen.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaynightsw { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/night/madmansw.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaynightswsb { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/night/madmanswsb.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaynightswsbfr { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/night/madmanswsbfr.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaynightswsbfrtof { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/night/madmanswsbfrtof.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaynightseal { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/night/madmandaynightseal.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaynightleft { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/night/madmandaynightlefteye.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaynightright { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/night/madmandaynightrighteye.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaynightnone { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/night/madmandaynightnoeyes.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaynightswitch { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/night/madmandaynightgodeyes.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaynightbroken { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/night/madmandaynightsealbroken.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgdaynightopen { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/day/night/madmandaynightopen.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightnightsw { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/night/madmansw.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightnightswsb { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/night/madmanswsb.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightnightswsbfr { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/night/madmanswsbfr.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightnightswsbfrtof { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/night/madmanswsbfrtof.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightnightseal { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/night/madmannightnightseal.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightnightleft { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/night/madmannightnightlefteye.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightnightright { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/night/madmannightnightrighteye.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightnightnone { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/night/madmannightnightnoeyes.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightnightswitch { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/night/madmannightnightgodeyes.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightnightbroken { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/night/madmannightnightsealbroken.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightnightopen { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/night/madmannightnightopen.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightdaysw { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/day/madmansw.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightdayswsb { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/day/madmanswsb.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightdayswsbfr { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/day/madmanswsbfr.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightdayswsbfrtof { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/day/madmanswsbfrtof.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightdayseal { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/day/madmannightdayseal.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightdayleft { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/day/madmannightdaylefteye.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightdayright { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/day/madmannightdayrighteye.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightdaynone { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/day/madmannightdaynoeyes.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightdayswitch { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/day/madmannightdaygodeyes.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightdaybroken { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/day/madmannightdaysealbroken.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bgnightdayopen { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/night/day/madmannightdayopen.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bg16 { scroll: no; overflow:hidden; font-family: allice; color: gold; font-size: 18.7pt; margin: 0 auto; background-color: black; background: url(../images/back16.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bg20 { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 18.7pt; margin: 0 auto; background-color: black; background: url(../images/back20.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bg21 { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/back21.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bg22 { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/back22.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bg23 { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/back23.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bg24 { scroll: no; overflow:hidden; font-family: script; color: yellow; font-size: 18.7pt; margin: 0 auto; background-color: black; background: url(../images/back24.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bg25 { scroll: no; overflow:hidden; font-family: script; color: yellow; font-size: 18.7pt; margin: 0 auto; background-color: black; background: url(../images/back25.png); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bg26 { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../images/back26.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bg27 { scroll: no; overflow:hidden; font-family: allice; color: gold; font-size: 18.7pt; margin: 0 auto; background-color: black; background: url(../images/back27.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bg28 { scroll: no; overflow:hidden; background-color: black; background: url(../images/rhyliblcpe.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #unsealedgate { scroll: no; overflow:hidden; font-family: caligraf; font-size: 36.0pt; margin: 0 auto; background-color: black; background: url(../images/unsealeddoor.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #silver { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: silver; background: url(../images/back23.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #round { scroll: no; overflow:hidden; font-family: caligraf; color: #F00; font-size: 36.0pt; margin: 0 auto; background-color: black; background: url(../chron/roundandround.gif); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #prison { scroll: no; overflow:hidden; font-family: script; color: #FFF; font-size: 14.0pt; margin: 0 auto; background-color: black; background: url(../chron/prison.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #gateunsealed { scroll: no; overflow:hidden; font-family: caligraf; font-size: 36.0pt; margin: 0 auto; background-color: black; background: url(../images/sealeddoor.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #gate { scroll: no; overflow:hidden; font-family: caligraf; font-size: 36.0pt; margin: 0 auto; background-color: black; background: url(../images/sigilsealeddoor.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #cc { scroll: no; overflow:hidden; text-align: center; font-family: caligraf; color: #F00; font-size: 36.0pt; margin: 0 auto; background-color: black; background: url(../norhc/cc.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #ccb { scroll: no; overflow:hidden; text-align: center; font-family: caligraf; color: #F00; font-size: 36.0pt; margin: 0 auto; background-color: black; background: url(../chron/cc.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bcc { scroll: no; overflow:hidden; text-align: center; font-family: caligraf; color: #FFF; font-size: 36.0pt; margin: 0 auto; background-color: black; background: url(../norhc/dnilb/cc.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bcr { scroll: no; overflow:hidden; text-align: center; font-family: caligraf; color: #F00; font-size: 36.0pt; margin: 0 auto; background-color: black; background: url(../norhc/dnilb/cc.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #fire { scroll: no; overflow:hidden; text-align: center; font-family: caligraf; color: #F00; font-size: 36.0pt; margin: 0 auto; background-color: black; background: url(../images/fire.gif); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #darkfire { scroll: no; overflow:hidden; text-align: center; font-family: caligraf; color: #F00; font-size: 36.0pt; margin: 0 auto; background-color: black; background: url(../images/darkfire.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #hell { scroll: no; overflow:hidden; font-family: allice; color: #FFF; font-size: 36.0pt; margin: 0 auto; background-color: black; background: url(../chron/hell.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #nightmare { scroll: no; overflow:hidden; font-family: allice; color: #FFF; font-size: 36.0pt; margin: 0 auto; background-color: black; background: url(../images/souls.jpg); opacity: 0.9; filter:alpha(opacity=90); -webkit-background-size: cover; center center fixed; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #bcs { scroll: no; overflow:hidden; text-align: center; background-color: black; background: url(../images/bcs.gif); no-repeat center center fixed; background-size: 500px 500px; background-repeat: no-repeat; background-position: center, center; } #bcs1 { scroll: no; overflow:hidden; text-align: center; background-color: black; background: url(../images/bcs.gif); no-repeat center center fixed; background-size: 500px 500px; background-repeat: repeat-x; round; background-position: center, center; } #bce { scroll: no; overflow:hidden; text-align: center; background-color: black; background: url(../images/bce.gif); center center fixed; background-size: 500px 500px; background-repeat: no-repeat;background-position: center, center; } #bcm { scroll: no; overflow:hidden; font-family: allice; color: #FFF; font-size: 36.0pt; margin: 0 auto; background-color: black; background: url(../images/bcm.gif); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #wmg { scroll: no; overflow:hidden; font-family: allice; color: #FFF; font-size: 36.0pt; margin: 0 auto; background-color: black; background: url(../images/wmg.png); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #wmg2 { scroll: no; overflow:hidden; font-family: allice; color: #FFF; font-size: 36.0pt; margin: 0 auto; background-color: black; background: url(../images/wmg2.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* for coloured herring hint screen body page tags */ #Red-Herring { scroll: no; overflow:hidden; text-align: center; font-family: caligraf, Times, serif; color: #F00; font-size: 36.0pt; background-color: black; position: relative; top: 60px; } #Purple-Herring { scroll: no; overflow:hidden; text-align: center; font-family: caligraf, Times, serif; color: #800080; font-size: 36.0pt; background-color: black; position: relative; top: 60px; } #Blue-Herring { scroll: no; overflow:hidden; text-align: center; font-family: caligraf, Times, serif; color: #00F; font-size: 36.0pt; background-color: black; position: relative; top: 60px; } #Cyan-Herring { scroll: no; overflow:hidden; text-align: center; font-family: caligraf, Times, serif; color: #0FF; font-size: 36.0pt; background-color: black; position: relative; top: 60px; } #Green-Herring { scroll: no; overflow:hidden; text-align: center; font-family: caligraf, Times, serif; color: #0F0; font-size: 36.0pt; background-color: black; position: relative; top: 60px; } #Yellow-Herring { scroll: no; overflow:hidden; text-align: center; font-family: caligraf, Times, serif; color: yellow; font-size: 36.0pt; background-color: black; position: relative; top: 60px; } #Orange-Herring { scroll: no; overflow:hidden; text-align: center; font-family: caligraf, Times, serif; color: orange; font-size: 36.0pt; background-color: black; position: relative; top: 60px; } #White-Herring { scroll: no; overflow:hidden; text-align: center; font-family: caligraf, Times, serif; color: #FFF; font-size: 36.0pt; background-color: black; position: relative; top: 60px; } /* for coloured herring hint screen with backgrounds body page tags */ /* Creature */ #Green-Herring-s { scroll: no; overflow:hidden; text-align: center; font-family: caligraf, Times, serif; color: #0F0; font-size: 36.0pt; background-color: black; background: url(../images/shadoweyes.jpg); position: relative; top: 60px; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* Green Dragon */ #Green-Herring-d { scroll: no; overflow:hidden; text-shadow: 3px 3px 3px #000; text-align: center; font-family: caligraf, Times, serif; color: #0F0; font-size: 36.0pt; background-color: black; background: url(../images/gd.jpg); position: relative; top: -60px; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #Tea-green-Herring-d { scroll: no; overflow:hidden; text-shadow: 3px 3px 3px #000; text-align: center; font-family: caligraf, Times, serif; color: #CCFB5D; font-size: 36.0pt; background-color: black; background: url(../images/gd.jpg); position: relative; top: -60px; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #Yellow-Herring-d { scroll: no; overflow:hidden; text-shadow: 3px 3px 3px #000; text-align: center; font-family: caligraf, Times, serif; color: #FF0; font-size: 36.0pt; background-color: black; background: url(../images/gd.jpg); position: relative; top: -60px; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #Orange-Herring-d { scroll: no; overflow:hidden; text-shadow: 3px 3px 3px #000; text-align: center; font-family: caligraf, Times, serif; color: #FFA500; font-size: 36.0pt; background-color: black; background: url(../images/gd.jpg); position: relative; top: -60px; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #Red-Herring-d { scroll: no; overflow:hidden; text-shadow: 3px 3px 3px #000; text-align: center; font-family: caligraf, Times, serif; color: #F00; font-size: 36.0pt; background-color: black; background: url(../images/gd.jpg); position: relative; top: -60px; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #Purple-Herring-d { scroll: no; overflow:hidden; text-shadow: 3px 3px 3px #000; text-align: center; font-family: caligraf, Times, serif; color: #800080; font-size: 36.0pt; background-color: black; background: url(../images/gd.jpg); position: relative; top: -60px; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #Indigo-Herring-d { scroll: no; overflow:hidden; text-shadow: 3px 3px 3px #000; text-align: center; font-family: caligraf, Times, serif; color: #4B0082; font-size: 36.0pt; background-color: black; background: url(../images/gd.jpg); position: relative; top: -60px; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #Blue-Herring-d { scroll: no; overflow:hidden; text-shadow: 3px 3px 3px #000; text-align: center; font-family: caligraf, Times, serif; color: #00F; font-size: 36.0pt; background-color: black; background: url(../images/gd.jpg); position: relative; top: -60px; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #Mint-Herring-d { scroll: no; overflow:hidden; text-shadow: 3px 3px 3px #000; text-align: center; font-family: caligraf, Times, serif; color: #98FF98; font-size: 36.0pt; background-color: black; background: url(../images/gd.jpg); position: relative; top: -60px; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #White-Herring-d { scroll: no; overflow:hidden; text-shadow: 3px 3px 3px #000; text-align: center; font-family: caligraf, Times, serif; color: #FFF; font-size: 36.0pt; background-color: black; background: url(../images/gd.jpg); position: relative; top: -60px; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* Blue Dragon */ #Cyan-Herring-d { scroll: no; overflow:hidden; text-shadow: 3px 3px 3px #000; text-align: center; font-family: caligraf, Times, serif; color: #00FFBB; font-size: 36.0pt; background-color: black; background: url(../images/bd.jpg); position: relative; top: -60px; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #Green-Herring-bd { scroll: no; overflow:hidden; text-shadow: 3px 3px 3px #000; text-align: center; font-family: caligraf, Times, serif; color: green; font-size: 36.0pt; background-color: black; background: url(../images/bd.jpg); position: relative; top: -60px; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #Green-Herring-bdd { scroll: no; overflow:hidden; text-shadow: 3px 3px 3px #000; text-align: center; font-family: caligraf, Times, serif; color: #0F0; font-size: 36.0pt; background-color: black; background: url(../images/bd.jpg); position: relative; top: -60px; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #Yellow-Herring-bd { scroll: no; overflow:hidden; text-shadow: 3px 3px 3px #000; text-align: center; font-family: caligraf, Times, serif; color: #FF0; font-size: 36.0pt; background-color: black; background: url(../images/bd.jpg); position: relative; top: -60px; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #Red-Herring-bd { scroll: no; overflow:hidden; text-shadow: 3px 3px 3px #000; text-align: center; font-family: caligraf, Times, serif; color: #F00; font-size: 36.0pt; background-color: black; background: url(../images/bd.jpg); position: relative; top: -60px; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #Orange-Herring-bd { scroll: no; overflow:hidden; text-shadow: 3px 3px 3px #000; text-align: center; font-family: caligraf, Times, serif; color: #FFA500; font-size: 36.0pt; background-color: black; background: url(../images/bd.jpg); position: relative; top: -60px; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* Red Dragon */ #Red-Herring-rd { scroll: no; overflow:hidden; text-shadow: 3px 3px 3px #000; text-align: center; font-family: caligraf, Times, serif; color: #F00; font-size: 36.0pt; background-color: black; background: url(../images/rd.jpg); position: relative; top: -60px; no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* Nightmare */ #White-Herring-g { scroll: no; overflow:hidden; font-family: ghost; color: #FFF; font-size: 36.0pt; margin: 0 auto; background-color: black; background: url(../images/souls2.jpg); text-shadow: 3px 3px 3px #000; -webkit-background-size: cover; center center fixed; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* #nightmare { scroll: no; overflow:hidden; font-family: allice; color: #FFF; font-size: 36.0pt; margin: 0 auto; background-color: black; background: url(../images/souls.jpg); opacity: 0.9; filter:alpha(opacity=90); -webkit-background-size: cover; center center fixed; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } */ /* for enter hints and help body page tags */ #index { overflow-x: hidden; background: url(../images/back2.jpg); margin: 0 auto; border: none; margin-bottom: 0px; margin-right: -5px; margin-left: 5px; no-repeat; background-attachment: fixed; background-position: center; font-family: Verdana; color: #007700; font-size: 15pt; } #help { overflow-x: hidden; background: url(../images/back2.jpg); margin: 0 auto; border: none; margin-bottom: -35px; margin-right: -5px; margin-left: 5px; no-repeat; background-attachment: fixed; background-position: center; } #source { overflow-x: hidden; background: url(../images/source.jpg); no-repeat; background-attachment: fixed; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #hints { overflow-x: hidden; background: url(../images/back2.jpg); margin: 0 auto; border: none; margin-bottom: 0px; margin-right: -5px; margin-left: 5px; no-repeat; background-attachment: fixed; background-position: center; } #journal { overflow-x: hidden; background: url(../images/back20.jpg); margin: 0 auto; border: none; margin-bottom: 0px; margin-right: -5px; margin-left: 5px; no-repeat; background-attachment: fixed; background-position: center; } /* for notcrux riddle body page tags */ #riddleNC { scroll: no; overflow:hidden; background: url(../images/back19.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } #riddleNC2 { scroll: no; overflow:hidden; background: url(../images/back17.jpg); no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } #riddleNCstatic { scroll: no; overflow:hidden; background: black url(../images/back18.jpg) no-repeat center center fixed } /*Special herring pages with images */ div#White-Herring img { position: relative; display: block; margin-left: auto; margin-right: auto; } div#White-Herring p { text-align: center; font-family: caligraf, Times, serif; color: #FFF; font-size: 36.0pt; } div#White-Herring-g p { text-align: center; font-family: allice; color: #000; font-size: 36.0pt; } /* for notcrux riddle tags */ /* if used combines this tag properties with body tag of the same name */ div#riddleNC img { position: relative; top: 60px; display: block; margin-left: auto; margin-right: auto } /* for journal entry main tags */ /* for notcrux riddle main tags */ div#riddleNC01 img { position: relative; top: 40px; display: block; margin-left: auto; margin-right: auto } div#riddleNC02 p { text-align: center; position: relative; bottom: -40px } div#riddleNC03 iframe { position: absolute; bottom: -115px } div#riddleR0 img { position: relative; top: -100px; display: block; margin-left: auto; margin-right: auto; z-index: 2; } div#riddleR00 img { position: relative; top: 40px; display: block; margin-left: auto; margin-right: auto; z-index: 2; } .containerl{ position: relative; clear: both; margin: 0 auto; display: block; } .containerr{ position: relative; clear: both; margin: 0 auto; display: block; } .container{ position: relative; clear: both; margin: 0 auto; display: block; width: 500px; } .containere{ position: relative; clear: both; margin: 0 auto; display: block; width: 500px; } .containerm{ position: relative; clear: both; margin: 0 auto; display: block; width: 100%; } .img-01 { position: absolute; clear: both; float: none; top: 280px; left: 60px; width: 550px; height: 0px; z-index: 2; } .img-02 { position: absolute; clear: both; float: none; top: 0; left: 0; width: 0px; height: 0px; z-index: 1; background-color: red; /* opacity: 0.5; */ } .container1{ position: relative; clear: both; margin: 0 auto; display: block; width: 500px; } .img-011 { position: absolute; clear: both; float: none; top: 180px; left: -20px; width: 550px; height: 0px; z-index: 2; } .img-021 { position: absolute; clear: both; float: none; top: 0; left: 0; width: 0px; height: 0px; z-index: 1; background-color: red; /* opacity: 0.5; */ } div#riddleRfire img { position: relative; top: 20px; display: block; margin-left: auto; margin-right: auto; } div#riddleR00 canvas { position: relative; top: 40px; display: block; margin-left: auto; margin-right: auto; } div#riddlebare img { position: relative; display: block; margin-left: auto; margin-right: auto; } div#riddlebaretext p { text-align: center; position: relative; bottom: 0px; color: FFF } div#riddleR01 img { position: relative; top: -632.25px; display: block; margin-left: auto; margin-right: auto } div#riddleR00 p { position: relative; bottom: -632.25px; display: block; margin-left: auto; margin-right: auto; } div#riddleR001 i { text-align: center; position: relative; bottom: 0px; font-family: scripts; color: yellow } div#riddleR001 p{ text-align: center; position: relative; bottom: 220px; color: FFF } div#riddleR001-1 p{ text-align: center; position: relative; top: 340px; color: FFF } div#riddleR002 i { text-align: center; position: relative; bottom: 0px; font-family: scripts; color: yellow } div#riddleR002 p{ text-align: center; position: relative; bottom: 100px; color: FFF } div#riddleR13 i { text-align: center; position: relative; bottom: 0px; font-family: scripts; color: yellow } div#riddleR13 p{ text-align: center; position: relative; bottom: 0px; color: FFF } div#riddleR02 p{ text-align: center; position: relative; bottom: -40px; color: FFF; } div#riddleR13 p{ text-align: center; position: relative; bottom: 220px; color: FFF; } div#riddleR03 i { text-align: center; position: relative; bottom: 0px; font-family: scripts; color: yellow } div#riddleR03 p{ text-align: center; position: relative; bottom: -40px; color: FFF; cursor: url(../images/aero/select.cur), text; } div#riddleR04 p { text-align: center; position: relative; bottom: -40px color: red; top: 400px } div#riddleR05 p{ text-align: center; position: relative; top: +20px; color: FFF; font-size: 18.0pt; cursor: url(../images/aero/select.cur), text; } div#riddleR06 p{ text-align: center; position: relative; bottom: -60px; color: FFF; font-size: 36.0pt; text-shadow: 3px 3px 3px #202; cursor: url(../images/aero/select.cur), text; } div#riddleR07 i { text-align: center; position: relative; bottom: 0px; font-family: scripts; color: yellow } div#riddleR07 p{ text-align: center; position: relative; bottom: -40px; color: #00FF00; cursor: url(../images/aero/select.cur), text; } div#riddleR07 i { text-align: center; position: relative; bottom: 0px; font-family: scripts; color: yellow } div#riddleR08 p{ text-align: center; position: relative; bottom: -40px; color: #00ffBB; cursor: url(../images/aero/select.cur), text; } div#riddleR09 p{ text-align: center; position: relative; bottom: -40px; color: #FBB917; cursor: url(../images/aero/select.cur), text; } div#riddleR10 p{ text-align: center; position: relative; bottom: 0px; color: #FFF; font-family: caligraf; font-size: 32.0pt; cursor: url(../images/aero/select.cur), text; } div#riddleR11 p{ text-align: center; position: relative; bottom: -40px; color: #0F0; font-family: caligraf; font-size: 32.0pt; cursor: url(../images/aero/select.cur), text; } div#riddleR12 p { text-align: center; position: relative; bottom: -40px; font-family: caligraf; color: yellow } div#riddleR006 p { text-align: center; position: relative; bottom: 0px; color: FFF; font-size: 36.0pt; text-shadow: 3px 8px 8px #202; cursor: url(../images/aero/select.cur), text; } div#riddleR14 p{ text-align: center; position: relative; bottom: 0px; font-family: caligraf; font-size: 32.0pt; text-shadow: 3px 8px 8px #000; cursor: url(../images/aero/select.cur), text; } div#riddleNEG p{ text-align: center; position: relative; bottom: 0px; color: FFF; font-family: allice; font-size: 36.0pt; text-shadow: 3px 8px 8px #000; cursor: url(../images/aero/select.cur), text; } div#riddleNEG2 p{ text-align: center; position: relative; bottom: 0px; color: gold; font-family: allice; font-size: 40.0pt; text-shadow: 1px 7px 7px #000; cursor: url(../images/aero/select.cur), text; } div#riddleRR17 i { text-align: center; position: relative; bottom: 0px; font-family: scripts; color: pink; font-size: 18.7pt; } div#riddleRR17 p { text-align: center; position: relative; bottom: -40px; font-family: scripts; color: white; font-size: 18.7pt; } div#riddleR15 i { text-align: center; position: relative; bottom: 0px; font-family: scripts; color: lime; font-size: 18.7pt; } div#riddleR15 p { text-align: center; position: relative; bottom: -40px; font-family: scripts; color: white; font-size: 18.7pt; } div#riddleR16 i { text-align: center; position: relative; bottom: 0px; font-family: scripts; color: cyan; font-size: 18.7pt; } div#riddleR16 p { text-align: center; position: relative; bottom: -40px; font-family: scripts; color: white; font-size: 18.7pt; } div#riddleR17 i { text-align: center; position: relative; bottom: 0px; font-family: scripts; color: paleyellow; font-size: 18.7pt; } div#riddleR17 p { text-align: center; position: relative; bottom: -40px; font-family: scripts; color: white; font-size: 18.7pt; } div#riddleR18 i { text-align: center; position: relative; bottom: 0px; font-family: scripts; color: yellow; font-size: 18.7pt; } div#riddleR18 p { text-align: center; position: relative; bottom: -40px; font-family: scripts; color: white; font-size: 18.7pt; } div#riddleR19 i { text-align: center; position: relative; bottom: 0px; font-family: ss; color: yellow; font-size: 36pt; } div#riddleR19 p { text-align: center; position: relative; top: 660px; font-family: ss; color: white; font-size: 36pt; text-shadow: 3px 2px 2px #000; } div#riddleR20 i { text-align: center; position: relative; bottom: 0px; font-family: ss; color: yellow; font-size: 36pt; } div#riddleR20 p { text-align: center; position: relative; top: 0px; font-family: ss; color: white; font-size: 36pt; text-shadow: 4px 4px 2px #000; } div#riddleR21 i { text-align: center; position: relative; bottom: 0px; font-family: gf; color: yellow; font-size: 36pt; } div#riddleR21 p { text-align: center; position: relative; top: 0px; font-family: gf; color: white; font-size: 36pt; text-shadow: 4px 4px 2px #000; } div#riddleR22 i { text-align: center; position: relative; bottom: 0px; font-family: gf; color: yellow; font-size: 36pt; } div#riddleR22 p { text-align: center; position: relative; bottom: -400px; font-family: gf; color: white; font-size: 36pt; text-shadow: 2px 2px 1px #000; } div#riddleR div { position: absolute; bottom: 3060px } div#riddleSHA0 i { text-align: center; position: relative; top: 613px; font-family: RavenScream; color: yellow; font-size: 36pt; text-shadow: 4px 4px 4px #000; opacity: 0.6; } div#riddleSHA0 p { text-align: center; position: relative; bottom: 250px; font-family: RavenScream; color: white; font-size: 36pt; text-shadow: 4px 4px 4px #000; opacity: 0.6; } div#riddleSHA1 p { text-align: center; position: relative; bottom: 250px; font-family: RavenScream; color: white; font-size: 18pt; text-shadow: 4px 4px 4px #000; opacity: 0.6; } div#riddleSHAB p { text-align: center; position: relative; bottom: 250px; font-family: RavenScream; color: black; font-size: 18pt; text-shadow: 4px 4px 4px #000; opacity: 0.3; } div#riddleSHA2 p { text-align: center; position: relative; top: -175px; font-family: RavenScream; color: white; font-size: 18pt; text-shadow: 4px 4px 4px #000; opacity: 0.6; } div#riddleSHA3 p { text-align: center; position: relative; bottom: 500px; font-family: RavenScream; color: white; font-size: 18pt; text-shadow: 4px 4px 4px #000; opacity: 1; } div#riddleSHAC p { text-align: center; position: relative; bottom: 575px; font-family: RavenScream; color: black; font-size: 18pt; text-shadow: 4px 4px 4px #000; opacity: 0.3; } div#riddleR02 iframe { position: absolute; top: 768px } div#riddleR03 iframe { position: absolute; top: 768px } div#riddleR006 iframe { position: absolute; top: 768px } div#riddleR07 iframe { position: absolute; top: 768px } div#riddleR08 iframe { position: absolute; top: 768px } div#riddleR09 iframe { position: absolute; top: 768px } div#riddleR11 iframe { position: absolute; top: 768px } div#riddleR12 iframe { position: absolute; top: 768px } div#riddleR13 iframe { position: absolute; top: 768px } div#riddleR14 iframe { position: absolute; top: 768px } div#riddleNEG iframe { position: absolute; top: 768px } div#riddleNEG2 iframe { position: absolute; top: 768px } div#riddleSHA0 iframe { position: absolute; top: 768px } div#container { text-align: center; position: relative; width: 640px; margin: 0 auto; border: 2.5px solid black; border-top: 0px; border-bottom: 0px } div#containerl { text-align: center; position: relative; width: 350px; margin: 0 auto; border: 2.5px solid black; border-top: 0px; border-bottom: 0px } div#containerr { text-align: center; position: relative; width: 350px; margin: 0 auto; border: 2.5px solid black; border-top: 0px; border-bottom: 0px } div#main { width: 640px; height: 100%; margin: 0 auto; border: none; background: url(../images/woodbetweentheworlds1.jpg) #000 } div#maine { width: 640px; padding-bottom: none; margin: 0 auto; border: none; background: url(../images/woodbetweentheworlds2.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center 3% } #help { overflow-x: hidden; background: url(../images/back2.jpg); margin: 0 auto; border: none; margin-bottom: -35px; margin-right: -5px; margin-left: 5px; no-repeat; background-attachment: fixed; background-position: center; } div#mainn { width: 640px; padding-bottom: none; margin: 0 auto; border: none; background: url(../images/woodbetweentheworlds3.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center 3% } div#mainne { width: 640px; padding-bottom: none; margin: 0 auto; border: none; background: url(../images/woodbetweentheworlds4.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center 3% } div#source1 { width: 640px; padding-bottom: none; padding-left: 0px; padding-right: 0px; margin: 0 auto; border: none; background: url(../images/source1.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center 3%; opacity: .94;} div#chron3 { width: 660px; padding-bottom: none; padding-left: 0px; padding-right: 0px; margin: 0 auto; border: none; background: url(../images/source1.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center 3%; opacity: .94; overflow: hidden;} div#source2 { padding-bottom: none; padding-left: 0px; padding-right: 0px; margin: 0 auto; border: none; background: url(../images/source2.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center 3%; opacity: .94;} div#source3 { padding-bottom: none; padding-left: 0px; padding-right: 0px; margin: 0 auto; border: none; bgcolor="black"; background-repeat: no-repeat; background-attachment: fixed; background-position: center 3%; opacity: 1.0;} div#source4 { width: 475px; padding-bottom: none; padding-left: 0px; padding-right: 0px; margin: 0 auto; border: none; background: url(../images/source2.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center 3%; opacity: .94;} div#journalmain { width: 640px; padding-bottom: none; margin: 0 auto; border: none; background: url(../chron/parchment.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center } div#pool { width: 640px; } div#enter { position: absolute; right: 28px; width: 350px; height: 138px } div#help { position: absolute; right: 28px; width: 202px; height: 138px } div#text { position: absolute; left: 54px; width: 640px; bottom: 42px; height: 1px } div#text2 { position: absolute; left: 0px; width: 640px; bottom: 42px; height: 1px } div#main a { outline: none; display: block; width: 202px; height: 138px } div#enter { top: 490px; right: 150px; background: url(../images/enter.png) no-repeat } div#enter a { background: url(../images/enter_01.png) -202px 0 no-repeat } div#enter:hover { background: url(../images/enter_01.png) no-repeat } div#help { top: 490px; left: 350px; background: url(../images/enter.png) no-repeat } div#help a { background: url(../images/enter_012.png) -202px 0 no-repeat } div#help:hover {background: url(../images/enter_02.png) no-repeat } div#text { font-family: Verdana; color: #007700; font-size: 14.5pt; margin: 0 auto; text-shadow: 1px 0 3px #005500; #000 repeat; } div#text a { font-family: Verdana; color: #007700; font-size: 14.5pt; margin: 0 auto; text-shadow: 1px 0 3px #005500; repeat; text-decoration: none; } div#text a:hover { font-family: Verdana; font-size: 14.5pt; margin: 0 auto; text-shadow: 1px 0 3px #FFF; repeat; text-decoration: underline; color: #FFF; } div#text a:visited { font-family: Verdana; font-size: 14.5pt; margin: 0 auto; text-shadow: 1px 0 3px #005500; repeat; text-decoration: none; } div#text a:active { font-family: Verdana; font-size: 14.5pt; margin: 0 auto; text-shadow: 1px 0 3px yellow; repeat; text-decoration: underline; color: yellow; } div#counter { text-align: center; color: #000; position: absolute; top: 655px; left: 6px } div#counter1 { text-align: center; color: #000; position: absolute; top: 305px; left: 6px } div#counter2 { text-align: center; color: #000; position: absolute; bottom: 45px; left: 6px } div#counter3 { text-align: center; color: #000; position: absolute; bottom: 45px; left: 6px } div#counter4 { text-align: center; color: #000; position: absolute; bottom: 0px; left: 6px } div#counter5 { text-align: center; color: #000; position: absolute; bottom: 0px; left: 400px } div#counter hr { text-align: center; color: #000; position: relative; top: 0px; right: 60px } div#counter2 hr { text-align: center; color: #000; position: relative; top: 0px; right: 60px } div#counter3 hr { text-align: center; color: #000; position: relative; top: 0px; right: 60px } div#counter4 hr { text-align: center; color: #000; position: relative; top: 0px; right: 60px } div#counter5 hr { text-align: center; color: #000; position: relative; top: 0px; right: 1px } div#counter p { margin: 0px } div#counter2 p { margin: 0px } div#counter3 p { margin: 0px } div#counter4 p { margin: 0px } div#counter5 p { margin: 0px } /* all the custom fonts loaded into the riddle */ @font-face { font-family: ghost; src: url(../fonts/GhostParty.ttf); font-style:normal; font-weight:700; /*Ghost font */ } @font-face { font-family: actionis; src: url(../fonts/actionis.ttf); font-style:normal; font-weight:700 /*Curly Willy-Wonka font */ } @font-face { font-family: script; src: url(../fonts/ScrippsCollegeOSStd.ttf); font-style:normal; font-weight:700 /*Old Print font */ } @font-face { font-family: scripts; src: url(../fonts/ScrippsCollegeOSStd-It.ttf); font-style:normal; font-weight:700 /* Old Print font - italic */ } @font-face { font-family: caligraf; src: url(/RIDDLE/fonts/caligraf.ttf); font-style:normal; font-weight:700 /* Scratchy font */ } @font-face { font-family: allice; src: url(/RIDDLE/fonts/allice.ttf); font-style:normal; font-weight:700 /* Wonderland font */ } @font-face { font-family: C64_Pro-STYLE; src: url(/RIDDLE/fonts/C64_Pro-STYLE.ttf); font-style:normal; font-weight:700 /* windows_command_prompt font */ } @font-face { font-family: ss; src: url(/RIDDLE/fonts/ss.ttf); font-style:normal; font-weight:700 /* secret font */ } @font-face { font-family: gf; src: url(/RIDDLE/fonts/gf.ttf); font-style:normal; font-weight:700 /* secret font 2 */ } @font-face { font-family: RavenScream; src: url(/RIDDLE/fonts/RavenScream.ttf); font-style:normal; font-weight:700 /* Raven Scream */ } /* For preloader */ img#preloaderAnimation { position: relative; display: block; margin-left: auto; margin-right: auto; } div#preLoaderDiv { position: fixed; _position: absolute; _top:expression(eval(document.body.scrollTop)); width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1000; } div#preLoaderDiv { background-color: #0c0c0c; opacity: 0.80; filter: alpha(opacity=80); } /* for help.html and hints.htm */ div.sor p {color: rgb(150, 150, 150); font-family: 'tahoma'; } div.sor h1 {color: darkgrey; font-family: 'tahoma'; } div.sor h2 {color: black; font-family: 'actionis'; } div.sor a:link {color: #7575CF; font-family: 'tahoma'; } div.sor a:visited {color: #5453A6; font-family: 'tahoma'; } div.sor a:hover {color: #9EA9ED; font-family: 'tahoma'; } div.sor a:active {color: #CCCCFF; font-family: 'tahoma'; } div.sorl p {color: rgb(150, 150, 150); font-family: 'tahoma'; } div.sorl h1 {color: darkgrey; font-family: 'tahoma'; } div.sorl h2 {color: black; font-family: 'actionis'; } div.sor a:link {color: #7575CF; font-family: 'tahoma'; } div.sor a:visited {color: #5453A6; font-family: 'tahoma'; } div.sor a:hover {color: #9EA9ED; font-family: 'tahoma'; } div.sor a:active {color: #CCCCFF; font-family: 'tahoma'; } div.sorr p {color: rgb(150, 150, 150); font-family: 'tahoma'; } div.sorr h1 {color: darkgrey; font-family: 'tahoma'; } div.sorr h2 {color: black; font-family: 'actionis'; } div.sor a:link {color: #7575CF; font-family: 'tahoma'; } div.sor a:visited {color: #5453A6; font-family: 'tahoma'; } div.sor a:hover {color: #9EA9ED; font-family: 'tahoma'; } div.sor a:active {color: #CCCCFF; font-family: 'tahoma'; } div.it p {color: lightgrey; font-family: scripts; } div.exp li { margin: 15px; } div.exp p {color: lightgreen; font-family: 'script'; } div.exp h1 {color: white; font-family: 'actionis'; } div.exp h2 {color: white; font-family: 'actionis'; } div.exp a {color: white; font-family: 'actionis'; } div.exp2 a {color: white; font-family: actionis; } div.exp2 li {color: white; font-family: script; } div.exp2 p {color: lightgreen; font-family: script; } div.exp3 li {color: white; font-family: script; } div.exp3 p {color: red; font-family: script; } div.exp4 h1 {color: black; font-family: caligraf; font-size: 60px; } div.exp4 p {color: darkred; font-family: script; } div.center {height: 100%; width: 100%; position: sticky; } div.center p {margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* for chronaverse */ th:hover { background-color: #111; } th:a { background-color: #444; color: white; text-align: center; text-decoration: none; } /* for dropdown */