@import url(../yui/menu.css);

body {
	background: url(../image/bg.jpg);
	margin: 0 0 20px;
	font: 9pt Arial;
}

#container {
	width: 920px;
	margin: 0 auto;
}

#main {
	background: #fcedd1 url(../image/main-bg.jpg) repeat-y right;
	padding-right: 9px;
}

#body {
	padding-right: 19px;
}

a {
	color: #cf0219;
	text-decoration: none;
}

a img {
	border: 0;
}
/*sua*/
.col1 {
	width: 214px;
	float: left;
	background: url(../image/col1-bg.jpg) no-repeat;
}

.col2 {
	width: 697px;
	float: right;
	background: url(../image/col2-bg.jpg) no-repeat;
}

.home {
	display: block;
	height: 185px;
	font-size: 0;
}

#remain {
	text-align: center;
	color: white;
	font: 10pt Verdana;
	font-weight: bold;
	margin-bottom: 20px;
}

#remain em {
	font-size: 12pt;
	font-style: normal;
}

.yuimenuitemlabel, .yuimenubaritemlabel {
	white-space: normal;
}

.yui-skin-sam .yuimenuitemlabel {
	cursor: pointer;
	padding: 0 10px;
	text-align: center;
}

.yui-skin-sam .yuimenu .bd {
	background-color: transparent;
	border: 0;
}

#header {
	height: 145px;
}

#news-scroll {
	height: 42px;
	line-height: 42px;
}

#news-scroll a {
	color: white;
	font-weight: bold;
	font-style: italic;
	margin-right: 20px;
}


.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

#footer {
	background: #c5572f url(../image/footer-bg.jpg) no-repeat center;
	color: white;
	height: 60px;
	font-size: 8pt;
	text-align: center;
	z-index: 1;
	overflow: hidden;
}

#footer p {
	margin: 0;
	padding-top: 3px;
}

#menu-slot {
	background: url(../image/menu-footer.jpg) no-repeat bottom;
	padding-bottom: 159px;
}

#menu {
	background: url(../image/menu-bg.jpg) repeat-y;
	padding-left: 33px;
	padding-right: 33px;
}

#menu a {
	color: white;
	font-weight: bold;
	padding: 5px;
	font-family: Tahoma;
}

#menu li {
	background: url(../image/menu-line.jpg) no-repeat;
	padding-top: 2px;
}

#menu a:hover {
	background: url(../image/menu-hover.jpg);
}

#menu .bd {
	background: url(../image/menu-line.jpg) no-repeat bottom;
	padding-bottom: 2px;
}

#menu .yuimenu {
	background: url(../image/menu-sub-bg.jpg);
	max-width: 200px;
}

#menu .yuimenu .yuimenu {
	width: 200px;
}

#menu .yuimenu .bd, #menu .yuimenu li {
	background: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#menu .yuimenu li {
	border-top: 1px solid #ddd;
	margin: 0 3px;
}

#menu .yuimenu li.first-of-type {
	border-top: 0;
}

#menu .yuimenu a {
	padding: 5px 10px;
	color: black;
}

#menu .yuimenu a:hover {
	color: white;
	background: 0;
}

.pad0 {
	padding: 10px 19px;
}
/*
#search {
	padding: 0;
	margin: 0;
}*/

#search .input-slot {
	border: 1px solid #c4592f;
	background: url(../image/search-bg-left.jpg) no-repeat;
	padding-left: 3px;
	width: 130px;
	margin: 0 auto;
}

/*sua*/
#search input {
	border: 0;
	background: white url(../image/search-bg-top.jpg) repeat-x;
	width: 100%;
	width: 98%;
	text-align: center;
	height: 18px;
}

#header a {
	background: #ebb481;
	color: white;
	font-size: 8pt;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	display: block;
	margin-bottom: 1px;
}

#header {
	position: relative;
}

#languages {
	position: absolute;
	right: 6px;
	bottom: 5px;
	width: 80px;
}

