body
{
    background:url(../../images/bg_island.gif);
    font-size:12px; background-color:#06AADF;
}

#homeIsland
{
    background:url(../../images/canvass/island_littleb.jpg) no-repeat bottom;
    width:780px;
    height:500px;
}

a.pixel
{
   position:relative; /*this is the key*/
   z-index:24;
   text-decoration:none;
}

a.pixel:hover{z-index:25; background:transparent}

a.pixel span{display: none;}

/*the span will display just on :hover state*/
a.pixel:hover span
{
    display:block;
    position:absolute;

    top:-100px !important; // firefox
    top: -50px; // IE

    left:20px; width:180px; height:70px;
    background:url(../../images/pixel/balloon.gif) no-repeat;
    padding:4px 2px 0 0;
    color:#003366;
    text-decoration:none;
}

a.miniprofile
{
   position:relative; /*this is the key*/
   z-index:24;
   text-decoration:none;
}

a.miniprofile:hover
{
	z-index:25; 
	background-color:#ff0; 
	color:black;
}

a.miniprofile span
{
	display: none;
}

/*the span will display just on :hover state*/
a.miniprofile:hover span
{
   display:block;
   position:absolute;
   top:-70px;
   left:15px;
   width:250px;
   padding:4px;
   background:white;
   color:#003366;
}

#shoutbox 
{
	height:275px; 
	overflow:auto; 
	width:370px; 
	font-family:verdana;
	scrollbar-3dlight-color: #B6E6FC;
	scrollbar-arrow-color: white;
	scrollbar-highlight-color: #B9DDE9;
	scrollbar-face-color: #B9DDE9;
	scrollbar-shadow-color: #B9DDE9;
	scrollbar-darkshadow-color: white;
	scrollbar-base-color: #B9DDE9;
}

#pixelpeople
{
    text-align:left;
    font-size:10px;
    width:100%;
    float:center;
    margin-top:10px ;
    margin-bottom:35px !important; // firefox
    margin-bottom:35px; // IE
    margin-left:36px;
}

#memberBox 
{
    margin:0px 0px 0px 0px;
    padding:12px;
    color:white; 
	font-size:12px;
    float:right;
    text-align:left;
    background:#06AADF;
    //filter:alpha(opacity=75);
    opacity:.75;
	width:360px;
    font-family:verdana;
}

#memberBox table 
{
    font-size:11px; 
	line-height:16px;
}

#memberBox a 
{
    color:white;
    font-weight:bold;
}

#homeTable {font-family:verdana; color:white; }

#homeLeft {
    width:298px;
    line-height:18px;
    height:100%;
    font-size:12px;
    }
#homeLeft h4, #homeRight h4 {font-family:Trebuchet ms; font-size:18px; }
#homeLeft a, #homeRight a, #homeCenter a {color:#FFFF99; }

#homeLeft ul {
    margin:0 0 0 20px; 
    padding:0; 
    list-style-type:lower-roman;
}

#homeCenter {
    width:180px; text-align:center; font-size:11px;
    }
#homeCenter .features a img {width:170px; height:80px; margin-bottom:12px; border:4px white solid;}
    
#homeRight {
    padding:12px;
    font-size:10px;
    }
#homeRight .avatar {float:left; width:22px; height:22px; border:1px white solid; margin-right:4px; background:white }