/* (c) 2011 Copyright by HuuThuy87.Wap.Sh */

body {
    background-color: #e9e9e9;
    color: #555;
    font: 13px Arial;
    margin: 0;
    margin: auto;
    padding: 0;
    max-width: 720px;
}
a:link, a:active, a:visited {
    color: #0565B2;
    text-decoration: none;
}
a:hover, a:focus {
    color: #009cf0;
}
img {
    border-style: none;
    vertical-align: middle;
}
input, textarea, select {
    background: #fff;
    border: 1px solid #d0d0d0;
    color: #454545;
    padding: 2px 4px 2px 4px;
    margin: 1px;
}
input[type="submit"] {
    background: #5050A0;
    color: #f0f0f0;
    border: 2px solid #202070;
    padding: 2px 4px 2px 4px;
}
input[type="submit"]:hover {
    color: #202070;
    background: #fefefe;
    border: 2px solid #202070;
    padding: 2px 4px 2px 4px;
}
h3 {
    margin: 0;
    padding: 0;
    padding-bottom: 2px;
}
hr {
    margin-top: 2px;
    margin-bottom: 2px;
    border-top: 1px solid #e3e3e3;
    border-right-style: none;
    border-right-width: 0;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-left-style: none;
    border-left-width: 0;
}
p {
    margin-top: 6px;
    margin-bottom: 6px;
}
ul {
    margin: 0;
    padding-left: 20px;
}
.thuy {
    text-shadow: #e6daac 1px 1px;
    color: #444;
    font-size: 18px;
    font-weight: bold;
    padding: 3px;
    border-bottom: 1px solid #00f;
    background: #ddf6dd;
}
.daik {
    padding-top : 2px;
    background-color: #fff;
    background-position : top;
}
td {line-height:15px}
#tab {padding:2px 5px 0 5px;border-bottom:5px solid #08A8E8;font-size:12px}
#tab a {color:#494949;font-weight:bold}
#tab tr, #tab td{height:25px;padding-top:4px}
#tab td {padding-left:5px;padding-right:5px;text-align:center}
#tab .active {background:#08A8E8;}
#tab .active a {color:#fff}
.time {
    color: #0000ff;
    background-color: #ffffff;
    text-align: center;
}
.main {
    border: 0px solid #e1e1e1;
    background: #ffffff;
    color: #555;
    margin: 0px;
    padding: 4px;
    font-size: 14px;
    font-family: "Times New Roman", Times, serif;
}
.main img {
    max-width: 80%;
}

