/* NEW AND IMPROVED */
/* define div and span properties across documents */
/* basic containers */
#dhtmltooltip {position:absolute; width:150px; border:1px solid red; padding:8px; background-color:black; font-family: "Courier New", Courier, monospace; font-size:.9em; visibility:hidden; z-index:100;}

.container1 {width:100%; margin-left:auto; margin-right:auto;}
.container2 {width:100%; padding-top:0px; border:0; position:absolute; top:900px;}
.container3 {width:100%; padding-top:0px; border:0; position:absolute; top:1200px;}
.container4 {width:32em; padding-top:50px; border:0; margin-left:auto; margin-right:auto;}
.container5 {width:100%; position:absolute; top:300px; z-index:0;}
.container6 {width:635px; margin-left:auto; margin-right:auto; border:1px solid red;}
.container7 {width:100%; padding-top:0px; border:0; position:absolute; top:4200px;}
.container8 {width:80%; margin-top:167px;}
.container9 {width:100%; padding-top:0px; border:0; position:absolute; top:2700px;}
.container10 {width:100%; padding-top:0px; border:0; position:absolute; top:2300px;}
.container11 {width:100%; padding-top:0px; border:0; position:absolute; top:1650px;}
.container12 {width:100%; position:absolute; top:150px;}

img {border-style:none;}

@media screen {
.black {color:darkred; background-color:black; margin:0; border:0; padding:0;}
.black p a:link {color:red; font-weight:bold; text-decoration:none;}
.black p a:visited {color:red; font-weight:bold; text-decoration:none;}
.black p a:hover, p a:active {color:black; background-color:darkred; font-weight:bold; text-decoration:none;}
.black input {background-color:black; color:red; font-family: "Courier New", Courier, monospace; border:1px solid darkred; font-size:.9em; font-weight:bold;}
.black form {font-family: "Courier New", Courier, monospace;}
.black a {outline:none;}
}

@media print {
.black {color:black; background-color:white; margin:0; border:0; padding:0; border:darkred;}
.black p a {color:black;}
.black input {background-color:white; color:black; font-family: "Courier New", Courier, monospace; border:1px solid black; font-size:.9em; font-weight:bold;}
}

@media screen {
.blue {color:blue; background-color:black; margin:0; border:0; padding:0; width:100%; border:blue;}
.blue p a:link {color:cyan; font-weight:bold; text-decoration:none;}
.blue p a:visited {color:cyan; font-weight:bold; text-decoration:none;}
.blue p a:hover, p a:active {color:black; background-color:darkblue; font-weight:bold; text-decoration:none;}
.blue input {background-color:black; color:green; font-family: "Courier New", Courier, monospace; border:1px solid blue; font-size:.9em; font-weight:bold;}
.blue a {outline:none;}
}

@media print {
.blue {color:black; background-color:white; margin:0; border:0; padding:0;}
.blue p a {color:black;}
.blue input {background-color:white; color:black; font-family: "Courier New", Courier, monospace; border:1px solid black; font-size:.9em; font-weight:bold;}
}

@media screen {
.grey {color:gray; background-color:black; margin:0; border:0; padding:0; border:darkgray;}
.grey p a:link {color:lightgray; font-weight:bold; text-decoration:none;}
.grey p a:visited {color:lightgray; font-weight:bold; text-decoration:none;}
.grey p a:hover, p a:active {color:black; background-color:gray; font-weight:bold; text-decoration:none;}
.grey input {background-color:cyan; color:orange; font-family: "Courier New", Courier, monospace; border:1px solid; font-size:.9em; font-weight:bold;}
.grey a {outline:none;}
}

@media print {
.grey {color:black; background-color:white; margin:0; border:0; padding:0; border:black;}
.grey p a {color:black;}
.grey input {background-color:white; color:black; font-family: "Courier New", Courier, monospace; border:1px solid; font-size:.9em; font-weight:bold;}
}

