a:link, a:visited, a:active { color: #AC1000; text-decoration: none}
a:hover { color: #F08200; text-decoration: none}

table { background-color: #D7FDEA; padding: 1px; border-width: 1px; text-align: center; margin: 0 auto}
.inner { background-color: transparent; background-image: none; border-width: 0px; padding: 0px; text-align: left;}
td, tr, th{ font-size:12px; background-color: transparent}
td.avibox {width:100px; background: center no-repeat; text-align:left}
td.speechbox {width:400px; font-size:-1; text-align:left}

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #08321D; background: #A5EBC8;
text-align: center; border:0px; margin:0px; padding:0px; padding-top:60px}
img, .noBorder, table.noBorder {border-style: none}
img.framed, applet.framed { border-color: #33CCCC #33CCCC #000000 #000000; border-width: 2px; border-style: solid}

h1 { font-weight: bold; color: #196F43; font-size: 18px}
h2 { font-weight: bold; font-size: 12px}
h3 { font-weight: bold; text-decoration: underline overline; font-size: 12px}
h4 { font-size: 10px; font-weight: normal}

ul { margin: 0 0 0 20px; padding: 0 }

ul.menu {list-style-type: none; font-weight: bold; }
ul.menu li {display: inline; padding-right: 20px;}

.header a:link, .header a:visited, .header a:active { color: #08321D; }
.header a:hover { color: #FFF; }
.header {font-size: 10px}

#header {position: absolute; left:0px; top:0px; background: url(../img.php?header=51C287) #51C287 left bottom repeat-x; height:45px; width: 100%}

#menu {position: absolute; left:0px; top:0px; background: url(../img.php?title=196F43) transparent top left no-repeat;
height: 60px; padding: 25px 0px 0px 10px; text-align: left; font-weight: bold}

#avatar {position: absolute; right:0px; top:0px; background: url(../img.php?avi_bg=51C287) transparent top right no-repeat; width:150px;
height: 100px; text-align: right; z-index: 1}

#comment {position: absolute; right:75px; background: transparent;
width: 300px; height: 50px; text-align: right; z-index:2}

#text {max-width: 800px; margin: 0px auto; width: expression(document.body.clientWidth > 800? "800px": "auto" );}
/*#comments { margin: 0px auto }*/

#profile_avi {width: 100px; margin: 0px auto}
#egg { margin: 0px auto }
#equipped { margin: 0px auto }
#equipped_text { margin: 0px auto }
#online { margin: 0px auto }
#online_text { margin: 0px auto }
#offline { margin: 0px auto }
#offline_text { margin: 0px auto }
#booth_link { width:0; height:0px; margin: 0px auto; cursor:pointer; }
#booth_link a { width:100%; height:100%; display:block; }
#booth_text { margin: 0px auto }

.imgleft { float: left; padding: 5px; padding-left: 0px}
.imgright { float: right; padding: 5px; padding-right: 0px}

#petdata { border: 2px outset green; width: 300px; text-align: left; padding: 10px; margin: 10px auto}
#pet { float: right }
#petdata .label { display: inline-block; width: 60px; margin-right: 5px;}

/* Since 2010-08-22 "Grey" */

#menu { background-image: url(../cpdd_header.png); padding-left: 50px }
#menu, #menu a:link, #menu a:visited, #menu a:active { color: #274052;}
#menu a:hover { color: #FFFFFF;}

#header { background-color: #8EA5BF; background-image: url(../img.php?header=8EA5BF)}
#avatar { background-image: url(../img.php?avi_bg=8EA5BF); }

body { background-color: #DAE5F2; color: #38495E; }

h1 { color: #4678B3; }
table { background-color: #9FBDE0; border: solid 2px #38495E; }
#petdata { border: solid 2px #38495E; background-color: #F0F4FA; min-height: 100px; }

a:link, a:visited, a:active { color: #9E0B9C; }
a:hover { color: #00A16B; } 

td, th {border: none;}
.speechbox span {background-color: #F0F4FA; border: 1px solid #38495E; margin-left: 5px; padding: 10px; display: block; 
-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.pm span { border-style: dashed; }

input[type="submit"], input[type="button"] { font-weight: bold; background-color: #F0F4FA; color: #38495E; cursor: pointer;}

input[type="file"], select { background-color: #F0F4FA; color: #38495E}

.bubble_tail { width: 6px; height: 6px; background: transparent url(../bubble_tail.png) no-repeat; z-index: 50; position:relative; top:56px; right:5px }

table.borders { border-collapse: collapse; }
table.borders td, table.borders th { border-bottom: 1px solid #38495E; padding: 3px}
table.borders th { border: 2px solid #38495E;}

img.framed, applet.framed { border-top-color: #38495E; border-right-color: #38495E;}

/* Hide the twitter box header and footer */
.twtr-hd, .twtr-ft {display: none}

/* Make the twitter avatars larger */
.twtr-avatar { width:50px !important; height:50px !important; padding-right:10px}
.twtr-avatar img{width:50px !important; height:50px !important}

.window{
        background: url(header.png) repeat-x 0 101px;
        max-width:700px;
        min-height:116px; 
        margin:0px auto;
        position:relative;
}
a.door {
        display:inline-block;
        vertical-align: top;
        background:url(event/graphics/door_middle_left.png) no-repeat;
        height:116px;
        width:62px;
        margin-right:15px;
        position:relative;
	min-height:auto;
}
a:hover.door {
        background-position: 0 -116px;
}
a.left {
	display:block;
        float:left;
        padding: 0;
        background-image:url(event/graphics/door_left.png);
        width:77px;
}
a.right {
	display:block;
        float:right;
        margin: 0;
        background:url(event/graphics/door_right.png) no-repeat;
        width:77px;
}
a.door.arrow {
        background-image:url(event/graphics/arrow_down.png);
        width:20px;
        margin-right:30px;
}
a.arrow.left {
        background-image:url(event/graphics/arrow_left.png);
}
a.arrow.right {
        background-image:url(event/graphics/arrow_right.png);
}
a.door.window {
        background-image:url(event/graphics/window.png);
        width:60px;
        height:77px;
}
a.door.stairs_up {
        background-image:url(event/graphics/stairs_up_front.png);
        width:62px;
}
a.door.stairs_down {
        background-image:url(event/graphics/stairs_down_front.png);
        width:62px;
}

a.stairs_up.left, a.stairs_up.right, a.stairs_down.left, a.stairs_down.right{
	width:41px;
}
a.stairs_up.left {
        background-image:url(event/graphics/stairs_up_left.png);
}
a.stairs_up.right {
        background-image:url(event/graphics/stairs_up_right.png);
}
a.stairs_down.left {
        background-image:url(event/graphics/stairs_down_left.png);
}
a.stairs_down.right {
        background-image:url(event/graphics/stairs_down_right.png);
}

a.door.bucket {
        background-image:url(event/graphics/easterII/none.png);
        width:35px;
        margin-right:30px;
}
a.door.bucket.pink {
        background-image:url(event/graphics/easterII/pink.png);
}
a.door.bucket.blue {
        background-image:url(event/graphics/easterII/blue.png);
}
a.door.bucket.yellow {
        background-image:url(event/graphics/easterII/yellow.png);
}
a.door.bucket.green {
        background-image:url(event/graphics/easterII/green.png);
}
a.door.bucket.purple {
        background-image:url(event/graphics/easterII/purple.png);
}
a.door.bucket.orange {
        background-image:url(event/graphics/easterII/orange.png);
}
a.door.bucket.teal {
        background-image:url(event/graphics/easterII/teal.png);
}

.item, .doll {
        margin-top:16px;
        display:inline-block;
        width:100px;
        min-height:100px;
        vertical-align: top;
}
.doll {
	background-image: url(bg/shadow.png);
}
#currently_online .doll {
	width:75px;
}
.behind_door, .bg_behind_door { /*for 100x100 (image max height 84) */
	display:inline-block;
	height:102px;
	width:62px;
	margin-right:15px;
	background-repeat: no-repeat;
	background-position: -38px 2px;
	position:relative;
	vertical-align:top;
}
.bg_behind_door { /*for 100x100 full bg */
	background-position: -38px 16px;
}
.behind_window .bg_behind_door{ /*for 100x100 full bg */
	width:60px;
	height:77px;
	background-position: -40px 16px;
	vertical-align:top;
}
a.trunk{
	background-image: url(event/graphics/trunk.png);
	width:60px;
}
a.open {
        background-position: 0 -116px;
}
a:hover.open {
        background-position: 0 0;
}
.window{
	z-index:1;
}
.bg_behind_door {
	z-index:2;
}
.behind_door{
    	z-index:3;
}
.door{
	z-index:4;
}
.bgitem{
	position: absolute;
	z-index:5;
	height:116px;
	background-repeat: no-repeat;
}
.doll, .trunk{
	position:relative;
	z-index:6;
}
.door.left,.door.right{
	z-index:7;
}