body
{
background-color:#4480BB;
font-family:Arial, Helvetica, sans-serif;
font-style:none;
font-size:14px;
font-weight:400;
text-decoration:none;
color:#FFFFFF;
}

#title
{
position:absolute;
top:30px;
left:50px;
}

h1
{
color:white;
font-family:Arial, Helvetica, sans-serif;
font-style:none;
font-size:24px;
font-weight:bold;
}

#shoutbox
{
position:absolute;
top:100px;
left:50px;
height:400px;
width:600px;
text-align:left;
}

label
{
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:14px;
font-weight:bold;
text-decoration:none;
color:black;
}

#namelabel
{
position:absolute;
top:0px;
left:0px;
}

#nameinput
{
position:absolute;
top:0px;
left:100px;
}

#maillabel
{
position:absolute;
top:30px;
left:0px;
}

#mailinput
{
position:absolute;
top:30px;
left:100px;
}


#commentslabel
{
position:absolute;
top:60px;
left:0px;
}

#commentsinput
{
position:absolute;
top:60px;
left:100px;
}

#shout-button
{
position:absolute;
top:100px;
left:100px;
height:80px;
width:300px;
}


#displaycommentsauto
{
position:absolute;
top:200px;
left:100px;
width:400px;
height:300px;
overflow:auto;
}

#displaycomments
{
position:relative;
overflow:auto;
background-color:transparent;
background-image:url(antbully2s.JPG);
top:-50px;
left:450px;
width:420px;
height:300px;
overflow:auto;
}

.commentscell
{
position:relative;
top:+30px;
width:400px;
}

#namecell
{
position:absolute;
top:0px;
left:0px;
text-align:left;
background-color:transparent;
width:400px;
color:#2FA2D1;
}

#mailcell
{
position:absolute;
top:+20px;
left:0px;
text-align:left;
background-color:transparent;
border-bottom:thick;
width:400px;
color:#2FA2D1;
}

#commentsdisplay
{
position:absolute;
top:40px;
left:0px;
width:400px;
}


button
{
width:145px;
background-color:#80971D;
border:0px;
}