/*--------------------<<< The thao van hoa - Biem hoa >>>--------------------*/
/*--------------------<<< 21/5/2009 >>>--------------------*/

*{margin:0; padding:0;}
body{background:#ff9933; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333}
a{text-decoration:none; outline:none}
a img{border:none}
ul{list-style:none}
#pagewrap{width:1000px; padding:0 5px; background:url(/biemhoa/images/pagewrap-bg.png) repeat-y left top; margin:0 auto}

/*-------------<< Header >>--------------*/
#header{position:relative; height:163px; background:#ff9933}
#logo a{width:154px; height:75px; display:block; text-indent:-9999em; position:absolute; top:12px; left:36px}
#nav{height:32px; position:absolute; top:108px; left:0; width:100%;}
#nav ul li{display:inline; float:left; background:#ff9933 right 9px; padding:0 2px 0 0; position:relative}
#nav ul li a{float:left; padding:0 0 0 10px; background:#ff9933 no-repeat left top; line-height:25px; text-transform:uppercase; color:#fff; height:25px;font-weight: bold;font-size: 11px;}
#nav ul li a span{background:#ff9933 right top; padding:5px 8px 0 8px; display:block;}
#nav ul li a.active,
#nav ul li a:hover{background-position:left -31px;line-height:30px; height:30px;}
#nav ul li a.active span,
#nav ul li a:hover span{background-position:right -31px;padding:0 18px 0 8px; }
#nav ul li ul {width:140px; border:1px solid #cecece; padding:0 2px; background:#e5e5e5; position:absolute; top:30px; left:0; display:none}
#nav ul li ul li{height:23px; background:#ff9933 left bottom; padding:0 0 0 10px; width:130px}
#nav ul li ul li a{line-height:23px; color:#333; background:none; text-transform:none; font-weight:normal; padding:0}
#nav ul li ul li a:hover {line-height: 23px}
#nav ul li.last{background:none}
#nav ul li ul li.last{background:none}
#nav ul li:hover ul{display:block}
#subnav{width:1000px; height:22px; position:absolute; top:140px;}
#search-header{float:left; width:450px; height:22px; position:absolute; top:140px; right:8px; }
#searchkey{width:165px; height:16px; position:absolute; top:4px; left:260px; color:#999; font-family:Tahoma; border:none;border: solid 1px #d1d1d1;}
ul#submenu,ul#submenu1{display:inline}
ul#submenu li,ul#submenu1 li{float:left;padding-left:10px}
ul#submenu li a,ul#submenu1 li a {color:#FFF}
ul#submenu li a:hover,ul#submenu1 li a:hover {text-decoration:underline}
div#sub-outter{padding-left:90px;margin-top:2px}
.ddlauthor {font-family:Arial; font-size:12px; color:Black;width:106px;}
.p_t_2{padding-top:2px;}
/*-------------<< //Header >>--------------*/
.boxembedtinlienquan {width: 98%;float: left;padding: 5px 5px;border: solid 1px #d1d1d1;background: #f4f4f4;margin: 15px 0; }
.boxembedtinlienquan img {width: 180px;float: left;margin-right: 9px;}
.boxembedtinlienquan h3 a {font: 700 13px/18px Arial!important;color: #234d9e;text-decoration: none;}
.boxembedtinlienquan p {font: 500 13px/18px Arial!important;margin-bottom: 0px!important}
/*-------------<< Container >>--------------*/
#container{padding:12px 8px 0 5px}
#col-left{float:left; width:169px}
.list-left{background:url(/biemhoa/images/list-left-top.png) no-repeat left top; padding:5px 0 0}
.list-left-bg{background:url(/biemhoa/images/list-left-bg.png) repeat-y left top;}
.list-left-bottom{background:url(/biemhoa/images/list-left-bottom.png) no-repeat left bottom; padding:0 1px}
.list-left ul{padding:0 2px; font-family:Tahoma;}	
.list-left ul li{padding:0 0 3px 0}
.list-left ul li{padding:0}
.list-left ul li a{background:url(/biemhoa/images/sitebar-a.png) no-repeat left top; height:21px; display:block; padding:0 0 0 20px; line-height:18px; color:#333}
.list-left ul li a.active,
.list-left ul li a:hover{color:#fff; background-position:left -21px}
.select-author{padding:10px 0 12px 7px; background:url(/biemhoa/images/selectAuthorBg.png) repeat-x left top}
.select-author select{width:152px; height:18px; background:#fff; color:#999; border:1px solid #cecece; line-height:20px; font-size:11px }
.ad-left {text-align: center; padding: 7px 0}
.ad-left img{margin-bottom:3px}
     
#content{float:left; width:467px; margin-left: 8px;overflow:hidden}
#content img{max-width:633px}
.md-content{background:url(/biemhoa/images/md-content-bg.png) repeat-y left top; margin-bottom: 8px}
.md-content-top{background:url(/biemhoa/images/md-content-top.png) no-repeat left top}
.md-content-bottom{background:url(/biemhoa/images/md-content-bottom.png) no-repeat left bottom}
.mdcartoon{text-align:center; padding:6px 1px}
.infoCartoon{position:relative; background:url(/biemhoa/images/infoCartoon-bg.png) repeat-x left top; padding:0 20px; font-family:tahoma; color:#333; margin:6px 0 0}
.infoCartoon p{text-align:left}
.infoCartoon p a{color:#333333;font-family:tahoma;line-height:28px}
.paging{width:100px; height:25px; background:url(/biemhoa/images/paging-bg.png) no-repeat left top; color:#365907; position:absolute; top:0; right:28px; padding:0 0 0 7px; font-size:10px; font-weight:bold;}
.paging p{float:left; padding:0 5px 0 0; line-height:20px}
.paging a{float:left; padding:0 5px 0 0; display:block}

.paging1 {color:Black;float:right;font-family:Arial;font-size:12px;font-weight:bold;}
.paging1 a {color:#004276;text-decoration:none;}
.abc{color:Red;}
.abc a{font-weight:bold; color:Red!important;}
.f_l{float:left;}
.boxrelation {width: 100%;padding-bottom: 5px;margin-bottom: 6px;}
.boxrelation li::before {background: #b4330c none repeat scroll 0 0;border-radius: 100%;content: "";display: block;height: 5px;left: 0;position: absolute;top: 10px;width: 5px;}
.boxrelation li {padding-left: 12px;padding-top: 5px;position: relative;float: left; width: 100%}
.boxrelation li a {border-bottom: 1px dotted #ddd;color: #555;display: inline-block;font-size: 13px;padding-bottom: 5px;text-decoration: none;font-weight: normal !important;width: 97%}
.boxrelationbot{ float: left;width: 100%;}
.boxrelationbot li{border: 1px solid #e6e6e6;margin-bottom: 10px;padding: 1%;}
.boxrelationbot li img{ width: 80px;float: left;margin-right: 8px;}
.boxrelationbot li h4 a{font: 700 13px/18px Arial; color: #2185c5}
.boxrelationbot li p{ font: 500 12px/18px Arial;}
#content h3{color:#740552;}
#content h3 a{color:#740552;}
.list-tp h3,.comment-block h3{font-family:Tahoma; text-transform:uppercase; font-size:12px; font-weight:bold; height:34px; border-bottom:4px solid #e5e5e5; color:#fff; line-height:34px; padding:0 0 0 12px}
.list-tp{padding:0 2px}
.list-tp-cont{padding:7px 3px}
.list-tp-cont ul li{float:left; width:128px; padding:15px 12px 10px;height: 68px; line-height:20px; color:#044371; text-align:center}
.list-tp-cont ul li a{color:#740552; font-size:12px; font-weight:bold}
.list-tp-cont ul li img{padding:1px ;border: 1px solid #ccc;width: 110px;}
p.author{color:#666; font-size:12px; font-weight:bold}
.page-tp{ clear:both; text-align:right; padding:0 10px 10px 0; font-size:10px;}
.page-tp ul li{display:inline}
.page-tp a{float:right; padding:4px 6px; display:block; border:1px solid #cdddee; margin:0 0 0 5px; color:#004276 }
.page-tp a:hover{color:#a8a8a8;  border:1px solid #dcdcdc}
a.next{background:url(/biemhoa/images/tp-next.png) no-repeat 30px 8px; padding-right:15px}
a.pre{background:url(/biemhoa/images/tp-pre.png) no-repeat 5px 8px; padding-left:15px}
a.next:hover{background-position:30px -8px}
a.pre:hover{background-position:5px -8px}

#col-right{float:left; width:336px; margin-left: 7px}
#col-right a{color:#666; font-size:12px; font-weight:bold}
.bestCartoon{background:url(/biemhoa/images/md-right-bg.png) repeat-y left top}
.bestCartoonTab{height:25px; background: #FFF}
.bestCartoonTab ul li{display:inline}
.bestCartoonTab ul li a{float:left; height:25px; line-height:25px; display:block; text-indent:-9999em }	
.bestCartoonTab ul li a:hover{color:#473036}
li.vote a{width:167px; background:url(/biemhoa/images/bestCartoon-Tab.png) no-repeat left top}
li.view a{width:116px; background:url(/biemhoa/images/bestCartoon-Tab.png) no-repeat -83px top}
li.comment a{width:168px; background:url(/biemhoa/images/bestCartoon-Tab.png) no-repeat -168px top;}
li.vote a:hover, li.vote a.active{background-position:left -25px}
li.view a:hover, li.view a.active{background-position:-83px -25px}
li.comment a:hover, li.comment a.active{background-position:-168px -25px}
.bestCartoon-cont{background:url(/biemhoa/images/bestCartoon-bottom.png) no-repeat left bottom; padding:10px 0 0}
a.nick{background:url(/biemhoa/images/icon-avatar.png) no-repeat left top; padding:0 0 0 20px}
.md-right{background:url(/biemhoa/images/md-right-bg.png) repeat-y left top}
.bctop{padding:0 0 10px 0}
.bctop-photo{float:left; width:77px; padding:0 0 0 8px }
img.avatar{padding:1px; border:1px solid #cecece;}
.starVote{padding:5px 0 0 5px}
.infoVote{float:left; width:225px}
.infoVote p{padding:5px 0}
a span{font-weight:normal}
.bestCartoon-cont ul li{padding:7px 10px 10px; background:url(/biemhoa/images/dot-bg.png) repeat-x left top}
.bestCartoon-cont ul li p img{ width: 65px;float: left;margin-right: 8px;}
h4{padding:0 0 6px}


/*module 2*/
.module2 { background: url(/biemhoa/images/md2-header.png) no-repeat left top; margin-top: 8px}
.module2 h3 {font-size: 12px; color: #FFF; text-transform: uppercase; height: 35px; line-height: 30px}
.module2 h3 a{font-size: 12px; color: #FFF!important; text-transform: uppercase; height: 35px; line-height: 30px}
.md2-content{background: url(/biemhoa/images/md2-bt.png) no-repeat left bottom; padding-bottom: 14px}
.md2-bigimg,
.md2-caption {text-align: center; padding: 9px 0 0 0}
#col-right .md2-caption a {font-size: 11px; font-weight: normal}
.md2-article {padding: 12px 12px 2px}
.md2-imgleft {width: 72px; float: left;}
.md2-imgleft img {padding: 1px; border: 1px solid #ccc}
.md2-title {margin-left: 17px; float: left; width: 215px;}
#col-right .md2-title a {font-size: 11px;}
.md2-content ul li {padding: 7px 10px 12px; background: url(/biemhoa/images/pv-li.png) no-repeat left bottom}
.md2-content ul li.last {background: none}
.md2-content ul li h4 {background:url(/biemhoa/images/pv-icon.png) no-repeat left top; padding-left: 23px}
.md2-content ul li p {padding: 0 8px}

/*-------------<< //Container >>--------------*/

/*-------------<< Footer >>--------------*/
#footer{clear:both; height:161px; width:1000px; padding:0 0px; background:url(/images/bgfooter_Biemhoa.jpg) repeat-y left -10px; margin:0 auto; position: relative}
#footer a:hover {text-decoration:underline}
/*footer-nav*/
ul.footer-nav{position: absolute; left: 10px; top: 15px; padding-left: 25px}
ul.footer-nav li {display: inline}
ul.footer-nav li a {display: block; float: left; color:#FFF; padding: 0 10px; background: url(/biemhoa/images/footer-nav.png) no-repeat right center}
ul.footer-nav li.home a {position: absolute; left: 0; top: 0; width: 20px; height: 15px; text-indent: -5000px; padding: 0 10px 0 0}
a.toppage {position: absolute; right: 10px; top: 15px; color: #FFF}
.info {position: absolute; left: 20px; top: 50px}
.info a {color: #666}
/*-------------<< //Footer >>--------------*/

/*-------------<< Tac gia >>--------------*/
#content-noright {width: 788px; float: left; margin-left: 22px}

.user-avatar {width: 81px; float: left; margin-right: 17px;}
.user-avatar img{padding: 1px; border: 1px solid #ccc}
.user-more {float: left; width: 686px;}
.user-more h4 a {font-weight: bold; font-size: 12px; color: #666}
.user-more div {line-height: 25px;}
.user-more div span {font-weight: bold; color: #d9006c}

/*slideshow*/
.slideshow {position: relative; width: 788px; height: 493px; background: url(/biemhoa/images/slideshow.png) no-repeat left top; margin: 10px 0 0 0}
.sl-mainimg {position: absolute; left: 9px; top: 9px; width: 769px; height: 389px; overflow: hidden}
.sl-panel {position: absolute; left: 1px; bottom: 1px; height: 84px; width: 786px;}
.sl-panel li.sl-next,
.sl-panel li.sl-prev {width: 15px; height: 82px; position: absolute; bottom: 2px; text-indent: -5000px; padding: 0; cursor: pointer}
.sl-panel li.sl-next {right: 2px;}
.sl-panel li.sl-prev {left: 2px;}
.sl-panel ul {padding: 2px 0 0 17px}
.sl-panel ul li {display: inline; padding: 0 4px 0 3px}

/*article*/
.article { background: url(/biemhoa/images/articles-bg.png) repeat-x left bottom;line-height: 22px;}
.article h4 {padding: 14px 0 5px 5px;color: #d9006c; font-size: 16px}
/*.article h4 a{color: #d9006c; font-size: 16px}*/
.article p { padding: 7px 5px;font-size: 14px;}
.article em{ margin: 13px 0 15px;}
p.intro {font-weight:bold; padding: 4px 5px}
.article-panel {text-align: right; padding: 20px 0}
.article-panel a {color: #578cca; padding: 0 10px 0 22px}
a.ap-comments {background:url(/biemhoa/images/ap-comments.png) no-repeat left center}
a.ap-sendfriends {background:url(/biemhoa/images/ap-sendfriends.png) no-repeat left center}
a.ap-print {background:url(/biemhoa/images/ap-print.png) no-repeat left center}
a.ap-save {background:url(/biemhoa/images/ap-save.png) no-repeat left center}

ul.ar-comment li {background: url(/biemhoa/images/articles-bg.png) repeat-x left bottom; padding: 11px 5px}
ul.ar-comment li h4 {font-weight: normal; padding-left: 3px}
ul.ar-comment li h4 a {color: #000;font-weight: bold; background: url(/biemhoa/images/small-avatar.png) no-repeat left center; padding: 0 0 0 20px}

.cm-left {width: 460px; float: left; margin-right: 18px; padding-left: 8px}
.cm-right {width: 226px; float: left}
.cm-emoticon {width: 210px; padding: 7px; border: 1px solid #ccc}
.cm-input {height: 25px; width: 460px; border: 1px solid #ccc; padding: 5px 0 0 5px; color: #666; margin: 5px 0}
textarea{border: 1px solid #ccc; padding: 5px 0 0 5px; color: #666; margin: 5px 0}


/*Trang tin*/
.pink {color: #d9006c}
ul.trangtin {}
ul.trangtin li {width: 435px; padding: 10px 10px 25px 12px; line-height: 16px; color: #333; float: none}
.tt-img {width: 110px; float: left; margin-right: 12px}
.tt-img img {padding: 1px;border: 1px solid #ccc;width: 110px;}
.tt-right {float: left; width: 313px; text-align: left}
.readon {text-align: right}
ul.trangtin li .readon a {color: #7d7d7d; padding-right: 10px; background: url(/biemhoa/images/readon.png) no-repeat right center}
ul.trangtin li h4 a {color: #666}
ul.trangtin li h4 a:hover {color: #d9006c}

/*Clear fix*/
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}
* html > body .clearfix {
	width: 100%;
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}
#divResult a{color:#740552}
#alphabet{padding-bottom:8px;padding-left:5px;padding-right:5px}
#alphabet a{color:#666666;margin:3px}
#alphabet a.active,#alphabet a:hover{color:#740552;font-weight:700}
#submenu1 a.active{font-weight:700}
.comment-block a{color:#666666;font-size:12px;font-weight:bold}
.comment-block ul li{margin-top:3px;margin-bottom:3px;background:transparent url(/biemhoa/images/dot.png) no-repeat scroll left center;padding-left:10px;}
.comment-block h3{padding:0px}
.comment-block ul{padding-left:10px;padding-top:5px}
#searchoptions{margin-top: 2px; color: #FFF}
.article-panel{font-weight:700}
span.vote{color:#D9006C}

.thongtinvegiai{padding:7px 3px}
.thongtinvegiai ul li{float:left; width:430px; padding:15px 12px 10px; line-height:20px; color:#044371; text-align:left}
.thongtinvegiai ul li a{color:#740552; font-size:13px; font-weight:bold}
.thongtinvegiai ul li img{padding:1px ; border:1px solid #ccc;float:left;margin-right:10px}

.tppaging {padding:0 10px 10px 0;}
.tppaging a{color:#004276;font-size:12px}
.tppaging a:hover{color:#a8a8a8;font-size:12px}