@media screen {
.rgb {color:cyan; background-color:black; margin:0; border:0; padding:0; border:green;}
.rgb p a:link {color:purple; font-weight:bold; text-decoration:none;}
.rgb p a:visited {color:purple; font-weight:bold; text-decoration:none;}
.rgb p a:hover, p a:active {color:orange; background-color:lightgreen; font-weight:bold; text-decoration:none;}
.rgb input {background-color:cyan; color:orange; font-family: "Courier New", Courier, monospace; border:1px solid; font-size:.9em; font-weight:bold;}
.rgb a {outline:none;}
}

@media print {
.rgb {color:black; background-color:white; margin:0; border:0; padding:0; border:black;}
.rgb p a {color:black;}
.rgb input {background-color:white; color:black; font-family: "Courier New", Courier, monospace; border:1px solid; font-size:.9em; font-weight:bold;}
}

/* navigation - menus - copyright - file info - style guide*/
div.nav {font-family: "Courier New", Courier, monospace; font-size:.9em; z-index:100;}
div.nav p {margin:0;}

div.top {text-align:center; position:relative; margin-top:50px; margin-bottom:25px; margin-left:auto; margin-right:auto; padding:5px; border:1px solid; width:32em;}
div.bottom {text-align:center; margin-bottom:10px; margin-left:auto; margin-right:auto; padding:5px; border:1px solid; width:32em;}

div.navblue {font-family: "Courier New", Courier, monospace; font-size:.9em;}
div.navblue a:link {color:blue; font-weight:bold; text-decoration:none;}
div.navblue a:visited {color:blue; font-weight:bold; text-decoration:none;}
div.navblue a:hover, a:active {color:black; background-color:darkblue; font-weight:bold; text-decoration:none;}

div.topblue {text-align:center; position:relative; margin-top:50px; margin-bottom:25px; margin-left:auto; margin-right:auto; padding:5px; border:1px solid darkblue; width:32em;}
div.bottomblue {text-align:center; margin-bottom:10px; margin-left:auto; margin-right:auto; padding:5px; border:1px solid darkblue; width:32em;}

.red {color:darkred;}
.red a:link {color:red; font-weight:bold; text-decoration:none;}
.red a:visited {color:red; font-weight:bold; text-decoration:none;}
.red a:hover, a:active {color:black; background-color:darkred; font-weight:bold; text-decoration:none;}

#styleguide {width:80%; margin-left:auto; margin-right:auto; margin-top:50px; margin-bottom:50px;}
#siteheader {z-index:100;}


/* spans and such */
.tagny {font-family: "Courier New", Courier, monospace; font-size:.9em;}

.credits {font-size:x-small;}

.title {color:darkred; text-align:center; font-size:x-large; font-weight:bold;}
.title a:link {color:red; font-weight:bold; text-decoration:none;}
.title a:visited {color:red; font-weight:bold; text-decoration:none;}
.title a:hover, p a:active {color:black; background-color:darkred; font-weight:bold; text-decoration:none;}

.joeypetropoulos {color:red; letter-spacing:.6em;}

.gk {font-family: Verdana, sansb, sans-serif, Arial;}
.gk a:link {color:red; font-weight:bold; text-decoration:none;}
.gk a:visited {color:red; font-weight:bold; text-decoration:none;}
.gk a:hover, a:active {color:black; background-color:darkred; font-weight:bold; text-decoration:none;}

.img-credits {font-family: "Courier New", Courier, monospace; font-size:x-small; text-align:right;}

.indent {padding-left: 1.8em;}

.infotext {width:75%; margin-top:100px; margin-left:auto; margin-right:auto; font-size:1.2em; font-weight:bold; text-align:center;}

.box {margin:16px; padding:16px; border:1px solid darkred; width:16em;}

.testing {background-color:white;}

@media screen {
.text {width:70%; padding-left:10%; padding-bottom:50px; padding-right:7%; border:0; font-size:large; font-weight:bold;}
}

