body
{
    margin: 0;
    padding: 0;

    background:
        linear-gradient(
            to bottom,
            #ffabdb 0%,
            #ff5ec9 20%,
            #ff66cc 50%,
            #ff5ec9 80%,
            #ffabdb 100%
        );

    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
    color: #330033;
}

#container
{
    width: 760px;
    margin: 20px auto;

    border: 10px outset #ff66cc;

    background: #fff5fb;

    box-shadow:
        0 0 20px #ff66cc,
        inset 0 0 20px #ffffff;
}

#header
{
    text-align: center;

    padding: 25px;

    background:
        linear-gradient(
            to bottom,
            #ff7ad5 0%,
            #ffa1e1 45%,
            #ff5ec9 100%
        );

    border-bottom: 3px solid #ff66cc;
}

#header h1
{
    margin: 0;

    font-size: 36px;

    color: #ff1493;

    text-shadow:
        2px 2px #ffffff,
        0 0 10px #ff5ec9;
}

#header p
{
    margin-top: 10px;
}

#navigation
{
    text-align: center;

    padding: 10px;

    background: #ffe6f6;

    border-bottom: 2px solid #ff5ec9;
}

#navigation a
{
    font-weight: bold;
}

.character
{
    margin: 20px;

    padding: 15px;

    overflow: hidden;

    background:
        linear-gradient(
            to bottom,
            #ffffff 0%,
            #ffe8f7 100%
        );

    border: 10px outset #ff5ec9;

    box-shadow:
        inset 0 1px 0 #ffffff,
        0 0 8px #ffb3e6;
}

.character-image
{
    float: left;

    width: 220px;

    text-align: center;
}

.character-image img
{
    max-width: 200px;

    border: 5px outset #ff66cc;

    background: white;

    padding: 4px;
}

.character-info
{
    margin-left: 240px;
}

.character-info h2
{
    margin-top: 0;

    color: #cc0066;
}

a
{
    color: #cc0066;
    text-decoration: none;
    font-weight: bold;
}

a:hover
{
    color: #ff1493;
    text-decoration: underline;
}

#more-characters
{
    margin: 20px;

    padding: 20px;

    text-align: center;

    background:
        linear-gradient(
            to bottom,
            #ffcfe9 0%,
            #ffb3e5 100%
        );

    border: 5px outset #ff5ec9;
}

#footer
{
    text-align: center;

    padding: 12px;

    background: #ff5ec9;

    color: white;

    font-size: 12px;
}