.row {
	margin-bottom: 10px;
}

.lead {
	text-align: justify;
}

#cate-list {
	background: url(../image/line.jpg) no-repeat;
	padding-top: 23px;
}

/*sua*/
#cate-list .item {
	width: 212px;
}

#cate-list .item-list {
	background: url(../image/cate-list-bg.jpg) repeat-y;
}

#cate-list .list-top {
	background: url(../image/cate-list-border.jpg) no-repeat top;
	padding-top: 1px;
}

#cate-list .list-bottom {
	background: url(../image/cate-list-border.jpg) no-repeat bottom;
	padding-bottom: 1px;
}


#cate-list .list-bottom .item .title {
	color: black;
color: #CF0219
} 
/*sua*/
.list-item-col .item {
	width: 177px;
	float: left;
	margin-right: 20px;
}

.list-item-col .last {
	margin-right: 0;
}

.list-item-col .title {
	display: block;
	border-bottom: 1px solid #d9bd9b;
	font: 12pt 'Times New Roman';
	text-align: center;
	font-weight: bold;
	padding: 3px;
}

.list-item-col .lead {
	padding: 5px;
}

#album-list .item,
#album-list .item-album img,
#album-list .last img {
	width: 190px;
	height: 120px;
}

#album-list {
	border: 1px solid #d9bd9b;
	background: #fadda1;
}
/*sua*/
/*#album-list .item-list {
	padding: 15px 0 15px 15px;
	#padding-bottom: 0px;
}*/

#album-list .item-list {
padding: 9px 0 14px 27px;
#padding-bottom: 0px;
}

#info {
	font: 8pt Tahoma;
	text-align: right;
	background: url(../image/main-foot.jpg) no-repeat;
	padding-top: 5px;
	padding-right: 9px;
}

#info a {
	color: black;
}

#info a:hover {
	text-decoration: underline;
}

#info img {
	float: left;
}

#album-top .item-list {
	float: right;
	width: 122px;
}

#album-top .avatar {
	display: block;
}

#album-top .avatar img {
	width: 120px;
	height: 80px;
	border: 1px solid #c4592f;
}

#album-top embed {
	border: 1px solid #c4592f;
	height: 303px;
	width: 460px;
}

#album-top .item-list .item {
	margin-bottom: 15px;
}

#album-top .item-list .last {
	margin-bottom: 0;
}

/*--------- Page News ------------*/
.red {
	border: 1px solid red;
}
ul{
	padding: 0px;
	margin: 0px;
}


#page-news-top {
	background: url("../image/line.jpg") no-repeat center bottom;
	padding-bottom: 20px;
}

/*sua*/
#page-news-top .left {
	float: left;
	width: 440px;
}

#page-news-top .category {
	color: #c5572f;
	font-size: 13.5pt;
	font-weight: bold;
	text-transform: uppercase;
	
}

#page-news-top ul.list-link {
	margin-top: 5px;
	list-style:url(../image/arrow.gif) outside;
	line-height: 18px;
	padding-left: 20px;
}

#page-news-top ul.list-link li a.title {
	color: #666;
}

#page-news-top ul.list-link li a.title:hover {
	color: black;
}

#page-news-top .right {
	float: right; 
	background: #dedede;
	width: 230px;
}

#page-news-top .right .shadow {
	width: 208px;
	padding: 5px 10px;
	border: 1px solid #d78959;
	color: #333;
	background: #fff;
	right: 3px;
	bottom: 3px;
	position: relative;
}

#page-news-top .right .shadow img{
	width: 208px;
}

#page-news-top .right .shadow .summarize {
	margin-bottom: 5px;
}

#page-news-top .right a.title {
	color: #65615b;
	font-weight: bold;
	font-size: 10.25pt;
}

#page-news-center {
	margin-top: 10px;
	text-align: justify;
	color: #666;
}