@media print {
.text {width:70%; padding-left:10%; padding-bottom:50px; padding-right:7%; border:0; font-size:1em;}
}

#closebox {width:16em; position:absolute; bottom:10px; margin-left:auto; margin-right:auto;}
.close {color:darkred; text-align:center; font-size:x-large;}
.close a:link {color:red; font-weight:bold; text-decoration:none;}
.close a:visited {color:red; font-weight:bold; text-decoration:none;}
.close a:hover, a:active {color:black; background-color:darkred; font-weight:bold; text-decoration:none;}

#fullsizepicbox {position:absolute; top:20px; margin-left:auto; margin-right:auto;}
#fullsizepic {padding:20px;}


/* form elements */
#formcontainer1 {width:100%; position:absolute; top:250px;}
#formcontainer2 {width:64%; margin:0px auto; margin-left:auto; margin-right:auto;}
#form1 {width:100%; padding:10px; margin:0px auto; margin-left:auto; margin-right:auto;}
div.formelementbox {clear:both; margin:0px auto; margin-left:auto; margin-right:auto; width:20em; text-align:center;}
span.formlabel {width:7em; float:left; text-align:right; margin:.9em; font-family: "Courier New", Courier, monospace; font-size:large; font-weight:bold;}
span.formtext {width:8em; float:right; text-align:left; margin:.9em;}
.textfield {width:9em;}
#tasks {list-style:none;}


/* define ids for all pages */

/* hades map (index.php)*/
#index {height:1024px; background-image:url('./graphics/3Maps.jpg'); background-repeat:no-repeat;}
#map {width:1290px; height:1024px; padding-top:0px; border:0; position:absolute; top:0px; z-index:0;}
#map-jpg {position:absolute; top:115px; left:191px; opacity:0;}
#map-jpg:hover {opacity:.75;}
#map-lower {width:1280px; height:512px; position:absolute; top:1024px;}
#kerberos {width:133px; height:72px; position:absolute; top:600px; left:350px; border:0;}
#kerberos:hover {width:532px; height:288px; position:absolute; top:400px; left:150px; opacity:.5;}
#hades-map {position:absolute; top:0px; left:0px; width:1280px; height:1024px; border:0;}
#UpcomingEvent {position:absolute; top:195px; left:725px; background-color:rgba(0,0,0,.5); width:500px; border:1px solid;}
#UpcomingEvent:hover {background-color:black;}
#UpcomingEvent p {text-align:right; margin:.9em; font-family: "Courier New", Courier, monospace; font-size:large; font-weight:bold;}

/* home */
div#home-content {width:100%; height:768px;}

/* about */
div#about-content {width:100%; height:768px;}

/* contact */
#contact-content {width:100%; height:800px;}
#contact-form {width:40em; margin-left:auto; margin-right:auto; font:"Courier New", Courier, monospace; font-weight:bold;}
#contact-form fieldset {border:none;}
#contact-form p {padding:5px;}
#contact-form input {width:16em;}
#contact-form textarea {width:32em; height:8em; background-color:black; color:red; font-family: "Courier New", Courier, monospace; border:1px solid darkred; font-size:.9em; font-weight:bold;}
#contact-form button {width:6em; margin:20px;}

/* events */
.event-title {color:red; padding-left:16%; font-size:1.8em; font-weight:bold;}
.event-date {padding-left:8%; padding-top:.3em; font-weight:bold; font-size:.9em; letter-spacing:.3em;}
.event-location {width:80%; padding-bottom:.3em; padding-left:6%; padding-right:7%; font-size:1.5em; font-weight:bold;}
/*.events a:link {color:red; font-weight:bold; text-decoration:none;}
.events a:visited {color:red; font-weight:bold; text-decoration:none;}*/
.event-text {width:80%; padding-bottom:.3em; padding-left:16%; padding-right:7%; font-size:1.5em; font-weight:bold;}
.event-spacer {width:80%; padding-top:2.25em; padding-bottom:2.25em;}


