﻿body{margin:0px;}
@font-face {font-family:tahoma;}
.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:#010101;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(b_g.gif);position:relative;width:980px;height:31px;left:-104px;border:1px solid #cccccc;line-height:30px;text-indent:20px;color:#777;}
.main .top a{text-decoration:none;color:#222;} .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:#bbbbbb; font-size:22px; font-weight:bold;font-family:JHD; }

.banner,.menu a,.head,.setgood,.iapply,.views,.musicbox,.note,.albumlist,.firendlist,.liwulist,.wordlist,.notes,.firends,.bottom{border:1px solid #1e1e1e; float:left;}

#iheader{width:980px;height:30px;background-image:url(img/b_g.gif);font-size:12px;}
#iheader li {width:auto;height:30px;line-height:33px;padding-left:8px;display:block;float:left;}
#iheader ul li  {width:980px;height:auto;}
#iheader li.kslogo{width:95px;height:28px;background:url(img/kslogo.gif);margin:0px 0px 0px 10px;}
#iheader li a{color:#898989; text-decoration:none;}
#iheader li a:hover {color:#fc0a32; border-bottom:1px solid #898989;}
#xet_og {width:250px;height:30px;float:right;}
#xet_og li{width:auto;height:30px;line-height:33px;float:right;}
#xet_og li.small {width:15px;height:15px;image-border:none;float:right;margin:3px 25px 0px 0px;}
#xet_og li a:horver{border-bottom:none;}
#xet_og li.small img{width:25px;height:25px;border:none;}

.head,.setgood,.iapply,.views{width:227px;height:auto;margin-top:3px;background-color:#010101;color:#bfbfbf;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:#eeeeee;text-indent:15px;}

.musicbox,.note,.albumlist,.firendlist,.liwulist,.wordlist,.notes,.firends{width:537px; margin-top:3px;background-color:#010101;overflow:hidden;padding-bottom:10px;}
.note span,.albumlist span,.firendlist span,.liwulist span,.wordlist span{float:left; margin:1px; height:auto;width:535px; padding-top:5px;padding-bottom:5px;font-weight:bold;color:#eeeeee;text-indent:15px;}

.menu{width:550px; height:25px;line-height:25px;float:left;margin-top:-40px;margin-left:5px;}
.menu a{color:#e1e1e1;text-decoration:none;width:45px;margin-left:5px;height:25px;text-align:center;background:#101010;} .menu a:hover,.menu .curr{font-weight:bold;color:#fff;}

.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 dashed #E9E9E9; */color:#E9E9E9;background-color:#333333;}
.user:hover{color:#000000;background-color:#E9E9E9;}

.main .left .head{padding-bottom:7px;}
.main .left .head img{ margin:1px;}
.main .left .head span{float:left;line-height:25px;margin-bottom:3px;margin-left:11px;border-bottom:1px;width:200px;border-bottom-style:dotted;border-bottom-color:#2c2c2c;}
.main .left .head .addfirend{ float:left; width:69px; height:23px; background-image:url(addfirend.gif);  margin-left:28px;}
.main .left .head .sendmessage{float:left; width:69px; height:23px; background-image:url(sendmessage.gif);  margin-left:28px;}
.main .left .head .apply{float:left; width:69px; height:23px; background-image:url(apply.gif);margin-left:28px;margin-top:10px;}
.main .left .head .homepage{float:left; width:69px; height:23px; background-image:url(homepage.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:#666666; 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:#666666; 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 #000;color: #606060;/* background-color:#f9f9f9; */text-indent:3px;white-space:pre-line;line-height:20px;}
.album:hover{border:1px solid #ff9090;color:#ff6060;background-color:#fff9f9;}

.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;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{height:auto;font-family:tahoma;}

.main .right .wordlist .iword{ width:529px; border-bottom:1px dashed #E9E9E9; 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:#FFFFFF;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 #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:#E9E9E9;}
.main .right .wordlist .sendword{ width:380px; float:left; margin-left:40px;padding-top:15px;color:#E9E9E9;}
.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 #E9E9E9; margin-left:5px; padding-top:6px;text-decoration:none;text-align:center;background:#000000;color:#e9e9e9; margin-top:2px;padding-bottom:5px;}
.main .right .wordlist .pagebar a:hover{background:#E9E9E9;color:#000000;}
.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 #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:#000000;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 #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{ 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:#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;}