Code:

    body {
    background-attachment: scroll;
        background: #2E425A url('http://diendan.joomlaviet.vn/img/bg_pattern.png') repeat;
    color: #375A80;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    }
    .wrapper2 {
    margin: 0 auto;
    width: 978px;
      margin-left: -16px;
    }
    /* Avatar in index */
    .avatar-index {float: left;}
    .avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;}
    .avatar-index img:hover {border: 1px dashed #CCC;}
    .main .main-foot, .main .main-head {
    font-size: 14px;
    color: #EDF5FB;
    background: #405877 url('styles/xenfocus/xenforo/xenfocus/pattern.png') repeat;
    padding: 9px 15px;
    margin-bottom: 5px;
    border: 1px solid #264164;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
    box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    -khtml-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    -khtml-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    }


    .statround {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #EEE url(http://i43.servimg.com/u/f43/17/43/09/69/tcat10.png) repeat-x;
    border: 1px solid #CBCBCB;
    border-radius: 2px;
    color: #777;
    margin-left: 20px;
    margin-right: 4px;
    padding: 4px 10px;
    text-shadow: 1px 1px 0 #FAFAFA;
    }

    .sidebar .section .primaryContent, .sidebar .section .secondaryContent {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border: 1px solid #D2D2D2;
    box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
    -webkit-box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
    -moz-box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
    -khtml-box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
    background: white;
    }

    .secondaryContent {
    background: #F9F9F9 url('http://4rum.yeucuaong.com/styles/baisik/xenforo/gradients/category-23px-light.png') repeat-x top;
    padding: 10px;
    border-bottom: 1px solid #D7D7D7;
    }

    .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3 {
    border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -khtml-border-radius: 3px 3px 0px 0px;
    }

    .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3 {
    font-weight: bold;
    font-size: 12px;
    color: #555;
    background: #EDEDED url('http://4rum.yeucuaong.com/styles/baisik/xenforo/gradients/highlight.png') repeat-x 0 0;
    padding: 6px;
    margin: -10px -10px 5px;
    border-bottom: 1px solid #D7D7D7;
    border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -khtml-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -khtml-border-top-right-radius: 3px;
    text-shadow: white 0px 1px 0px;
    box-shadow: inset #fff 0px 1px 0px;
    -webkit-box-shadow: inset #fff 0px 1px 0px;
    -moz-box-shadow: inset #fff 0px 1px 0px;
    -khtml-box-shadow: inset #fff 0px 1px 0px;
    }




    .section {
    margin: 10px auto;
    }
    .sidebar .section .primaryContent, .sidebar .section .secondaryContent {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border: 1px solid #D2D2D2;
    box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
    -webkit-box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
    -moz-box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
    -khtml-box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
    background: white;
    }
    .secondaryContent {
    background: #F9F9F9 url('styles/baisik/xenforo/gradients/category-23px-light.png') repeat-x top;
    padding: 10px;
    border-bottom: 1px solid #D7D7D7;
    }
    #SignupButton {
    background-color: white;
    margin: 10px 30px;
    border: 1px solid #D4D4D4;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    text-align: center;
    line-height: 30px;
    box-shadow: 0px 2px 5px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0px 2px 5px rgba(0,0,0, 0.2);
    -khtml-box-shadow: 0px 2px 5px rgba(0,0,0, 0.2);
    display: block;
    cursor: pointer;
    height: 30px;
    }
    #SignupButton .inner {
    font-weight: bold;
    font-size: 12pt;
    font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: white;
    background: #B4453B url('http://4rum.yeucuaong.com/styles/baisik/xenforo/xenfocus/button_bg.png') repeat-x left top;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    display: block;
    }
    .columns {
    overflow: hidden;
    zoom: 1;
    }
    .social .fb {
    background: url(http://diendan.joomlaviet.vn/images/social/facebook_dark.png) no-repeat left top;
    }
    .social a {
    font-family: Arial, Helvetica, sans-serif;
    color: #E4E4E4;
    height: 32px;
    display: inline-block;
    margin: 0 5px;
    overflow: hidden;
    padding: 0 0 0 32px;
    }
    .social a span {
    display: none;
    }
    .social .twitter {
    background: url(http://diendan.joomlaviet.vn/images/social/twitter_dark.png) no-repeat left top;
    }
    .social .g {
    background: url(http://diendan.joomlaviet.vn/images/social/google_dark.png) no-repeat left top;
    }
    .social .yt {
    background: url(http://diendan.joomlaviet.vn/images/social/youtube_dark.png) no-repeat left top;
    }
    .social .di {
    background: url(http://diendan.joomlaviet.vn/images/social/digg_dark.png) no-repeat left top;
    }
    .social .fb:hover {
    background: url(http://diendan.joomlaviet.vn/images/social/facebook_active.png) no-repeat left top;
    }
    .social .twitter:hover {
    background: url(http://diendan.joomlaviet.vn/images/social/twitter_active.png) no-repeat left top;
    }
    .social .yt:hover {
    background: url(http://diendan.joomlaviet.vn/images/social/youtube_active.png) no-repeat left top;
    }
    .social .di:hover {
    background: url(http://diendan.joomlaviet.vn/images/social/digg_active.png) no-repeat left top;
    }




    #searchBar
    {
      position: relative;
      zoom: 1;
      z-index: 1;
      float: right;
      margin-top: -39px;
    }

      #QuickSearch
      {
          display: block;
         
          position: absolute;
          right: 0px;
          top: 8px;
         
          margin: 0;
         
          border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius:  5px; -moz-border-radius:  5px; -khtml-border-radius:  5px;
          padding: 5px 0;
          z-index: 999;
      }
           
          #QuickSearch .secondaryControls
          {
            display: none;
          }
     
          #QuickSearch.active
          {
            box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); -webkit-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); -moz-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); -khtml-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); -webkit-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); -moz-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); -khtml-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5);
            padding-bottom: 5px;
            background-color: #fdfeff;
    }
    .formPopup
    {
      width: 250px;
    }

      .formPopup form,
      .formPopup .ctrlUnit
      {
          margin: 5px auto;
      }
     
          .formPopup .ctrlUnit
          {
          }
         
      .formPopup .textCtrl,
      .formPopup .button
      {
          width: 232px;
      }
         
      .formPopup .ctrlUnit dt label
      {
          display: block;
          margin-bottom: 2px;
      }
         
      .formPopup .submitUnit dd
      {
          text-align: center;
      }
     
      .formPopup .primaryControls
      {
          zoom: 1;
          white-space: nowrap;
          word-wrap: normal;
          padding: 0 5px;
      }
     
          .formPopup .primaryControls input.textCtrl
          {
            margin-bottom: 0;
          }
     
      .formPopup .secondaryControls
      {
          padding: 0 5px;
      }
     
          .formPopup .controlsWrapper
          {
            background: rgb(231, 240, 246) url('styles/xenfocus/xenforo/gradients/category-23px-light.png') repeat-x top;
            border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius:  5px; -moz-border-radius:  5px; -khtml-border-radius:  5px;
            padding: 5px;
            margin: 5px 0;
            font-size: 11px;
          }

            .formPopup .controlsWrapper .textCtrl
            {
                width: 222px;
            }
     
      .formPopup .advSearchLink
      {
          display: block;
          text-align: center;
          padding: 5px;
          font-size: 11px;
          border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius:  3px; -moz-border-radius:  3px; -khtml-border-radius:  3px;
          border: 1px solid rgb(203, 218, 234);
          background: rgb(231, 240, 246) url('styles/xenfocus/xenforo/gradients/category-23px-light.png') repeat-x top;
      }
     
          .formPopup .advSearchLink:hover
          {
            background-color: rgb(231, 240, 246);
            text-decoration: none;
          }



    #moderatorBar {
    zoom: 1;
    }
    #moderatorBar {
    background-color: #32445B;
    font-size: 11px;
    margin-bottom: 5px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    }
    fieldset, img {
    border: 0;
    }
    .pageWidth {
    }
    #moderatorBar {
    font-size: 11px;
    }
    #moderatorBar .pageContent {
    padding: 2px 2px;
    }
    #moderatorBar a, #moderatorBar .itemCount {
    color: #CBDAEA;
    }

    #moderatorBar a {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    }
    #moderatorBar .itemLabel, #moderatorBar .itemCount {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    }
    #moderatorBar a, #moderatorBar .itemCount {
    color: #CBDAEA;
    }
    #moderatorBar .itemCount.alert {
    background: #E03030;
    color: white;
    box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
    -khtml-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
    -khtml-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
    }
    #moderatorBar .itemCount {
    background: #24405E;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-weight: bold;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    text-shadow: none;
    }
    #banner {
    background: #28384A url(http://www.xenfocus.com/images/header_bg.jpg) repeat-x 50% 0;
    height: 64px;
    overflow: hidden;
    }
    .clearfix_xf {
    overflow: hidden;
    }

    .wrapper {
    margin: 0 auto;
    width: 978px;
    }
    #navigation_xf{
      float: right;
      font-size: 13px;
      height: 58px;
      margin-top: 6px;
      margin-right: 9px;
      font-weight: bold;
      text-transform: uppercase;
      font-family: "Lato", "Trebuchet MS", Arial, Helvetica, sans-serif;
    }

    #navigation_xf li{
      display: inline;
      overflow: hidden;
    }

    #navigation_xf a{
      float: left;
      background: url(http://www.xenfocus.com/images/nav_tab.png) no-repeat 0 0;
      padding-left: 5px;
      outline: none;
      text-decoration: none;
      color: #f4faff;
      text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
      margin-left: 3px;
    }

    #navigation_xf a span{
      display: block;
      background: url(http://www.xenfocus.com/images/nav_tab.png) no-repeat 100% 0;
      padding: 12px 13px 0 8px;
      line-height: 46px;
    }

    #navigation_xf a:hover{
      background-position: 0 -50px;
    }

    #navigation_xf a:hover span{ background-position: 100% -50px; }

    #navigation_xf img{
      width: 16px;
      height: 16px;
      background: url(http://www.xenfocus.com/images/nav_icons.png) no-repeat 0 0;
      vertical-align: middle;
      position: relative;
      margin: -4px 4px 0 0;
    }

    #navigation_xf #nav_home img{ background-position: 0 0; }
    #navigation_xf #nav_templates img{ background-position: 0 -16px; }
    #navigation_xf #nav_community img{ background-position: 0 -32px; }
    #navigation_xf #nav_testimonials img{ background-position: 0 -48px; }
    #navigation_xf #nav_faqs img{ background-position: 0 -64px; }
    #navigation_xf #nav_custom img{ background-position: 0 -80px; }

    #navigation_xf li.active a{
      color: #3d4750;
      text-shadow: #fff 0px 1px 0px;
      background: url(http://www.xenfocus.com/images/nav_tab_active.png) no-repeat 0 12px;
    }

    #navigation_xf li.active a span{
      background: url(http://diendan.joomlaviet.vn/img/nav_tab_active.png) no-repeat 100% 12px;
    }

    a#logo_xf {
    display: block;
    outline: none;
    text-indent: -999px;
    float: left;
    height: 64px;
    width: 170px;
    background: url(http://diendan.joomlaviet.vn/img/logo.png) no-repeat 50% 50%;
    text-decoration: none;
    }
    a#logo_xf:hover{ opacity: 0.8; }

    .wrapper1 {
    margin: 0 auto;
    width: 978px;
    }
    #content_site{
      -webkit-border-bottom-left-radius: 3px;
      -webkit-border-bottom-right-radius: 3px;
      -moz-border-radius: 0x 0px 3px 3px;
      border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -khtml-border-radius: 0px 0px 3px 3px; -webkit-border-radius:  0px 0px 3px 3px; -moz-border-radius:  0px 0px 3px 3px; -khtml-border-radius:  0px 0px 3px 3px;
      background: #f4faff;
      box-shadow: rgba(0,0,0,0.6) 0px 1px 4px; -webkit-box-shadow: rgba(0,0,0,0.6) 0px 1px 4px; -moz-box-shadow: rgba(0,0,0,0.6) 0px 1px 4px; -khtml-box-shadow: rgba(0,0,0,0.6) 0px 1px 4px; -webkit-box-shadow: rgba(0,0,0,0.6) 0px 1px 4px; -moz-box-shadow: rgba(0,0,0,0.6) 0px 1px 4px; -khtml-box-shadow: rgba(0,0,0,0.6) 0px 1px 4px;
      padding: 16px;
      padding-bottom: 0;
    }
    #header .pageWidth .pageContent {
    zoom: 1;
    }
    #navigation .pageContent {
    height: 72px;
    position: relative;
    }
    article, aside, footer, header, hgroup, nav, section {
    display: block;
    }
    .navigation_box {
    background: #34475E url('http://diendan.joomlaviet.vn/styles/xenfocus/xenforo/xenfocus/pattern.png') repeat 0 20px;
    border: 1px solid #233447;
    height: 36px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    }
    .navTabs.primary_nav {
    float: left;
    }

    .navTabs {
    font-weight: bold;
    font-size: 11px;
    height: 36px;
    }
    .navTabs .publicTabs {
    float: left;
    }
    .navTabs .navTab {
    float: left;
    white-space: nowrap;
    word-wrap: normal;
    }

    .Popup .PopupControl, .Popup.PopupContainerControl {
    display: inline-block;
    cursor: pointer;
    }

    .Popup {
    position: relative;
    }

    li {
    list-style: none;
    }
    .navTabs .navTab.PopupClosed .navLink {
    color: #CAE0F2;
    text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
    }

    .navTabs .publicTabs .navLink {
    padding: 0 20px;
    }

    .navTabs .navLink, .navTabs .SplitCtrl {
    display: block;
    float: left;
    vertical-align: text-bottom;
    text-align: center;
    outline: 0 none;
    height: 36px;
    line-height: 36px;
    }
    .navTabs .navTab.PopupClosed .SplitCtrl {
    margin-left: -14px;
    width: 14px;
    }
    .navTabs .navTab.selected .tabLinks {
    width: 100%;
    padding: 0;
    border: none;
    overflow: hidden;
    zoom: 1;
    position: absolute;
    left: 0px;
    top: 41px;
    height: 36px;
    }
    .navTabs .navTab.selected .tabLinks .menuHeader {
    display: none;
    }

    .primaryContent {
    background-color: #FDFEFF;
    padding: 10px;
    border-bottom: 1px solid #E7F0F6;
    }
    h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
    }
    .navTabs .navTab.selected .blockLinksList {
    background: none;
    padding: 0;
    border: none;
    }

    .blockLinksList {
    font-size: 11px;
    }
    .navTabs .navTab.selected .tabLinks li:first-child {
    margin-left: 8px;
    }

    .navTabs .navTab.selected .tabLinks li {
    float: left;
    padding: 5px 0;
    }
    .navTabs .navTab.selected .tabLinks a {
    font-size: 11px;
    color: #375A80;
    background-color: #D7E6F3;
    padding: 0 10px;
    margin-right: 3px;
    display: block;
    box-shadow: inset rgba(0,0,0,0.1) 0px 1px 2px, #fff 0px 1px 0px;
    -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 2px, #fff 0px 1px 0px;
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 2px, #fff 0px 1px 0px;
    -khtml-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 2px, #fff 0px 1px 0px;
    -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 2px, #fff 0px 1px 0px;
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 2px, #fff 0px 1px 0px;
    -khtml-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 2px, #fff 0px 1px 0px;
    text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px;
    font-weight: normal;
    line-height: 26px;
    }
    .navTabs .navTab.selected .navLink {
    font-weight: bold;
    color: white;
    background: #2A394B url('http://diendan.joomlaviet.vn/styles/xenfocus/xenforo/xenfocus/pattern.png') repeat;
    text-shadow: rgba(0, 0, 0, 0.7) 0px -1px 0px;
    }
    .footer .pageContent {
    font-size: 11px;
    color: #CBDAEA;
    background: #375A80 url('http://diendan.joomlaviet.vn/styles/xenfocus/xenforo/xenfocus/pattern.png') repeat;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    overflow: hidden;
    zoom: 1;
    }
    .footer .choosers {
    padding-left: 5px;
    float: left;
    overflow: hidden;
    zoom: 1;
    }
    .footer .choosers dt {
    display: none;
    }
    .footer .choosers dd {
    float: left;
    }
    .footer a, .footer a:visited {
    color: #CBDAEA;
    padding: 5px;
    display: block;
    }
    .footer .choosers dt {
    display: none;
    }
    .footerLinks {
    padding-right: 5px;
    float: right;
    overflow: hidden;
    zoom: 1;
    }
    .footerLinks li {
    float: left;
    }

    .footerLegal .pageContent {
    font-size: 11px;
    overflow: hidden;
    zoom: 1;
    padding: 5px 0 15px;
    text-align: center;
    }
    #copyright {
    color: #646464;
    float: left;
    }
    #legal {
    float: right;
    }
    #legal li {
    float: left;
    margin-left: 10px;
    }
    .footer_main_bot{
    margin-top: -10px;
    -webkit-border-top-left-radius: 3px;
      -webkit-border-top-right-radius: 3px;
      -webkit-border-bottom-left-radius: 3px;
      -webkit-border-bottom-right-radius: 3px;
      -moz-border-radius: 0x 0px 3px 3px;
      border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -khtml-border-radius: 0px 0px 3px 3px; -webkit-border-radius:  0px 0px 3px 3px; -moz-border-radius:  0px 0px 3px 3px; -khtml-border-radius:  0px 0px 3px 3px;
      color: rgb(55, 90, 128);
    background-color: #d7e6f3;
    display: block;
    box-shadow: rgba(0,0,0,0.6) 0px 1px 4px; -webkit-box-shadow: rgba(0,0,0,0.6) 0px 1px 4px; -moz-box-shadow: rgba(0,0,0,0.6) 0px 1px 4px; -khtml-box-shadow: rgba(0,0,0,0.6) 0px 1px 4px; -webkit-box-shadow: rgba(0,0,0,0.6) 0px 1px 4px; -moz-box-shadow: rgba(0,0,0,0.6) 0px 1px 4px; -khtml-box-shadow: rgba(0,0,0,0.6) 0px 1px 4px;
      padding: 9px;
      padding-bottom: 0;
    }.footer_main_bot
    .pageContent{zoom:1}.footer_main_bot .pageContent:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.footer_main_bot
    .menu{float:left;width:140px;margin:0;padding:10px;list-style:none}.footer_main_bot .menu .menu_title
    h3{font-size:16px;color:#375a80;font-weight: bold}.footer_main_bot .menu
    a{line-height:24px;color:#375a80;text-shadow: 0 0 0 transparent, 0 1px 0 #eff5fa; font-size:11.2px;}#content
    #footer {
    padding: 8px 0;
    color: #F4FAFF;
    font-size: 11px;
    overflow: hidden;
    line-height: 1.7em;
    font-family: "Lucida Grande", Tahoma, Geneva, sans-serif;
    }
    #footer {
    color: #F4FAFF;
    font-size: 11px;
    line-height: 1.7em;
    font-family: "Lucida Grande", Tahoma, Geneva, sans-serif;
    }
    #footer a {
    color: white;
    }
    .floatr {
    float: right;
    }
    a:link,
    a:visited
    {
      color: rgb(25, 100, 153);
    text-decoration: none;

    }

      a[href]:hover
      {
          color: rgb(48, 130, 188);
    text-decoration: underline;

      }
     
      a:hover
      {
          _text-decoration: underline;
      }