#page-news-center div.title {
	color: #c5572f;
	font-size: 11.25pt;
	font-weight: bold;
	text-transform: uppercase;
}

#page-news-center div.date {
	padding-top: 10px;
}

#page-news-bottom {
	background: #faddba;
	color: #666;
	border: 1px solid #d9bd9b;
	padding: 5px 5px 10px 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#page-news-bottom ul.list-link {
	line-height: 18px;
	color: #100e0a;
	padding-left: 20px;
	list-style-image: url("../image/arrow.gif");
}

#page-news-bottom ul.list-link li a {
	color: #666;
}

#page-news-bottom ul.list-link li a:hover {
	color: black;
}

.paging {
	text-align: right;
	color: #d9bd9b;
}

.paging span {
	padding-right: 10px;
}

.paging a {
	padding-right: 10px;
	color: #666;
}

.paging a:hover {
	text-decoration: underline;
}

/*--------- Page Gallery ------------*/

#page-gallery .category {
	color: #c5572f;
	font-size: 13.5pt;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#page-gallery div.shadow {
	float: left;
	margin-left: 10px;
	background-color: #dedede;
}

/*sua*/
#page-gallery img.avatar {
	background-color: #fff;
	border: 1px solid #993705;
	width: 125px;
	position: relative;
	bottom: 3px;
	right: 3px;
}

#page-gallery div.first {
	margin-left: 0;
}

#page-gallery .photo {
	margin-top: 40px;
}

#page-gallery embed {
	height: 378px;
	width: 678px;
}

/*sua*/
#page-gallery .photo img {
	border: 1px solid #993705;
	width: 676px;
}

#page-gallery .about-photo {
	border: 1px solid #d9bd9b;
	border-top: none;
	padding: 10px;
	margin-bottom: 20px;
	color: #666;
}

#page-gallery .about-photo .title {
	color: #c5572f;
	font-size: 13.5pt;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}

/* ---------- Page Search----------*/
#page-search .keyword {
	color: #154bb0;
	font-weight: bold;
}
#page-search .result {
	margin-top: 15px;
	text-align: justify;
}

#page-search a {
	color: #154bb0;
}

#page-search .result a.title {
	color: #154bb0;
	text-decoration: underline;
	font-weight: bold;
}

#page-search .result .shadow {
	margin-left: 15px;
	width: 178px;
	float: right;
	background-color: #dedede;
	margin-top: 5px;
}

#page-search .result a.avatar {
	position: relative;
	bottom: 3px;
	right: 3px;
}
#page-search .result em {
	background: yellow;
}

#page-search .result a.avatar img {
	width: 176px;
	border: 1px solid #993705;
}

#page-search .item {
	position: relative;
	float:left;
	width: 678px;
}

#page-search .item span.title {
	color: #154bb0;
	font-weight: normal;
	float: left;
	width: 380px;
}

#page-search .item span.date {
	position: absolute;
	right: 0px;
	text-align: center;
	width: 176px;
}

#page-search .paging {
	margin-bottom: 10px;
	margin-top: 20px;
	float: left;
	width: 100%;
	text-align: center;
}

/*----------- Page Song ----------*/
#page-song .category {
	color: #c5572f;
	font-size: 13.5pt;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:10px;
}

#page-song #search-song {
	padding-left: 50px;
	color: #870102;
}

#page-song #search-song #submit {
	background:url(../image/btn-search-song.jpg) no-repeat;
	width: 64px;
	height: 19px;
	border: none;
	color: #870102;
	margin-left: 5px;
}

#page-song #search-song #key {
	height: 19px;
	border: 1px solid #afafaf;
	color: #870102;
}

#page-song #search-song #type {
	height: 23px;
	border: 1px solid #afafaf;
	color: #870102;
}

#page-song .media {
	margin-top: 30px;
	margin-left: 50px;
	position: relative;
	width: 600px;
}

#page-song .media .player {
	width: 330px;
}

