@import url("css/font.css");
/* Copyright 2012 by Quyetdaik */

ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent
}
ol, ul {list-style:none;}

body {
	background-color: #b3afaf;
	color: #333333;
	font-size: 14px;
	font-family:tyvncms;
	margin: 0 auto;
	padding: 0;
	max-width: 720px;
}
a:link, a:active, a:visited {
	color: #3b5998;
	text-decoration: none;
}
a:hover, a:focus {
  background: url('/image/trai-tim.gif');
	color: #009cf0;
}
img {
	border-style: none;
	vertical-align: middle;
     max-width: 99%;
}
form {
	margin: 0;
}
input, textarea, select {
	background: #fff;
	border: 1px solid #d0d0d0;
	color: #454545;
	padding: 2px 4px 2px 4px;
	margin: 1px;
}
input[type="submit"] {
	background: #3b5998;
	color: #f0f0f0;
	border: 2px solid #133783;
	padding: 2px;
}
input[type="submit"]:hover {
	color: #fff;
	background: #bf00ab;
	border: 2px solid #9b068b;
	font-weight: bold;
}
input[type="text"] {
	max-width: 320px;
	width: 50%;
}
textarea {
	max-width: 635px;
	width: 95%;
}
input[type="text"]:hover, textarea:hover, input[type="text"]:focus, textarea:focus {
	box-shadow: 0px 0px 3px #0000ff;
	-moz-box-shadow: 0px 0 3px #0000ff;
	-webkit-box-shadow: 0px 0px 3px #0000ff;
}
h1, h2, h3, h4, h5 {
	display: inline;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 16px;
}
h3, h4 {
	font-size: 14px;
}
h5 {
	font-size: 12px;
}
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: 0;
	padding: 2px;
}
#header {
  overflow:hidden;
  width: 100%;
}
#header .head {
  padding: 4px 2px 6px 10px;
  background: #5dbef7 repeat-x 0 0;
  border-bottom: 1px solid #246896;
  color: #fff;
  font-size: 18px;
  text-align: center;
  margin: 4px 0 0 0;
  border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
}
#header .head a {
  color: #fff;
}
#header .div-menu {
  background:none repeat scroll 0 0 #246896;
  overflow:hidden;
  width:100%;
}
#header .div-menu .ul-menu {
  overflow:hidden;
  width:100%;
}
#header .div-menu .ul-menu li {
  float:left;
  width:33%;
}
#header .div-menu .ul-menu li a {
  color: #FFFFFF;
  display: block;
  float: left;
  width:100%;
  font-family:tyvncms;
  font-size: 14px;
  font-weight:bold;
  padding:8px 0px;
  text-align: center;
  text-decoration: none;
}
#header .div-menu .ul-menu li a.last {
background-image:none;
}
#header .div-menu .ul-menu li a:hover,#header .div-menu .ul-menu li a.active {
  background-color:#1f5a81;
  font-size: 14px;
}
.main {
	padding: 3px 2px 3px 2px;
	background-color: #e7ebf2;
	border-left: #5dbef7 3px solid;
	border-right: #5dbef7 3px solid;
    border-top: 1px solid #5dbef7;
    border-bottom: 1px solid #5dbef7;

}

.tab {
	background-color: #246896;
	padding: 6px 2px 3px 6px;
	margin: 0;
}
div.tab a {
	color: #fff;
	font-weight: bold;
}
.tab a.active, .tab a:hover, .tab a:focus {
	background: #e7ebf2;
	padding: 4px;
	margin: 0;
	color: #246896;
	font-weight: bold;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
}
.search {
	text-align: center;
	padding: 2px;
	background-color: #3883cc;
	border-radius: 3px;
	margin: 2px 0px 4px 0px;
}
.ads {
	padding: 2px;
	background-color: #fff;
	font-weight: bold;
	border: 1px solid #fad2ac;
	border-radius: 3px;
	margin: 2px 0px 2px 0px;
}
.ads:hover {
	border: 1px solid #97a4c4;
}
.menu {
	border: 1px solid #97a4c4;
	padding: 1px;
	margin-top: 2px;
	border-radius: 3px;
}
.submenu { 
	background-color: #5dbef7;
	padding: 3px 0 3px 4px;
	font-weight: bold;
	border-radius: 3px;
}
.submenu a { 
	color: #fff;
}
.submenu img { 
	vertical-align: -2px;
}
h2.crumb {
	font-size: 12px;
}

