body{margin:0px;background-color:#000000;}

.main{ overflow:hidden; margin:auto; width:772px; font-family:Comic Sans Ms; font-size:12px;padding-bottom:5px;}
.main .bottom{color:#f0f0f0;float:left;width:770px;border:1px solid #f0f0f0;margin-top:3px;background:#B07231;opacity: 0.5; text-align:center;padding-top:10px;padding-bottom:10px;}
.main .bottom a{color:#ffffff;text-decoration:none;font-weight:bold;margin-left:10px;}
.main .bottom a:hover{text-decoration:underline;}
.main .top{width:770px; height:18px; float:left; border:1px solid #000000;padding-top:8px;color:#ffffff;text-indent:10px;}
.main .top a{color:#ffE9E9;text-decoration:none;}
.main .top a:hover{text-decoration:underline;}

.main .banner{color:#E9E9E9;width:710px; height:190px; float:left; border-left:1px solid #000000;border-right:1px solid #000000;font-size:22px; font-weight:bold;font-family:微软雅黑,Comic Sans Ms; padding-left:60px; padding-top:60px;filter: alpha(opacity = 80);}

.main .menu{width:570px; height:32px; float:left; border-left:1px solid #000000; border-right:1px solid #000000;border-bottom:1px solid #000000; text-align:center;background:url("menubg.gif");font-size:12px;padding-left:200px;}

.main .menu a{color:#FFFFFF;text-decoration:none;height:22px;float:left;padding-top:10px;width:63px;margin-right:10px;}
.main .menu a:hover{background:url(menu.gif);font-weight:bold;color:#FFFFFF;}
.main .menu .curr{background:url(menu.gif);font-weight:bold;color:#FFFFFF;}

.main .left{ width:230px; float:left; height:auto; overflow:hidden;margin-top:3px;}

.main .left .head{ width:227px; height:auto; border:1px solid #000000; float:left;padding-bottom:7px;color:#ffffff;background:#000000;filter: alpha(opacity = 80);}
.main .left .head img{ margin:1px;}
.main .left .head span{float:left;margin-bottom:6px;margin-left:11px;/* border-bottom: 0; */color: #E9E9E9;width:200px;}
.main .left .head span{float:left;margin-bottom:6px;margin-left:11px;color: #E9E9E9;width:200px;}
.main .left .head .addfirend{ float:left; width:16px; height:16px; background-image:url(addfirend.gif); margin:5px;}
.main .left .head .sendmessage{ float:left; width:16px; height:16px; background-image:url(sendmessage.gif); margin:5px; }
.main .left .head .apply{ float:left; width:16px; height:16px; background-image:url(apply.gif);margin:5px; }
.main .left .head .homepage{ float:left; width:16px; height:16px; background-image:url(homepage.gif); margin:5px;}

.main .left .setgood{width:227px; height:auto; border:1px solid #000000; float:left; padding-bottom:7px;margin-top:3px;overflow:hidden;background:#000000;filter: alpha(opacity = 80);}
.main .left .setgood span{ float:left;height:19px;text-indent:10px;border-bottom:1px solid #000000;background:url("bg.gif"); width:227px; padding-top:7px;color:#FFFFFF;font-weight:bold;}
.main .left .setgood a{margin-left:17px; margin-top:5px; margin-bottom:7px;}

.main .left .iapply{width:227px; height:auto; border:1px solid #000000; float:left; margin-top:3px; padding-bottom:7px;overflow:hidden;background:#000000;filter: alpha(opacity = 80);}
.main .left .iapply span{float:left;height:19px;text-indent:10px;border-bottom:1px solid #000000;background:url("bg.gif"); width:227px; padding-top:7px;color:#FFFFFF;font-weight:bold;}
.main .left .iapply a{margin-left:17px; margin-top:5px; margin-bottom:7px;}

.main .left .views{width:227px; height:auto; border:1px solid #000000; float:left; margin-top:3px; padding-bottom:7px;overflow:hidden;background:#000000;filter: alpha(opacity = 80);}
.main .left .views span{float:left;height:19px;text-indent:10px;border-bottom:1px solid #000000;background:url("bg.gif"); width:227px; padding-top:7px;color:#FFFFFF;font-weight:bold;}
.main .left .views a{margin-left:17px; margin-top:5px; margin-bottom:7px;}

.user{float:left; width:86px;text-decoration:none; height:17px;background-repeat:no-repeat;background-position:3px 3px; text-align:center; padding-top:98px; overflow:hidden; white-space:nowrap;border:1px dashed #B07231;color:#B07231;background-color:#f0f0f0;}
.user:hover{color:#FFFFFF;background-color:#B07231;border-color:#FFFFFF;}

.main .right{width:539px; float:left; height:auto; overflow:hidden; margin-left:3px; margin-top:3px;}

.main .right .musicbox{ width:537px; border:1px solid #000000; height:400px;opacity: 0.8; filter: alpha(opacity = 80);}

.main .right .note{width:537px; border:1px solid #000000; height:auto; margin-top:3px; overflow:hidden;background:#000000;filter: alpha(opacity = 80);}
.main .right .note span{float:left;height:19px; text-indent:10px; background:url(bg.gif); width:537px; padding-top:7px;border-bottom:1px solid #000000;color:#FFFFFF;font-weight:bold;} 
.main .right .note tt{ height:auto; color:#ffffff;font-weight:bold;font-family:Tahoma,Comic Sans Ms; text-align:center; padding-top:6px;padding-bottom:6px; width:537px; float:left;}
.main .right .note .content{ width:527px; margin-left:3px; margin-bottom:10px; height:auto; float:left; color:#e9e9e9; margin-top:10px;}
.main .right .note .content p{margin:0px;}
.main .right .note .time{ width:519px; margin-left:5px; padding-bottom:9px; height:15px; float:left; text-align:right; display:inline; color:#E9E9E9;font-weight:bold;}

.main .right .albumlist{width:537px; border:1px solid #000000; height:auto; margin-top:3px; padding-bottom:10px;overflow:hidden;background:#000000;filter: alpha(opacity = 80);}
.main .right .albumlist span{float:left;height:19px; text-indent:10px; background:url(bg.gif); width:537px; padding-top:7px;border-bottom:1px solid #000000;color:#FFFFFF;font-weight:bold;} 
.main .right .albumlist a{margin-left:17px; margin-top:10px;}

.album{float:left; width:111px;text-decoration:none; height:17px;background-repeat:no-repeat;background-position:3px 3px; text-align:center; padding-top:90px; overflow:hidden; white-space:nowrap;border:1px dashed #555555;color:#555555;background-color:#333333; text-indent:3px; white-space:pre-line; line-height:20px;}
.album:hover{border:1px dashed #555555;color:#f0f0f0;background-color:#555555;}

.main .right .firendlist{width:537px; border:1px solid #000000; height:auto; margin-top:3px; padding-bottom:10px;overflow:hidden;background:#000000;filter: alpha(opacity = 80);}
.main .right .firendlist span{float:left;height:19px; text-indent:10px; background:url(bg.gif); width:537px; padding-top:7px;border-bottom:1px solid #000000;color:#FFFFFF;font-weight:bold;} 
.main .right .firendlist a{margin-left:16px;margin-top:10px;}

.main .right .wordlist{width:537px; border:1px solid #000000; height:auto; margin-top:3px; padding-bottom:5px;background:#000000;filter: alpha(opacity = 80);}
.main .right .wordlist span{float:left;height:19px; text-indent:10px; background:url(bg.gif); width:537px; padding-top:7px;border-bottom:1px solid #000000;color:#FFFFFF;font-weight:bold;} 

.main .right .liwulist{width:537px; border:1px solid #000000; height:auto; margin-top:3px; padding-bottom:10px;overflow:hidden;background:#000000;filter: alpha(opacity = 80);}
.main .right .liwulist span{float:left;height:19px; text-indent:10px; background:url(bg.gif); width:537px; padding-top:7px;border-bottom:1px solid #000000;color:#FFFFFF;font-weight:bold;} 
.main .right .liwulist .liwu{margin-left:3px;display:inline;margin-top:3px;width:528px;float:left; height:30px;line-height:30px;background:url(../../images/liwu.gif);background-repeat:no-repeat;border:1px solid #222222;background-position:3px 3px;background-color:#111111;}
.main .right .liwulist .liwu a{color:#444444;text-decoration:none;}
.main .right .liwulist .liwu a:hover{text-decoration:underline;}
.main .right .liwulist .liwu .name{float:left;width:332px;margin-left:30px;text-indent:10px;}
.main .right .liwulist .liwu .open{float:left;width:50px;text-align:center;}
.main .right .liwulist .liwu .sender{float:left;width:100px;text-align:center;}
.main .right .liwulist .liwu:hover{border-color:#666666;}

.main .right .wordlist .iword{ width:529px; border-bottom:1px dashed #000000; margin-left:2px; float:left; margin-top:5px; padding-bottom:5px;}
.main .right .wordlist .iword .sleft{ width:96px; float:left; }
.main .right .wordlist .iword .sleft span{width:90px; float:left; margin-left:1px;margin-top:2px;color:#000000;text-align:left; height:12px; padding-top:4px;padding-bottom:4px;text-indent:4px;border:0px;height:auto;background:none;}
.main .right .wordlist .iword .sleft a{ margin-top:3px; margin-left:2px;}

.main .right .wordlist .iword .sright{float:left; width:429px;padding-bottom:7px;/*border-left:1px dashed #FFFFFF;*/}
.main .right .wordlist .iword .sright .content{margin-top:5px;margin-left:5px;float:left; width:395px; white-space:pre-wrap; overflow:hidden;background:#E9E9E9; word-break:break-all; color:#444444;border:1px solid #cccccc;padding:10px;text-align:justify;height:inherit;}
.main .right .wordlist .iword .sright .title{ text-indent:10px;float:left; width:400px;color:#000000;}
.main .right .wordlist .sendword{ width:380px; float:left; margin-left:40px;padding-top:15px;color:#000000;}
.main .right .wordlist .sendword .content{ width:380px;height:140px; overflow:hidden;}
.main .right .wordlist .sendword .content textarea{width:370px;height:130px;}

.main .right .wordlist .pagebar{ width:510px; display:inline; float:left; margin:5px;}
.main .right .wordlist .pagebar a{border:1px solid #B07231; margin-left:5px; padding-top:7px;text-decoration:none;text-align:center;background:#f0f0f0;color:#B07231; margin-top:2px;}
.main .right .wordlist .pagebar a:hover{background:#B07231;color:#ffffff;}
.main .right .wordlist .pagebar .curr{ float:left;width:25px; height:18px;padding-left:0px;text-indent:0px;color:#000000; text-align:center;padding-top:6px; font-weight:bold; font-size:13px;margin-left:5px; border:1px solid #cccccc; background:#ffffff; margin-top:2px;}
.main .right .wordlist .pagebar .num{ float:left;width:25px; height:18px; margin-top:2px;}
.main .right .wordlist .pagebar .nxt{ float:left;  width:60px; height:18px; margin-top:2px;}

.main .picview{float:left; margin-top:3px; width:auto; height:auto; text-align:center; width:722px; margin-left:25px; display:inline;}
.main .picview img{ border:2px solid #000000; cursor:hand;}
.main .pics{ width:770px; border:1px solid #000000; margin-top:3px; height:350px; overflow:auto;}
.main .pics a{ margin-top:6px; margin-left:10px; margin-bottom:3px;}


.main .right .fpagebar{ width:510px; display:inline; float:left; margin:5px;}
.main .right .fpagebar a{border:1px solid #B07231; margin-left:5px; padding-top:7px;text-decoration:none;text-align:center;background:#f0f0f0;color:#B07231; margin-top:2px;}
.main .right .fpagebar a:hover{background:#B07231;color:#ffffff;}
.main .right .fpagebar .curr{ float:left;width:25px; height:19px; text-align:center;padding-top:6px; font-weight:bold; font-size:13px;margin-left:5px; border:1px solid #cccccc; background:#ffffff; margin-top:2px;}
.main .right .fpagebar .num{ float:left;width:25px; height:18px; margin-top:2px;}
.main .right .fpagebar .nxt{ float:left;  width:60px; height:18px; margin-top:2px;}

.main .right .firends{ width:537px; border:1px solid #000000;float:left; padding-bottom:10px; display:inline;background:#000000;filter: alpha(opacity = 80);}
.main .right .firends a{margin-left:16px; margin-top:10px;}

.main .right .notes{width:537px; border:1px solid #000000;float:left; padding-bottom:10px; display:inline;background:#000000;filter: alpha(opacity = 80);}
.main .right .notes .row{width:517px;border:1px solid #000000;margin-left:9px;float:left;display:inline;margin-top:9px;padding-top:10px;padding-bottom:10px;background:#333333;}
.main .right .notes .row a{height:17px;color:#e9e9e9;float:left;overflow:hidden;font-size:14px;font-weight:bold;width:360px;padding-top:3px;white-space:nowrap;margin-left:10px;text-decoration:none;}
.main .right .notes .row a:hover{text-decoration:underline;}
.main .right .notes .row .time{height:17px;padding-top:3px;float:right;margin-right:10px;text-align:right;color:#cc0000; width:130px;overflow:hidden;font-family:tahoma;}