table.topnav {background-color: #fff;width: 100%;text-align: center;border-collapse: collapse;z-index:1;}
td.khung {padding-top: 1px;background-color: #fff;border : 1px solid #d5d5d5;border-bottom:0px;}

.sub, .xt_blog_title_content {
    border-top: 1px dotted #417394;
    font-size: x-small;
    margin: 3px 2px 2px 2px;
    padding: 3px 0px 0px 0px;
}
.footer, .coklat {
    background: #86d6fe url(images/foot.png) repeat-x 50% bottom;
    border: 1px solid #88beff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 4px;
    text-align: left;
    text-indent: 0px;
    color: #000;
}
.header {
    border-bottom : 1px solid #8fdef3; 
    background : #b4e8f6 url(images/head.gif) repeat-x 0% top; 
    padding: 6px;
}

.foot {
    padding: 2px;
    border: 1px solid #cecece;
}

.list1, .list2, .cool, .row_easy, .blog, .xt_blog_title_link, .xt_blog_content {
    background-color: #fff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 4px;
    border: 1px solid #d5d5d5;
}

.rmenu, .menu {
  background: #fee5fd;
  border: 1px solid #ffc6fc;
  margin: 1px 0;
  padding: 4px;
}
.rmenu input, .rmenu textarea, .rmenu select {
  border: 1px solid #E2C0C7;
}
.rmenu input:focus, .rmenu textarea:focus {
  border: 1px solid #DBB0B9;
  background: #FDFBFB;
}

.phdr, .bmenu, .upban, .hdr, .tieude {
    color: #fffaee;
    font-weight: bold;
    text-shadow: #45cdf5 1px 1px 1px;
    background-color: #08A8E8;
    margin-top: 4px;
    margin-bottom: 1px;
    padding: 4px 6px 4px 6px;
    border-bottom: 2px solid #2060E0;
}
.phdr a, .bmenu a, .upban a, .hdr a {
    color: #fffaee;
}
.phdr a:hover, .bmenu a:hover, .upban a:hover, .hdr a:hover {
    color: #dbfaff;
}

.phpcode {
    background-color: #E0E6E9;
    border: 1px dotted #9FAEBB;
    margin-top: 4px;
    padding: 0px 2px 0px 2px;
}

.table, .xt_blog_write_a_comment {
    padding: 2px;
    border: 1px solid #cecece;
}

.quote {
    font-size: 10px;
    background-color: #f2f6f8;
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    border-left: 3px solid #80abc8;
    margin: 2px;
    color: grey;
    padding: 4px;
}

.ads {
    background: #ffc48a url(images/ads.png) repeat-x 50% bottom;
    border: 1px solid #fad2ac;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 4px;
    text-align: left;
    text-indent: 0px;
    color: #000;
}
.qc {
    background: none repeat scroll 0 0 #FFFFC0;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 2px;
    font-weight: normal;
    border: 1px solid #DDBC6B;
    padding: 3px;
}

.filelist_paging, .page, .xt_blog_paging {
    text-align: left;
    padding: 4px 2px 4px 2px;
    background: #d5f3ff;
    margin-top: 1px;
    margin-bottom: 1px;
    border: 1px solid #a2b5c2;
    font-weight: bold;
    font-size: 14px;
}

.filelist_paging a, .page a {
    border:1px dotted #888;
    padding:0 2px;
    margin:1px;
}

.pagee a {
border:1px dotted #888;
padding:0 2px;
margin:1px;
}
/* Style Blog */

.xt_blog_subtitle {
    color : #0084b5;
    background-color : #000406;
    background-image : url('img/web_menu.gif');
    background-repeat : repeat-x;
    background-position : 50% top;
    margin-top : 1px;
    margin-bottom : 1px;
    padding : 2px;
    border : 1px solid #005064;
    font-size: 0.90em;
    font-family: Comic Sans MS, Bold, Helvetica, sans-serif;
 }

a.xt_blog_back_to_posts {
    margin-left: 4px;
    margin-right: auto;
    display: table;
    color: #494949;
    border: 1px solid #C4C6C4;
    background: #fff repeat-x left top;
    padding: 2px;
}  

.xt_blog {
    color: #00aaff;
    border:1px solid #49638b;
    margin: 0px;
    padding: 1px;
}

.xt_blog_paging {
    text-align:left;
}

.xt_blog_title_link:before {
    content:url('images/ic.gif');
    padding-right:2px 
}

.xt_blog_title {
    color : #fffaee;
    font-size : 16px;
    font-weight : bold;
    text-shadow : #45cdf5 1px 1px 2px; 
    background-color : #08A8E8;
    background-repeat : repeat-x;
    background-position : 50% top;
    margin-bottom : -1px;
    padding : 4px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.xt_blog_paging:before {
    content:url('images/tool.gif');
    padding-right:2px;
}

.xt_blog_paging a {
    border:1px dotted #888;
    padding:0 1px; 
}

..xt_blog_title_link {
    background-color: #050505;
    border : 1px solid #323232;
    margin-top : 1px;
    margin-bottom : 1px;
    padding : 2px;
}

.xt_blog_title_content {
    border-top: 1px dotted #417394;
    font-size: x-small;
    margin: 3px 2px 2px 2px;
    padding: 3px 0px 0px 0px;
}

.xt_blog_comments_number {
    color:#565656;
}

.xt_blog_content:before, .xt_blog_title_content:before {

    width:170px;
    margin:-8px auto 2px auto;
    display:block;
} 
 
.xt_blog_content {
    background-color: #fff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 4px;
    border: 1px solid #d5d5d5;
}

.xt_blog_comments {
    text-align: center;
}

#xt_blog_comments {
    text-align: center;
}

.xt_blog_comments_title {
    clear: both;
    color: #f00;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    margin-bottom: 6px;
    border: 2px solid #49638b;
    background: #0b1930 repeat-x 50% top;
}

.xt_blog_comment_author {
    float:left;
    color:#f00;
    background:#ababab repeat-x left top;
    font-weight:bold;
    padding:0 2px 0 2px;
    margin-left: 4px;
}

.xt_blog_comment_author:before {
    content:url('images/acc.png');
}

.xt_blog_comment_date {
    float:right;
    color:#9cf;
}
 
.xt_blog_comment_content {
    clear:both;
    border:1px solid #323232;
    background:#050505;
    color:#0af;
    padding:.25em;
    text-align:justify;
    display:block;
}  
.xt_blog_comment {
    clear: both;
    background: #0b1930 repeat-x 50% top;
    border: 1px solid #49638b;
    padding: .25em;
    margin-bottom: 2px;
    margin-top: 6px;
}

.xt_blog_write_a_comment_title {
    font-weight: bold;
    text-align: center;
    padding: 6px 2px 4px 2px;
}

}
.xt_blog_write_a_comment_title:before {
    content: url(images/binhluan.png);
}

.xt_blog_write_a_comment label {
    display: block;
}

.xt_blog_write_a_comment input[type="text"] {
    width: 70%;
}

.xt_blog_write_a_comment {
text-align: left;
}
.xt_blog_write_a_comment textarea {
    width: 90%;
}

/* (c) 2011 Copyright by HuuThuy87.Wap.Sh */