*
{
	margin: 0;
	padding: 0;
}

body
{
	font: 63.5% "Trebuchet MS",Verdana,Arial;
	color: #351300;
	background: #ddb569 url(/includes/css/css-images/texture.jpg) repeat-x left top;
	text-align: center;
}

#container
{
	position: relative;
	width: 1055px;
	height: 779px;
	margin: 0 auto;
}

#nav
{
	position: absolute;
	top: 0;
	left: 0;
	width: 309px;
	height: 779px;
}

#nav h1
{
	position: absolute;
	top: 0;
	left: 0;
	width: 309px;
	height: 252px;
	color: inherit;
	background: transparent url(/includes/css/css-images/clacker.jpg) no-repeat left top;
}

#nav h1 a
{
	position: absolute;
	top: 37px;
	left: 113px;
	display: block;
	width: 181px;
	height: 172px;
	text-indent: -999em;
	overflow: hidden;
}

#nav ul
{
	position: absolute;
	top: 252px;
	left: 0;
	width: 309px;
	height: 142px;
	color: inherit;
	background: transparent url(/includes/css/css-images/nav_off.jpg) no-repeat left top;
	list-style: none;
}

#nav ul li a
{
	display: block;
	width: 196px;
	margin-left: 113px;
	text-indent: -9999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}

#nav ul li#nav-about a { height: 52px; }
#nav ul li#nav-play a { height: 40px; }
#nav ul li#nav-feedback a { height: 50px; }
#nav ul li#nav-about a:hover, #nav ul li#nav-about a:focus { background-image: url(/includes/css/css-images/nav_about.jpg); }
#nav ul li#nav-play a:hover, #nav ul li#nav-play a:focus { background-image: url(/includes/css/css-images/nav_play.jpg); }
#nav ul li#nav-feedback a:hover, #nav ul li#nav-feedback a:focus { background-image: url(/includes/css/css-images/nav_feedback.jpg); }

#promotion
{
	position: absolute;
	top: 394px;
	left: 0;
	width: 309px;
	height: 385px;
	color: inherit;
	background: transparent url(/includes/css/css-images/ipodbg.jpg) no-repeat left top;
}

#promotion h2 { text-indent: -9999em; }

#main
{
	position: absolute;
	top: 0;
	left: 309px;
	width: 482px;
	height: 779px;
	color: #000;
	background: transparent url(/includes/css/css-images/main_top.jpg) no-repeat left top;
}

#short
{
	position: absolute;
	top: 97px;
	left: 0;
	width: 482px;
	height: 297px;
}

#utility
{
	position: absolute;
	top: 394px;
	left: 0;
	width: 482px;
	height: 63px;
	color: inherit;
	background: transparent url(/includes/css/css-images/utilitybg.jpg) no-repeat left top;
	list-style: none;
}

#utility li a
{
	display: block;
	position: absolute;
	top: 0;
	height: 37px;
	text-indent: -9999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}

#utility li#utility-email a
{
	left: 177px;
	width: 77px;
}

#utility li#utility-email a:hover, #utility li#utility-email a:hover { background-image: url(/includes/css/css-images/utility_email.jpg); }

#utility li#utility-embed a
{
	left: 254px;
	width: 85px;
}

#utility li#utility-embed a:hover, #utility li#utility-embed a:hover { background-image: url(/includes/css/css-images/utility_embed.jpg); }

#utility li#utility-download a
{
	left: 339px;
	width: 143px;
}

#utility li#utility-download a:hover, #utility li#utility-download a:hover { background-image: url(/includes/css/css-images/utility_download.jpg); }

/* #Short Content
----------------------------------------------------------------------------*/

.short-content
{
	position: absolute;
	top: 457px;
	left: 0;
	width: 482px;
	height: 322px;
	color: inherit;
	text-align: left;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}

#guess { background-image: url(/includes/css/css-images/formarea.jpg); }
#guess-closed { background-image: url(/includes/css/css-images/formarea_closed.jpg); }
#guess-congratulations { background-image: url(/includes/css/css-images/congratulations.jpg); }
body.stdforms #guess { background-image: url(/includes/css/css-images/formarea_safari.jpg); }

#thanks
{
	padding: 80px 50px 0 50px;
	width: 382px;
	background-image: url(/includes/css/css-images/thankyouarea.jpg);
}

#thanks a
{
	color: #fff;
	background-color: transparent;
}

#thanks a:hover, #thanks a:focus { color: #f1e9c0; }

.msg-button a
{
	font-size: 1.6em;
	font-weight: bold;
	text-decoration: none;
}

