/*--------------------<<< Giadinh.net >>>--------------------*/
/*--------------------<<< 28/1/2010 >>>--------------------*/


*{margin:0; padding:0;}
body {background: #d90103 url(/Images/body-bottom.png) repeat-x left bottom; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666}
a {text-decoration: none; outline: none; color: #333}
a img {border: none}
a:hover {text-decoration: underline}
ul {list-style: none}
#body-bg {background: url(/Images/body-bg.png) no-repeat center top}
#pagewrap {width: 1000px; margin: 0 auto; background: url(/Images/page-wrap-bt.png) no-repeat left bottom; padding: 0 0 10px}
#pagewrap-bg {background: url(/Images/page-wrap-bg.png) repeat-y left top; padding: 0 10px}

/*-------------<< Header >>--------------*/
#header {position: relative; height: 140px; background: #e5e5e5 url(/Images/header2.png) no-repeat left top}
#logo {width: 199px; height: 89px; position: absolute; top: 0; left: 20px;}
h1 {background: url(/Images/logo.png) no-repeat left top}
#logo h1 a {display: block; text-indent: -99999em; width: 199px; height: 89px;}

#nav {background: url(/Images/nav.png) no-repeat left top; height: 32px; width: 100%; position: absolute; left: 0; bottom: 0}
#nav ul li {display: inline; padding: 0 2px 0 0; background: url(/Images/nav-li.png) no-repeat left 1px; padding: 5px 0}
#nav ul li a {padding: 0 9px; color: #fff; font-family: Tahoma; font-size: 11px; font-weight: bold; line-height: 30px; height: 30px;}

/*-------------<< //Header >>--------------*/

/*-------------<< Container >>--------------*/
#container {padding: 0 0 30px;/*background:none repeat scroll 0 0 #E5E5E5;margin:0 0 5px*/}
#col-left {float: left; width: 650px; background: #e5e5e5; padding: 8px 8px 8px 0} 
.cont-1 {background: #f5f5f5; border-right: 8px solid #fff; padding: 8px 0 8px 10px}
.cont-1 img {padding: 4px; background: #ccc; float: left; margin: 0 20px 0 0}
.date {color: #999; font-size: 11px}
.cont-1 h3 {font-size: 18px; font-weight: normal; padding: 5px 0}
.cont-1 h3 a {color: #a40d14}
.cont-1 p {padding: 0 10px 0 0}
.ad-left {margin: 8px 0}

.cont-2 {padding: 7px; background: #fff}
.md-left {margin: 0 0 8px; border: 1px solid #bfbfff}
.title {border-bottom: 1px solid #bfbfff; padding: 5px 8px 3px 5px; background: url(/Images/title-bg.png) repeat-x left top}
.title h3 a {color: #b90000; font-size: 15px; text-transform: uppercase; padding: 0 10px 0 22px; background: url(/Images/h3-bg.png) no-repeat left 1px; float: left}
a.rss {padding: 0 18px 3px 0; background: url(/Images/s-rss.png) no-repeat right top; color: #646464; text-transform: uppercase; float: right; font-weight: bold; margin: 1px 0 0; font-size: 11px }
.md-col-l {float: left; width: 365px; padding: 0 7px 0 8px; color: #666}
.md-col-l h4 {padding: 8px 0}
.md-col-l a {font-size: 12px; font-weight: bold}
.md-col-l a img {float:right;padding:5px 0 5px 5px}
.md-col-r {float: left; width: 254px;}
.thumb-news-md {float: left; width: 113px; background: url(/Images/dot-bg.png) repeat-y right top; padding: 6px 2px 6px 0}
.thumb-news-md img {padding: 1px; border: 1px solid #ccc}
.list-news-md {float: left; width: 254px;}
.list-news-md ul {padding: 7px 8px; background: url(/Images/bg-md.png) repeat-x left top}
.list-news-md ul li {padding: 8px 0; background: url(/Images/dot-bg.png) repeat-x left bottom}
.list-news-md ul li.last {background: none}
.list-news-md ul li a {background: url(/Images/square-2.png) no-repeat left 5px; padding: 0 0 0 10px; display: block} 


#col-right {float: right; width: 322px; padding: 8px 0 0; background: #e5e5e5}
.ad-r {background: #fff; padding: 8px 0 8px 8px}
.md-right {background: #fff; padding:0 7px 7px; font-size: 11px; margin: 0 0 8px}
.md-right-last {margin: 0}
.md-right h3 {background: url(/Images/h3-right.png) repeat-x left bottom; height: 32px; line-height: 30px; font-size: 14px; color: #fff; padding: 7px 0 0 12px; text-transform: uppercase;}
.md-right h3 a{line-height: 30px; font-size: 14px; color: #fff; text-transform: uppercase;}
.photo-center {text-align: center; padding: 10px 0}
.photo-center img {border: 2px solid #ccc}
.md-right-cont {padding: 0 7px}
.md-right h4 {font-family: Tahoma; font-size: 11px; font-weight: bold; padding: 8px 0}
.md-right h4 a {color: #900000;} 
ul.list-s {line-height: 20px}
ul.list-s li {background: url(/Images/s-red.png) no-repeat left 10px; padding: 0 0 0 20px}
ul.list-s li a {color: #666;}

.news-thumb {padding: 0 0 12px}
.news-thumb img {float: left; padding: 1px; border: 1px solid #ccc; margin: 0 8px 0 0}
ul.list-b {line-height: 16px}
ul.list-b li {background: url(/Images/b-red.png) no-repeat left 6px; padding: 0 0 0 12px}
ul.list-b li a {color: #900000;}
ul.list-b li a:hover {color: #ff6600}
.md-right h3.bgwhite {background: url(/Images/h3-right2.png) repeat-x left top; color: #980000; padding: 0 0 0 12px}
.md-right h3.bgwhite a{color: #980000;}
ul.list-thumb {}
ul.list-thumb li {padding: 6px 7px}
ul.list-thumb li.bg {background: #f1efe4}
ul.list-thumb li img {float: left; border: 1px solid #ccc; padding: 2px; margin: 0 8px 0 0}
ul.list-thumb li a {color: #660000; font-family: Tahoma}

.detail {padding: 20px 10px 20px 15px; font-family: "Times New Roman", Times, serif; font-size: 14px; color: #333; background: #fff}
.detail h3 {font-size: 20px; color: #333; padding: 8px 0}
/*.detail img {float: left; margin: 0 12px 0 0}*/
.detail p {padding: 0 0 20px}
.detail p.intro {color: #999; font-weight: bold; padding: 0 0 8px}
.detail p.recent-link {font-weight: bold; padding: 0 0 45px}
.detail p.recent-link a {color: #000}
.back {text-align: right; padding:  0 7px 20px 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif}
.back a {color: #980000}
.author {font-weight: bold; text-align: right; padding: 5px 0 20px; font-size: 12px; font-family: Arial, Helvetica, sans-serif}
.email-print-comment {}
.email-print-comment a {padding: 0 0 0 20px; color: #999; font-family: Tahoma; font-size: 11px; float: right; margin: 0 0 0 15px; line-height: 16px; height: 16px}
a.email {background: url(/Images/email.png) no-repeat left top}
a.print {background: url(/Images/print.png) no-repeat left top}
a.comment {background: url(/Images/feedback.png) no-repeat left top}

.other-article {background: #fff; padding: 0 12px 50px}
.other-article h3 {color: #980000; font-size: 17px; background: url(/Images/other-article.png) no-repeat right bottom;}
.other-article ul {line-height: 22px; padding: 10px 0 0 32px}
.other-article ul li {background-position: left 11px}
.other-article ul li a {color: #333}
.other-article ul li a span {color: #999}

.newsest-article {padding-bottom:17px !important}

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

/*-------------<< Footer >>--------------*/
#footer {clear: both; height: 100px; padding: 0 10px; color: #414141; font-size: 11px; line-height: 17px}
#footer-cont {border-top: 1px solid #aca899; padding: 3px 0 0}


/*-------------<< //Footer >>--------------*/


/* Clearfix */
* html .clearfix {
    height: 1%; /* IE5-6 */
}

.clearfix {
    display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix {
    display: block; /* O */
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    font-size: 1px;
    overflow: hidden;
}

.nbm_bg{background: url(/Images/nbm_bg.jpg) repeat-y}


.categories {background: #fff; padding: 0 0 8px; margin: 0 0 8px}
.categories .title {margin: 0 8px}
.categories ul {border-bottom: 1px solid #ccc}
.categories ul li {padding: 10px 0 10px 10px}
.categories ul li.bggray {background: #f5f5f5}
.categories ul li img {float: left; padding: 1px; border: 1px solid #ccc; margin: 0 10px 0 0}
.txt-listCata {float: left;width: 629px}
.haveimage{width: 510px !important}
.haveimage_nbm{width: 260px !important}
.havenotimage{float:left}
.txt-listCata h4 {padding: 0 0 8px; font-size: 11px; font-weight: bold; font-family: Tahoma}
.txt-listCata p {padding: 0 20px 0 0}
a.readmore {background: url(/Images/arrow.png) no-repeat left top; width: 7px; height: 10px; display:  block; float: right; margin: 20px 0 0} 
.nextpage {font-size: 11px; font-family: Tahoma; text-align: right; line-height: 20px; padding: 0 20px; font-weight: bold}
.nextpage a {color: #014f9c}