css skin chuẩn fm vi ver 2

Code:

/* nút button */
input.button2:hover,input[type=button],.pun input[type=submit],input[type=reset] {
cursor:pointer;
border:1px solid #999;
border-bottom:1px solid rgb(131,131,131);
color:#000;
background-color:#FFF;
background-image:url(http://i38.servimg.com/u/f38/16/18/15/10/untitl27.png);
background-repeat:repeat-x;
background-position:bottom left;
font:bold 11px Tahoma!important;
height:23px!important;
padding:3px 5px 5px 5px!important;
}

input.button2,select,.pun input[type=text]{padding:3px 5px;}
.pun input[name=login],.pun input[name=submit],.pun input.mainoption,.pun input[name=post] {
border:1px solid rgb(41,113,222);
color:#fff; 
background-color:rgb(87,145,237);
background-image:url(http://i39.servimg.com/u/f39/18/83/96/52/166.png);
background-position:top left;
}

.pun input[type=reset]:active,input[type=submit]:active {
background-color:#dedede;
background-image:none;
box-shadow: inset 0 1px 1px #b0b0b0;
}

input[name=submit]:active,input.button2:active,.pun input[name=login]:active,input.mainoption:active,input[name=post]:active {
background:rgb(69,130,230) url();
box-shadow: inset 0 0px 0px #b0b0b0;
}

/* đường dẫn liên kết */
.pun-crumbs {
background: #E7E7E7 url(http://i37.servimg.com/u/f37/17/47/85/23/second11.png) repeat-x 0 0;
border: 1px solid #E6E6E6;
line-height: 36px;
max-height: 30px;
overflow: hidden;
text-shadow: white 0 1px 0;
border-radius: 3px;
}
.pun-crumbs p {
font-size: 0;
line-height: 30px;
margin: 0;
  color: #666;
}

.pun-crumbs a {
background: url(http://i37.servimg.com/u/f37/17/47/85/23/second10.png) no-repeat 100% -2px;
font-size: 11px;
padding: 12px 17px 12px 4px;
}

/* drop menu avatar */
.pun .user{overflow:visible;margin-top:0!important;width:13em;padding:0}
.cl dt{width:75px}
.cl dt span{color:#000!important}
.cl dd{width:110px}
.cl dd,.cl dt{float:left;height:1.6em;line-height:1.6em}
.useravatar img{width:120px;background-color:#F5F5F5;border-bottom:2px solid;border-radius:3px;border-right:2px solid;padding:5px}
.morelink a{padding-right:13px}
.pun .post .user,.pun .postfoot{margin-left:-13em!important;position:relative}
.pun .postmain{margin-left:13em!important}
.closeWIndowF{background-color:transparent;color:red;font-family:Arial,Helvetica,sans-serif;font-variant:small-caps;letter-spacing:-1px;opacity:1;text-decoration:none;text-transform:capitalize;font-size:20px;text-shadow:0 0 9px #eee 3px 0 1px #131313;font-weight:700;padding:5px}
.user .status{padding-right:20px;overflow:hidden;margin-bottom:-3px;color:green;float:right;width:250px;height:18px}
.user-ident .posthead{background-color:transparent;font-size:9px;height:2.6em;left:-2px;position:absolute;text-align:center;top:-3.7em;width:15.3em;padding:.5em 1.3em .5em 1em}
.user-ident .userInfoF{position:absolute;z-index:301;background:none repeat scroll 0 0 #fff;border:1px solid #cdcdcd;box-shadow:2px 2px 3px #ccc;width:510px;left:-2px;display:none;top:-1px;padding:15px 0 15px 10px}
.user-ident .user-info{float:right;width:370px}
.user-ident .manuUserF{float:left;border-bottom:1px dashed;margin-bottom:5px;width:350px;position:relative}
.user-ident .morelink{text-align: center;float:left;border-top:1px dashed;padding-top:5px;width:350px}
.pun .postfoot .user-contact{float:none;left:-0.3em;position:absolute;text-align:center;width:13em;z-index:99}
/* BĂ i cĂ¹ng chuyĂªn mục */
.fmviToggle .h2{width:850px!important}
.fmviToggle .h2 a,.fmviToggle .h2 a:link{color:#DEDFDF!important}
.fmviToggle .listVer4{list-style-type:decimal-leading-zero;padding:10px 40px}
/* Xếp bĂ i viết */
#sapxepFMvi span{color:#026DA6;font-family:Tahoma;font-size:1.2em;font-weight:700;padding:0 10px 0 30px}
#sapxepFMvi{background-color:#DEDEDE;margin-bottom:20px;padding:15px 20px 10px 5px}
/* Khung soạn thảo */
.qreply{width:100%;margin:0 0 1.3em;padding:0 10px;background:#FFF;border:0}
#textarea_content{width:100%!important;margin-bottom:10px}
.sceditor-container iframe,.sceditor-container textarea{min-height:150px}
.sceditor-container,.sceditor-group,.sceditor-button,div.sceditor-dropdown,.sceditor-dropdown .button{border-radius:0!important;box-shadow:none!important}
.sceditor-toolbar > div.sceditor-group{background:transparent;border:0 none;position:relative}
.sceditor-container{width:100%!important;height:322px}
.sceditor-button{background:#FFF;border:1px outset #DDD;margin:0 2px}
.sceditor-button.active,.sceditor-button.hover,.sceditor-button:active,.sceditor-button:hover{border:1px inset #DDD}
.sceditor-dropdown .button{background:#2980b9!important;color:#FFF!important;border:0 none!important}
.sceditor-dropdown .button:hover{background:#3498db!important}
.sceditor-group:not(:last-child):after{content:" ";display:block;width:1px;height:20px;position:absolute;top:5px;right:-3px;background:#777}
.messaging-box,#smiley-box{padding:0 11px 0 10px;border:0;background:transparent}
.helpline{display:none}
#smiley-box{padding:0;background:transparent;margin:0 0 0 10px}
.smiley-container{border:0}
.exthelp,.rte-menu-button{border-color:#CCC;margin:0;line-height:17px}
.textarea-info > .exthelp{background:0;border:0;margin:0;float:none;display:block;padding:0}
.borderwrap .subtitle{color:#333}
#smileyContainer > iframe{border:1px solid #DDD;height:322px}
.sceditor-dropdown.sceditor-color-picker{width:122px;-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}
.sceditor-color-option:hover:after{width:22px;height:22px;display:block;background:inherit;content:" ";position:absolute;top:-26px;left:2px;border:1px solid #FFF}
#text_editor_textarea{width:100px!important;display:block!important;opacity:0!important;position:absolute!important;z-index:-999!important}
                      .prField{font-weight:bold;padding:3px 5px;border:1px solid #EBEBEB;background:#FFF;margin:3px 0}
.postprofile-left{position:relative}
.postprofile{float:left;width:160px}
/* giao diện blog */
#bookmarks{float:none;margin-top:20px;text-align:center}
#bookmarks a{border:1px solid;box-shadow:-2px -2px 2px #4B4646;height:30px!important;padding-bottom:4px;text-align:center;vertical-align:middle!important;width:20px!important;margin:0 10px!important}
#bookmarks a:hover{box-shadow:-2px -2px 2px red}
#bookmarks a:active{box-shadow:-2px -2px 2px #000}
#blog_comments{width:100%!important;border:0 none!important}
#blog_comments .post .postbody span{display:block;font-size:12px;margin-top:5px;padding-top:5px}
.nonchange,.nonchange span{display:inline!important;margin:0;padding:0}
#blog_comments .post .postbody{box-shadow:0 1px 2px rgba(0,0,0,0.1);margin-left:70px;position:relative;border:1px solid #DFDFDF;border-radius:3px 3px 3px 3px;width:90%!important;padding:10px}
.blog_comment-avatar{display:block;float:left;height:auto;margin-right:10px;width:50px;background-color:#FFF;border:1px solid #DFDFDF;border-radius:3px 3px 3px 3px;box-shadow:0 0 5px #EBEBEB;padding:2px}
.blog_comment-avatar img{background-color:#FFF;border:0 none;vertical-align:middle;width:50px;min-height:50px;margin:0}
#blog_comments .post{clear:both;margin-bottom:15px;position:relative;border:0 none!important;padding:0}
span.comment-time,span.comment-number{color:#888;position:absolute;right:40px;top:0;font-size:11px!important}
.comment-content{border-top:1px solid #DFDFDF}
#blog_comments .post span.dialog{height:20px;left:-10px;position:absolute;top:0;width:10px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/dialog11.png) no-repeat scroll 0 0 transparent}
.comment-number img{position:absolute;padding:2px;right:0;}
.comment-number{cursor:pointer;right:10px!important}
.comment-number img.dropP{background-color:#FFF;z-index:100;border-color:#09A2E8;border-style:solid solid none;border-width:1px;}
.dropMenuP{display:none;background-color:#FFF;border:1px solid #09A2E8;position:absolute;right:10px;top:30px;padding:0 5px}
/* Quyền hạn trong chuyĂªn mục */
#quanlylist{border:2px solid #EAEAEA;width:276px;padding:10px!important}
#quanlylist p{background-color:#8B8B8B;border:1px solid #807F7F;color:#FFF;font-variant:small-caps;text-shadow:1px 1px 1px #000;width:278px;margin:7px -12px;padding:3px 10px}
/* Thống kĂª */
.leftStats{float:left;margin-left:-71px;position:absolute;vertical-align:middle;width:60px}
.rightStats{border-left:2px solid #CFC9C9;min-height:50px;padding-left:10px;width:846px;margin:5px 10px 5px 70px}
.starsTitle{background-color:#E3E3E3;border:1px solid #DDD;color:#F8FF04;font-family:Comic Sans MS;font-variant:small-caps;font-weight:700;height:18px;text-shadow:1px 1px 1px #000;padding:5px}
/* Tìm thĂ nh viĂªn */
.jqDrag{width:398px}
.popup{min-width:434px!important;width:434px!important;margin:0!important}
/* Tin nhắn tá»± Ä‘á»ng vĂ  nĂºt Like */
#profile-advanced-details .autobot{color:#2220FB!important;font-size:14px!important;text-shadow:1px 1px 1px #000!important}
.loaddingLike{background:url(http://i48.servimg.com/u/f48/16/58/89/73/loadin11.gif) no-repeat scroll center center transparent;display:none;height:1.4em;width:126px;margin:-1.4em 0 -3px 200px}
.FMvi-like em {display:none;}
.post .post-options{height: 22px;position:relative}
.FMvi-like .nolikeplus{float:left}
.FMvi-like .nolikeminus{cursor:pointer;float:left;left:80px;position:absolute;top:5px}
.FMvi-like{min-width: 180px;left:150px;position:absolute;display:none;}
.FMvi-like .likePro,.FMvi-like .likeNone{border-radius:1px 1px 1px 1px;color:#FFF;text-align:left;width:57px;padding:3px 5px}
.FMvi-like .likePro{cursor:pointer!important;background:url(http://i48.servimg.com/u/f48/16/58/89/73/like_b12.png) no-repeat scroll 45px center #31A8FC!important;border:1px solid #2888CC!important}
.FMvi-like .likeNone{cursor:not-allowed;background:url(http://i48.servimg.com/u/f48/16/58/89/73/like_n11.png) no-repeat scroll 45px center #B1B1B1;border:1px solid #919699}
.FMvi-like .likePro:hover{text-shadow:1px 1px 1px #000}
.FMvi-like .nub{display:none;background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/tip10.png);background-position:0 0;background-repeat:no-repeat;float:left;height:8px;margin-left:-55px;margin-top:24px;position:relative;width:13px;z-index:99}
.FMvi-like .commentLike{min-width: 280px;display:none;background-color:#FBFAE6;border:1px solid #A3A3A3;float:left;left:0;top:30px;position:absolute;z-index:30;padding:5px}
.commentLike input{background-color:#FFF;border:1px solid #A3A3A3;display:none;height:28px;width:350px}
.commentLike p{padding:7px 0;text-align:left}
.FMvi-like .closeFMvi_like{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/tip10.png);background-position:0 -9px;background-repeat:no-repeat;height:16px;right:2px;top:2px;position:absolute;width:15px}
/* Bảng thĂ´ng bĂ¡o kĂo thả */
#StickyWin{opacity:0;display:none;position:absolute;z-index: 999;visibility:visible;left:43%;top:45%;border-radius:5px 5px 5px 5px}
.modalWrap{background:url(http://jsfiddle.net/img/modal/bg.png) repeat scroll 0 0 transparent;border-radius:4px 4px 4px 4px;font-size:.8em;z-index:300;padding:10px}
.modal_jslint{width:auto}
.modalWrap .modalHeading{border-radius:2px 2px 2px 2px;height:38px;position:relative}
.modalWrap .modalHeading .close{background:url(http://jsfiddle.net/img/modal/close.png) no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:15px;left:0;position:absolute;text-indent:-9000em;top:5px;width:15px}
.modalWrap .modalBody{cursor:default;background:none repeat scroll 0 0 #FFF;border-radius:2px 2px 2px 2px;color:#000;font-family:Helvetica,"Lucida Sans","Lucida Sans Unicode","Luxi Sans",Tahoma,sans-serif;font-size:1.2em;position:relative;padding:10px}
.modalWrap .modalHeading h3{font-variant:normal;letter-spacing:0;color:#FFF;cursor: move;font-size:1.2em;text-align:center;text-shadow:0 1px 0 #183048;padding:6px 0}
.active{background-color:#FF0;border-color:#ADA}
/* BỠgõ mudim style by www.c3zone.net */
#mudimPanel {-webkit-transition: all 2s ease;-moz-transition: all 2s ease;background:#FFF url(http://i48.servimg.com/u/f48/16/58/89/73/go1010.jpg) no-repeat right center!important;-moz-opacity: 0.9;opacity: 0.9;filter: alpha(opacity=90);bottom: 9px!important;left:-345px!important;width: 340px!important;height: 47px!important;padding: 4px 26px 4px 4px!important;font-size: 9px!important;font-weight:bold;vertical-align:middle;-moz-box-shadow: 5px 5px 5px #000;  -webkit-box-shadow: 5px 5px 5px #000;  box-shadow: 5px 5px 5px #000;}
#mudimPanel:hover {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-moz-opacity: 1; opacity: 1; filter: alpha(opacity=100);left:0!important}
/* Thu gọn bĂ i viết */
.baivietdai{overflow:hidden}
.thugon span:hover{text-shadow:1px 1px 1px #000;cursor:pointer}
.thugon{background-color:#F6FF9D;border:3px double #0668AD;clear:both;margin:0 -13px;padding:2px 10px}
.viewfull{background:url(//ssl.gstatic.com/ui/v1/zippy/arrow_down.png) no-repeat scroll 3px 7px transparent;padding:0 15px}
.viewhide{display:none;background:url(//ssl.gstatic.com/ui/v1/icons/mail/arrow_up.png) no-repeat scroll 3px 7px transparent;padding:0 15px}
.fullOff{background:url(http://i48.servimg.com/u/f48/16/58/89/73/power_11.png) no-repeat scroll 0 2px transparent;margin-top:-2px;padding:2px 5px 2px 20px}
.fullOn{display:none;background:url(http://i48.servimg.com/u/f48/16/58/89/73/power_10.png) no-repeat scroll 0 2px transparent;margin-top:-2px;padding:2px 5px 2px 20px}
/*xoa @ chatbox----------*/
#chatbox_members ul li a span:before{display: none!important;}
#chatbox_members ul li a span:after{display: none!important;}
#chatbox .user span, .online-users li a span, .online-users li span, .away-users li a span, .away-users li span {display: none;}
#chatbox .user a *, .online-users li a span:last-child, .away-users li a span:last-child {display: inline-block !important;}
/* avatar iundex_box */
.lastpost-avatar{-moz-border-radius:2px;-webkit-border-radius:2px;background-image:url(http://r12.imgfast.net/users/1211/23/83/92/avatars/gallery/110.jpg);background-position:center center;background-repeat:no-repeat;background-size:35px;border:1px solid #c6c7c6;border-radius:2px;display:inline-block;float:left;height:35px;margin-right:8px;margin-top:-2px;padding:2px;width:35px}
.lastpost-avatar img{-moz-border-radius:0;-webkit-border-radius:0;background-color:#FFF;border-radius:0;height:35px;margin:0;padding:0;width:35px}

/* ẩn jumpbox*/
#pun-about #qjump { display: none;}
#pun-about { text-align: center !important;}

/*hình nền đẹp noel */
.pun {
    width: 931px;
    min-width: 800px; 
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #222;
    background: #fff;
    -webkit-box-shadow: #fff 0px 0px 1px;
    -moz-box-shadow: #fff 0px 0px 1px;
    -o-box-shadow: #fff 0px 0px 1px;
    box-shadow: #fff 0px 0px 1px;
    border-radius: 5px;
    -webkit- border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}


a:link,a:visited {
text-decoration:none;
}




/* Khung chuyĂªn mục */
.hychi{padding:10px 0}
.hychi img{padding-right:10px}
.smallrum{background-color:#FFF;border:1px solid #DDD;color:#FFF;display:none;width:95%;margin:10px 1px;padding:1em}
.smallrum a.gensmall{display:inline-block;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:46%}
.reppost{background-color:#DDD;border:1px dashed #9C9696;text-align:center;margin:10px 5px 10px 0}
.reppost span{color:#59554A;font-weight:bold}
#profile-advanced-details .autobot,.main-head .h2,.main-head .h3,.main-head h1,.main-head h3,.main-head h2{text-shadow:1px 1px 1px #000;color:#FFF;font-family:Trebuchet MS;font-size:17px!important;font-variant:small-caps;font-weight:600!important}
.pun .main-foot .h2,.pun .main-head .h2{float:left;height:18px;overflow:hidden;width:890px}
.boxfmvi .tc2{position:inherit!important;width:70px!important;margin:0!important;padding:0!important}
#pun-about,.boxfmvi .tc2,.boxfmvi .tcr{background:url(http://i48.servimg.com/u/f48/16/58/89/73/alt210.gif) repeat scroll 0 0 #F4F4F4!important}

.boxfmvi{border:1px solid #DDD!important;margin:30px 0!important}
.pun .main-content{background-color:#FFF;border:0 none}
.pun .main,.pun .main-category{border: 1px solid #DDD}
.boxfmvi .status{position:inherit!important}
.boxfmvi .table{border-collapse:separate!important}
.boxfmvi td{padding:10px!important;border: 1px solid #DDD!important}
.boxfmvi .tcl{width:100%!important}
.boxfmvi .tcr{width:280px!important}
  .pun .tcr a[href=""]:before {content:"Chưa có bài viết";font:12px Arial;color:#333;cursor: default;}
#smallrum a img {margin-top: -3px;padding-right: 6px;}
#smallrum {color: #fff;width: 380px;padding: 3px 30px;}
#smallrum a img { vertical-align: middle; padding-right: 6px;}
#smallrum a.gensmall {display: inline-block;text-align: left;width: 160px;}
/* Số trang */
.paging{background-color:#000;border:3px double #D1D1E1;box-shadow:-2px 2px 2px #C8C8C8;color:transparent;width:auto;margin:0 0 4px;padding:5px 10px}
.paging a{border:0;color:#FFF!important;font-size:.9em}
.paging b{border:0;color:#FF0;font-size:1.5em}
/* khung spoiler */
.spoiler dt{padding-left:1em}
.spoiler dt:hover{background-image:url(http://2img.net/i/fa/punbb/helpdark.png);background-origin:content-box;background-position:right center;background-repeat:no-repeat;border:1px solid;color:red}
.spoiler dd{margin:0;padding:0}
.spoiler_content.hidden{padding:1em}

/* vBB nav - www.fmvi.org*/
.title-overview{background-color:#1571A3;color:#FF0;font-size:20px;font-variant:small-caps;font-weight:700;margin-bottom:10px;padding:5px 0}
.navbar{background-color:#E3E3E3;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#FFF;font:11px Arial,Calibri,Verdana,Geneva,sans-serif;height:56px;position:relative;margin:0}
.navtabs{background-color:#000;height:28px;padding:0}
.navtabs ul{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top:0 solid #5A7F97;direction:ltr;left:0;margin-right:-80px;position:absolute;top:28px;width:100%}
.navtabs li{list-style:none outside none;border-right:0 solid #5A7F97;float:left;width:80px}
.navtabs li.selected{color:#000;height:28px}
.navtabs li.selected a.navtab{background-color:#E3E3E3;border-radius:5px 5px 0 0;color:#000;padding-top:4px;position:relative;top:-4px;z-index:10}
.navtabs li a.navtab{background-color:#000;border-left:0 solid #CEDFEB;border-top:0 solid #CEDFEB;color:#FFF;display:block;font:bold 12px/28px Arial,Calibri,Verdana,Geneva,sans-serif;text-align:center;text-decoration:none;width:auto!important}
.globalsearch{clear:left;display:block;float:right;line-height:1em;position:absolute;right:20px;text-align:right;top:0;width:180px}
.navbar_search{display:block;position:relative;right:-20px;width:180px}
.globalsearch .textboxcontainer{border-left:0 solid #5A7F97;display:inline-block;float:left;height:28px;margin-left:-10px;text-align:center}
.globalsearch .textboxcontainer span{border-left:0 solid #CEDFEB;border-top:0 solid #CEDFEB;display:inline-block;height:24px;margin-bottom:1px;padding-left:2px;padding-right:2px;padding-top:3px;width:147px}
.globalsearch input.textbox{width:120px}
.globalsearch .searchbutton{background-color:transparent;border:0 none;margin-left:-2px;margin-top:-2px;width:22px;padding:0}
.navbar_search input{border:1px solid #B1B1B1;font-size:11px;margin-top:2px;vertical-align:middle;padding:1px}
.globalsearch .buttoncontainer{border-left:0 solid #5A7F97;border-right:0 solid #5A7F97;display:inline-block;float:right;height:28px;margin-right:10px;overflow:hidden;width:25px}
.globalsearch .buttoncontainer span{border-left:0 solid #CEDFEB;border-top:0 solid #CEDFEB;display:inline-block;height:25px;padding-left:4px;padding-top:3.5px}
.navtabs li.selected li a,.navbar_advanced_search li a{font:11px/28px Arial,Calibri,Verdana,Geneva,sans-serif;text-decoration:none}
.floatcontainer ul li{font-size:13px!important;padding-left:12px;width:auto}
/* Fancybox */
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-prev,.fancybox-next{position:absolute;top:0;width:40%;height:100%;cursor:pointer;background:transparent url(http://i48.servimg.com/u/f48/16/58/89/73/blank10.gif);z-index:1003}
.fancybox-prev{left:0}
.fancybox-next{right:0}
.fancybox-prev span,.fancybox-next span{position:absolute;top:50%;left:-9999px;width:36px;height:36px;margin-top:-18px;cursor:pointer;z-index:1003}
.fancybox-prev span{background-position:0 -36px}
.fancybox-next span{background-position:0 -72px}
.fancybox-prev:hover span{left:20px}
.fancybox-next:hover span{left:auto;right:20px}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}
#fancybox-buttons{position:fixed;left:0;width:100%;z-index:1005}
#fancybox-buttons.top{top:10px}
#fancybox-buttons.bottom{bottom:10px}
#fancybox-buttons ul{display:block;width:170px;height:30px;list-style:none;-webkit-box-shadow:0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);-moz-box-shadow:0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);background:#111 0 0 50% 50% 100%;border-radius:3px;margin:0 auto;padding:0}
#fancybox-buttons ul li{float:left;margin:0;padding:0}
#fancybox-buttons a{display:block;width:30px;height:30px;text-indent:-9999px;background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb11.png);background-repeat:no-repeat;outline:none}
#fancybox-buttons a.btnPrev{width:32px;background-position:6px 0}
#fancybox-buttons a.btnNext{background-position:-33px 0;border-right:1px solid #3e3e3e}
#fancybox-buttons a.btnPlay{background-position:0 -30px}
#fancybox-buttons a.btnPlayOn{background-position:-30px -30px}
#fancybox-buttons a.btnToggle{background-position:3px -60px;border-left:1px solid #111;border-right:1px solid #3e3e3e;width:35px}
#fancybox-buttons a.btnToggleOn{background-position:-27px -60px}
#fancybox-buttons a.btnClose{border-left:1px solid #111;width:38px;background-position:-57px 0}
#fancybox-buttons a.btnDisabled{opacity:0.5;cursor:default}
.fancybox-prev:hover,.fancybox-next:hover,.fancybox-opened .fancybox-title{visibility:visible}
.post-entry .entry-content img{max-width:350px}
.iconPlayer{background:url(//ssl.gstatic.com/s2/tt/images/play-overlay.png) no-repeat scroll center center transparent;left:140px;opacity:0.8;position:absolute;top:-155px;z-index:99;padding:40px !important}
.fancybox-inner{overflow:hidden!important}
.fancyimg-fmvi{cursor: -moz-zoom-in;cursor: -webkit-zoom-in}
.navFMvi{color:transparent;font-size:11px;font-weight:700;height:56px;left:3px;margin-bottom:6px;position:relative;top:3px;width:582px;padding:6px}
#loginFmvi{height:57px}
#loginFancy{height:55px;position:absolute;right:-328px;top:-1px;width:305px}
a.nav,.navFMvi a.nav{background-image:url(/users/1814/24/30/68/album/navbit10.png);background-position:left center;background-repeat:no-repeat;padding-left:15px;padding-right:0;text-decoration:none}
#loginFmvi .user_login_form,#loginFancy .user_login_form{text-align:left}
#loginFmvi .logi,#loginFancy .logi{height:52px!important;line-height:7px!important}
#loginFmvi p,#loginFancy p{overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:95%;padding:5px}
#loginFmvi .mainoption,#loginFancy .mainoption{border:0;font-style:normal!important;font-weight:500;border-radius:0;margin-top:-5px;padding:4px 2px important}
#loginFmvi .post,#loginFancy .post{position:absolute;left:80px;width:90px}
#loginFmvi .Rlogin,#loginFancy .Rlogin{right:0;position:absolute}




/* Latest topics by zzbaivong */
#left{margin:30px 0}
#left td{width:25%;vertical-align:top;border:0 none;padding:10px 0!important}
#left .double{padding-left:0;border-left:0;width:50%}
#left li{position:relative;width:100%;list-style-type:none;height:23px;line-height:24px;border-bottom:1px dashed #CCC;counter-increment:Zzindex}
#left li:before{content:counter(Zzindex);display:block;height:18px;background:#333;position:absolute;left:-23px;font-size:11px;top:3px;border-radius:2px;text-align:center;width:18px;color:#FFF;line-height:18px}
#left li:after{content:" ";background:#333;display:block;width:6px;height:6px;position:absolute;top:9px;left:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#left li:nth-child(1):before,#left li:nth-child(1):after{background:#333}
#left li:nth-child(2):before,#left li:nth-child(2):after{background:#333}
#left li:nth-child(3):before,#left li:nth-child(3):after{background:#333}
#left li:nth-child(4):before,#left li:nth-child(4):after{background:#333}
#left li:nth-child(5):before,#left li:nth-child(5):after{background:#333}
.lastRight
{
  float:right;}

.top-vi,.viewrep{padding:10px!important}#active_starters,#most_active,#pun-visit,#users_month,#users_week{display:none}.lastcate,.leftrecent,.repfmvi,.rightrecent,
.viewfmvi{overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap}

.leftrecent{width:34%}.left{margin-left:-3px;width:81%}

.imgstatus{background-color:#FFF;left:-32px;padding:2px 7px;position:absolute}.rightrecent{right:250px;text-align:right;width:115px}.showpost{font-size:9px;left:-12px;line-height:18px;position:absolute}


.viewfmvi{right:185px;text-align:right;width:50px}.repfmvi{right: 129px;text-align:right;width:50px}.lastcate{margin-right:-11px;right:0;text-align:right;width:157px}#content-container div#left,#content-container div#right{border:0 none;float:none;margin:0;width:100%}*+ html #content-container div#main{margin-left:0;margin-right:0}* html #content-container #main-content{margin-left:0;margin-right:0;overflow:visible}* html #content-container div#main{float:none;margin-left:-99%;margin-right:-99%;width:100%}.latest_topics{list-style:decimal-leading-zero outside none;margin:0!important;padding:0 5px 0 27px;text-align:left}.latest_topics li{line-height:16.1px;position:relative}.toppost_width{float:left;width:200px}
.recentWidth{float:left;width:720px}
.recentWidth .main-head{height:1.3em;overflow:hidden;position:relative}.recentWidth h3{marign-left:10px}



#checktip{position:absolute;right:10px;top:3px;z-index:300}#numRecent{display:none;position:absolute;right:12px;top:7px}
.latest_topics li {
line-height: 16.1px;
}
.rlink{float:right;display:inline-block;text-align:right}
/* Thống kĂª */
.leftStats{float:left;margin-left:-71px;position:absolute;vertical-align:middle;width:60px}
.rightStats{border-left:2px solid #CFC9C9;min-height:50px;padding-left:10px;margin:5px 10px 5px 70px}
.starsTitle {
background-color: #BFBFBF;
border: 1px solid #989898;
color: #333;
font-family: Comic Sans MS;
font-variant: small-caps;
font-weight: 700;
height: 1.4em;
padding: 5px;
text-shadow: 1px 1px 1px #000;
}
.loaddingLike {
background: url(http://i48.servimg.com/u/f48/16/58/89/73/loadin11.gif) no-repeat scroll center center transparent;
display: none;
height: 1.4em;
margin: -1.4em 0 -3px 200px;
width: 126px;
}
#checktip{position:absolute;right:10px;top:3px;z-index:300}
#numRecent{display:none;position:absolute;right:12px;top:7px}.chatbox_row_1:hover, .chatbox_row_2:hover {
-webkit-box-shadow: gainsboro 0px 0px 4px;
border: 1px solid #C9C9C9;
border-image: initial;
border-radius: 5px;
box-shadow: gainsboro 0px 0px 3px;
margin: 5px;
background-color: white;
}
#tooltip img {
height: 70px!important;
padding-right: 10px;
}
/* tooltip */
#tooltip .header,a.mainmenu[href='/']{display:none}

#tooltip .tiplFMvi{border-bottom:1px dashed;padding-bottom:5px;margin-bottom:5px}
#tooltip{max-width:550px;position:absolute;background-image:url(http://i48.servimg.com/u/f48/13/58/60/43/opacit10.png);border:0;padding:15px;border-radius:3px;color:#FFF;z-index:99;}
/* TĂ¹y chọn hình nền */

#custom_background span{border-radius:7px 7px 7px 7px;box-shadow:0 1px 7px #000 inset, 0 1px 0 rgba(255,255,255,0.05), 0 0 1px rgba(255,255,255,0.35);cursor:pointer;display:block;float:left;height:90px;margin-right:14px;width:15%}
#custom_background span:hover{box-shadow:0 1px 2px #000 inset, 0 1px 0 rgba(255,255,255,0.05), 0 0 1px rgba(255,255,255,0.35)}
#bg1{background: url(http://i.imm.io/Qnrr.jpeg) repeat ;}
#bg6{background: url(http://2img.net/i/fa/empty.gif) no-repeat fixed 50% 0 #AC0A0A!important;}
#bg5{background: url(http://2img.net/i/fa/empty.gif) no-repeat fixed 50% 0 #3A78B3!important;}
#bg2{background: url(http://2img.net/i/fa/empty.gif) no-repeat fixed 50% 0 #8CAC0A!important;}
#bg3{background: url(http://2img.net/i/fa/empty.gif) no-repeat fixed 50% 0 #AC0A58!important;}
#bg4{background: url(http://2img.net/i/fa/empty.gif) no-repeat fixed 50% 0 #8A7D7D!important;}
#custom_url{clear:left;padding-top:10px;text-align:center}
#custom_input{background:none repeat scroll 0 0 rgba(0,0,0,0.5);border:0 none;border-radius:4px 4px 4px 4px;box-shadow:0 1px 3px rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15);color:#FFF;font-size:20px;height:40px;margin-left:-15px;margin-right:8px;white-space:nowrap;width:780px;padding:0 10px 0 0}
#custom_submit{background:url(http://i48.servimg.com/u/f48/16/58/89/73/highli10.png) repeat-x scroll 0 0 rgba(197,206,213,0.4);border-radius:4px 4px 4px 4px;box-shadow:0 1px 3px rgba(0,0,0,0.6);color:#FFF;cursor:pointer;display:inline-block;font-size:20px;font-weight:400;line-height:40px;text-shadow:0 -1px 0 #4C5057;padding:0 10px}
.bg1{background: url(http://i.imm.io/Qnrr.jpeg) #000!important;}
.bg2{background: url(http://2img.net/i/fa/empty.gif)  #8CAC0A!important;}
.bg3{background: url(http://2img.net/i/fa/empty.gif) #AC0A58!important;}
.bg4{background: url(http://2img.net/i/fa/empty.gif) #8A7D7D!important;}
.bg5{background: url(http://2img.net/i/fa/empty.gif) #3A78B3!important;}
.bg6{background: url(http://2img.net/i/fa/empty.gif) #AC0A0A!important;}
.bg_custom{background-size:100% auto;background-position:0 43px;background-attachment:fixed;background-color:#000;background-repeat:no-repeat}
/* main-head */
.main .main-head,.main .main-foot,.main .main-head{background:#990606;font-size:12px;font-weight:700;padding:9px}
.pun .main-foot .h2,.pun .main-head .h2 .page-tile{color:#fff;font-weight:700;margin-top:3px}
.main-head .h2,.main-head .h3,.main-head h1,.main-head h2,.main-head h3,.main .main-head .page-title{color:#fff;font-size:13px!important;font-weight:700}

cái gì đây không vui à ?