@import url("http://SPlay.Hexat.Com/blog/1.css");
@charset "utf-8";

a {color: #34617e;text-decoration: none;}

a:hover {text-decoration: bolder;color : #417394;text-shadow: 0 0 6px #666;}

body {
  background-color: #e9e9e9;
  color: #606060;
  font: 12px Arial;
  margin: 0;
  margin: auto;
  max-width: 720px;
}

form {}

form, input, textarea, select {font: 12px Arial;margin: 0;}

h3 {margin: 0;padding: 0 0 2px 0;}

hr {border: 0;border-top: 1px solid #d5d5d5;margin-top: 4px;margin-bottom: 4px}

input, textarea, select {background: #fff;border: 1px solid #d8d8d8;color: #686868;padding: 1px;margin: 1px;}

input[type="file"] {margin: 2px 0;}

input[type="submit"] {background: url(images/input.gif) repeat-x bottom #fefefe;padding: 3px 8px;}

p {
  margin: 1px;
}

textarea {
  width: 99%;
  max-width: 691px;
}

ul {
  margin: 0;
  padding-left: 20px;
}
.main {
    border: 0px solid #e1e1e1;
    background: #ffffff;
    color: #555;
    margin: 0px;
    padding: 4px;
}
.main img {
    max-width: 80%;
}
.alarm {
  background: #E61313;
  margin: 0 0 2px 0;
  color: #fff;
  font-weight: bold;
  padding: 3px 0px 3px 4px;
}

.bblist {
  color: #4A5663;
  background: transparent url(images/dot.gif) no-repeat left;
  padding: 2px 0px 2px 10px;
}
.tk {
  background: #F5E9EB;
  border: 1px solid #E2C0C7;
  margin: 1px 0;
  padding: 4px;
}
.bmenu a, .phdr a {
  color: #fff;
}

.phdr {
  background: url(images/bmenu.gif) repeat-x top left #a7a7a7;
  margin: 0px;
  color: #fff;
  padding: 2px 4px 4px 4px;
}

.copy {
  border-top: 1px solid #c2c2c2;
  text-align: center;
  color: #3f5864;
  padding: 3px 1px 1px 1px;
  margin: 1px 0;
}
.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;
}
.table {
    background-color: #fff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 4px;
    border: 1px solid #d5d5d5;
    padding: 4px 6px 4px 6px;
    border-bottom: 2px solid #2060E0;
    border : 1px solid #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow:0px 0px 5px  #ffffff;
}
.copy a {
  color: #2688B3;
}

.end {
  text-align: center;
}

.fmenu {
  color: #989898;
  padding-left: 4px;
  padding-bottom: 2px;
}

.fmenu a {
  color: #64819B;
}
.dau {
    color: #fff;
    font-weight: bold;
    background: #000 url(http://mcucdinh.wap.sh/img/23.gif) repeat-x top;
    margin-top: 4px;
    margin-bottom: 1px;
    padding: 5px 7px 5px 7px;
    border: 1px solid #000;
}
.footer {
    background-color: #425769;
    border-top: 1px solid #324555;
    border-bottom: 1px solid grey;
    color: #ffffff;
    margin: 0px 0;
    padding: 4px 4px 4px 4px;
}

.footer a {
    color: #333333;
}

.func {
  border-left: 4px solid #2FB0D0;
  color: #757575;
  font-size: 10px;
  padding: 0 0 0 4px;
}
.gres {
    background-image: url(images/grs.png);
    background-color: whitesmoke;
    color: #6d8da3;
    padding: 2px 4px 2px 4px;
    margin: 0px 0px 0px 0px;
}

.gmenu {
  background: #E1E9EA;
  margin: 1px;
  color: #264564;
  padding: 3px 4px 3px 4px;
}

.gray {
  color: gray;
}

.green {
  color: green;
}

.hdr2 {
  background-color: #f1f1f1;
  border-bottom: 1px solid #595959;
  font-weight: bold;
  padding-left: 2px;
}

.header {
  background: url(images/footer.gif) repeat-x top #c0c0c0;
  border-bottom: 2px solid #cbcbcb;
  color: #8b8b8b;
  margin: 0 0 1px 0;
  padding: 4px 1px 4px 6px;
  border-top: 1px solid #FFFFFF;
}

.header b {
  color: #45aad0;
}

.left {
  float: left;
}

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

.list2 {
    background-color : #e4f4fd;
    background-image : url(images/list2.gif);
    background-repeat : repeat-x;     background-position : 50% top;
    margin-top : 1px; 
    margin-bottom : 1px;
    padding : 1px;
    border : 1px solid #91d8ec; 
}
.list2 a {
	color:green;
}

.logo {
  background: #2e4354;
  padding: 0px 0 2px 0;
}

.logo a {
	color:#ffffff;
}

.time {
    color: #0000ff;
    background-color: #ffffff;
    text-align: center;
}

.mainblok .list1 table img {
    padding: 1px;
    margin: 4px 4px 0 0;
    border: 1px solid #d5d5d5;
    transition: all 15s ease;
    -webkit-transition: all 15s ease;
    -moz-transition: all 15s ease;
    transition-delay: 5s;
    -webkit-transition-delay: 5s;
    -moz-transition-delay: 5s;
    transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    width: 45px;
    height: 55px;
}
.mainblok .list1 table img:hover {
    transition: all 3s ease;
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    position: relative;
    box-shadow: 0px 0px 8px #666;
    -moz-box-shadow: 0px 0px 8px #666;
    -webkit-box-shadow: 0px 0px 8px #666;
    border-radius: 5px;
    width: 90px;
    height: 110px;
}

.mainblok + .phdr + .hdr + .xt_blog_title {
    margin: 2px 0 2px 0;
}

.maintxt {
    border: 0px solid #e1e1e1;
    background: #ffffff;
    color: #808080;
    margin: 0px 0px 0px 0px;
    padding: 2px 4px 4px 4px;
}

.menu {
    background: #ffffff;
    border-bottom: 1px solid #d5d5d5;
    margin: 1px;
    padding: 2px;
}

.menu a {
    color: #34617e;
}

.menu a:hover {
    color: #007ed2;
}
.menub {
    background: #ffffff;
    border-bottom: 1px solid #e9e9e9;
    margin: 2px 4px -1px 4px;
    padding: 3px 2px 2px 2px;
}

.menub a {
    color: #544E4F;
}

.menub a:hover {
    color: #007ed2;
    text-decoration: none;
}
.none {
    background-color: #ffffff;
	border-top: 1px solid #E1E1E1;
    margin: 0px 0px 0px 0px;
    padding: 4px;
}

.news {
  background-color: #EEEEEE;
  border: 1px solid white;
  color: #333333;
  font-size: x-small;
  padding: 3px 4px 4px 4px;
}
.newsx, .list5 {
    background-color: #f2f6f8;
    border-bottom: 1px solid #eaeae9;
    color: #34617e;
    padding: 3px 4px 3px 4px;
    margin: 0 0 0 0;
}

.orangex, .ads {
    color: #333333;
    border: 1px solid #7997aa;
    background-color: #d4e3ed;
    margin: 4px 0px 0px 0px;
    padding: 2px 4px 2px 4px;
}

.like {
    background-color: #fbfad6;
    border-left: 3px solid #e5bd00;
    border-top: 1px solid #f0f1cf;
    border-right: 1px solid #f0f1cf;
    border-bottom: 1px solid #f0f1cf;
    color: #34617e;
    padding: 3px 4px 3px 4px;
    margin-top: 4px;
}

.omenu, .qc {
    color: #333333;
    border: 1px solid #e6b868;
    background-color: #fff5bc;
    margin: 4px 0px 0px 0px;
    padding: 2px 4px 2px 4px;
}

.pagex {
    background-color: #d7d8da;
    border: 1px solid #cecece;
    margin: 4px 0px 0px 0px;
    padding: 1px 4px 1px 4px;
}

.bmenu, .hdr, .xt_blog_title, .xt_blog_comment_date {
    background-image: url(images/pdr.png);
    background-repeat : repeat-x;
    background-color: #7797ac;
    color: #ffffff;
    border: 1px solid #5a7f97;
    padding: 2px 4px 2px 4px;
    margin: -1px -1px 0px -1px;
    border-bottom: 2px solid #2060E0;
    border : 1px solid #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow:0px 0px 5px  #ffffff;
}
.phdrblack {
    background-image: url(images/pdrb.png);
    background-color: #3a3a3a;
    color: #ffffff;
    border: 1px solid #666666;
    padding: 2px 4px 2px 4px;
    margin: -1px -1px 0px -1px;
}
.phdrblack a{color:white; text-decoration:none;}
.phpcode {background-color:#E0E6E9;color:#000000;font-size:0.9em;font-family:tahoma,verdana, geneva, lucida, arial, helvetica, sans-serif;margin:0px;padding:2px;border:1px inset;max-width:96%;text-align:left;overflow:auto;}
.code {max-width:89%;background-color:#f3f6fb;border:1px inset #c3d3dc;text-align:left;color:#111111;padding:3px;}
.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 2px 2px 2px;
    color: grey;
    padding: 2px 4px 2px 4px;
}

.red, .red a {
  color: #f00;
}

.reply {
  border-left: 4px solid red;
  color: #f00;
  padding: 2px 0px 2px 4px;
}

.rmenu {
  background: #F5E9EB;
  border: 1px solid #E2C0C7;
  margin: 1px 0;
  padding: 4px;
}

.rmenu input, .rmenu textarea, .rmenu select {
  border: 1px solid #E2C0C7;
}

.sitemap {
  background-color: #f0f0f0;
  margin: 0px;
  padding: 2px 4px 3px 4px;
  font-size: xx-small;
  height: 38px;
  overflow: auto;
}

.status {
  color: #CD853F;
}

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

.tmn {
  background: url(images/tmn.gif) repeat-x top left #7192a8;
  border-top: 1px solid #2e4354;
  border-bottom: 1px solid #d1d1d1;
  color: #f8f8f8;
  margin: 0px 0;
  padding: 4px 0px 4px 6px;
}

.tmn a, .fmenu a {
  color: #f8f8f8;
  text-decoration:none;
}

.topmenu, .xt_blog_paging, .filelist_paging, .page {
  background-color: #D0D7DD;
  border: 1px solid white;
  font-size: x-small;
  margin: 0px;
  padding: 4px 4px 4px 4px;
}

.user {
  background-color: #E2EBF1;
  border: 1px solid white;
  margin: 0px;
  padding: 3px 4px 3px 4px;
}

.bmenu a:hover, .phdr a:hover, .hdr a:hover, .xt_blog_title a:hover {
  color: #ebebeb;
  text-decoration: none;
}

.rmenu input:focus, .rmenu textarea:focus {
  border: 1px solid #DBB0B9;
  background: #FDFBFB;
}

.sbox {
    background-color: whitesmoke;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 2px 4px 2px 3px;
}

.textshout {
    background: #ffffff;
    color: #333333;
    font-color: #333333;
    margin: 0px 4px 0px 4px;
    padding-bottom: 1px;
}

.textshout a {
 color: #ff8c00; }

.tmn a:hover, .fmenu a:hover {
	color:#666666;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

input:focus, textarea:focus {
  background: #F4F4F4;
  border: 1px solid #BCBCBC;
}

.currentpage {
	color:#FFFFFF;
    background-color: #8cafc6;
    border: 1px solid #417394;
    padding: 0px 5px 0px 5px;
}

a.pagenav, .filelist_paging a, .page a, .xt_blog_paging a {
    border: 1px solid #417394;
	background-color: #f2f6f8;
    padding: 0px 3px 0px 3px;
    text-decoration: none;
}

a.pagenav:hover, .filelist_paging a:hover, .page a:hover {
    background-color: #f2f6f8;
    border: 1px solid #417394;
}
.mainblok {
    border: 1px solid #cecece;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
/*
.mainblok img {max-width: 100%; height: auto;}
*/

.textx {
    background-color: #ffffff;
    border-bottom: 1px solid #ededed;
    color: #333333;
    padding: 2px 2px 4px 2px;
    margin: 2px 4px 2px 4px;
}
.forumtxt {
    background-color: #ffffff;
    color: #333333;
    padding: 6px 4px 6px 4px;
}
.mainblok .forumtxt img {
    padding: 1px;
    margin: 4px 4px 0 0;
    border: 1px solid #d5d5d5;
}
.mainblok .forumtxt img:hover {
    box-shadow: 0px 0px 10px #666;
    -moz-box-shadow: 0px 0px 10px #666;
    -webkit-box-shadow: 0px 0px 10px #666;
    border-radius: 5px;
}
#XOAY {
    transition: all 15s ease;
    -webkit-transition: all 15s ease;
    -moz-transition: all 15s ease;
    transition-delay: 5s;
    -webkit-transition-delay: 5s;
    -moz-transition-delay: 5s;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    width: 120px;
}
#XOAY:hover {
    background-color: #ffffff;
    padding: 5px;
    transition: all 3s ease;
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    position: relative;
    width: 365px;
}

.forumb {
    background-color: #e9e9e9;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 2px 5px 1px 4px;
}
.forumb a:link {
	color: #424242;
	text-decoration:none;
}
.forumadm {
    background-color: #ffecec;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 2px 5px 1px 4px;
}
.forumadm a:link {
	color: #424242;
	text-decoration:none;
}
.forum_del {
    background-color: #ffecec;
    border-bottom: 1px solid #FFC4C4;
    color: #AE4444;
    padding: 3px 4px 3px 4px;
    margin: 0 0 0 0;
}
.forum_del a {
	color: #AE4444;
	text-decoration:none;
}
.forum_del_txt {
    background-color: #ffecec;
    border-bottom: 1px solid #FFC4C4;
    color: #AE4444;
    padding: 2px 2px 4px 2px;
    margin: 2px 4px 2px 4px;
}

.nonex {
    background-color: #ffffff;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 4px 0px 4px;
}

.nonex img {max-height: 22px; width: auto;}
.spoiler {
background: #f5f5f5;
border: 1px solid #417394;
}

.spoiler_cabecera {
border-bottom: 1px solid #417394;
margin: 0;
margin-bottom: 2px;
background: #8baec6;
padding: 4px 5px;
}

.spoiler_contenido {
padding: 5px;
height: auto;
display: block;
background: #f5f5f5;
}
.smallfont
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.alt2, .alt2Active
{
	background: #FDFDFE;
	color: #000000;
}

.bbcode_container {
	margin:7px;
	margin-right: 5px;
	margin-top:5px;
	display:block;
}

.bbcode_container div.bbcode_quote {
	margin:0 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #f2f6f8 none   ;
	border-radius: 5px;
	border: 1px solid #417394;
	font: normal 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
	position: relative;
	top: 0;
}

.bbcode_quote div.quote_container {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
}

.bbcode_container .bbcode_quote_container {
	background: transparent url(images/quote-left.png) no-repeat  left;
	display:block;
	width: 9px;
	height: 13px;
	position: absolute;
	top: 5;
	left: -9px;
}
.boxed{border: 1px solid #ccc; padding: 2px;}
div#energysaving, div#energysaving * {  
	-moz-border-radius: 0;  
	-webkit-border-radius: 0;  
	border: 0;  
	background-color: #000000; 
} 

div#energysaving {  
	margin: 0;  
	padding: 0;  
	position: absolute;  
	left: 50%;  
	top: 50%;  
	opacity: 0;  
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0);  
	text-align: center;  
	z-index: 100; 
} 

@media screen { 
	body>div#energysaving { 
		position: fixed; 
	} 
} 

div#energysaving p {  
	margin: 0;  
	padding: 0; 
	 width: 100%;  
	 font-size: 18px;  
	 font-family: arial;  
	 color: #333333;  
	 position: relative;  
	 top: 40%;  
	 line-height: 20px;  
	 font-weight: bold;  
	 text-align: center;  
	 text-shadow: none; 
} 

div#energysaving p span { 
	 color: #555555;  
	 font-size: 12px;  
	 font-weight: normal; 
} 

div#energysaving div#copyrightOnlineLeaf {  
	padding: 0;  
	margin: 0;  
	color: #333333; 
	 font-size: 12px;  
	 font-weight: normal;  
	 position: absolute;  
	 bottom: 20px;  
	 text-align: center;  
	 width: 100%; 
	  height: 20px;  
	  left: 0%;
}
.daik {
    padding-top : 2px;
    background-color: #fff;
    background-position : top;
}
td {line-height:15px}
#tab {padding:2px 5px 0 5px;border-bottom:5px solid #7595ab;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:#7595ab;}
#tab .active a {color:#0f0}
.annoidung {
background-color:#f0f0f0;
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: xx-small;
height: 0px;
overflow: auto;
}
.nav_link {
 color: #fff;
 font-weight: bold;
 text-decoration: none;
}
.nav {
  background: #333;
}
.nav_focus {
 padding: 3px 5px 3px 5px;
 background: #ffa633;
 color: #fff;
 text-align: center;
 font-size:small;
}
.nav_normal {
 padding: 3px 5px 3px 5px;
 color: #fff;
 text-align: center;
 cursor: pointer;
 font-size:small;
}
.anh{
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.anh:hover{
moz-transform: scale(2) rotate(0deg);
-webkit-transform: scale(2) rotate(0deg);
position: relative;}
#bottom {
 background: url(http://splay.hexat.com/web/img/imgcss/zen-bgBottom.png) no-repeat center 100%;
min-height: 880px;
padding-bottom:200px;
}
#top-head {
max-width:1006px;
line-height: 1.4;
width: 100%;
padding: 0px;
margin:auto;
color:#444;
}
#top {
background: url(http://splay.hexat.com/web/img/imgcss/zen-bgTop.png) center 0 no-repeat;
}
.filelist_paging, .page {
    text-align: left;
    padding: 2px;
    background-color: #fff0f0;
    margin-top: 1px;
    margin-bottom: 1px;
    border: 1px solid #ffabab;
    font-weight: bold;
    font-size: 14px;
}
.filelist_paging:before, .page:before {
    content: url(http://splay.hexat.com/blog/images/ic.png);
    padding-right: 2px;
}
.filelist_paging a, .page a {
    border: 1px solid #88beff;
    padding: 0 2px;
    margin: 1px;
}
/* The chinh */
.noidung { border: 1px solid #d3d3d3;
background: #fff;
margin-bottom: 1px;
margin-left: 1px; margin-right: 1px;
padding: 1px 2px 1px 2px;
}
.tieude { color : #ffffff;
background: #363636 ; background-position : top; border : 1px solid #b2b2b2;  
padding: 1px 2px 1px 2px;
margin: 0px 1px 1px 1px; font-weight: bold; }
/* The phu */
.rmenu {
background: #dfdfdf; background-position : bottom; border : 1px solid #fff;  margin: 0px 1px 1px 1px;
padding: 1px 2px 1px 2px; }
.gioithieu {
background-color: #efefef;
margin: 0px 1px 1px 1px;
padding: 2px 4px 2px 4px;  border: 1px solid #d3d3d3; }
.sub { border-top: 1px dotted #056BAD; }
/* Blog */

.xt_blog a:link {
   color:#FF00FF;
}
.xt_blog_comments_number:before {
   color: #000;
}
.xt_blog {
    background: url(http://splay.hexat.com/blog/images/bg_body.png) #fafafa repeat 50% top;
    border: 1px solid #e1e1e1;
    color: #000099;
    padding: 2px;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.xt_blog_content {
    background-color: transparent;
    text-align: left;
    text-indent: 0px;
    padding: 3px 4px 3px 4px;
    margin: 1px;
}
.xt_blog_title_link {
    font-weight: bold;
}
.xt_blog_title_link:before {
    content: url(http://splay.hexat.com/blog/images/trai-tim-team2.png);
}
.xt_blog_title_content {
    border-bottom: 1px dotted #121212;
    margin-top: 2px;
    margin-bottom: -4px;
    padding: 2px;
}
#xtblog_comment_msg {
    background: url(http://splay.hexat.com/blog/images/bg_input.jpg) #fff left bottom repeat-x;
    color: #000;
    margin: 2px;
}
.xt_blog_title {
    text-align: center;
    background: lightyellow repeat-x 50% top;
    margin: -2px -2px 0 -2px;
    padding: 2px;
    color: #008800;
    border: 1px solid #ffd700;
}
.xt_blog_paging {
    text-align: left;
    padding: 2px;
    background-color: #ffffff;
    margin-top: 1px;
    margin-bottom: 1px;
    border: 1px solid #ffabab;
}
.xt_blog_paging:before {
    content: url(http://splay.hexat.com/blog/images/tool.gif);
    padding-right: 2px;
}
.xt_blog_paging a {
    border: 1px solid #88beff;
    padding: 0 1px;
}
.xt_blog_subtitle {
    text-align: center;
    margin: 2px 0px 2px 0px;
}
.xt_blog_back_to_posts {
    margin-left: 4px;
    margin-right: auto;
    display: table;
    background: url(http://splay.hexat.com/blog/images/bg_input.jpg) #fff left bottom repeat-x;
    border: 1px solid #f0f;
    padding: 2px;
}
.xt_blog_comments {
    text-align: center;
color: #008000}
#xt_blog_comments {
    text-align: center;
}
.xt_blog_comments_title {
    color: #fffaee;
    font-weight: bold;
    text-shadow: #45cdf5 1px 1px 1px;
    background-color: #319aff;
    background-repeat: repeat-x;
    background-position: 50% top;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 2px;
    border: 1px solid #007dff;
}
.xt_blog_comment {
    background: #fff url(http://splay.hexat.com/blog/images/bg_bl.png) repeat-x;
    border: 1px solid #88beff;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 4px;
    text-align: left;
    text-indent: 0px;
    color: #000;
}
.xt_blog_comment_date {
    float: right;
    color: #1e96ff;
    display: block;
}
.xt_blog_comment_author {
    float: left;
    font-weight: bold;
    color: #f0f;
}
.xt_blog_comment_author:before {
    content: url(http://splay.hexat.com/blog/images/m.png);
}
.xt_blog_comment_content {
    clear: both;
    border-top: 1px dotted #565656;
    padding: .25em;
    display: block;
}
.xt_blog_write_a_comment_title {
    font-weight: bold;
    text-align: left;
    padding: 2px 2px 4px 2px;
}
.xt_blog_write_a_comment_title:before {
    content: url(http://splay.hexat.com/blog/images/binhluan.png);
}
.xt_blog_write_a_comment label {
    display: block;
}
.xt_blog_write_a_comment {
    background-color: lightyellow;
    border: 1px solid #88beff;
    padding: 4px;
    margin-top: 2px;
    margin-bottom: 3px;
}
.xt_blog_write_a_comment input[type="text"] {
    width: 75%;
}
.xt_blog_write_a_comment textarea {
    width: 90%;
}
.xt_blog_comments_number {
    color: #FFF;
}


.xt_blog_content:after ,  .xt_blog_title_content:after
{content:url(http://splay.hexat.com/blog/imagex/dongke.png); width : 111px;
margin:-.7em auto 0 auto;
display:block }