/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */
@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/ie.css';
/*----------------------------COMMON ELEMENTS-----------------------------*/
body 
{
    margin:0px 0px 0px 0px; 
    font-family:Arial,Tahoma,Verdana;
    font-size:10pt;
}
.tieudiemheader
{
    font-size:14pt;
    margin-bottom:10px;
    font-weight:bold;   
}
#TieuDiem
{
    background-image:url('/Img/khunghinh.gif');
    width:655px;
    height:353px;
    min-width:655px;
    min-height:353px;
    padding:13px 13px 13px 13px;
    margin-bottom:20px;
}
#TieuDiem .TieuDiemImage
{
    width:655px;
    height:353px;
    background-repeat:no-repeat;
}
#TieuDiem .TieuDiemImage .TieuDiemContent
{
    font-size:16px;
    background-color:Black;
    color:White;
    height:70px;
    bottom:0px;
    margin-top:240px;
    padding:10px;
    opacity:.75;
    filter: alpha(opacity=75); 
    -moz-opacity: 0.75; 
}
#TieuDiem .TieuDiemImage .TieuDiemContent:hover
{
    opacity:.95;
    filter: alpha(opacity=95); 
    -moz-opacity: 0.95; 
}
#TieuDiem .TieuDiemImage .TieuDiemContent .TieudiemTitle
{
    font-weight:bold;
    margin-bottom:5px;
}
#TieuDiem .TieuDiemImage .TieuDiemContent .TieudiemDescription
{
    font-size:10pt;
}

#AdBorder
{
    width:224px;
    margin-top:15px;
}
#AdBorder .AdBorderTop
{
    background-image:url('/Img/ad_top.gif');
    width:inherit;
    height:45px;
}
#AdBorder .AdBorderMiddle
{
    width:224px;
    height: 321px;
}
#AdBorder .AdBorderMiddle .AdBorderMiddleLeft
{
    width:18px;
    height: 321px;
    background-image:url('/Img/ad_left.gif');
}
#AdBorder .AdBorderMiddle .AdBorderMiddleMain
{
    width:182px;
    height: 321px;
}
#AdBorder .AdBorderMiddle .AdBorderMiddleRight
{
    width:24px;
    height: 321px;
    background-image:url('/Img/ad_right.gif');
}
#AdBorder .AdBorderBottom
{
    width:inherit;
    height:27px;
    background-image:url('/Img/ad_bot.gif');
}

#top
{
    width:100%;
}
#top #topleft1 
{
    background-image:url('/Img/top_left.jpg');
    background-position:right;
    width:185px;
    height: 418px;
}
#top #topbanner 
{
    background-image:url('/Img/top_banner.jpg');
    min-width:984px ;
    max-width:984px ;
    height:418px;
}
#top #topright
{
    background-image:url('/Img/top_right.jpg');
    background-position:left;
    width:185px;
    height: 418px;
}
#navigation
{
    height:53px;
}

#nagivation #navleft
{
    background-image:url('/Img/navigator_left.jpg');
    width:185px;
}
#navigation #navmiddle
{
    background-image:url('/Img/navigator_bg.jpg');
    min-width:964px ;
    max-width:964px ;
    padding-left:20px;
    padding-top:20px;
}
#navigation #navright
{
    background-image:url('/Img/navigator_right.jpg');
    width:185px;
}
#navigation a
{
    font-size:18pt;
    color:White;
    text-decoration:none;
    padding-left:15px;
    padding-right:15px;
    border-right:1px dotted white;
}
#navigation a:hover
{
    text-decoration:underline;
}
#maincontent
{
    height:300px;
    background-color:White;
    vertical-align:top;
    padding:20px;
}
#mainleft
{
    height:1153px;
    background-image:url('/Img/bgk_background_left.gif');
    background-repeat:no-repeat;
    background-color:#113e5c;
    background-position:right top;  
    max-width:232px;
}
#mainright
{
    background-image:url('/Img/bgk_background_right.gif');
    background-position:left top;  
    max-width:232px;
}
#footerleft
{
    background-image:url('/Img/footer_bg_left.jpg');
    width:231px;
}
#footer
{
    height:373px;
    background-image:url('/Img/footer_bg.jpg');
    background-position:left;
}
#footerright
{
    background-image:url('/Img/footer_bg_right.jpg')
}

