body {
    color: #606060;
    margin: 0;
    padding: 1px;
    font-family: arial,sans-serif;
    font-size: 13px;
    background: #fff none repeat scroll 0 0;
    margin: auto;
    max-width: 675px;
    border : 1px solid #cdcdcd;
    border-radius: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow:0px 0px 10px  #343434;
}
.hot
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background:#F30;
color: #fff;
padding: 2px 5px 2px 5px;
margin-right: 5px;
}
.lk {
    color: green;
    font-weight: bold;
    text-shadow: #45cdf5 1px 1px 1px;
    background-color: #FFCC66;
    background-repeat: repeat-x;
    background-position: 50% top;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 2px;
    border: 1px solid #88beff;
    
}
.lk a {
color: #fff;
border-bottom: 1px dotted #74c3ec;
}

.header {
  background: #FFFFCC;
  background-image : url(http://giaitri321.pro/files/css/xanh/23.gif) repeat-x 10% top;
  border: 1px solid #88beff;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 20px 5px 20px 5px;
  text-align: center;
  text-indent: 0px;
}

.xt_pagination a, .xt_pagination span a,.xt_blog_paging a, .trang a, .filelist_paging a {
  margin: 0 2px;
  background-color: /*$hc*/#FFCCFF/*e*/;
  color: /*$bc*/#000000/*e*/;
  padding: 2px;
  border: 1px solid #CC99FF;
}
/* @XT_title: Inactive and selected pagination element inner */
.xt_pagination span.selected span {
  background-color: /*$c_02*/#A1A1A1/*e*/;
  color: /*$bc*/#ffffff/*e*/;
  padding: 2px;
  margin: 0 2px;
}
.dau {
    background: #ccf7ff; url(http://giaitri321.pro/images/end.png) repeat-x 50% top;
    border: 1px solid #88beff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 4px;
    text-align: center;
    text-indent: 0px;
    color: #000;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.list1, .list2{
    background: #fff;
    border: 1px solid #e1e1e1;
    margin-top: 1px;
    margin-bottom: 1px;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px;  
    padding: 3px;
}

.footer {
    background: #99ffff url(http://giaitri321.pro/images/end.png) repeat-x 50% top;
    border: 1px solid #88beff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 4px;
    text-align: left;
    text-indent: 0px;
    color: #000;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.blue {
    background: #fff;
    border: 1px solid #e1e1e1;
    margin-top: 1px;
    margin-bottom: 1px;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px;  
    padding: 3px;
}
.foot {
color : #ffffff;
font-size:10px;
text-align:center;
text-shadow : #45cdf5 1px 1px 1px;
background-color : #84e2f8;
background-repeat : repeat-x;
background-position : 50% top;
margin-top : 1px;
margin-bottom : 1px;
padding : 0px;
border : 1px solid #68e1ff; }
.foot a {
color : #ffffff;
border-bottom : 1px dotted #6ed7f0; }
.foot a:hover {
color: #dbfaff;
border-bottom : 1px dotted #edf9fd; }

.main {
    background: #fff;
    border: 1px solid #e1e1e1;
    margin-top: 1px;
    margin-bottom: 1px;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px;  
    padding: 3px;
}

table.topnav {
background-image: url(http://giaitri321.pro/icon/top.gif);
position:relative;
background-color: #FDFDFF;
width: 100%;
padding: 5px 4px 3px 4px;
margin: 5px 0px -3px 0px;
text-align: center;
border-collapse: collapse;
z-index:1;
border-bottom : 2px solid #0000DD;
}
td.sekat {
width: 1px;
}

td.khung {
padding-top: 5px;
background-color: #fff;
border : 1px solid #00CCFF;
border-bottom:0px;
}

td.khung a:hover {
padding-top: 5px;
background-color: #00CCDD;
border : 1px dotted green;
border-bottom:0px;
}
.tim {
background-color: #fff;
border: 1px solid blue;
padding : 3px;
border-bottom : 1px solid red;
}

.loi {
font-size:15px;
color:#000033;
background-color: #FFEBD9;
border: 1px solid blue;
padding : 3px;
border-bottom : 1px solid #FF800D;
}

.ok {
font-size:15px;
color:#000033;
background-color: #E1FFFE;
border: 1px solid blue;
padding : 3px;
border-bottom : 1px solid #01FCEF;
}

.baiviet {
    background: #fff;
    border: 1px solid #e1e1e1;
    margin-top: 1px;
    margin-bottom: 1px;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px;  
    padding: 3px;
}
.comment {
padding-top: 5px;
background-color: #fff;
border : 1px solid #00CCFF;
color: #330066;
font-size:10;
border-left:2px dotted #00CCDD;
border-right:2px dotted #00CCDD;
border-bottom:0px;
}

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

.quote {
    display: block;
    background-color: #fcfeeb;
    border: 1px solid #e9ebec;
    border-left: 4px solid #8394b2;
    color: #878787;
    font-size: 10px;
    padding-left: 6px;
    margin-top: 5px;
    padding: 3px;
}

.code {
border-top: 1px solid #c2c2c2;
border-bottom: 1px solid #c2c2c2;
text-align: center;
color: #3f5864;
padding: 3px 1px 1px 1px;
margin: 1px 0;
}

h1 {
color: #666666;
padding: 0px 0px 2px 0px;
margin: 0;
}

.tag {
	border: 1px solid #e6e6e6;
	background: #ffffff;
	margin: 1px 0;
	padding: 3px 1px 4px 4px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-bottom-radius: 5px; 
}

.logo {
    background-color : #ccf7ff;
    background-image : url(http://giaitri321.pro/files/css/xanh/23.gif);
    border: 1px solid #88beff;
    background-repeat : repeat-x;
    background-position : 50% top;
    margin-top : 1px;
    margin-bottom : 1px;
    padding : 2px;
}
.cool {background-image : url(http://giaitri321.pro/files/css/xanh/tmn.gif);background-repeat : repeat-x;background-position : 50% top;margin-top : 1px;margin-bottom : 1px;padding : 2px;border : 1px solid #e1e1e1;}
.box {background-image : url(http://giaitri321.pro/files/css/xanh/tmn.gif);background-repeat : repeat-x;background-position : 50% top;margin-top : 1px;margin-bottom : 1px;padding : 2px;border : 1px solid #e1e1e1;}

a:link, a:active, a:visited {color: #0066FF; text-decoration: none;}

a:hover, a:focus {
border: 1px solid;
background-image: url(http://giaitri321.pro/files/css/xanh/star.gif);
}/*
.xt_blog 
{ 
background: url("http://yenhung.xtgem.com/images/bg.gif") repeat-x top #fff; 
border: 1px solid #aaa; 
padding: 2px; 
max-width: 400px; 
margin: .3em auto;
}
.xt_blog a 
{
text-decoration:none;
font-weight:bold 
}
.xt_blog a:link 
{
color:#00a 
} 
.xt_blog a:visited 
{
color:#a0a 
} 
.xt_blog a:active , .xt_blog a:hover 
{
color:#0a0 
}
.xt_blog br 
{
line-height:1px 
}

/* XtBlog post list */

.xt_blog_title_link 
{

}
.xt_blog_title_link:before 
{
content:url(http://yenhung.xtgem.com/images/text.png);
padding-right:2px 
} 
.xt_blog_comments_number 
{
float:right;
color:#aaa
}
.xt_blog_comments_number:before 
{
content:url(http://yenhung.xtgem.com/images/block_edit.png) 
}
.xt_blog_title_content 
{
clear:both;
border-top:1px dotted #aca;
text_align:justify;
margin:4px 2px;
padding:2px
}
.xt_blog_title_content:after 
{
content:url(http://yenhung.xtgem.com/images/line.gif);
width:150px;
margin:-.7em auto 0 auto;
display:block
} 
.xt_blog_paging 
{
text-align:left;
padding:1px;
}
.xt_blog_paging:before 
{
content:url(http://yenhung.xtgem.com/images/buzz.png);
padding-right:2px 
}

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


/* XtBlog posts */

h1.xt_blog_title 
{
color:#0a0 
}
.xt_blog_title:after , .xt_blog_subtitle:after , .xt_blog_content:after 
{
content:url(http://yenhung.xtgem.com/images/line.gif);
width:150px;
margin:-.7em auto 0 auto;
display:block 
} 
.xt_blog_subtitle 
{
 margin:-1em 2em .0 2em;
color:#800
} 
.xt_blog_content 
{
border:1px solid #aca;
margin:0 .5em .25em .5em;
padding:.5em;
text-align:justify 
} 
.xt_blog_back_to_posts 
{ 
}
.xt_blog_back_to_posts:before , .xt_blog_back_to_posts:after 
{
content:url(http://yenhung.xtgem.com/images/list.png);
padding:0 .5em
} 
.xt_blog_comments 
{
border:1px solid #aca;
background:#efe;
margin:.25em .5em;
padding:.25em
} 
.xt_blog_comments_title {color:#800 } 
.xt_blog_comments_title:before , .xt_blog_comments_title:after 
{
content:url(http://yenhung.xtgem.com/images/list.png);
padding:0 .5em
} 
.xt_blog_comment 
{
border:1px solid #aca;
background:#e0f1e0;
padding:.25em;
margin-bottom:2px 
} 
.xt_blog_comment_date 
{
float:left;
color:#888 
} 
.xt_blog_comment_author  
{
float:right ;
color:#040
}
.xt_blog_comment_author:before 
{
content:url(http://yenhung.xtgem.com/images/contact.png)
}  
.xt_blog_comment_content 
{
clear:both;
border:1px solid #aca;
background:#f8fff8; 
padding:.25em;
text-align:justify;
display:block
}
.xt_blog_comment_content img 
{max-width:100%;}  

/* XtBlog comment form holder */

.xt_blog_write_a_comment 
{
border:1px solid #aca;
padding:.25em; 
}
.xt_blog_write_a_comment_title {color:#800 }

/* XtBlog comment form */

#xt_blog_comment_form 
{
border:1px solid #aca;
background:#efe;
padding:.25em; 
} 
.xt_blog_write_a_comment label 
{
display:block 
}
.xt_blog input , .xt_blog textarea {background: url("http://yenhung.xtgem.com/images/search_gradient.gif") repeat-x top #ffffff;}
.xt_blog_write_a_comment input[type="text"]
{
width:80% 
}   
.xt_blog_write_a_comment textarea 
{
width:90%;
height:3em;
margin-bottom:.25em
} 
.xt_blog_write_a_comment input[type="submit"] {background:#aba }
.xt_blog_write_a_comment input[type="submit"]:focus , .xt_blog_write_a_comment input[type="submit"]:hover {color:#f00 }

*/ 
a{text-decoration:none;}
.xt_blog{background:url(http://yenhung.xtgem.com/images/bg.gif) #fff repeat-x;text-align:center;border:1px solid #f0f; padding:3px;text-align:left;margin:0px;color:#000;}

input{background:url(http://yenhung.xtgem.com/images/bg_input.jpg) #fff left bottom repeat-x;color:#000;border:1px solid #f0f;margin:2px;}

.xt_blog_content{background-color:#fff;text-align:left;text-indent:0px;padding:3px 4px 3px 4px;margin:1px;}

.xt_blog_title_link:before{content:url(http://yenhung.xtgem.com/images/tiep.png);}

#xtblog_comment_msg{background:url(http://yenhung.xtgem.com/images/bg_input.jpg) #fff left bottom repeat-x;color:#000; margin:2px;border:1px solid #f0f;}

.xt_blog_title{text-align:center;}

.xt_blog_subtitle{text-align:center;margin:0px 0px 4px 0px;}

.xt_blog_back_to_posts {margin-left:10px; margin-right:auto;}

.xt_blog_comnents{text-align:center;}

#xt_blog_comments{text-align:center;}

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

.xt_blog_comment{background: #fff url(http://yenhung.xtgem.com/images/bg.gif) repeat-x ;border:1px solid #f0f;margin:4px 2px 4px 2px; padding:4px;text-align:left;text-indent:0px;color:#000;}

.xt_blog_comment_date{color:#1e96ff;}

.xt_blog_comment_author{font-weight:bold;}

.xt_blog_comment_content{padding:4px; margin:2px;}

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

.xt_blog_paging{text-align:center;padding:2px;margin:2px;}
.xt_blog_write_a_comment_title:before{content:url(http://yenhung.xtgem.com/images/binhluan.png);}

.xt_blog_write_a_comment{padding:4px; margin:2px 2px 4px 2px;}

.xt_blog_comments_number{color:#000;}