html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote,
a, abbr, acronym, address, 
del, dfn, em, img, ins, kbd,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.header {
    background: #276ABC;
    padding: 5px;
    position: relative;
    min-height: 28px;
}
.header .logo {
    position: absolute;
    z-index: 999
}
.header form {
    padding-left: 36px;
    position: relative;
    padding-top: 2px;
}
.header input[type="text"] {
    width: 100%;
    padding: 0;
    border: none;
    font-size: 20px;
}
.header input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    background: #276ABC;
    border: none;
    color: white;
    text-transform: uppercase;
}
.menu {
    width: 100%;
    background: #eee;
}
.menu td.active {
    background: #0082BF;
}
.menu td.active a {
    color: white;
}
.menu a {
    display: block;
    text-decoration: none;
    color: #333;
    font-family: sans-serif;
    font-weight: bold;
}
.title-box {
    padding-left: 5px;
    background-position: 10px 1px;
    padding-bottom: 5px;
    border-bottom: 3px solid #0082BF;
    margin: 20px 0 0;
}
.title-box a {
    text-decoration: none;
    font-weight: bolder;
    font-family: sans-serif;
    color: #0082BF;
}
.list-song li {
    padding: 7px 10px;
    list-style-image: url('../images/play.gif');
    list-style-position: inside;
    border-bottom: 1px dashed #61A6C6;
}
.list-song li:nth-child(odd) {
    background: #F1F1F1;
}
.list-song li a {
    text-decoration: none;
    font-family: sans-serif;
    color: #333;
    font-weight: normal!important;
    font-size: 14px;
}
.list-song li a:hover {
    font-weight: bold;
    text-decoration: underline;
}
.list-cate {
    margin: 10px 0;
}
.list-cate li {
    width: 50%;
    float: left;
    list-style-position: inside;
    margin: 5px 0;
}
.list-cate li a {
    margin: 0 10px;
    padding: 8px 5px 5px 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYxQTQxMEFDRTQ4QjExRTNBRDc1OUQ4REVBOTY1MTM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYxQTQxMEFERTQ4QjExRTNBRDc1OUQ4REVBOTY1MTM4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjFBNDEwQUFFNDhCMTFFM0FENzU5RDhERUE5NjUxMzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjFBNDEwQUJFNDhCMTFFM0FENzU5RDhERUE5NjUxMzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6BQcQhAAADpklEQVR42qyUS2wbVRSG/ztPv8aejJ3Udp20KXWatoqomgqlrrICAauyIys2iEWX7Fl1xYoVsAWBWNAVYoGoECKNIpAIapDipjSJDMSx6yRO/JjY835wxjIsWfWOju7M1Z1v/vOfM5eFYYgXMTi8oCGsrKzAtW3YrhtzHGfZNM1brutqFD1S+zQIgk263w88C+r528hfexc9qQ8ljCEBGabj4I9aDcIIx1hOEsUPeZ6/S7Apy7Lg+x6SydQZPW97nvtd4DsPAs/eG6XBGCSRjyVFaZqJKIVB+Jvg+348nkh8yxirHNTreLazA9f1iM1AYEUQuCVVyy/lL935QCksfiUnJTsdZK6HEMqHZlhoHw+5s+7wptBut2/Mzc1VOp0Oqk+eQJZjyGbVCIIgCGEOuzC4eXCX34/ZUvCebbsIOQmG6aFPoZ850JvfhwJ5IIuiSCpccBwPkjeaBUGkmYMsquCyWajTClzQi3YI3WIYULVdupCkVfs5E6rVam1+ft4oFouJeDwOz/PGavhReggZEukY2qaLev0YodGFr+8jFZyAt41H8UJFk5WLEm/btp7L5RZnZmauRia3WoeIFHLcyCMCEVi7hn6jBnHnM8Tba0BrDVxvCyVlOJksvJzuDTKfj/qoXq9/RIqchYUFFIt59Ps9ggl4qVxGQCmYpgXZP0Va1JEhdfniNHgxST45SZ7jMp7dcUflNwxjr1QqPczn83cjr4LgZ+zv1+GzGJxAgEBrciIOVcshkZoYfSStpNBsNhDzAoQnP10n7ZB0XVd3d3eNSqWynMlkEpo2MapY6/AQNqXLZ8qUoo9ziQEmp/LUX0nIkoTT0zZYdhHWcbUVgWQK8ejoyDg4OCjTpisTqopCsYCcpsI4a8MSp+FQ96fZMSa0KWrIEM1GA4ZFVdNuolf/9YcIxI//OUbKmKIod2q1WiwyOqtlceHCLEKlDJ52lDIWooL0TYbZV99B6fbb2Gv6aG5+cz8COOPQB4PB2vr6+qfUW43Hv1fRSc0jtXwP/fQNUG8QmPwhV73J12CffwNP7VkM5Umywe9GZgeR3+P5kFR9sbq6unGu/Po9f+atNzdPOHTiMZxsfdzZPnnUkEQJTkZQJHZ1lp9KYPjX6pe+ebQtjE+Bf2GRsiFFq9P60/rx4cYt8crFnHuwddr/+5dPfKv7bLSv9TXE5xuXGScPXb3xgArhsv89rKSJJV5WX/GM42roDx/TkkcRnYT++KP/jX8EGAAT7r5gnfvQMQAAAABJRU5ErkJggg==') no-repeat left center;
    display: block;
    color: #0082BF;
    text-decoration: none;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 13px;
}
.read-more {
    text-decoration: none;
    font-family: sans-serif;
    color: #D50100;
    font-size: 13px;
    font-weight: bold;
}
.box h5 {
    border-bottom: 1px solid #5BC0EF;
    padding: 5px 10px;
    text-align: center;
    background: #CBE4EF;
}
.clr {
    clear: both;
}
div.jp-audio,
div.jp-video {
    /* Edit the font-size to counteract inherited font sizing.
     * Eg. 1.25em = 1 / 0.8em
     */
    font-size:1.25em;
}
.hiddencomment{
    display:none;
}
.tin-tuc li{
    margin:5px 0 ;

}
.content-post{
    color:black;
}
.content-post h2{
    font-weight:bold;
}
.tin-tuc a{
    text-decoration:none;
    font-weight:bold;
    color:white;
    font-size:14px;
}
.wp-pagenavi {
    clear: both;
    background: #B4D4F4;
    height: 18px;
    padding: 8px;
    text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
    border: 1px solid #BFBFBF;
    margin: 2px;
    font-weight:bold;
    color:red;
    padding: 3px 5px;
    text-decoration: none;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #000000;
}
.wp-pagenavi span.current {
    font-weight: bold;
}