.item{
	background:#fff;
	padding:5px;
	overflow:hidden;
	border-bottom:1px solid #97a4c4
}
.item p{
	margin:5px 0
}
.item img{
	float:left;
	margin-top:5px;
	margin-right:5px;
	border:1px solid #EEECEC;
	border-radius:50%;
	width:75px;
	height:75px;
	-webkit-transition:all 0.8s ease;
	-moz-transition:all 0.8s ease;
	transition:all 0.8s ease;
	background: #FFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
	-webkit-border-radius:50%;
	-moz-border-radius:10px;
	-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.5),0 2px 2px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.5),0 2px 2px 0 rgba(255,255,255,0.5) inset;
}
.item img:hover{
	-moz-transform:scale(1.2) rotate(360deg);
	-webkit-transform:scale(1.2) rotate(360deg);
	-o-transform:scale(1.2) rotate(360deg);
	-ms-transform:scale(1.2) rotate(360deg);
	transform:scale(1.2) rotate(360deg);
	-webkit-box-shadow:0 0 20px rgba(255,0,0,.4),inset 0 0 20px rgba(255,255,255,1);
	-moz-box-shadow:0 0 20px rgba(255,0,0,.4),inset 0 0 20px rgba(255,255,255,1);
	box-shadow:0 0 20px rgba(255,0,0,.4),inset 0 0 20px rgba(255,255,255,1);
	float:left;
	margin-right:20px;
	margin-left:10px;
	margin-top:5px;
	border-radius:50%;
	width: 105px;
	height: 105px;
}

.item a.img-left {
	float: left;
	padding-right: 5px;
	margin: 0px;
}
.item a.img-left img {
	background-color: #fff;
	width: 50px;
	height: 50px;
	border-radius: 6px;
}
.thumb{
   float:left;
   width: 75px;
   height: 60px; margin-right: 3px;
   border: radius 5px;
   background-color: #fff;
   padding: 1px;
}
span.cat, span.view {
	font-size: 10px;
	color: #808080;
	margin: 0px 1px;
	line-height: 16px;
}
span.cat a {
	color: #808080;
}
span.desc {
	line-height: 18px;
	font-size: 13px;
	color: #555;
	font-family:tyvncms;
}
.post {
	background-color: #fff;
	padding: 4px;
	margin: 2px 0px 3px 0px;
	border: 1px solid #97a4c4;
	border-radius: 3px;
	box-shadow: 0px 1px 1px #ccc;
	-moz-box-shadow: 0px 1px 1px #ccc;
	-webkit-box-shadow: 0px 1px 1px #ccc;
}
.post .info {
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: 1px solid #c4cde0;
}
.post .info .count-view {
	font-size: 11px;
	color: #808080;
	margin: 0px 1px;
	line-height: 16px;
}
.post .content {
	font-size: 15px;
	font-family:tyvncms;
}
.post .content textarea {
	max-width: 180px;
}
.content-img {
	border: 1px solid #d5d5d5;
	padding: 1px;
	box-shadow: 0px 0px 5px #999;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
}
.post .content  .file {
	background-color: #f6ffe4;
	border: 1px dotted #fad2ac;
	padding: 4px;
	margin: 2px 4px 2px 4px;
	font-weight: bold;
}
.post .content  .file img {
	vertical-align: -2px;
	margin-right: 4px;
}
.comment {
	padding: 2px;
	margin: 2px 0px 2px 0px;
	border: 1px solid #97a4c4;
	border-radius: 3px;
	box-shadow: 0px 1px 1px #ccc;
	-moz-box-shadow: 0px 1px 1px #ccc;
	-webkit-box-shadow: 0px 1px 1px #ccc;
}
.file-attach {
	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(images/bg-att.png) repeat-x top left;
	font-weight: bold;
	margin: 0;
	padding: 2px 4px 3px 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;
}
.reply {
	font-size: 11px;
	font-style: italic;
	background-color: #fff7eb;
	border-top: 1px solid #f9d9b0;
	border-right: 1px solid #f9d9b0;
	border-bottom:1px solid #f9d9b0;
	border-left: 3px solid #f9bc6d;
	margin: 2px;
	color: #666;
	padding: 2px 4px 2px 4px;
}
.quote {
	background-color: #fff7eb;
	border: 1px solid #f9d9b0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 2px;
	padding: 0;
	max-width: 480px;
}
.quote .quote-name {
	background: #fadeba url(images/bg-att.png) repeat-x top left;
	margin: 0;
	padding: 2px 4px 3px 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;
}
.quote .quote-text {
	background-color: #fff7eb;
	margin: 0;
	padding: 4px;
	font-size: 11px;
	font-style: italic;
	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;
}
.rep {
	text-align: right;
	margin: 2px 0px 2px 0px;
}
a.quote {
	font-size: 11px;
	color: #fff;
	position: relative;
	padding: 2px;
	border-color: #8fdcff;
	border-style: groove ridge ridge groove;
	border-width: 2px;
	background: #1895d4 url(images/quote.gif) repeat-x 50% top;
}