#page-song .media .author {
	width: 250px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#page-song .media .author .title {
	font-weight: bold;
}

#page-song .list-item {
	margin-top: 30px;
}

#page-song .item {
	background: url(../image/song-line.jpg) no-repeat center top;
	padding-left: 50px;
	padding-top: 10px;
	margin-top: 10px;
}

#page-song .item .left {
	float: left;
	width: 340px;
}

#page-song .item .right {
	float: left;
	text-align: center;
}

#page-song .item .right img, #page-song .item .right div {
	cursor: pointer;
}

#page-song .item .title {
	font-weight: bold;
}

#page-song .item .title a {
	color: #000;
    font-weight: bold;
}

#page-song .item .title  em {
	background: yellow;
}

#page-song .paging {
	text-align: right;
	margin-top:10px;
	margin-bottom: 20px;
}

#page-song .paging a {
	color: #333;
}

#page-song .paging a.select {
	font-weight: bold;
}

#oldtoday .yuimenu {
	padding: 10px;
}

#oldtoday .yuimenu a {
	padding: 0;
}

#oldtoday .yuimenu a,
#oldtoday .yuimenu .lead {
	font-size: 9pt;
}

#album-slot {
	border: 0;
}

#album-slot li img {
	width: 132px;
	height: 92px;
	display: block;
}

#album-slot .yui-carousel-item-selected {
	border: 1px solid #C4592F;
}
#album-slot .yui-carousel-element  {
	z-index: 0;
}

#album-slot .yui-carousel-nav {
	background:transparent url(../yui/sprite.png) repeat-x scroll 0 0;
}

#album-slot ul li  {
	background: transparent url(../yui/sprite.png) no-repeat scroll 0 -650px;
}

#album-slot .item {
	width: 132px;
}

#album-slot ul li.yui-carousel-nav-page-selected {
	background-position:0 -700px;
}

#album-slot .yui-carousel-button {
	background: transparent url(../yui/sprite.png) no-repeat scroll 0 -600px;
}

#album-slot span.yui-carousel-first-button {
	background-position:0 -550px;
}

#album-slot span.yui-carousel-first-button-disabled {
	background-position:0 -1950px;
}

#album-slot span.yui-carousel-button-disabled {
	background-position:0 -2000px;
}

#album-slot .yui-carousel-button {
	margin-top: 0;
	margin-bottom: 0;
}

#album-slot #carousel {
	margin: 3px 0;
}

/* style tin lien quan*/

table.rl 	{ 
	text-align: left; 
}

table.rl th { 
	color: #8C0C02; 
	font-family: Verdana; 
	font-size: 8pt; 
	font-weight: bold; 
	padding-left: 10px; 
} 

table.rl a { 
	color: #004080; 
	font-weight: bold; 
	font-size: 9pt; 
} 

table.rl a:hover {
	text-decoration: underline; 
} 

table.rl ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
} 

table.rl ul li {
	background: url(../image/muiten_bai.gif) no-repeat; 
	background-position: 0px 4px; 
	padding-left: 10px; 
	margin-top: 3px; 
	color: #444; 
	font-size: 9pt; 
} 

table.box { 
	width: 200px; 
	background: #e9e9e9; 
	border-collapse: collapse; 
} 
table.box td, table.box th { 
	border: 1px solid #999; 
} 

table.box th { 
	background: #ccc; 
	color: #8C0C02; 
	padding: 5px 5px 5px 15px; 
} 

table.box ul { 
	margin: 5px; 
} 

table.leftside {
	margin: 5px 5px 5px 0; 
} 

table.rightside {
	margin: 5px 0 5px 5px; 
} 

table.center {
	margin-top: 5px; 
	margin-bottom: 5px; 
} 


/*Them*/

#box {
	background: url(../image/box-bg.jpg) repeat-y;
	float: right;
	width: 207px;
}