.banner{
    background: #3A84E0;
}
.banner img{
    float: left;
    margin: 0 10px;
}
.title-single{
    color: #177EE5;
    height: 18px;
    font-family: sans-serif;
    font-weight: bolder;
    padding-left:5px;
    background-position: 10px -1px;
    text-decoration: none;
    display: block;
}
.title-relate{
    color: #559900;
    height: 18px;
    font-family: sans-serif;
    font-weight: bolder;
    padding-left:24px;
    background-position: left center;
    text-decoration: none;
    display: block;
}
.title-comment{
    color: #333333;
    height: 18px;
    font-family: sans-serif;
    font-weight: bolder;
    text-decoration: none;
    display: block;
}
.box-relate h2{
    padding:8px 10px;
    border-bottom: 3px solid #559900;
}
.comment{
    margin:10px 0;
}
.box-comment{
    color: black;
    padding: 0 10px;
}
.box-comment h2{
    padding:3px 0px;
    border-bottom: 3px solid #333333;
}
.sup-title{
    text-align: center;
    border-bottom: 1px solid #60A1E2;
    padding:5px 10px;
    background: #B4D4F4;
    font-family: sans-serif;
    font-size: 13px;
}
.footer{
    border-top: 3px solid #F3B21B;
    background: #3A84E0;
    color:white;
    padding: 10px;
    font-family: sans-serif;
    font-size: 12px;
}
.box h1{
    margin: 10px;
}
.content-post{
    text-align: justify;
    padding: 10px;
}
.menu td{
    padding: 5px;
    text-align: center;
    width: 25%;
}
.menu td:nth-last-of-type(3){
    border-bottom: 3px solid #F3B21B;
}
.menu td:nth-last-of-type(2){
    border-bottom: 3px solid #EB0100
}
.menu td:nth-last-of-type(1){
    border-bottom: 3px solid #008F3D;
}
.clearfix{
    clear: both
}
.download{
    padding: 10px 5px;
    overflow: hidden;
}
.btn-download {
    color: white;
    background: #006600;
    padding: 3px;
    display: inline-block;
}
.footer a{
    color: #fff;
    text-decoration: none;
}