body
{
background-color: #8E8577;
margin: 0px;
padding: 0px;
text-align: center;
}

div#sky
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
background: #679FBE;
height: 334px;
background-image: url('images/clouds.gif');
background-position: top right;
background-repeat: no-repeat;
z-index: 0
}

div#logo
{
position: absolute;
top: 2px;
left: 4px;
z-index: 10
}

div#giant
{
position: absolute;
top: 12px;
left: 12px;
z-index: 5;
background-image: url('images/giant.gif');
background-repeat: no-repeat;
background-position: center center;
width: 755px;
height: 651px
}

div#frame
{
width: 586px;
height: 305px;
z-index: 15;
position: absolute;
top: 186px;
left: 96px;
overflow: auto;
text-align: justify;
padding: 8px;
border-bottom: 1px dotted #d0c8bc
}

html>body div#frame
{
width: 570px;
height: 286px
}

div#menu
{
width: 586px;
height: 52px;
z-index: 20;
position: absolute;
top: 495px;
left: 96px;
overflow: auto;
}

div#menu a, div#menu a:link, div#menu a:visited, div#menu a:active
{
font-family: "Century Gothic", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #8e8577;
text-decoration: none;
font-size: 1.5em;
line-height: 2em;
letter-spacing: -0.05em;
margin-left: 5px;
margin-right: 5px;
border-left: 2px solid #d0c8bc;
border-right: 2px solid #d0c8bc;
border-bottom: 4px solid #d0c8bc;
padding: 2px;
padding-top: 0;
font-weight: bold;
height: 20px
}

div#menu a.selected
{
background-image: url('images/linkbg.gif');
background-position: bottom center;
background-repeat: repeat-x;
color: #514D44;
border-left: 2px solid #8E8577;
border-right: 2px solid #8E8577;
border-bottom: 4px solid #8E8577;
}



div#menu a:hover
{
background-image: url('images/linkbg_hover.gif');
background-position: bottom right;
background-repeat: repeat-x;
color: #679FBE;
border-bottom: 4px solid #8E8577;
border-left: 2px solid #8E8577;
border-right: 2px solid #8E8577
}


div#menu a.selected:hover
{
background-image: url('images/linkbg.gif');
background-position: bottom left;
background-repeat: repeat-x;
color: #8E8577;
border-bottom: 4px solid #8E8577;
border-left: 2px solid #8E8577;
border-right: 2px solid #8E8577
}

input, textarea
{
border-left: 2px solid #514D44;
border-right: 2px solid #514D44;
border-bottom: 5px solid #514D44;
border-top: 1px solid #8E8577;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
background-color: #FFFFFF;
background-image: url('images/formbg.gif');
background-position: bottom left;
background-repeat: repeat-x;
font-weight: bold;
padding: 4px
}

input.radio
{
background: transparent;
border: 0
}

div.news
{
border-bottom: 4px solid #8E8577;
padding: 8px;
background: #FFFFFF
}

div.news span.date
{
letter-spacing: -0.1em;
font-size: 0.9em;
color: #8E8577;
display: block;
margin-bottom: -22px
}

div.news h2
{
display: inline;
color: #514D44;
letter-spacing: -0.1em;
font-size: 1.8em;
text-align: left
}

div#player
{
background: #FFFFFF;
width: 100%
}


div#credit
{
width: 100px;
height: 64px;
position: absolute;
bottom: 4px;
right: 4px;
font-weight: bold;
color: #FFFFFF;
line-height: 1em;
font-size: 0.7em
}

div#credit a
{
color: #FFFFFF
}

div#credit a:hover
{
text-decoration: underline;
color: #679FBE
}

div#player_bottom
{
background-image: url('images/player_bottom.gif');
background-position: top left;
background-repeat: no-repeat;
padding-top: 58px
}

div#showcase
{
position: absolute;
width: 116px;
top: 40px;
right: 24px;
}

div#showcase span
{
text-align: center;
font-size: 0.7em;
}

div#news_summary
{
padding: 2px;
background: transparent;
border-top: 4px solid #8E8577;
}

div#news_summary span.date
{
display: inline;
margin-left: 1em;
font-size: 1em
}

div.artist
{
background: #8E8577;
width: 116px;
margin-bottom: 16px;
margin-right: 16px;
float: left;
line-height: normal;
font-weight: bold;
height: 158px;
text-align: center;
padding-bottom: 4px
}

div.artist img
{
margin-bottom: 4px;
border: 8px solid #514D44;
width: 100px;
height: 100px
}

div.artist a
{
color: #FFFFFF;
}

div.artist a:hover
{
color: #679FBE;
}

div#artist_title
{
height: auto;
padding: 0
}

div#artist_title img
{
padding: 0;
margin: 0
}

p
{
display: block;
background: #FFFFFF;
padding: 4px;
}

p.msg
{
font-weight: bold;
color: #FFFFFF;
text-align: left;
padding: 12px;
display: block;
background: #8E8577
}