/* /Acheron */
/*  index.html */
#afnebox {width:800px; margin-left:auto; margin-right:auto; padding-top:50px; padding-bottom:80px;}
#afne {opacity:1;}
#afne:hover {opacity:.4;}

#upperleftbox {width:25px; height:25px; position:absolute; left:2%; top:2%;}
#upperleftbox:hover a img {width:450px; height:450px; position:absolute; left:2%; top:2%; opacity:.4;}
#upperleftboxhover a img {width:450px; height:450px; position:absolute; left:2%; top:2%; opacity:.4;}
#upperleft {width:25px; height:25px;}

#upperrightbox {width:25px; height:25px; position:absolute; right:2%; top:2%;}
#upperrightbox:hover a img {width:450px; height:450px; position:absolute; right:2%; top:2%; opacity:.4;}
#upperright {width:25px; height:25px;}

#lowerrightbox {width:25px; height:25px; position:absolute; right:2%; bottom:2%;}
#lowerrightbox:hover a img {width:450px; height:450px; position:absolute; right:2%; bottom:2%; opacity:.4;}
#lowerright {width:25px; height:25px;}

#lowerleftbox {width:25px; height:25px; position:absolute; left:2%; bottom:2%;}
#lowerleftbox:hover a img {width:450px; height:450px; position:absolute; left:2%; bottom:2%; opacity:.4;}
#lowerleft {width:25px; height:25px;}


/* /Asphodel */
div#asphodel-content {width:100%; height:800px;}
#mateldabox {width:32px; height:20px; position:absolute; right:0px; bottom:25%;}
#mateldabox:hover a img {width:641px; height:397px; position:absolute; right:0px; bottom:25%;}
#matelda {width:32px; height:20px;}
#apollobox {width:131px; height:119px; position:absolute; left:0px; bottom:25%;}
#apollo {width:131px; height:119px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0;}
#apollo:hover {width:131px; height:119px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity:1;}
#styxbox {width:1265px; height:200px; position:absolute; top:824px;}
#styxlink {border:0; width:1265px; height:200px;}
/**/
#asphodelusbox1a {width:10px; height:21px; position:absolute; top:9%; left:20%;}
#asphodelusbox1a:hover a img {width:201px; height:429px;}
#asphodelus1a {width:10px; height:21px;}
#asphodelusbox2a {width:23px; height:39px; position:absolute; top:27%; left:21%;}
#asphodelusbox2a:hover a img {width:450px; height:780px;}
#asphodelus2a {width:23px; height:39px;}
#asphodelus2a:hover {position:absolute; top:3px; left:3px;}
#asphodelusbox3a {width:16px; height:30px; position:absolute; top:15%; left:17%;}
#asphodelusbox3a:hover a img {width:314px; height:594px;}
#asphodelus3a {width:16px; height:30px;}
#asphodelus3a:hover {position:absolute; top:3px; left:3px;}
/**/
#asphodelusbox1b {width:10px; height:21px; position:absolute; top:27%; left:16%;}
#asphodelusbox1b:hover a img {width:201px; height:429px;}
#asphodelus1b {width:10px; height:21px;}
#asphodelus1b:hover {position:absolute; top:3px; left:3px;}
#asphodelusbox2b {width:23px; height:39px; position:absolute; top:17%; left:11%;}
#asphodelusbox2b:hover a img {width:450px; height:780px;}
#asphodelus2b {width:23px; height:39px;}
#asphodelusbox3b {width:16px; height:30px; position:absolute; top:33%; left:27%;}
#asphodelusbox3b:hover a img {width:314px; height:594px;}
#asphodelus3b {width:16px; height:30px;}
#asphodelus3b:hover {position:absolute; top:3px; left:3px;}
/**/
#asphodelusbox1c {width:10px; height:21px; position:absolute; top:21%; left:35%;}
#asphodelusbox1c:hover a img {width:201px; height:429px;}
#asphodelus1c {width:10px; height:21px;}
#asphodelus1c:hover {position:absolute; top:3px; left:3px;}
#asphodelusbox2c {width:23px; height:39px; position:absolute; top:12%; left:7%;}
#asphodelusbox2c:hover a img {width:450px; height:780px;}
#asphodelus2c {width:23px; height:39px;}
#asphodelus2c:hover {position:absolute; top:3px; left:3px;}
#asphodelusbox3c {width:16px; height:30px; position:absolute; top:25%; left:17%;}
#asphodelusbox3c:hover a img {width:314px; height:594px;}
#asphodelus3c {width:16px; height:30px;}