.NewsBorder
{
    width:350px;
}
.NewsBorder .NewsBordertop
{
    width:265px;
    height:24px;
    background-image:url('/Img/mininews_top.gif');
    color:White;
    font-size:14pt;
    padding:20px 0px 10px 70px;
}
.NewsBorder .NewsBorderMiddle
{
    width:334px;
    height:260px;
}
.NewsBorder .NewsBorderMiddle .NewsBorderleft
{
    width:10px;
    height:260px;
    background-image:url('/Img/mininews_left.gif');
}
.NewsBorder .NewsBorderMiddle .NewsBorderContent
{
    width:309px;
    height:260px;
    max-width:309px;
    padding-top:10px;
}
.NewsBorder .NewsBorderMiddle .NewsBorderContent .NewsItem
{
    width:300px;
    margin-bottom:10px;
}
.NewsBorder .NewsBorderMiddle .NewsBorderContent .NewsItem:hover
{
    background-color:#e8f2f5
}
.NewsBorder .NewsBorderMiddle .NewsBorderContent .NewsItem .column1
{
    width:100px;
    float:left;
    margin-right:10px;
}
.NewsBorder .NewsBorderMiddle .NewsBorderContent .NewsItem .column1 .NewsAvatar
{
    border:1px solid gray;
    width:100px;
    height:90px;
}
.NewsBorder .NewsBorderMiddle .NewsBorderContent .NewsItem .column2
{
    width:180px;
}
.NewsBorder .NewsBorderMiddle .NewsBorderContent .NewsItem .column2 .NewsTitle
{
    font-weight:bold;
    font-size:10pt;
    border-bottom:1px dotted gray
}
.NewsBorder .NewsBorderMiddle .NewsBorderContent .NewsItem .column2 .NewsDescription
{
    padding-top:5px;
}
.NewsBorder .NewsBorderMiddle .NewsBorderright
{
    width:15px;
    height:260px;
    background-image:url('/Img/mininews_right.gif');
}
.NewsBorder .NewsBorderbottom
{
    width:334px;
    height:20px;
    background-image:url('/Img/mininews_bottom.gif);
}

.Post
{
    
}
.Post .lblTitle
{
    font-weight:bold;
    font-size:12pt;
}
.Post .lblDescription
{
    font-style:italic;
    color:Gray;
    display:block;
    margin-top:5px;
    
}
.Post .AddDate
{
    margin-bottom:10px;
    display:block;
}
.Post .lblContent
{
    margin-top:15px;
    display:block;
}

.HotPost
{
    
}
.HotPost .HotPostTop
{
    width:229px;
    height:61px;
    background-image:url('/Img/hot_top.jpg');
}
.HotPost .HotPostMiddle
{
    width:229px;
    height:311px;
}
.HotPost .HotPostMiddle .HotPostMiddleLeft
{
    height:inherit;
    width:21px;
    background-image:url('/Img/hot_left.jpg');
    float:left;
}
.HotPost .HotPostMiddle .HotPostMiddleMid
{
    width:191px;   
    height:inherit;
    background-color:#e3f4f9;
    float:left;
}
.HotPost .HotPostMiddle .HotPostMiddleRight
{
    width:17px;
    height:inherit;
    background-image:url('/Img/hot_right.jpg');
    float:left;
}
.HotPost .HotPostBot
{
    width:229px;
    height:26px;
    background-image:url('/Img/hot_bot.jpg');
}

.PostHotPost
{
    background-image:url('/Img/PostList_hot.jpg');
    width:685px;
    height:378px;
}
.PostHr1
{
    background-image:url('/Img/PostList_hr.jpg');
    width:685px;
    height:27px;
}
.PostList
{
    background-image:url('/Img/PostList_bg.jpg');
    width:645px;
    padding:20px;
}
.PostHr2
{
    background-image:url('/Img/PostList_hr2.jpg');
    width:685px;
    height:30px;
}