body, html { color: #333; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; background-color: #e6e6df; width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; }
#introduction { position: absolute; left: -1000px; width: 500px; }
#white,#cover,#menucover { background-color: #e6e6df; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3000; }
#white { display: none; }
#container { background-image: url(../graphics/title_background.jpg); position: absolute; top: 50%; left: 50%; width: 1500px; height: 900px; margin-top: -500px; margin-left: -850px; }
#content { position: absolute; top: 0; width: 100%; height: 100%; z-index: 20; }
#name { position: absolute; top: 492px; left: 455px; }
#name-ani { position: absolute; top: 490px; left: 454px; }
.letter { position: relative; display: inline-block; }
.letter img { display: none; }
#menu { position: absolute; top: 350px; left: 350px; display: none; }
#menu-work { position: absolute; top: 58px; left: 702px; width: 131px; }
#menu-information { position: absolute; top: 222px; left: 316px; }
#undoing { position: absolute; left: 97px; }
#t1 { width: 30px; }
#t2 { width: 50px; }
#t3 { width: 50px; }
#t4 { width: 94px; }
#t5 { width: 48px; }
#t6 { width: 50px; }
#t7 { width: 60px; }
#t8 { width: 50px; }
#t9 { width: 50px; }
#t10 { width: 30px; }
.button, .menu-button { cursor: pointer; }
.slide {  }
.large-slide { background-color: #0e0e0d; text-align: center; width: 100%; height: 100%; }
.large { height: 100%; float: right; }
.all-boxes { text-align: center; height: 100%; margin-right: auto; margin-left: auto; }
.single-box { position: absolute; top: 50%; left: 50%; margin-top: -250px; margin-left: -100px; }
.single-box-hide { position: absolute; top: 50%; left: 50%; margin-top: -250px; margin-left: -135px; }
.single-box-facade { position: absolute; top: 50%; left: 50%; margin-top: -250px; margin-left: -80px; }
.single-box-haunt { position: absolute; top: 50%; left: 50%; margin-top: -250px; margin-left: -50px; }
.all-boxes img { text-align: center; height: 100%; margin-left: 250px; }
.slide img {  }
.container { position: absolute; top: 50%; right: 250px; width: 700px; height: 550px; margin-top: -285px; }
.my_undoing-container { position: absolute; top: 50%; right: 242px; height: 550px; margin-top: -218px; }
.large-container { background-color: #0e0e0d; position: absolute; top: 0; right: 250px; width: 100%; height: 100%; }
.print-slide { position: absolute; right: 0; bottom: 0; width: 700px; height: 550px; }
.full { float: right; }
.medium { float: right; margin-top: 150px; }
.small { float: right; margin-top: 350px; }
.caption-container { position: absolute; top: 50%; right: 50px; width: 180px; height: 550px; margin-top: -285px; }
#text-container { line-height: 20px; letter-spacing: 1px; position: absolute; top: 0; right: 0; width: 850px; height: 100%; overflow: auto; }
#text-inner { position: relative; width: 600px; padding-top: 10px; padding-bottom: 30px; border-right: 1px dotted #333; }
.caption { line-height: 19px; letter-spacing: 1px; position: absolute; bottom: 50px; width: 100%; }
.title { margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px dotted #333; }
#control { position: absolute; left: 0; bottom: 10px; width: 100%; border-top: 1px dotted #333; }
.back {  }
#play { position: absolute; left: 26px; bottom: 0; display: none; }
#pause { position: absolute; left: 26px; bottom: 0; }
#next { position: absolute; left: 78px; bottom: 0; }
#prev { position: absolute; left: 52px; bottom: 0; }
#expand-threshold { position: absolute; top: 50%; left: 50%; width: 60px; height: 100px; margin-top: 11px; margin-left: -153px; }
#expand-space { position: absolute; top: 50%; left: 50%; width: 100px; height: 50px; margin-top: -50px; margin-left: -155px; }
#expand-facade { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin-top: -68px; margin-left: -137px; }
#expand-haunt { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -27px; margin-left: -141px;  }
#expand-hide-A { position: absolute; top: 50%; left: 50%; width: 80px; height: 50px; margin-top: -50px; margin-left: -160px;  }
#expand-hide-B { position: absolute; top: 50%; left: 50%; width: 80px; height: 50px; margin-top: -128px; margin-left: -160px; }
#expand-hide-C { position: absolute; top: 50%; left: 50%; width: 80px; height: 50px; margin-top: -68px; margin-left: -165px; }
.click-threshold { position: absolute; top: 50%; left: 50%; width: 60px; height: 100px; z-index: 200; margin-top: 21px; margin-left: -30px; }
.click-space { position: absolute; top: 50%; left: 50%; width: 100px; height: 50px; z-index: 200; margin-top: -300px; margin-left: -50px; }
.click-facade { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; z-index: 200; margin-top: -318px; margin-left: -7px; }
.click-haunt { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; z-index: 200; margin-top: -27px; margin-left: -25px;  }
.click-hide-A { position: absolute; top: 50%; left: 50%; width: 80px; height: 50px; z-index: 200; margin-top: -50px; margin-left: -38px; }
.click-hide-B { position: absolute; top: 50%; left: 50%; width: 80px; height: 50px; z-index: 200; margin-top: -128px; margin-left: -38px; }
.click-hide-C { position: absolute; top: 50%; left: 50%; width: 80px; height: 50px; z-index: 200; margin-top: -68px; margin-left: -42px; }
#caption-wrapper { background-color: #e6e6df; position: absolute; top: 0; right: 0; width: 250px; height: 100%; z-index: 2000; }
.centerbox { position: relative; width: 500px; height: 100%; margin-right: auto; margin-left: auto; padding-left: 250px; }
.bottom { position: absolute; bottom: 0; display: block; }
#box1 { background-color: lime; position: absolute; left: 300px; bottom: 300px; width: 100px; height: 100px; }
.blank { width: 100%; height: 100%; }
p { margin: 10px 20px 18px; }
.dotted { margin-bottom: 10px; padding-top: 12px; padding-bottom: 6px; border-bottom: 1px dotted #333; }
.solid { padding-bottom: 18px; }
ul { list-style-type: disc; margin: 12px 20px 20px 0; }
li { margin-top: 4px; margin-bottom: 4px; }
.date { margin-bottom: -10px; }
.twitter { margin-top: 2px; margin-bottom: -3px; }
.moretop { padding-top: 20px; }
a, a:visited { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
a img, a img:hover, a img:visited { border: 0px;} 
a:active, a:selected, a:visited, a:focus { 
    border: none;
    outline: none;
	ie-dummy: expression(this.hideFocus=true);
}
* {
outline: none;
}