html, body {
	background: #536569; margin: 0 auto;
	font-family: Verdana, Arial;
	font-size: 10px;
	height: 100%;
}

h1 { font-size: 20px; text-transform: uppercase; margin: 0px 0px -4px 10px; }
h2 { font-size: 12px; text-transform: uppercase; font-weight: bold; border-bottom: 1px black solid; }

/* header */
#content { background: url(../layout/mainbg.jpg) repeat-y; width: 524px; margin: 0 auto; border: 0px black solid;  height: 100%; }
#header { height: 86px; background: url(../layout/header.jpg) no-repeat; }

/* top menu */
#mainmenu { padding-left: 178px; height: 71px; background: url(../layout/meny.jpg) no-repeat; }
#mainmenu a { display: block; width: 58px; height: 58px; border: 0px black solid; float: left; margin-right: 9px; margin-top: 7px; }
#mainmenu a#index:hover { background: url(../layout/start_hover.jpg) no-repeat; }
#mainmenu a#biography:hover { background: url(../layout/biography_hover.jpg) no-repeat; }
#mainmenu a#music:hover { background: url(../layout/music_hover.jpg) no-repeat; }
#mainmenu a#pictures:hover { background: url(../layout/pictures_hover.jpg) no-repeat; }
#mainmenu a#contact:hover { background: url(../layout/contact_hover.jpg) no-repeat; }
#mainmenu span { display: none; }

#sidecolumn {
	float: right;
}

/* side menu */
#side li { list-style: none; float: right; width: 30%; margin-left: 15px; }
#side a { display: block; width: 126px; height: 30px; border: 0px black solid; }
#side .blog { background: url(../layout/blog.jpg) no-repeat; height: 30px; }
#side .gallery { background: url(../layout/gallery.jpg) no-repeat; height: 30px; }
#side a#blog:hover { background: url(../layout/blog_hover.jpg) no-repeat; height: 30px; }
#side a#gallery:hover { background: url(../layout/gallery_hover.jpg) no-repeat; height: 30px; }
#side span { display: none; }

/* shoutbox */
#shoutbox { width: 37%; height: 380px; padding-top: 0px; border: 0px black solid; float: right; display: block; }
#shoutbox a:hover { color: #999999; }
#shoutbox .input { font-family: Verdana, Arial; font-size: 10px; background: #eeeeee; border: 1px black solid; }
#shoutbox .scrollbox { padding: 5px 5px 5px 5px; font-size: 10px; height: 225px; width: 170px; border: 1px solid #999999; overflow: auto; background-color: #F1F1EB; }

/* music info */
#trackinfo { }
#musicinfo { float: left; display: inline; width: 100%; border: 0px black solid; }
#track01 {float: left; width: 24%; text-align: justify; padding: 2px; font-size: 10px; }
#track01 h2 { font-size: 10px; color: #ffffff; border: 0; background: #536569; padding: 2px; border-bottom: 1px black solid; }
#track02 { float: left; width: 24%; text-align: justify; padding: 2px; font-size: 10px; }
#track02 h2 { font-size: 10px; color: #ffffff; border: 0; background: #536569; padding: 2px; border-bottom: 1px black solid; }
#track03 { float: left; width: 24%; text-align: justify; padding: 2px; font-size: 10px; }
#track03 h2 { font-size: 10px; color: #ffffff; border: 0; background: #536569; padding: 2px; border-bottom: 1px black solid; }
#track04 { float: left; width: 24%; height: 166px; text-align: justify; padding: 2px; font-size: 10px; }
#track04 h2 { font-size: 10px; color: #ffffff; border: 0; background: #536569; padding: 2px; border-bottom: 1px black solid; }
#track05 { float: left; width: 24%; text-align: justify; padding: 2px; font-size: 10px; }
#track05 h2 { font-size: 10px; color: #ffffff; border: 0; background: #536569; padding: 2px; border-bottom: 1px black solid; }

/* layout */
#main { width: 509px; /* min-height: 100%; */ background: url(../layout/mainbg.jpg) repeat-y; float: left; padding-left: 7px; padding-right: 8px; }
#headertext {border-bottom: 1px black solid; }
#maintext { font-family: Verdana, Arial; font-size: 11px; padding-left: 10px; padding-right: 10px; }
#text { float: left; width: 69%; }
#musictext { width: 60%; float: left; border: 0px black solid; padding-top: 10px;}
#footer { height: 16px; width: 522px; float: left; text-align: center; }