/*Avernus*/
div#avernus-content {width:100%; height:2048px;}
.series3box {width:100%; position:absolute; top:400px;}
.series3 {width:70%; position:relative; margin-left:auto; margin-right:auto; text-align:center; z-index:5;}
.series3 p {margin-left:auto; margin-right:auto;}
#series3-1 {width:250px; height:200px; margin:40px; opacity:.5; border:25px solid black;}
#series3-1:hover {width:800px; height:640px; opacity:1; border:25px solid black;}
#series3-2 {width:250px; height:200px; margin:40px; opacity:.4; border:25px solid black;}
#series3-2:hover {width:800px; height:640px; opacity:1; border:25px solid black;}
#series3-3 {width:250px; height:200px; margin:40px; opacity:.3; border:25px solid black;}
#series3-3:hover {width:800px; height:640px; opacity:1; border:25px solid black;}
#avernus-animation {position:absolute; top:1246px; left:80px; z-index:0;}
#avernus-animation p a:link {color:none; font-weight:bold; text-decoration:none; border:0;}
#avernus-animation p a:visited {color:none; font-weight:bold; text-decoration:none;}
#avernus-animation p a:hover, p a:active {color:none; font-weight:bold; text-decoration:none;}


/* Calculated to Wound */
#calculated-content {width:98%; margin-top:100px; margin-left:auto; margin-right:auto; height:2150px;}
.event-pics {width:1024px; /*padding-bottom:4.5em;*/ padding-right:7%;}
.event-pic {padding:12px;}
.pic01 {position:relative; top:0px; left:4px;}
.pic02 {position:relative; top:-475px; left:700px;}
.pic03 {position:relative; top:-750px; left:13px;}
.pic04 {position:relative; top:-777px; left:0px;}
.pic05 {position:relative; top:-777px; left:420px;}
.pic06 {position:relative; top:-2100px; left:693px;}

/* Cocytus */
body#cocytus {background-image:url('./Cocytus/Dore_Cocytus.jpg'); background-repeat:no-repeat; width:2400px;}
.series5-piece {margin-top:256px; margin-bottom:0px; margin-left:128px; margin-right:128px;}
div#cocytus-content {width:100%; height:768px;}

/* Elysion */
#elysion-content {width:100%; height:2248px;}
img#ani01 {position:absolute; top:1255px; left:435px; margin-left:-24px; margin-top:-14px; width:96px; opacity:.7;}
img#ani01:hover {position:absolute; top:1255px; left:440px; margin-left:-152px; margin-top:-89px; width:304px; opacity:.8;}

img#ani02 {position:absolute; top:1305px; left:633px; margin-left:-26px; margin-top:-18px; width:102px; opacity:.7;}
img#ani02:hover {position:absolute; top:1305px; left:633px; margin-left:-164px; margin-top:-113px; width:327px; opacity:.8;}

img#ani03 {position:absolute; top:1289px; left:807px; margin-left:-26px; margin-top:-14px; width:102px; opacity:.7;}
img#ani03:hover {position:absolute; top:1289px; left:807px; margin-left:-163px; margin-top:-85px; width:326px; opacity:.8;}

