* {padding:0;margin: 0;}
body { font: 11px Verdana,Tahoma,Arial; color:#333;  line-height: 130%; background: #F9F9F9; }

#pagebody {width:728px;background:#fff;margin:0 auto;overflow:hidden}

#pagetop {background:#3B2A49 url(bg.gif);height:100px;border:1px solid #ccc}
.nav {float:left;margin: 5px 0 0 10px;font-weight:bold}
.abc {float:right;margin:5px 10px 0 0}
.abc ul {list-style:none}
.abc li {width:15px;float:left;font-weight:bold}
.abc a {display:block;text-align:center;color:#999}
.abc a:hover {background:#000;color:#fff;}
.topbar {height: 33px}
#pagetop h1 {float:left;margin:0 auto;width:160px;height:60px;overflow:hidden;background:url(logo.gif);margin-bottom:5px}
#pagetop h1 a {display:block;width:160px;height:60px;text-indent:-9999em;font-size: 0px;}
#pagetop .search {float:right;margin-right: 20px;font-size:9px;color:#fff}

#pageside {width: 160px;padding:0 8px;float:right;background:#eee;color:#aaa;padding-bottom:9999px;margin-bottom:-9999px;}


#pagemain {width:530px;padding:8px;float:left;background:#fff url(bg.gif) repeat-x 0 -100px;border:1px solid #ccc}


#pagebot {width:708px;margin:0 auto;background:#eee;font-size: 10px;padding:5px;border:5px solid #ccc}
#pagebot h4 {font-size:8px;}

a {color: #666; text-decoration:none; }
a:hover {text-decoration: underline; }
#pagemain a { color: #336699;}
#pagemain a:hover { color: #ff0000; }


.box {width:160px;margin: 0 auto 20px auto;border:1px solid #ccc;background:#fff url(bg.gif) repeat-x 0 -100px;clear:both}
h2, .h2, h3, h5 { color:#6B3F98; font-size:14px; font-weight:bold; margin: 10px 0 10px 0; padding:0; }
.mbox h3, .mbox h5 {margin-left:20px}
.h1 {height:22px;line-height:22px;padding-left:10px;font-weight:bold;color:#6B3F98;font-size:12px;text-transform: uppercase;}



.box ul {list-style-position: inside;color:#F29900;padding:0 5px}
.box .date {display:none}

.ibox {margin:5px 0}
.album {background: #F2F6FB; color:#bbb; border: 1px solid #ccc;padding-top:3px;height:120px;overflow:hidden}
.mbox {background: #F2F6FB; color:#bbb; border: 1px solid #ccc;}
.mbox_l {width:260px;float:left}
.mbox_r {width:260px;float:right}


.list {padding: 3px}
.list ul {list-style:none}
.list .date {margin-right: 5px}
.list .singer {display:none}
#contDiv .list li {padding-left: 5px}

.new_singer ul {list-style:none;padding:5px}
.new_singer .date {display:none} 
.new_singer li {display:inline;margin-right: 5px} 

.new_song ul {list-style:none;}
.new_song .date {margin-right: 5px}
#pagemain .new_song .singer {margin-left: 10px;color:#aaa}
#contDiv_160 {float:left;width:160px;margin-right:9px}
#contDiv {float:left;width: 339px}

.listpage ul {height:22px;background: #F2F6FB; color:#aaa; border: 1px solid #ccc; list-style:none}
.listpage li {float:left;font:bold 12px 'courier new';padding: 2px 0;text-align:center;width:18px}

.left {float:left}
.right {float:right}
.center {text-align:center}
.line {clear:both}
.vtop {vertical-align:top}
.smallfont {font-size: 9px}
.box ul .smallfont {color:#ccc}