html,body{background:#000 url(images/bg.png) repeat-x top left; color:#fff; text-align:left; font:small/1.2em verdana,tahoma,arial,sans-serif; margin: 0 auto; height:100%}
img {border:0;}

/* links */
a {text-decoration:none; border-bottom:1px dotted #fff;}
a:link {color:#fff;}
a:visited {color:#fff;}
a:active {color:#fff;}
a:hover {color:#fff; border-bottom:1px solid #fff;}


/* menu */
.menublock{margin:10px 28px; height:240px; font-weight:bold;}

.menublock a {text-decoration:none; border-bottom:1px dotted #000;}
.menublock a:link {color:#fff;}
.menublock a:visited {color:#fff;}
.menublock a:active {color:#fff;}
.menublock a:hover {color:#000; border-bottom:1px solid #fff;}

.menublock ul {list-style:none; margin:0; padding:0;}
.menublock ul li a{width:100px; padding:2px 0; font-size:120%; display:block;}
.menublock ul li a:hover {background:#fff; colour:#000;}


/* general style */
.small {font-size:85%}
.big {font-size:120%; font-weight:bold;}
.italic {font-style: italic}
.bold {font-weight: bold}
.notbold {font-weight: normal}
.und {text-decoration:underline}
.title{background:#fff; color:#000; font-size:110%; font-weight:bold; padding:3px 5px; margin:25px 0 5px 0; width:400px;}


/* page layout */
.wrapper{overflow:hidden; width:800px; padding:0; margin:0 auto; background:#000 url(images/header.png) no-repeat top center;}
.textblock{margin:5px 28px;}
.gap{height:4px;}

/* index */
.block{overflow:hidden; width:800px;}
.rndrect{overflow:hidden; float:left; width:201px; height:121px; background:url(images/rnd_rect_240x160.png) no-repeat top center; color:#000; padding:20px;}
.rect{overflow:hidden; float:left; width:171px; height:121px; margin-left:60px; padding:20px 10px; text-align:center;}
.rect a {border-bottom:0;}

.rndrect a {text-decoration:none; border-bottom:1px dotted #000;}
.rndrect a:link {color:#000;}
.rndrect a:visited {color:#000;}
.rndrect a:active {color:#000;}
.rndrect a:hover {color:#000; border-bottom:1px solid #000;}

/* about */
.aboutrect{overflow:hidden; float:left; width:401px; height:161px; background:url(images/rnd_rect_360x200.png) no-repeat top center; color:#000; padding:20px;}
.rect2{overflow:hidden; float:left; width:271px; height:161px; margin-left:10px; padding:20px 10px;}

.aboutrect a {text-decoration:none; border-bottom:1px dotted #000;}
.aboutrect a:link {color:#000;}
.aboutrect a:visited {color:#000;}
.aboutrect a:active {color:#000;}
.aboutrect a:hover {color:#000; border-bottom:1px solid #000;}

/* table */
.tableblock{ width:740px; padding:3px;}
.table{overflow:hidden; width:740px; margin-bottom:3px;}
.songtitle{float:left; width:230px; height:22px; padding-top:2px;  background:#fff; margin-right:3px; padding-left:5px; font-size:110%; font-weight:bold; border:#fff solid 1px; color:#000;}
.subsongtitle{float:left; width:220px; height:19px; margin:0 3px 0 10px; padding-left:5px; border:#fff solid 1px;}
.description{float:left; width:170px; height:22px; padding-top:2px;  background:#fff; margin-right:3px; padding-left:5px; font-size:85%; border:#fff solid 1px; color:#000;}
.subdescription{float:left; width:170px; height:19px; margin-right:3px; padding-left:5px; font-size:85%; border:#fff solid 1px;}
.download{float:left; width:50px; height:22px; background:#fff; padding-top:2px; margin-right:3px; text-align:center; border:#fff solid 1px; color:#000;}
.play{float:left; width:200px; height:24px; margin-right:3px; text-align:center; border:#fff solid 1px; background:#fff}
.subdownload{float:left; width:50px; height:19px; margin-right:3px; text-align:center; border:#fff solid 1px;}

.download a {text-decoration:none; border-bottom:1px dotted #000;}
.download a:link {color:#000;}
.download a:visited {color:#000;}
.download a:active {color:#000;}
.download a:hover {color:#000; border-bottom:1px solid #000;}


.ttable{overflow:hidden; width:733px; margin-bottom:3px; }
.tsongtitle{float:left; width:240px; height:24px; margin-right:3px; padding-left:5px; font-size:110%; font-weight:bold; }
.tdescription{float:left; width:170px; height:24px; margin-right:3px; padding-left:5px; font-size:85%; font-size:110%; font-weight:bold;  }
.tdownload{float:left; width:50px; height:24px; margin-right:3px; text-align:center; font-size:110%; font-weight:bold;  }
.tplay{float:left; width:200px; height:24px; margin-right:3px; text-align:center; font-size:110%; font-weight:bold;  }


/* images */
.outline{border: 1px solid #ffb80f;}


/* footer */
.footer{overflow:hidden; width:755px; margin:15px 0 15px 22px; border-top:1px solid #777;}
.footer img{border: 0;}
.footext{float:right; font-size:80%; text-align:right; color:#777;}

.bottommenu{overflow:hidden; width:400px; font-size:80%; float:left; color:#777;}
.bottommenu ul {float:left; margin:0; padding:0; list-style:none;}
.bottommenu ul li {float:left; display:inline;}
.bottommenu ul li a{text-align:left; display:block; padding:0 5px;}

.bottommenu a {text-decoration:none; border:0;}
.bottommenu a:link {color:#777;}
.bottommenu a:visited {color:#777;}
.bottommenu a:active {color:#777;}
.bottommenu a:hover {color:#fff; border:0; text-decoration:none;}

.footext a {text-decoration:none; border:0;}
.footext a:link {color:#bbb;}
.footext a:visited {color:#bbb;}
.footext a:active {color:#bbb;}
.footext a:hover {color:#fff; border:0; text-decoration:none;}