/* Erebus */
body#erebus {background-image:url('./Erebus/Erebus.jpg'); background-repeat:no-repeat; width:2300px;}
div#erebus-content {width:100%; height:2500px;}
img#hekate1 {position:absolute; top:900px; left:900px; width:56px; opacity:.4;}
img#hekate1:hover {width:230px; opacity:1;}
img#hekate2 {position:absolute; top:875px; left:975px; width:56px; opacity:.4;}
img#hekate2:hover {width:230px; opacity:1;}
img#hekate3 {position:absolute; top:850px; left:1050px; width:56px; opacity:.4;}
img#hekate3:hover {width:230px; opacity:1;}

/* Judges */
body#judges {background-image:url('./Judges/Judges.jpg'); background-repeat:no-repeat;}
#judges-content {width:100%; height:1100px;}
img#minos {position:absolute; top:500px; left:1400px; opacity:.2;}
img#minos:hover {opacity:.8;}
img#rhadamanthys {position:absolute; top:500px; left:1585px; opacity:.2;}
img#rhadamanthys:hover {opacity:.8;}
img#aeacus {position:absolute; top:500px; left:1801px; opacity:.2;}
img#aeacus:hover {opacity:.8;}

/* Lethe */
#lethe-content {position:relative; width:100%; height:1450px;}
#PoBcontainer {position:relative; top:100px; width:600px; height:750px; margin-left:auto; margin-right:auto;}
#ProphetsOfBaal {position:relative; width:600px; height:750px; opacity:.4;}
#ProphetsOfBaal:hover {opacity:1;}
#ginsberg {position:absolute; top:885px; left:275px; opacity:.3;}
#ginsberg:hover {opacity:.8;}
#whitman {position:absolute; top:850px; left:780px; opacity:.3;}
#whitman:hover {opacity:.8;}

/* Mnemosyne */
#mnemosyne-content {width:100%; height:1450px;}
img#trophonius {position:absolute; top:850px; left:250px; /*width:75px;*/ opacity:.3;}
img#trophonius:hover {/*width:350px;*/ opacity:1;}
img#herkyna {position:absolute; top:950px; left:850px; /*width:75px;*/ opacity:.3;}
img#herkyna:hover {/*width:167px;*/ opacity:1;}

/* /Phlegethon */
/*  index.html */
.phlegethon {background-image:url('./Phlegethon/Botticelli_Phlegethon.jpg'); background-repeat:no-repeat;}
div#phlegethon-content {width:100%; height:825px;}
#thumb0 {position:absolute; top:25%; left:45%; background-color:white;}
#thumb0:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity:.9;}
#thumb1 {position:absolute; top:40%; left:65%; background-color:white;}
#thumb1:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity:.9;}
#thumb2 {position:absolute; top:75%; left:70%; background-color:white;}
#thumb2:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity:.9;}
#thumb3 {position:absolute; top:95%; left:55%; background-color:white;}
#thumb3:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity:.9;}
#thumb4 {position:absolute; top:95%; left:35%; background-color:white;}
#thumb4:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity:.9;}
#thumb5 {position:absolute; top:75%; left:15%; background-color:white;}
#thumb5:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity:.9;}
#thumb6 {position:absolute; top:40%; left:25%; background-color:white;}
#thumb6:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity:.9;}
#satan-link {position:absolute; top:15%; left:65%; width:224px; height:92px; opacity:.3; border:0;}
#satan-link:hover {opacity:1;}
#tartarus-link {position:absolute; top:20%; left:5%; width:169px; height:310px; opacity:.3; border:0;}
#tartarus-link:hover {opacity:1;}
/*  Page0.html - Page7.html */
#cap1 {position:absolute; top:75px; left:50px;}
#cap2 {position:absolute; top:1250px; right:50px;}
#cap2short {position:absolute; top:625px; right:50px;}
#alpha {position:absolute; top:75px; left:50px; font-size:3.6em;}
#omega {position:absolute; top:1410px; right:85px; font-size:3.6em; z-index:2;}
#omegashort {position:absolute; top:785px; right:85px; font-size:3.6em; z-index:2;}