#box .box-bg-top {
	background: url(../image/box-bg-top.jpg) no-repeat top;
	padding-top: 9px;
}

#box .box-bg-bottom {
	background: url(../image/box-bg-bottom.jpg) no-repeat bottom;
}

#box .title {
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
	font-size: 10pt;
}

#box .lead {
	margin-bottom: 10px;
}

#box .pad-box {
	padding: 15px 22px 10px 20px;
}

#box .pad-box .title a {
	color: #02368D;
	font-size: 11pt;
}

.next a {
	color: black;
	font-style: italic;
	float: right;
	margin-bottom: 10px;
}

.list-item-col .subtitle {
	color: black;
color: #02368D;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

#search {
	background: url(../image/search-bg.jpg) repeat-y;
	padding-bottom: 10px;
	padding-top: 5px;
	#padding-bottom: 1px;
	#padding-top: 1px;
}

#news-top .title {
	color: black;
color: #02368D;
	font-weight: bold;
	font-size: 11pt;
	margin-bottom: 10px;
}

#news-top div {
	padding-bottom: 5px;
}

#news-top {
background: url(../image/line.jpg) no-repeat;
padding-top: 20px;
}

#album-list .item-album {
margin-right: 27px;
}

#box, #news-top, #cate-list {
	/*font-family: Time New Roman;*/
	font-size: 10pt;
}

/*
#tintuc .col11 {
	float: left;
	width: 460px;
	border-top: 1px solid #d9bd9b;
	padding-top: 10px;
}
*/

.col11 {
	border-top: 1px solid #d9bd9b;
	padding-top: 10px;	
}

.col13 {
	border-top: 1px solid #d9bd9b;
	padding-top: 10px;
}



.col12 {
	display: none;
}

#tintuc .col12 {
	float: right;
	width: 200px;	
	display: block;
	}

#nav {
	border: 1px solid #d9bd9b;
	padding: 5px;
}

#nav a {
	font: 14pt 'Times New Roman';
	background: url(../image/arrow.gif) no-repeat left;
	padding-left: 10px;
	padding-right: 5px;
}

#nav .first {
	background: 0;
	padding-left: 0;
}

.box {
	border: 1px solid #d9bd9b;
	padding: 5px;
}

#others .box-title {
	color: #02368d;
	font-weight: bold;
	font-family: Tahoma;
	margin-bottom: 5px;
	text-transform: uppercase;
}

#tieudiem {
	padding: 0;
}

#tieudiem .box-title {
	padding: 5px;
	color: #CF0219;
	font: bold 11pt 'Times New Roman';
	text-transform: uppercase;
	border-bottom: 1px solid #d9bd9b;
}

.box-content {
	padding: 5px;
}

.box-footer {
	background: url(../image/box-footer.jpg) no-repeat;
	height: 13px;
}

.list-title li {
	background: url(../image/arrow.gif) no-repeat;
	background-position: left 3px;
	padding-left: 12px;
	margin-bottom: 3px;
}

.list-title ul {
	list-style-type: none;
}

.list-title a {
	color: #666;
}

.list-title a:hover {
	color: black;
}

.list-title .pagy {
	text-align: right;
	margin-top: 5px;
}

.list-title .pagy a {
	margin-left: 10px;
	font-size: 8pt;
}

#article .title,
.list .title {
	color: #02368d;
	font-weight: bold;
	font-family: Tahoma;
}

#cate-list .more {
	padding: 5px;
}

.more {
	margin-top: 5px;
	text-align: right;
}

.more a {
	font-style: italic;
	background: url(../image/next.jpg) no-repeat right 3px;
	padding-right: 10px;
	color: black;
	font-size: 8pt;
}

.list .item {
	padding-bottom: 10px;
	border-bottom: 1px solid #d9bd9b;
	margin-bottom: 10px;
}

.list-simple .avatar {
	float: left;
	margin-right: 5px;
}

.list-simple .item {
	margin-bottom: 10px;
}

