﻿body{margin:0px;}
.main{margin:auto;width:772px;overflow:hidden;font-size:12px;font-family:Tahoma;}

.main .bottom{color:#f0f0f0;float:left;width:770px;margin-top:3px;background:#191919;opacity: 0.5; filter: alpha(opacity = 50);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{background:url(_bg.gif);position:relative;width:770px;height:25px;left:-1px;border:1px solid #2b2b2b;line-height:30px;text-indent:20px;color:#010101;}
.main .top a{text-decoration:none;color:#010101;} .main .top a:hover{text-decoration:underline;}
.banner{ width:730px; height:190px; float:left;margin-top:3px;padding-left:40px; padding-top:60px;} .banner span{color:#f2a175; font-size:22px; font-weight:bold;font-family:Tahoma; }

.banner,.menu a,.head,.setgood,.iapply,.views,.musicbox,.note,.albumlist,.firendlist,.liwulist,.wordlist,.notes,.firends,.bottom{border:1px solid #2b2b2b; float:left; color:#666;}

.head,.setgood,.iapply,.views{width:227px; height:auto; margin-top:3px;color:#333;overflow:hidden;}
.setgood span,.iapply span,.views span{ float:left; margin:1px; height:auto;width:225px; padding-top:5px;padding-bottom:5px;font-weight:bold;color:#666;text-indent:15px;background:#2b2b2b;)}

.musicbox,.note,.albumlist,.firendlist,.liwulist,.wordlist,.notes,.firends{width:537px; margin-top:3px;overflow:hidden;padding-bottom:10px;}
.note span,.albumlist span,.firendlist span,.liwulist span,.wordlist span{float:left; margin:1px; background:#2b2b2b; height:auto;width:535px; padding-top:5px;padding-bottom:5px;font-weight:bold;color:#666;text-indent:15px;}

.menu{width:550px; height:25px;line-height:25px;float:left;margin-top:-40px;margin-left:5px;}
.menu a{color:#666;text-decoration:none;width:45px;margin-left:5px;height:25px;text-align:center;background:#333;} .menu a:hover,.menu .curr{color:#666;}

.main .left{ width:230px; float:left; height:auto; overflow:hidden;}
.main .right{width:539px; float:left; height:auto; overflow:hidden;margin-left:3px;}

.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 solid #333;color:#adadad;}
.user:hover{color:#666; border:1px solid #2b2b2b;}

.main .left .head{padding-bottom:7px;}
.main .left .head img{ margin:1px;}
.main .left .head span{ color:#666;float:left;line-height:25px; margin-bottom:3px; margin-left:11px; border-bottom:1px; width:200px; border-bottom-style:dotted; border-bottom-color:#2b2b2b;}
.main .left .head .addfirend{ float:left; width:69px; height:23px; background-image:url(vipaddfirend2.gif);  margin-left:28px;}
.main .left .head .sendmessage{float:left; width:69px; height:23px; background-image:url(vipsendmessage2.gif);  margin-left:28px;}
.main .left .head .apply{float:left; width:69px; height:23px; background-image:url(vipapply2.gif);margin-left:28px;margin-top:10px;}
.main .left .head .homepage{float:left; width:69px; height:23px; background-image:url(viphomepage2.gif);margin-left:28px;margin-top:10px;}
.main .left .setgood{padding-bottom:7px;}
.main .left .setgood a{margin-left:17px; margin-top:5px; margin-bottom:7px;}
.main .left .iapply{padding-bottom:7px;}
.main .left .iapply a{margin-left:17px; margin-top:5px; margin-bottom:7px;}
.main .left .views{padding-bottom:7px;}
.main .left .views a{margin-left:17px; margin-top:5px; margin-bottom:7px;}

.main .right .musicbox{height:400px;}

.main .right .note{height:auto;}
.main .right .note tt{ height:10px; color:#191919; font-family:Tahoma; text-align:center; padding-top:5px; width:537px; float:left;}
.main .right .note .content{ width:527px; margin-left:5px; margin-bottom:5px; height:auto; float:left; color:#FFFFFF; margin-top:5px;}
.main .right .note .content p{margin:0px;}
.main .right .note .time{ width:527px; margin-left:5px; margin-bottom:5px; height:15px; float:left; text-align:right; display:inline; color:#666666;}

.main .right .albumlist{height:auto;}
.main .right .albumlist a{margin-left:17px; margin-top:10px;}

.album{float:left;width:111px;text-decoration:none;height: 0px;background-repeat:no-repeat;background-position:3px 3px;text-align:center;padding-top:90px;overflow:hidden;white-space:nowrap;border: 1px solid #333;color:#606060;text-indent:3px;white-space:pre-line;line-height:20px;}
.album:hover{border:1px solid #333;color:#333;background-color:#333;}

.main .right .firendlist{height:auto; }
.main .right .firendlist a{margin-left:16px;margin-top:10px;}

.main .right .liwulist{height:auto;padding-bottom:10px;}
.main .right .liwulist .liwu{margin-left:3px;display:inline;margin-top:3px;width:528px;float:left; height:30px;line-height:30px;background:url(liwu.png);background-repeat:no-repeat;border:1px solid #222222;background-position:3px 3px;}
.main .right .liwulist .liwu a{color:#333;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{height:auto;font-family:Tahoma;}

.main .right .wordlist .iword{ width:529px; border-bottom:1px dashed #282828; 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:#666;text-align:left; height:12px; padding-top:4px;padding-bottom:4px;text-indent:4px;border:0px;height:auto;}
.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 #333;*/}
.main .right .wordlist .iword .sright .content{margin-top:5px;margin-left:5px;float:left; width:395px; white-space:pre-wrap; overflow:hidden;background:#282828; word-break:break-all; color:#666;border:1px solid #666;padding:10px;text-align:justify;height:inherit;}
.main .right .wordlist .iword .sright .title{ text-indent:10px;float:left; width:400px;color:#333;}
.main .right .wordlist .sendword{ width:380px; float:left; margin-left:40px;padding-top:15px;color:#333;}
.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{ margin-left:5px; padding-top:6px;text-decoration:none;text-align:center;background:#c94004;color:#FFFFFF; margin-top:2px;padding-bottom:5px;}
.main .right .wordlist .pagebar a:hover{background:#BB0099;color:#333;}
.main .right .wordlist .pagebar .curr{ float:left;width:25px; height:18px;padding-left:0px;text-indent:0px;color:#333; text-align:center;padding-top:6px; font-weight:bold; font-size:13px;margin-left:5px; border:1px solid #c94004; 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 #E9E9E9; cursor:hand;}
.main .pics{ width:770px; border:1px solid #E9E9E9; 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 #E9E9E9; margin-left:5px; padding-top:7px;text-decoration:none;text-align:center;background:#191919;color:#e9e9e9; margin-top:2px;}
.main .right .fpagebar a:hover{background:#E9E9E9;color:#000000;}
.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 #c94004; 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{ height:auto;}
.main .right .firends a{margin-left:16px; margin-top:10px;}

.main .right .notes{height:auto;}
.main .right .notes .row{width:517px;border:1px solid #e9e9e9;margin-left:9px;float:left;display:inline;margin-top:9px;padding-top:10px;padding-bottom:10px;background:#191919;}
.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;}