/* /Styx */
/*  index.html - Styx08.html */
.stickerbox {width:400px; height:450px; margin-left:auto; margin-right:auto;}
#stickerleft {width:50px; height:72px; position:relative; top:-350px; left:20px;}
#stickermain {width:300px; position:relative; top:0px; left:0px;}
#stickerright {width:50px; height:72px; position:relative; bottom:40px; right:-325px;}
/* the Thoth spread:
13 09 05    04 08 12
      02 01 03
14 10 06    07 11 15
*/
#tarot-content {position:relative; top:50px; width:80%; height:800px; margin-left:auto; margin-right:auto;}
#tarot-content img {width:50px; height:72px; z-index:1;}
#tarot-content img:hover {width:200px; height:288px; z-index:5;}
#card01 {position:absolute; top:125px; left:400px;}
#card02 {position:absolute; top:125px; left:325px;}
#card03 {position:absolute; top:125px; left:475px;}
#card04 {position:absolute; top:0px; left:500px;}
#card05 {position:absolute; top:0px; left:300px;}
#card06 {position:absolute; top:250px; left:300px;}
#card07 {position:absolute; top:250px; left:500px;}
#card08 {position:absolute; top:0px; left:575px;}
#card09 {position:absolute; top:0px; left:225px;}
#card10 {position:absolute; top:250px; left:225px;}
#card11 {position:absolute; top:250px; left:575px;}
#card12 {position:absolute; top:0px; left:650px;}
#card13 {position:absolute; top:0px; left:150px;}
#card14 {position:absolute; top:250px; left:150px;}
#card15 {position:absolute; top:250px; left:650px;}
.reversed {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); rotation:180deg; filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}

/* Tartarus */
body#tartarus {width:2048px;}
div#tartarus-content {width:100%; height:1875px;}
#tartarus1 {position:absolute; top:0px; left:0px; width:2048px; height:1024px; background-image: url(./Tartarus/Tartarus1.jpg); z-index:0;}
#tartarus2 {position:absolute; top:0px; left:2048px; width:2048px; height:1024px; background-image: url(./Tartarus/Tartarus2.jpg); z-index:0;}
#tartarus3 {position:absolute; top:1024px; left:0px; width:2048px; height:1024px; background-image: url(./Tartarus/Tartarus3.jpg); z-index:0;}
#tartarus4 {position:absolute; top:1024px; left:2048px; width:2048px; height:1024px; background-image: url(./Tartarus/Tartarus4.jpg); z-index:0;}
#GangstaJoey-tartarus {width:14px; height:10px; position:absolute; top:250px; left:1300px; opacity:.3; border:0;}
#GangstaJoey-tartarus:hover {width:140px; height:100px; opacity:1;}
#Mycena-tartarus {width:14px; height:11px; position:absolute; top:195px; left:1975px; opacity:.3; border:0;}
#Mycena-tartarus:hover {width:140px; height:110px; opacity:1;}
#ASHTON-tartarus {width:17px; height:14px; position:absolute; top:610px; left:1750px; opacity:.3; border:0;}
#ASHTON-tartarus:hover {width:170px; height:140px; opacity:1;}
#Reasons-tartarus {width:11px; height:13px; position:absolute; top:580px; left:1375px; opacity:.3; border:0;}
#Reasons-tartarus:hover {width:110px; height:130px; opacity:1;}
#CoB-tartarus {width:10px; height:12px; position:absolute; top:285px; left:1085px; opacity:.3; border:0;}
#CoB-tartarus:hover {width:100px; height:120px; opacity:1;}
#cap01-tartarus {position:absolute; top:1024px; left:1234px; opacity:.5;}
#cap11-tartarus {position:absolute; top:1234px; left:1420px; opacity:.5;}
#PoseidonI {position:absolute; top:300px; left:200px; opacity:.4;}
#PoseidonI:hover {opacity:1;}
#PoseidonII {position:absolute; top:300px; left:800px; opacity:.4;}
#PoseidonII:hover {opacity:1;}