.list-simple .item .title{
	color:#02368D;
	width: 100px;
	float: left;
}

.list .avatar {
	float: left;
	margin-right: 10px;
}

.list-simple .avatar img {
	width: 80px;
	height: 54px;
}

.list .avatar img {
	width: 120px;
height: 80px;
}

.totop a {
	font-weight: bold;
	text-decoration: underline;
}

.goback {
	float: right;
	display: block;
}

.ad {
	font-size: 0;
}

#tools {
	border-bottom: 1px solid #d9bd9b;
	padding-bottom: 10px;
}

#article .subtitle {
	color: black;
}

#article .date {
	color: #666;
	display: none;
}

#article .content {
	margin: 10px 0;
}

#tools {
	text-align: right;
}

#tools a {
	background-repeat: no-repeat;
	padding-left: 18px;
	margin-left: 10px;
	color: #666;
	font-size: 8pt;
}

#tools a:hover {
	text-decoration: underline;
}

#tools .print {
	background-image: url(../image/print.jpg);
}

#tools .feedback {
	background-image: url(../image/feedback.jpg);
}

#feedback-list {
	border-bottom: 1px solid #d9bd9b;
}

#feedback-form .box-title,
#feedback-list .box-title {
	color: #CF0219;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-family: Tahoma;
}

#feedback-list .item {
	border-bottom: 0;
	margin-bottom: 0;
}

#feedback-list strong {
	margin-right: 3px;
}

#feedback-form {
	border-bottom: 1px solid #d9bd9b;
	padding-bottom: 10px;
}

#feedback-form #name,
#feedback-form #email {
	width: 163px;
}

#feedback-form #title,
#feedback-form #mycomment {
	width: 380px;
}

#feedback-form #mycomment {
	height: 50px;
	font: 9pt Arial;
}

#feedback-form form {
	margin: 10px 0;
}

#books table {
	width: 100%;
	border-collapse: collapse;
	border: 0;
}

#books td {
	padding: 0 0 5px;
}

#books .item {
	vertical-align: bottom;
}

.col131 {
	width: 200px;
	float: left;
}

.col132 {
	float: right;
	width: 470px;
}

#hoidap-left {
	float: left;
	width: 450px;
}

#list-hoidap {
	padding-bottom: 10px;
	border-bottom: 1px solid #d9bd9b;
	margin-bottom: 10px;
}

#list-hoidap .item {
	background: url(../image/arrow.gif) no-repeat;
	background-position: left 3px;
	padding-left: 12px;
	margin-bottom: 3px;
}


#list-hoidap .title {
	color:#000000;
}

#hoidap-right {
	float: right;
	background: url("../image/hoidaponline.jpg") repeat-x left bottom ;
	width: 206px;
	padding-bottom: 20px;
}

#hoidap-online {
	
	border: 1px solid #d9bd9b;
	border-top: 1px solid #f7e6ca;
	border-bottom: none;
	font-size: 14pt;
}

#hoidap-online .title {
	color: #ce0118;
	padding: 10px;
	border-bottom: 1px solid #d9bd9b;
}

#hoidap-online .hoidap {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f7e6ca;
}


#list-album {
	margin-bottom: 10px;
}

#list-album .item {
	float: left;
	margin-left: 20px;
	margin-top: 15px;
	padding: 10px;
	padding-left: 9px;
	border: 1px solid #d9bd9b;
}

#list-album .first {
	float: left;
	margin-left: 0px;
}

#list-album .item .avatar img {
	width: 133px;
	height: 100px;
}

#list-album .item .title {
	margin-top: 5px;
	width: 133px;
	text-align: center;
}

#list-album .item .title a{
	color: #064abb;
}

.change-album {
	text-align: right;
}

.col1 .adbox {
	padding: 0 22px;
}

.col1 .adbox img{
	width: 170px;
}

#ad_left_1 {
	margin-bottom: 10px;
}