body {
background: url('bg.png');
overflow-x: hidden;
}

body, td, tr {
font-size: 11px;
font-family: verdana;
color: #f38483;
}

a {color: #f29aa1; font-family: verdana; font-size: 11px; text-decoration: none; text-transform: uppercase; font-size: 10px; font-weight: bold;}
a:hover {color: #e17296;}

#container {
margin: 0 auto;
width: 500px;
background: #fff;
box-shadow: 0 0 8px rgba(164,111,132, .3);
border: 10px solid rgba(255,255,255, .5);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box;
z-index: 1;
}

#headimg {
width: 500px;
height: 280px;
background: url('Header.jpg');
z-index: 2;
}

#cuties {
position: relative;
top: 5px;
left: 2px;
width: 30px;
height: 275px;
}

#cuties > a {
display: inline-block;
width: 25px;
font-family: 'Indie Flower', cursive;
font-size: 14px;
line-height: 25px;
text-align: center;
margin: 2px 2px 0px 2px;
color: #fff;
background: rgba(239,125,124, .3);
border-radius: 100%;
font-weight: normal;
text-transform: uppercase;
}

#cuties > a:hover {
background: rgba(239,125,124, .5);
}

#footer {
position: relative;
bottom: 0px;
left: 0px;
background: url('Footer.png');
width: 500px;
height: 80px;
text-align: center;
}

#content {
top: 350px;
left: 0px;
width: 496px;
min-height: 100px;
padding: 2px 2px 2px 2px;
margin: 0px;
background: #fff;
z-index: 1;
}

#content > h1 {
display: inline-block;
width: 100%;
font-family: 'Indie Flower', cursive;
color: #ef7d7c;
line-height: 10px;
font-size: 20px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
background: #fff5f0;
border-bottom: 2px solid #f5e3d8;
}

#credits {
position: absolute;
bottom: 10px;
right: 15px;
}

#credits > a {
font-weight: normal;
font-size: 15px;
color: #8e8e8e;
}

#credits > a:hover {
color: #626262;
}