/* By - KiênMatu - PhucSinh.Wap.Sh - CSS full div*/

@charset "utf-8"
body {background-color: #e9e9e9;color: #555;font: 14px Arial;margin: auto;max-width: 790px;}
a {color: #0565B2;text-decoration: none;}
a:hover {color: #444fff;font-weight: bold;}
body {
    background: #fff none repeat scroll 0 0;
color: #606060;
    font-size : 14px;
    font-family : Comic Sans MS;
    margin: 0;
    margin: auto;
    padding: 0;
    max-width: 720px;
    border : 1px solid #cdcdcd;
    border-radius: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow:0px 0px 10px  #343434;
cursor: url("/img/images/clovel.cur"), progress;
}
a:link, a:active, a:visited {
    color: #3366CC;
    text-decoration: none;
}
a:hover, a:focus {
    font-size: 14px;
    color: #009cf0;
    cursor : url("/img/images/clovely.cur"), progress;
}
h1, h2, h3, h4, h5, h6 {font-size: small;}
input[type="submit"], .button {background: #45b6e3;padding: 5px 10px;color: #fff;border: 0px;margin: 2px 0px;}
input[type="submit"]:hover, .button:hover {background: #189ed3;color:#fff;}
textarea {background: #FDFDFD;color: #000;border: 1px solid #ddd;padding: 4px;margin: 3px 0px;max-width: 98%;min-width:98%;}
input[type="text"], input[type="password"], select {background: #FDFDFD;color: #000;border: 1px solid #ddd;padding: 5px;margin: 3px 0px;width: 98%;max-width: 98%;}
input[type="checkbox"] {vertical-align: middle;}
input[type="file"] {border:1px solid #000;width:98%;}
img {max-width:98%;height:auto;}
iframe {max-width:98%;}
.bai-viet { background: #fff;
    border: 1px solid #e1e1e1;
    margin-top: 1px;
    margin-bottom: 1px;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px;  
  padding: 5px;
}
.hoverimage img{
-webkit-transform:scale(0.8); /*Webkit: Thu nhỏ kích thước ảnh còn 0.8 so với ảnh gốc*/
-moz-transform:scale(0.8); /*Thu nhỏ đối với Mozilla*/
-o-transform:scale(0.8); /*Thu nhỏ đối với Opera*/
-webkit-transition-duration: 0.5s; /*Webkit: Thời gian phóng to, nhỏ ảnh*/
-moz-transition-duration: 0.5s; /*Như trên*/
-o-transition-duration: 0.5s; /*Như trên*/
opacity: 0.7; /*Độ mờ của hình ảnh*/
margin: 0 10px 5px 0; /*căn đều giữa ảnh*/
}
.hoverimage img:hover{
-webkit-transform:scale(1.1); /*Webkit: Tăng kích cỡ ảnh lên 1.1 lần*/
-moz-transform:scale(1.1); 
-o-transform:scale(1.1); 
box-shadow:0px 0px 30px gray; /*Đổ bóng bằng CSS3*/
-webkit-box-shadow:0px 0px 30px gray;
-moz-box-shadow:0px 0px 30px gray; 
opacity: 1; /*Độ mờ của hình ảnh*/
}
.list, .list3, .list4 {background: url(http://phucsinh.wap.sh/css/next.png) no-repeat 5px center;
padding: 5px 0px 5px 20px;
border-bottom: 1px solid #E9E9E9;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;}
.list5 {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #D1D8DF;
  text-transform: capitalize;
  padding: 3px 3px 3px 10px;
  margin-bottom: 1px;
  padding: 4px;
}
.list5 a{
	color: #555;
}
.prefix
{
background: transparent url(http://phucsinh.wap.sh/css/white-blog.png) repeat-x top;
padding: 0px 6px;
margin: -1px 0;
border: 1px solid transparent;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px;
display: inline-block;
}
a.prefixLink:hover
{
text-decoration: none;
}
a.prefixLink:hover .prefix
{
color: #176093;
text-decoration: none;
background-color: #f0f7fc;
padding: 0 6px;
border: 1px solid #a5cae4;
}
.prefix a { color: inherit; }
.prefix.prefixPrimary    { color: #176093; background-color: #d7edfc; border-color: #d7edfc; margin-right:3px;}
.prefix.prefixSecondary  { color: #8f6c3f; background-color: #f9d9b0; border-color: #f9d9b0; margin-right:3px;}
.prefix.prefixred        { color: white; background-color: red; border-color: #F88; margin-right:3px;}
.prefix.prefixgreen      { color: white; background-color: green; border-color: green; margin-right:3px;}
.prefix.prefixOlive      { color: black; background-color: olive; border-color: olive; margin-right:3px;}
.prefix.prefixTaiVe { color: white; background-color:#2d6987; border-color:#2d6987; margin-right:3px;}
.prefix.prefixLightGreen { color: white; background-color: lightgreen; border-color: lightgreen; margin-right:3px;}
.prefix.prefixxanh       { color: white; background-color: blue; border-color: #88F; margin-right:3px;}
.prefix.prefixRoyalBlue  { color: white; background-color: royalblue; border-color: #81A9E1;  margin-right:3px;}
.prefix.prefixblue    { color: white; background-color: skyblue; border-color: skyblue; margin-right:3px;}
.prefix.prefixGray       { color: white; background-color: gray; border-color: #AAA; margin-right:3px;}
.prefix.prefixSilver     { color: white; background-color: silver; border-color: silver; margin-right:3px;}
.prefix.prefixvang     { color: red; background-color: yellow; border-color: #E0E000; margin-right:3px;}
.prefix.prefixcam     { color: white; background-color: orange; border-color: #FFC520; margin-right:3px;}
.prefix.prefixpink     { color: white; background-color: #ff00ff; border-color: #ff00ff;margin-right:3px; }
.prefix.prefixnau     { color: white; background-color: #800000; border-color: #800000;margin-right:3px; }
.prefix.prefixviolet     { color: white; background-color: violet; border-color: violet;margin-right:3px; }
.small {margin: 0;padding: 0;background:transparent url(img/images/icon_cat.png) no-repeat center left 2px;padding-left:20px;margin-right:2px;}
h2, .fix {display: inline;margin: 0;padding: 0;font-weight: normal;}
.left{float: left;}
.right{float: right;}
.clr{clear: both;}
.center {text-align:center;}
.code {background-color: #E0E6E9;border: 1px dotted #9FAEBB;margin-top: 4px;padding: 5px;overflow: auto;}
.main {border: 0px solid #e1e1e1;background: #ffffff;padding: 4px;}
.header {text-align:center;border-bottom : 1px solid #8fdef3;background : #a7f0ff url(/images/head.gif) repeat-x 0% top; -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px;   padding: 6px;}
.phdr, .hdr, .bmenu {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 {color: #fffaee;}
.phdr a:hover {color: #dbfaff;}
.list1,.list2,.menu {background-color:#fff;margin-top:1px;margin-bottom:1px;padding:4px;border:1px solid #d5d5d5;list-style:none}
.tags { 
background-color :#E3EFFF;
border-left : 4px solid #6495ED; 
color : #606060; 
padding : 2px 0 2px 4px; 
margin-left : 2px; 
margin-top : 1px; 
margin-bottom : 1px; 
}
.page, .xt_pagination {padding: 4px 2px 4px 2px;background: #d5f3ff;margin-top: 1px;border: 1px solid #a2b5c2;  }
.currentpage {color:#FFFFFF;background-color: #8cafc6;border: 1px solid #417394;padding: 0px 4px 0px 4px;margin: 0px;}
.pagenav {border: 1px solid #88beff;background-color: #f2f6f8;padding: 0px 4px 0px 4px;text-decoration: none;margin: 0px;}
.pagenav:hover {background-color: #f2f6f8;border: 1px solid #417394;}

.footer, .coklat {background: #86d6fe url(/images/foot.png) repeat-x 0% bottom;border: 1px solid #88beff;margin-top: 1px;margin-bottom: 1px;padding: 4px;color: #000;}

.listmenu  {
    font-size: 10px;
    background-color: #F5F8FF;
    margin-top: 1px;
    margin-bottom: -1px;
    padding: 3px;
    border-top: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
}
.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}
.newsx {background-color: #f2f6f8;padding:5px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.revi{font-size: 12px;background: url("img/images/star.png") no-repeat left;padding-left: 18px;display:none;}
.rmenu {background: #fee5fd;border: 1px solid #ffc6fc;margin: 1px 0;padding: 4px;  }
.quote { background-color: #f2f6f8; border-top: 1px dashed #e0e0e0; border-right: 1px dashed #e0e0e0; border-bottom: 1px dashed #e0e0e0; border-left: 3px solid #80abc8; margin: 2px; color: grey; padding: 4px; }
.filelist_paging, .page, .hidden, .xt_pagination, .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, .xt_pagination a, .xt_blog_paging a{
    border: 1px solid #88beff;
    padding: 0px 4px 0px 4px;
    background-color: #f2f6f8;
    margin: 1px;
}
.filelist_paging a:hover, .page a:hover, .xt_blog_paging a:hover {
    background-color: #f2f6f8;
    border: 1px solid #417394;
}
a.pagenav {
    border: 1px solid #88beff;
    background-color: #f2f6f8;
    padding: 0px 4px 0px 4px;
    text-decoration: none;
    margin: 0px;
}

a.pagenav:hover {
    background-color: #f2f6f8;
    border: 1px solid #417394;
}
.file-attach, .download-title {
	background-color: #fff7eb;
	border: 1px solid #f9d9b0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 4px;
	padding: 0;
	max-width: 360px;
}

.file-attach .attach {
	background: #fadeba url(bg-att.png) repeat-x top left;
	font-weight: bold;
	margin: 0;
	padding: 2px 4px 2px 2px;
	border-bottom: 1px solid #f9bc6d;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
}

.file-attach .attach img {
	width: 16px;
	height: 16px;
	margin-right: 2px;
	vertical-align: - 2px;
}

.file-attach .file {
	background-color: #fff7eb;
	margin: 0;
	padding: 4px;
	font-size: 11px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
}

.file-attach .file .f {
	margin: 0;
	padding: 2px 0px 2px 0px;
}
@-webkit-keyframes spaceboots {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
img{-webkit-filter:grayscale(0);display:inline-block;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out}
img:hover{-webkit-filter:grayscale(0)}
img:hover,img:focus{-webkit-animation-name:spaceboots;-webkit-animation-duration:.8s;-webkit-transform-origin:50% 50%;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}
.cool, .a1{background-image : url(/css/images/tmn.gif);background-repeat : repeat-x;background-position : 50% top;margin-top : 1px;margin-bottom : 1px;padding : 2px;border : 1px solid #e1e1e1; border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
a.xt_blog_title_link {}
.item, .xt_blog_post_list
   {background: #fff;
    border: 1px solid #e1e1e1;
    margin-bottom: 1px;
    border-radius: 6px;  
  padding: 6px;}
.phpcode, .code {
  line-height: initial;
  background-color: #E0E6E9;
  border: 1px dotted #9FAEBB;
  margin: 4px;
  padding: 2px 2px 2px 2px;
  overflow: auto;
  color: #0000BB;
  font-size: 12px;
  font-family: "Courier New", Courier, monospace;
}
.list {background: url(http://phucsinh.wap.sh/css/next.png) no-repeat 5px center;
padding: 5px 0px 5px 20px;
border-bottom: 1px solid #E9E9E9;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;}
.number{background: yellow;padding: 5px 8px;border-radius: 12px;color: #fff}