body				{ margin: 15px; padding: 0; border-style: none; background-color: #E8EADD; font-family: Georgia, serif; font-size: 8.5pt; line-height: 1.7em; }
#frame				{ margin: 0; background-color: #141310; }

#container			{ position: absolute; left: 50%; top: 50%; width: 760px; height: 480px; margin: -240px 0 0 -380px; background: #B2AB91 url('site.jpg') no-repeat; }

#header				{ text-align: center; }


/* MENU */

#menu				{ position: absolute; left: 34px; top: 94px; height: 32px; width: 100%; }
#menu ul			{ margin: 0; padding: 0; list-style-type: none; }
#menu li			{ margin: 0; padding: 0; float: left; }
#menu a				{ display: block; background-repeat: no-repeat; }
#menu span			{ display: none; }
#menu .home			{ width: 77px; height: 32px; }
#menu .home:hover		{ background-image: url('menu_home_hover.jpg'); }
#menu .bio			{ width: 58px; height: 32px; }
#menu .bio:hover		{ background-image: url('menu_bio_hover.jpg'); }
#menu .merch			{ width: 84px; height: 32px; }
#menu .merch:hover		{ background-image: url('menu_merch_hover.jpg'); }
#menu .press			{ width: 76px; height: 32px; }
#menu .press:hover		{ background-image: url('menu_press_hover.jpg'); }
#menu .media			{ width: 83px; height: 32px; }
#menu .media:hover		{ background-image: url('menu_media_hover.jpg'); }
#menu .pics			{ width: 66px; height: 32px; }
#menu .pics:hover		{ background-image: url('menu_pics_hover.jpg'); }
#menu .links			{ width: 70px; height: 32px; }
#menu .links:hover		{ background-image: url('menu_links_hover.jpg'); }
#menu .contact			{ width: 94px; height: 32px; }
#menu .contact:hover		{ background-image: url('menu_contact_hover.jpg'); }
#menu .guests			{ width: 84px; height: 32px; }
#menu .guests:hover		{ background-image: url('menu_guests_hover.jpg'); }


/* CONTENT */

#content			{ position: absolute; left: 24px; top: 150px; width: 486px; height: 306px; overflow: auto; }
#content iframe			{ width: 486px; height: 306px; }

h2				{ margin: 0.8em 0; font-size: 13pt; }
h3				{ margin: 1.2em 0 0.2em 0; font-size: 10pt; }
h4				{ margin: 0.8em 0 0 0; font-size: 8.5pt; }
p				{ margin: 0 0 1em 0; text-align: justify; }
ul				{ margin: 0 0 1em 0; padding: 0 0 0 2em; }
ul.sitemap			{ font-weight: bold; }
ol				{ margin: 0.8em 0; padding: 0 0 0 2.5em; }
ul li,
ol li				{ margin: 0.2em 0; }
ul ul,
ul ol,
ol ul,
ol ol				{ margin: 0; }
table				{ margin: 0 0 1em 0; padding: 0; width: 100%; border-collapse: collapse; font-size: 8.5pt; line-height: 1.7em; }
table td			{ padding: 0; vertical-align: top; }
table.pictures td		{ padding: 5px 0; text-align: center; vertical-align: middle; }
table.pictures img		{ cursor: pointer; border: 1px solid #E8EADD; }
table.pictures img:hover	{ border-color: black; }
table.overview tr.pictures td	{ padding-bottom: 0; line-height: 1em; }
table.overview tr.titles td	{ vertical-align: top; padding: 3px 0 20px 3px; font-family: "Trebuchet MS", sans-serif; line-height: 1.2em; }
hr				{ margin: 0 0.3em 0.8em 0.3em; padding: 0; height: 1px; border-style: none; border-top: 1px solid #62562B; }
a				{ color: #691821; }
a:hover				{ color: #141310; }
img.left			{ float: left; clear: left; margin: 10px 10px 0 0; }
img.right			{ float: right; clear: right; margin: 0 0 10px 10px; }
img.smiley			{ border-style: none; }


/* FORM */

form				{ margin: 0 0 1em 0; padding: 0; }
form fieldset			{ margin: 0; padding: 0; border-style: none; }
form label			{ display: block; width: 100px; float: left; clear: left; padding-top: 3px; }
form input,
form textarea			{ font-family: "Trebuchet MS", sans-serif; font-size: 8.5pt; margin: 1px 0; }
form input.button		{ margin-top: 6px; font-weight: bold; }
form img			{ vertical-align: -5px; }


/* GUESTBOOK */

#sign				{ margin: 10px 0 10px 0; background-color: #D1D3C8; }
#sign p				{ text-align: center; margin: 0; padding: 5px; font-weight: bold; font-style: italic; cursor: pointer; }
#sign form			{ display: none; margin: 0; padding: 0 5px 5px 5px; }
#sign fieldset			{ margin: 5px 5px 10px 5px; }

#smilieslink			{ cursor: pointer; font-family: "Trebuchet MS", sans-serif; font-weight: bold; text-transform: uppercase; vertical-align: top; }
#smilies			{ display: none; position: absolute; right: 20px; top: 100px; }
#smilies table			{ width: auto; margin: 0; }
#smilies td			{ text-align: center; background-color: #E8EADD; border: 1px solid #B2AB91; padding: 1px; cursor: pointer;}

div.page			{ display: none; }
ul.guestbook_nav		{ margin: 0 0 0.8em 0; padding: 0; text-align: center; font-family: "Trebuchet MS", sans-serif; font-weight: bold; list-style-type: none; }
ul.guestbook_nav li		{ display: inline; margin: 0; padding: 0 0.3em; }
ul.guestbook_nav a		{ color: black; text-decoration: none; }
p.info				{ margin: -0.4em 0 0.4em 0; font-size: 8pt; font-family: "Trebuchet MS", sans-serif; font-weight: bold; }


/* SIDEBAR */

#sidebar			{ position: absolute; left: 534px; top: 185px; width: 202px; height: 271px; overflow: auto; padding: 0 10px; font-family: "Trebuchet MS", sans-serif; }
#container > #sidebar		{ width: 182px; }
#sidebar h2			{ display: none; }
#sidebar p			{ margin: 0.8em 0; text-align: left; }
#sidebar hr			{ margin: -0.3em 0.3em; padding: 0; height: 1px; border-style: none; border-top: 1px solid #62562B; }


/* PLAYER */

#player				{ position: absolute; bottom: -17px; left: 24px; height: 15px; }


/* FOOTER */

#footer				{ position: absolute; bottom: -1.7em; right: 24px; height: 1.7em; text-align: right; }
#footer p			{ margin: 0; font-size: 7.5pt; color: #3F3D33; }
#footer a			{ color: #3F3D33; }
#footer a:hover			{ color: #B2AB91; }


/* DOORWAY */

#doorway			{ margin: 0; overflow: hidden; }
#doorway table			{ width: 100%; height: 100%; margin: 0; }
#doorway td			{ width: 100%; height: 100%; padding: 0; vertical-align: middle; }
#doorway p			{ margin: 5px 0; text-align: center; }
#doorway img			{ border: 1px solid black; }
#doorway img a			{ text-decoration: none; }