/* product pages */
div.item {clear:both; width:80%; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px;}
div.itemimg {float:right; width:150px; height:150px; padding:25px;}
div.itemtextbox {float:left; margin:25px; width:32em; text-align:center;}
img.itemimg {width:150px; height:150px;}
span.itemtext {width:7em; float:left; text-align:right; margin:.9em; font-family: "Courier New", Courier, monospace; font-size:large; font-weight:bold;}
form.iteminfo {width:50em; margin:0px auto; margin-left:auto; margin-right:auto;}

.iteminfo table {float:left; margin:25px; width:33em; text-align:right;}
.iteminfo tr {}
.iteminfo td {width:11em; margin:0px; padding:0px; font-family: "Courier New", Courier, monospace; font-size:.9em;}


/*index.html and previous.html*/
/* index.html */
#Outpour {position:absolute; top:320px; left:640px;}
#arealist {width:12em; position:absolute; top:300px; left:165px;}
#main_audiobox {position:absolute; top:600px; left:150px;}
.main_audio {width:300; height:42;}
#main_audioheader {position:absolute; top:550px; left:150px;}
#main_audiofooter {position:absolute; top:600px; left:1500px;}

/* previous.html */
#CrescentN {position:absolute; top:480px; left:720px;}
#Espe {position:absolute; top:380px; left:925px;}
#JohnFremont {position:absolute; top:600px; left:850px;}
#Maudlin {position:absolute; top:550px; left:650px;}
#Series3_1 {position:absolute; top:350px; left:700px;}
#Petropoulos {position:absolute; top:435px; left:565px;}
#JE {position:absolute; top:520px; left:1000px; padding-right:50px;}

#portrait {position:absolute; top:215px; left:105px;}
#portraitcredit {position:absolute; top:600px; left:140px; width:400px;}
#GangstaJoey {position:absolute; top:250px; left:300px;}
#Mycena {position:absolute; top:195px; left:975px;}
#ASHTON {position:absolute; top:610px; left:750px;}
#Series5_1 {position:absolute; top:360px; left:1025px; padding-right:50px;}
#Reasons {position:absolute; top:580px; left:375px;}
#netponovAoc {position:absolute; top:285px; left:85px;}
#fwd {position:absolute; top:450px; left:1050px;}

/* Auspicious & Combative */
.a-c {color:black; background-color:darkred; margin:0; border:0; padding:0; font-family: "Courier New", Courier, monospace; font-size:1em; font-weight:bold;}
.a-c p a:link {color:black; font-weight:bold; text-decoration:none;}
.a-c p a:visited {color:black; font-weight:bold; text-decoration:none;}
.a-c p a:hover, p a:active {color:darkred; background-color:black; font-weight:bold; text-decoration:none;}
.a-c input {background-color:red; color:black; border:1px solid darkred;}

#Auspicious_page {top:0px; width:100%; position:relative;}

#Auspicious_header {top:0px; width:80%; padding-top:50px; margin-left:auto; margin-right:auto;}
#Auspicious_title-box {width:45%; float:left; font-weight:bold; text-align:right;}
#Auspicious_title {font-size:4em; line-height:65%; letter-spacing:10%;}
#Auspicious_credits {font-size:1.5em;}
#Auspicious_info-box {width:45%; float:right; font-size:1.5em; font-weight:bold; text-align:left;}

#AuspiciousCombative {top:300px; width:1270px; height:512px; position:absolute; margin:10px;}
.wall {width:400px; height:300px; float:left; padding:10px;}
.wall object {width:350px; height:281px;}

#Auspicious_description-box {top:675px; width:100%; position:absolute;}
#Auspicious_description {text-align:left; margin-bottom:10px; margin-left:auto; margin-right:auto; padding:5px; width:80%;}

#Auspicious_footer-box {top:1075px; width:100%; height:96px; position:absolute;}
#Auspicious_footer {width:80%; margin-left:auto; margin-right:auto; font-size:1em; text-align:center;}