.download {
	padding: 5px 10px;
	background: #ffffc0;
	border: #DDBC6B dotted 1px;
	color: #f00;
	font-family: verdana;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 2px;
	position: relative;
	padding-left: 4px;
	display: inline-block;
}
.download:hover {
	color: #f00;
	background: #ffff00;
}
.download:before {
	content: url(images/down.png);
	margin-right: 4px;
}
.post .tags {
	background-color: #e7ebf2;
	border-top: 1px solid #c4cde0;
	margin: 4px -3px -2px -3px;
	padding: 4px;
	font-size: 12px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear{
	clear: both;
}
.author-like {
	padding: 2px;
	margin-top: 4px;
	margin-bottom: -4px;
}
.more, .xt_pagination, .filelist_paging {
	text-align: center;
	padding: 4px 2px 4px 2px;
	margin-top: 1px;
	margin-bottom: 1px;
	font-weight: bold;
	font-size: 14px;
}
.panel {
	padding: 4px;
	margin-top: 2px;
	background-color: #fee5fd;
	border: 1px solid #ffc6fc;
	box-shadow: 0px 0px 3px #ccc;
	-moz-box-shadow: 0px 0px 3px #ccc;
	-webkit-box-shadow: 0px 0px 3px #ccc;
}
.func {
	background-collor: #e7ebf2;
	border-top: 1px solid    #c4cde0;
	margin: 5px -3px -2px -3px;
	padding: 2px;
	font-size: 10px;
}
.list {
		background-color: #fff;
	font-weight: bold;
	border: 1px solid #ffc6fc;
	margin-top: 1px;
	padding: 4px;
}
.link {
	background-color: #fee5fd;
	font-weight: bold;
	border: 1px solid #ffc6fc;
	margin-top: 3px;
	padding: 4px;
	border-radius: 3px;
	box-shadow: 0px 0px 3px #ccc;
	-moz-box-shadow: 0px 0px 3px #ccc;
	-webkit-box-shadow: 0px 0px 3px #ccc;
}
.link:before {
	content: url(images/i.png);
	margin-right: 2px;
}
.footer {
	padding: 4px 2px 6px 10px;
	background-color: #246896;
	border-top: 2px solid #5dbef7;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
}
.footer a {
	color: #fff;
}
.err {
	background-color: #f00;
	color: #fff;
	padding: 6px;
	margin: 3px 0px 3px 0px;
	text-align: center;
	border-radius: 3px;
	box-shadow: 0px 0px 3px #ccc;
	-moz-box-shadow: 0px 0px 3px #ccc;
	-webkit-box-shadow: 0px 0px 3px #ccc;
}
.err a {
	color: #fff;
	font-weight: bold;
}
div.sms {
	max-width: 222px;
	margin: 2px;
	padding: 4px;
	color: #f00;
	font-weight: bold;
	text-align: center;
	border: 1px solid #c4cde0;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #ccc;
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
}
div.sms:hover {
	border: 1px solid #97a4c4;
}
.currentpage, .selected {
	color: #fff;
	background-color: #3b5998;
	border: 1px solid #133783;
	padding: 2px 4px 2px 4px;
	margin: 0px;
	border-radius: 3px;
}
a.pagenav, .xt_pagination a, .filelist_paging a {
	border: 1px solid #97a4c4;
	background-color: #fff;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
	margin: 0;
	border-radius: 3px;
}

a.pagenav:hover, .xt_pagination a:hover, .filelist_paging a:hover {
	background-color: #3b5998;
	border: 1px solid #133783;
	color: #fff;
}

/* Copyright 2012 by Quyetdaik */