.menubar {
/*	position: fixed;*/
/*	margin-top: 36pt;*/
/*	display: table-cell;*/
	float: left;
/*	height: 100%;*/
/*	margin: 4pt auto;*/
	padding: 2em 0 0;
	font-size: 10pt;
	line-height: 15pt;
	text-align: left;
/*	height: 100%;*/
/*	background-color: #e5efff;*/
/*	background-color: #ffffff;*/
/*	background-position: right;*/
}

.menubar .mainmenu {
/*	display: inline-block;*/
/*	width: 580px;*/
	text-align: left;
}

.menubar a#artist/*, .menubar a#upmenu*/ {
	display: block;
/*	margin-left: 1em;*/
	margin-left: 8px;
	text-align: left;
	background-repeat: no-repeat;
}

.menubar a#artist {
	width: 144px;
	height: 27px;
	margin-bottom: 25px;
	background-image: url(gfx/menu-sel.png);
}

.menubar a#artist:hover {
	background-image: url(gfx/menu-hover.png);
}

/* the following lines ignore ul.menubar > li > .mainmenuitem
	and ul.menubar > li > ul.submenu > li > .submenuitem *
	that exist in the text-only menu */

.menubar > div.mainmenu > .mainmenuitem,
.menubar > div.mainmenu .submenuitem,
.thumbnails-submenu > .thumbnail-menuitem {
	height: 22px;	/* line height from gfx/menu.png */
	background-repeat: no-repeat;
/*	background-color: #aaccff;*/
}

.menubar > div.mainmenu > .mainmenuitem,
.menubar > div.mainmenu .submenuitem {
	display: block;
	margin-left: 8px;
}

.menubar > div.mainmenu > .mainmenuitem {
	margin-top: 12px;
}

.menubar > div.mainmenu .submenuitem {
	margin-top: 0;
}

.thumbnails-submenu > .thumbnail-menuitem {
	display: inline-block;
	margin: .8em 2em 0 2.5em;
}

.menubar > div.mainmenu > a.mainmenuitem,
.menubar > div.mainmenu a.submenuitem,
.thumbnails-submenu > a.thumbnail-menuitem {
	background-image: url(gfx/menu.png);
}

.menubar > div.mainmenu > span.mainmenuitem#selection,
.menubar > div.mainmenu span.submenuitem#selection,
.thumbnails-submenu > span.thumbnail-menuitem#selection {
	background-image: url(gfx/menu-sel.png);
}

.menubar > div.mainmenu > a.mainmenuitem:hover,
.menubar > div.mainmenu a.submenuitem:hover,
.thumbnails-submenu > a.thumbnail-menuitem:hover {
	background-image: url(gfx/menu-hover.png);
}

/* the following lines handle the text-only menu */

ul.mainmenu > li {
/*	list-style-type: none;*/
	list-style-type: circle;
/*	list-style-image: url(gfx/mail.png);*/
	margin-left: -1em;
}

ul.submenu > li {
	list-style-type: circle;
	margin-left: -1.75em;
}

.thumbnails-submenu > .thumbnail-menuitem-text {
	margin: 0 3em 0 4em;
}

/* old IE's need .menuhack, see cursed.css */

/*
.menubar > div.mainmenu div.menuhack,
.thumbnails-submenu span.menuhack {
	display: none;
}
*/

/*
.menubar a#upmenu {
	font-size: 10pt;
	text-align: left;
	background-position: left 2px;
	background-repeat: no-repeat;
}
*/

.thumbnails-submenu {
	position: absolute;
	top: 5em;
	width: 640px;
/*	margin: 5em 0 0 160px;*/
	margin-left: 160px;
/*	font-size: 10pt;*/
/*	background-color: #ccf;*/
}

/*.thumbnails-submenu > .thumbnail-menuitem { background-color: #ccf; }*/