h1 {margin-left:-6px; margin-top:-1px; text-align:center; background-color: #7a7a7a; color: #fafafa; font-size: 18px; padding-bottom: 3px; padding-left: 10px; padding-top: 2px; border: 0px; text-shadow: 2px 2px 2px #000; letter-spacing:8px; word-spacing:8px; text-transform:lowercase;}

#container { margin: 0px auto; width: 852px; background: transparent; border: 0px; text-align: left; padding-bottom:5px;}

#right {position:absolute; margin-left:577px; width: 240px; background: transparent; border:0px; color:#000000; z-index:10;}

#characters {margin-top:60px; height:146px; overflow-y:auto; overflow-x:hidden;}

#miscellany {margin-top:40px; height:68px; overflow-y:auto; overflow-x:hidden; text-align:left;}

#cbox {margin-top:30px; overflow-y:auto; overflow-x:hidden;}

#content {position:absolute; margin-left:80px; margin-top:115px; width: 470px; height:540px; background: transparent; text-align:center; z-index:12; overflow-y:auto; overflow-x:hidden;}

#layout
{position:absolute; top:20px; border: 0px; z-index:-1;}

#border
{background: url(border.png); background-repeat:repeat-x; width:100%; height:62px; position:absolute; z-index:-2; top:0px; right:0px; left:0px;}

@font-face {
	font-family: Euphorigenic;
	src: url('euphorigenic.ttf');}

blockquote { background:url(blockquote.png) no-repeat; color:#fff; min-height:172px; width:401px; max-height:172px;}

body { font-family: Garamond; font-size: 14px; color: #444444; text-align: left; background: url(rainbowbg.png) fixed;}

a { text-decoration:none; } a:hover { color: #e90000; text-shadow: 2px 3px 2px #000; } 

b { font-family:Euphorigenic; font-weight:normal; text-transform:uppercase;} 

.heading {margin: 1px; color: #fff; padding: 3px 10px; position: relative; background-color:#7a7a7a; text-shadow: 2px 2px 3px #000; text-align:center; letter-spacing:8px; word-spacing:8px; text-transform:lowercase; border-left:13px solid #121212;}
.content { padding: 5px 10px; background: url(http://i306.photobucket.com/albums/nn266/saranghaengbok/60percentwhite.png); text-align:center; border-left:1px dashed #646464; border-bottom:1px dashed #646464;}
p { padding: 5px; }


.slide
{border-left:13px solid #121212;
border-bottom:2px solid #fff;
padding-left:0px;
padding-right:5px;
padding-bottom:3px;
padding-top:3px;
color:transparent;
background-color:transparent;
-webkit-transition: opacity 0.6s linear;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;}

.slide:hover
{ color:#fff;
padding-left:25px;}

.round
{width:60px;
height:60px;
-moz-border-radius:50px 50px 50px 50px;
border-radius:50px 50px 50px 50px;
opacity:0.7;
-webkit-transition: opacity 0.6s linear;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;}

.round:hover
{-moz-border-radius:0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;
opacity:1}