.msg-button a:before { content: "< "; }

.short-content h3
{
	margin: .5em 0;
	font-size: 1.5em;
	font-weight: bold;
	color: #000;
	background-color: transparent;
}

.short-content p
{
	margin: .5em 0;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
	color: #fff;
	background-color: transparent;
}

#guess-closed h3, #guess-congratulations h3, #guess-closed p
{
	position: absolute;
	top: -999em;
	overflow: hidden;
}

#guess-congratulations p
{
	position: absolute;
	top: 90px;
	left: 70px;
	width: 235px;
	color: #000;
}

#guess-congratulations p span
{
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
	color: #ce1118;
	width: 300px;
	background-color: transparent;
}

#guess-congratulations img
{
	position: absolute;
	top: 0;
	right: 0;
}

.short-content fieldset
{
	position: relative;
	width: 482px;
	height: 322px;
	text-align: left;
	border: none;
}

.short-content fieldset legend { display: none; }

.short-content fieldset ul
{
	text-indent: -9999em;
	overflow: hidden;
}

#example
{
	position: absolute;
	top: 80px;
	left: 20px;
	font-size: 1.2em;
	font-weight: bold;
	font-style: normal;
	color: #fff;
	background-color: transparent;
}

#guess fieldset #formrow1 input, #email fieldset #formrow1 input
{
	position: absolute;
	top: 103px;
	border: none;
	color: #ce1118;
	background-color: transparent;
	width: 93px;
	height: 20px;
	font-size: 1.4em;
	font-weight: bold;
	padding: .3em .5em;
}

body.stdforms fieldset input { height: auto !important; }

#email fieldset #formrow1 input, #email fieldset #formrow2 input
{
	width: 205px;
	height: auto !important;
	background-color: #fff !important;
	padding: .2em !important;
}

#guess input#guess-s { left: 20px; }
#guess input#guess-c { left: 134px; }
#guess input#guess-a { left: 246px; }
#guess input#guess-d { left: 360px; }
#email input#email-from { left: 20px; }
#email input#email-name { left: 250px; }
#email input#email-to { left: 20px; }

#guess fieldset #formrow2 input, #email fieldset #formrow2 input
{
	position: absolute;
	top: 141px;
	border: none;
	color: #ce1118;
	background-color: transparent;
	width: 205px;
	height: 20px;
	font-size: 1.4em;
	font-weight: bold;
	padding: .3em .5em;
}

#guess input#guess-name { left: 20px; }
#guess input#guess-email { left: 246px; }

.short-content button#submit-guess, .short-content button#submit-email
{
	position: absolute;
	top: 183px;
	left: 374px;
	width: 88px;
	height: 27px;
	color: #000;
	background-color: transparent;
	border: none;
	text-indent: -999em;
	overflow: hidden;
	cursor: pointer;
}

#email { background-image: url(/includes/css/css-images/emailarea.jpg); }
#embed { background-image: url(/includes/css/css-images/embedarea.jpg); }
#download { background-image: url(/includes/css/css-images/downloadarea.jpg); }

#embed textarea
{
	display: block;
	position: absolute;
	top: 90px;
	left: 30px;
	width: 410px;
	height: 100px;
	border: none;
	padding: 5px;
}

#sidebar
{
	position: absolute;
	top: 0;
	left: 791px;
	width: 264px;
	height: 779px;
}

#artist
{
	position: absolute;
	top: 0;
	left: 0;
	width: 264px;
	height: 230px;
}

#artist dt { display: none; }

#artist dd a
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 264px;
	height: 230px;
	text-indent: -9999em;
	overflow: hidden;
	color: inherit;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}

#archive
{
	position: absolute;
	top: 230px;
	left: 0;
	width: 264px;
	height: 549px;
	color: inherit;
	background: transparent url(/includes/css/css-images/archive2.jpg) no-repeat left top;
	padding-top: 105px;
}

#archive dt
{
	position: absolute;
	top: -9999em;
}

#archive dd a
{
	display: block;
	text-indent: -9999em;
	width: 120px;
	height: 90px;
	margin: 0 40px;
	overflow: hidden;
}

#footer
{
	position: relative;
	margin: -3em 0 2em 3em;
	font-size: 1.3em;
	font-weight: bold;
	color: #0f0c07;
	background-color: transparent;
	z-index: 100;
}

#footer a
{
	color: #0F0C07;
	background-color: transparent;
	text-decoration: none;
}

#footer a:hover, #footer a:focus { text-decoration: underline; }
.skipper, .hidden { display: none; }