body
{
    background-color: white;
}

#header { width:800px; margin:40px auto; }

#board
{
    width: 500px;
    height: 500px;
    background-color: #cccccc;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    background-image: url("images/background.png");
    cursor: url("images/blank.png"), default;
}

#game
{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}

#trace
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 498px;
    height: 498px;
    border: 2px solid red;
}

#player
{
    border: 1px solid black;
    opacity: 0.5;
    background-color: black;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 200px;
    left: 200px;
    z-index: 20;
}

#ball
{
    position: absolute;
    width: 5%;
    height: 5%;
    left: 47.5%;
    top: 47.5%;
}

img.ball
{
    width: 100%;
    height: 100%;
}

#target
{
    position: absolute;
    width: 150px;
    height: 150px;
    top: 175px;
    left: 175px;
    background-color: Black;
    opacity: 0.5;
}

#opponent
{
    position: absolute;
    width: 30px;
    height: 30px;
    left: 40%;
    top: 40%;
    background-color: Red;
    border: 1px solid White;
}

#scoreboard
{
    width: 440px;
    background-color: White;
    border: 10px solid blue;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    text-align: center;
    font-size: 30pt;
    font-family: Trebuchet MS;
    padding: 20px;
}

.block
{
    width: 100px;
    height: 100px;
    position: absolute;
    border: 1px solid black;
    opacity: 0.25;
    background-color: Blue;
    display: none;
}

#blocks
{
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-family: Trebuchet MS;
    font-size: 8pt;
}