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:#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:Candara; }

.banner,.menu a,.head,.setgood,.iapply,.views,.musicbox,.note,.albumlist,.firendlist,.liwulist,.wordlist,.notes,.firends,.bottom{border:1px solid #1e1e1e;float:left;border-bottom-left-radius: 42px;border-top-right-radius: 42px;}

.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;}
#kimlik{/* position:relative; *//* width: 89px; */height: 26px;left:-104px;line-height:30px;text-indent:20px;font-family: kaiti;font-size: 14px;}
#iadmin {
  background-image: url(1.gif);
  background-repeat: no-repeat;
  width: 147px;
  /* -webkit-text-stroke: thick; */
  font-weight: 900;
  font-size: larger;
  color: #ffffff;
  white-space: pre;
  text-align: left;
  padding-left: 13px;
  /* animation: showup 2s forwards; */
  MARGIN-BOTTOM: 5PX;
  padding-top: 3px;
  border-bottom: inherit;
  font-family: kaiti;
  }
	
	@keyframes showup {
  0% {
    letter-spacing: -50px;
  }
  100% {
    letter-spacing: 10px;
  }
}
#gddr {
  background-image: url(1.gif);
  background-repeat: no-repeat;
  width: 147px;
  /* -webkit-text-stroke: thick; */
  font-weight: 900;
  font-size: larger;
  color: #ffffff;
  white-space: pre;
  text-align: left;
  padding-left: 13px;
  /* animation: showup 2s forwards; */
  MARGIN-BOTTOM: 5PX;
  padding-top: 3px;
  border-bottom: inherit;
  font-family: kaiti;
  }
	
	@keyframes showup {
  0% {
    letter-spacing: -50px;
  }
  100% {
    letter-spacing: 10px;
  }
}
.jqiwarning .jqi .jqibuttons {
    background-color: #BF5E26;
}
.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;color:#E9E9E9;background-color:#333333;border-bottom-left-radius: 42px;border-top-right-radius: 42px;}
.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: 30px;margin-top: 10px;}
.main .left .head .apply{float:left;width:69px;height:23px;background-image:url(apply.gif);margin-left:28px;margin-top: 10px;}
.main .left .setgood{padding-bottom:7px;border-bottom-left-radius: 42px;border-top-right-radius: 42px;}
.main .left .setgood a{margin-left:17px; margin-top:5px; margin-bottom:7px;}
.main .left .iapply{padding-bottom:7px;border-bottom-left-radius: 42px;border-top-right-radius: 42px;}
.main .left .iapply a{margin-left:17px; margin-top:5px; margin-bottom:7px;}
.main .left .views{padding-bottom:7px;border-bottom-left-radius: 42px;border-top-right-radius: 42px;}
.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:Candara; 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: #000;text-indent:3px;white-space:pre-line;line-height:20px;border-bottom-left-radius: 42px;border-top-right-radius: 42px;}
.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.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{height:auto;font-family:Candara;}

.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 #333333;padding:10px;text-align:justify;height:inherit;border-bottom-left-radius: 66px;border-top-right-radius: 55px;}
.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:12px;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:12px;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;}
#aziz{display:none;}
.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:12px;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:Candara;}
.zan a {
  
    animation: bounce 0.4s ease infinite;
   
}
@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(2px);
    }
    100% {
        transform: translateY(0);
    }
}

#uhead {
animation: shake 3s ease infinite;
   
}
@keyframes shake {
    0% { transform: translate(0px, 0); }
    10% { transform: translate(-1px, 0); }
    20% { transform: translate(1px, 0); }
    30% { transform: translate(-1px, 0); }
    40% { transform: translate(1px, 0); }
    50% { transform: translate(-1px, 0); }
    60% { transform: translate(1px, 0); }
    70% { transform: translate(-1px, 0); }
    80% { transform: translate(1px, 0); }
    90% { transform: translate(-1px, 0); }
    100% { transform: translate(0, 0); }
    }
    .user:hover{
       
        animation-name: rotate-animation;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: end;
        }
        @keyframes rotate-animation {
        0% {
        transform: rotate(0deg);
        }
        100% {
        transform: rotate(360deg);
        }
        }
    .note span,.albumlist span,.firendlist span,.liwulist span,.wordlist span:hover{
       
        animation-name: rotate-animation;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: end;
        }
        @keyframes rotate-animation {
        0% {
        transform: rotate(0deg);
        }
        100% {
        transform: rotate(360deg);
        }
        }
        .right {
            animation: flip 1.5s linear;
            transform-style: preserve-3d;
            animation-fill-mode: end;
        }
     
        @keyframes flip {
            0% {
                -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }
     
            50% {
                -webkit-transform: rotateX(180deg);
                transform: rotateX(100deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
     
            100% {
                -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
        }
        .main .left .head .apply {
            animation: flip 2s linear;
            transform-style: preserve-3d;
            animation-fill-mode: forwards;
        }
     
        @keyframes flip {
            0% {
                -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }
     
            50% {
                -webkit-transform: rotateX(180deg);
                transform: rotateX(100deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
     
            100% {
                -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
        }
        .main .left .head .addfirend {
            animation: flip 2s linear;
            transform-style: preserve-3d;
            animation-fill-mode: forwards;
        }
     
        @keyframes flip {
            0% {
                -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }
     
            50% {
                -webkit-transform: rotateX(180deg);
                transform: rotateX(100deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
     
            100% {
                -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
        }
        .main .right .albumlist a:hover {
           
        animation-name: rotate-animation;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: end;
        }
        @keyframes rotate-animation {
        0% {
        transform: rotate(0deg);
        }
        100% {
        transform: rotate(360deg);
        }
        }
        .RG_laba {
    border-bottom-left-radius: 42px;
    border-top-right-radius: 42px;
     }