Code:

    {JAVASCRIPT}
    <!-- BEGIN switch_user_logged_in -->
    <div id="pun-visit" class="clearfix">
      <ul>
            <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
            <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
          <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
          <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
      </ul>
      <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
    </div>
    <!-- END switch_user_logged_in -->
    <!-- BEGIN switch_user_logged_out -->
    <div id="pun-visit">
      <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
    </div>
    <!-- END switch_user_logged_out -->



    <!-- BEGIN switch_user_login_form_header -->
    <div class="main">
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form main-box center">
          <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> 
          <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> 
          <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
          {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          <!-- BEGIN switch_fb_connect -->
          <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
          <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
          <!-- END switch_fb_connect -->
      </div>
    </form>
    </div>
    <!-- END switch_user_login_form_header -->

    {CHATBOX_TOP}
    {BOARD_INDEX}
    <!-- BEGIN message_admin_index -->

      <!-- BEGIN message_admin_titre -->

          <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>

      <!-- END message_admin_titre -->

      <!-- BEGIN message_admin_txt -->

          <p>{message_admin_index.message_admin_txt.MES_TXT}</p>

      <!-- END message_admin_txt -->
    </div>
    <!-- END message_admin_index -->
    <!-- BEGIN disable_viewonline -->
    <div id="pun-info" class="main">
      <div class="main-content">
          <div id="stats">
            <p class="right">{TOTAL_POSTS}</p>
            <p>{TOTAL_USERS}</p>
            <p>{NEWEST_USER}</p>
          </div>
          <div id="onlinelist">
            <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
            <p class="right">
                <!-- BEGIN switch_viewonline_link -->
                <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
                <!-- END switch_viewonline_link -->
                <!-- BEGIN switch_viewonline_nolink -->
                {L_WHO_IS_ONLINE}
                <!-- END switch_viewonline_nolink -->
            </p>
            <p>{TOTAL_USERS_ONLINE}<br />
            {RECORD_USERS}

            <br />
            {LOGGED_IN_USER_LIST}

            {L_ONLINE_USERS}
            {L_CONNECTED_MEMBERS}<br />
            {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
            <div class="clear"></div>

            <p>{LEGEND} : {GROUP_LEGEND}</p>

          </div>
          <!-- BEGIN switch_chatbox_activate -->
          <div id="onlinechat">
            <p class="page-bottom">
            {TOTAL_CHATTERS_ONLINE} :
            {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
                <div id="chatbox_popup"></div>
                <script type="text/javascript">
                  insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                </script>
            <!-- END switch_chatbox_popup -->
            </p>
          </div>
          <!-- END switch_chatbox_activate -->
      </div>
    </div>
    <!-- END disable_viewonline -->

    <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form main-box center">
          <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> 
          <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> 
          <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
          {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          <!-- BEGIN switch_fb_connect -->
          <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
          <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
          <!-- END switch_fb_connect -->
      </div>
    </form>
    <!-- END switch_user_login_form_footer -->

    {CHATBOX_BOTTOM}

    <!-- BEGIN switch_legend -->
    <ul id="pun-legend">
      <li>
          <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
          <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
          <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
      </li>
    </ul>
    <!-- END switch_legend -->

    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
      appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true,
      oauth: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->



Code:

    <div class="main paged" style="float: left; width: 670px; padding-right: 5px;">
    <div class="pun-crumbs">
      <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
    </div>
    <div class="main">
    <!-- BEGIN catrow -->
      <!-- BEGIN tablehead -->
          <div class="main-head">
            <div class="page-title"><h2>{catrow.tablehead.L_FORUM}</h2></div>
          </div>
          <div class="main-content">
            <table cellspacing="0" class="table">
           
                  <tr>
                 
                  </tr>
             
                <tbody class="statused">
      <!-- END tablehead -->

      <!-- BEGIN forumrow -->
                  <tr>
                    <td class="tcl" style="padding-right: 0px; {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: 65px;">
                        <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -47px;">
                            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                        </span>
                        <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                        <br />
                        {catrow.forumrow.FORUM_DESC}
                        <!-- BEGIN switch_moderators_links -->
                        <br />
                        {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                      </td>
                    <td style="border-left: none;text-align: right; padding-right: 15px;">Threads: {catrow.forumrow.TOPICS}<br />
                                                    Posts: {catrow.forumrow.POSTS}</td>
                      <td class="tcr">
                        <span>
                        <!-- BEGIN switch_topic_title -->
                        <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                        <!-- END switch_topic_title -->
                        {catrow.forumrow.USER_LAST_POST}
                        </span>
                      </td>
                  </tr>
      <!-- END forumrow -->

      <!-- BEGIN tablefoot -->
                </tbody>
            </table>
          </div>
    </br>
      <!-- END tablefoot -->
    <!-- END catrow -->
    </div>
    </div>
                              <div style="float: left; width: 251px;">
                                <br><br><br>
        <div class="module main" style="margin-top: 1em! important;">
   
       
        <div class="main-content">
        <div class="section loginButton">     
      <div class="secondaryContent">
          <label for="LoginControl" id="SignupButton"><a href="index.php?login/" class="inner">Đăng ký ngay!</a></label>
      </div>
    </div>
        </div></div>
                                   
        <div class="module main" style="margin-top: 1em! important;">
       
   
        <div class="main-content">
                                  <div class="secondaryContent WidgetFramework_WidgetRenderer_Html" id="widget-23">
           
                <h3>
                 
                      Social
                 
                </h3>
                <!--social icons dekstops and tablets (right aligned)-->
            <div class="three columns right_text hide-on-phones social">
    <a href="http://www.facebook.com/joomlavietnam" class="fb" target="_blank"><span class="text">Fb</span></a>
    <a href="https://twitter.com/joomlaviet_vn" target="_blank" class="twitter"><span class="text">T</span></a>

    <a href="http://www.youtube.com/user/joomlavietnam" target="_blank" class="yt"><span class="text">Youtube</span></a>
    <a href="http://digg.com/joomlavietvn" target="_blank" class="di"><span class="text">digg.com</span></a>

    </div>
            <!-- Scroll to the top link-->
           
          </div>
                                  </div></div>
                               
        <div class="module main" style="margin-top: 1em! important;">
       
   
        <div class="main-content">
    <div class="section">
     
          <div class="secondaryContent WidgetFramework_WidgetRenderer_Html" id="widget-6">
           
                <h3>
                 
                      Bây giờ là ...
                 
                </h3>
                <center><embed src="http://www.clocklink.com/clocks/5012-gray.swf?TimeZone=GMT0700&" width="215" height="75" wmode="transparent" type="application/x-shockwave-flash">
    </center>
           

                      </div>
    </div>
          </div></div>
       
        <div class="module main" style="margin-top: 1em! important;">
       
   
        <div class="main-content">
       
        <span class="useravatar">
        <img src="https://lh3.googleusercontent.com/-r91FyINo2qc/T5c0-N_b0NI/AAAAAAAAB40/xI5ipFa59tA/d.jpg" alt=""></span></div></div>
       
     
       
     
         
     
             
                </div></div>               
                                                   
    <!-- BEGIN switch_on_index -->
    <div class="main-box clearfix">
      <ul>
          <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
          <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
          <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
      </ul>
      <!-- BEGIN switch_delete_cookies -->
      <p class="right">
          <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
      </p>
      <!-- END switch_delete_cookies -->
    </div>
    <!-- END switch_on_index -->



Forumotion wrote:footer end