body{background:#142E31; text-align:left; font:small/1.2em Arial, Verdana, sans-serif; color:#00808f; margin: 0 auto;}
img {border:0;}

/* links */
a:link {color:#0cd2e6;}
a:visited {color:#0cd2e6;}
a:active {color:#0cd2e6;}
a:hover {color:#fff;}

.menu a {text-decoration:none;}
.footer a {text-decoration:none;}
.trackbutton a {text-decoration:none;}
.lyricbutton a {text-decoration:none;}


/* general style */
.small {font-size:85%}
.italic {font-style: italic}
.bold {font-weight: bold;}
.und {text-decoration:underline}

/* page layout */
.wrapper{background:#000; width:780px; padding:0px; margin: 0 auto; border-width:3px; border-style:solid; border-color:#000;}
.header{background-image:url("images/header_fade.gif"); background-repeat:repeat-x; background-position:top left; height:75px;}
.pagetitle{background-image:url("images/logo.gif"); background-repeat:no-repeat; background-position:bottom left; height:100%; margin:0 0 0 10px;}
.welcomeimage{margin:0 0 10px 0; height:180px; background:#002b30 url("images/welcome_image.gif") no-repeat center center;}
.musicimage{margin:0 0 10px 0; height:50px; background:#002b30 url("images/welcome_image.gif") no-repeat center center;}

.footer{text-align:right; font-size:75%; padding:10px 0 0 0; margin:0 10px; clear:both;}
.filler {clear:both; height:2px; font-size:1px;}
.filler000 {clear:both; height:1px; font-size:1px; background:#000;}
.trackfiller {clear:both; height:2px; font-size:1px; background:#00353c;}

/* menu */
.menu{margin:0 10px 10px 10px; padding:2px; background-color:#014b56; font-size:85%;}
.menuitem{margin:2px 2px 0 2px; padding:2px 5px; float:left; width:90px; text-align:left; font-weight:bold; background:#021f23; background-image:url("images/menuitem.gif"); background-repeat:no-repeat; background-position:top left;}
.menuitemhl{margin:2px 2px 0 2px; padding:2px 5px; float:left; width:90px; text-align:left; font-weight:bold; background:#026a77; background-image:url("images/menuitem_hl.gif"); background-repeat:no-repeat; background-position:top left;}
.menu ul {margin:0; padding:0 0px; list-style:none;}
.menu ul li {float:left; display:inline;  }
.menu ul li a{margin:2px 2px 0 2px; padding:2px 5px; width:90px; text-align:left; font-weight:bold; display:block; background:#021f23 url("images/menuitem.gif") no-repeat top left;}
.menu ul li a:hover{background:#026a77 url("images/menuitem_hl.gif") no-repeat top left;}

/* content */
.box{margin:0 10px; padding:10px; background-color:#002b30;}
.musicbox{margin:0 10px; padding:5px 10px; background-color:#002b30;}

.box_large{float:left; width:540px; padding:10px; background-color:#111;}
.box_small{float:right; width:180px; padding:10px; background-color:#111;}

.box_left{float:left; width:225px; padding:10px; height:100%}
.box_right{float:right; width:225px; padding:10px; height:100%}
.box_middle{width:225px; margin:0 auto; padding:10px; height:100%}

.title{font-size:115%; font-weight:bold; padding:0 0 1px 5px; color:#0cd2e6;}
.subtitle{font-size:115%; font-weight:bold; padding:0 0 5px 5px; color:#0cd2e6; background-color:#002b30;}
.date{color:#0cd2e6;}

.imagebox {margin:5px 0; text-align:center;}


.text{padding:5px;}
.text ul {margin:0; padding:0 0px; list-style:none;}
.text ul li {padding:0 0 5px 0;}


.graphic{background-image:url("images/graphic.gif"); background-repeat:no-repeat; background-position:top left;}
.box250{float:left; width:250px; font-size:85%; margin:0 10px 0 0;}
.twinboxes{ background-image:url("images/twinboxes.gif"); background-repeat:repeat-y; background-position:top left; }

.box500{float:left; width:550px; font-size:85%; margin:0; background:#00353c;}

/* music */
.trackbox{margin:8px 0; background-image:url("images/twinboxes.gif"); background-repeat:repeat-y; background-position: top left; font-size:85%;}

.trackmain{float:left; width:250px; margin-right:10px;}
.tracktitle{float:left; font-size:110%; font-weight: bold; padding:5px 0 0 5px; }
.trackgenre{float:right; padding:5px 5px 0 0; }
.tracklinks{padding:0 0 0 5px;}
.trackinfo{float:left; width:240px; padding:5px;}
.trackbutton{float:left; background:#002b30; border-width:1px; border-style:solid; border-color:#111; margin:5px 10px 5px 0; padding: 0 5px;}
.lyricbutton{float:left; background:#002b30; border-width:1px; border-style:solid; border-color:#000; margin:5px 10px 5px 0; padding: 0 5px;}

/* Contact  */
.contactform{text-align:right; margin-right:50px;}
.from{color:#002b30; width:350px; border-width:1px; border-style:solid; border-color:#002b30; background-color:#90C0C2; font-size:85%;}
.message{color:#002b30; width:350px; height:100px; border-width:1px; border-style:solid; border-color:#002b30; background-color:#90C0C2; font-size:85%;}
.formbutton{background:#002b30; color:#0cd2e6; border-width:1px; border-style:solid; border-color:#0cd2e6; padding:0 5px; font-size:85%}



/* Links  */
.linkbox{float:left; padding: 0 10px; text-align:center;}
.linkbox img{margin:5px 0; border-width:2px; border-style:solid; border-color:#0cd2e6;}

/* About  */
.aboutback{background-image:url("images/aboutback.gif"); background-repeat:repeat-y; background-position: top left;}