*{margin: 0; padding: 0;}

body {
    font-size: 62.5%;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 2em;
    background: url(../images/system/bg-body.png) center top repeat-x;
}
ol, ul {
	list-style: none;
}

p {
    font-size: 1.2em;
}

a {
    text-decoration: none;
}

a img {
    border: none;
}

img {
    vertical-align: center;
}

fieldset {
    border: none;
}

h1, h2, h3, h4, h5 {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
}
h3 {
    font-size: 1.4em;
}

h3 a{
    color:#333;
}

h2 {
    font-size: 1.4em;
    margin: 10px; 
    color:#006699;
}

h1 {
    font-size: 1.4em;
}

.clear {
    clear: both;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.aligncenter {
    text-align: center;
}

#wrapper {
    width: 992px;
    margin: 0 auto;
    padding:0 17px;
}

/*****  header  *****/
#header {
    height: 103px;
    position: relative;
    background: url(../images/system/header.png) no-repeat top;
}

#header h1#logo {
    background: url("../images/system/logo.png") no-repeat scroll left top transparent;
    height: 101px;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 5px;
    width: 317px;
}


ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
        position: absolute;
         right: 20px;
        top:60px;
}
ul.menu li {
	padding: 0 15px;
	margin: 0 ;
	height: 18px;
        text-transform: uppercase;
	list-style: none;
        border-right: 1px solid #b8b888;
        display: inline-block;
	background-repeat: no-repeat;
}
ul.menu li a{
	text-decoration: none;
        font-size: 12px;
        color:#fff;
	height: 24px;
	background-repeat: no-repeat;
}

ul.menu li a:hover, ul.menu li a.active{
	text-decoration: none;
        font-size: 12px;
        color:#1e8702;
	height: 24px;
	background-repeat: no-repeat;
}


.menu li ul{
		background:#fff;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
        top:24px;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		
		display:block;
		float:none;
		margin:6px;
		padding:0px;
		width:225px;
		}
	
	.menu li ul a{
		display:block;
		height:24px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			
			border:0px;
			color:#ffffff;
			text-decoration:none;
			background:none;
			}
	.menu p{
		clear:left;
		}
	    .amthuc {
			background:url('../images/system/amthuc-hover.png') bottom left no-repeat;
			}
		.amthuc a{
			background:url('../images/system/amthuc.png') bottom left no-repeat;
			}
		
		.thucuong {
			background:url('../images/system/thucuong-hover.png') bottom left no-repeat;
			}
		.thucuong a{
			background:url('../images/system/thucuong.png') bottom left no-repeat;
			}

/*****     MAIN SETTINGS    *****/
#mainContent {
    position: relative;
    overflow: hidden;
    padding:0 0px;
    background: #f7f5ed;
    font-family: tahoma;
    border-radius: 10px 10px 0px 0px;
    
}

#sidebar {
    float: right;
    padding: 0;
    position: relative;
    width: 285px;
}

#primary {
    background: none repeat scroll 0 0 ;
    color: #333333;
    float: left;
    margin: 0 0 0 2px;
    padding: 0;
    text-align: justify;
    width: 704px;
    border-right: 1px dashed #ccc;
}

/*****  FEATURED POST   *****/

.post-item {
    float: left;
    margin: 5px 0;
    padding: 0;
    width: 285px;
}

.post-item p {

}

.post-item img {
    padding: 0; margin: 0px;
    border: 1px solid #fff;
}

.post-item h1 {
     background: url("../images/system/icon-green.png") no-repeat scroll left bottom transparent;
    font-size: 13px;
    line-height: 40px;
    margin: 0;
    padding: 0 0 0 40px;
}

.post-item h1 a{
    color: #666633;
}

.post-item h1 a:hover {
    color: #008300; 
}

.post-item-left{
    float: left;
    margin: 5px 0 0;
    padding: 0 0 10px;
    width: 332px;
}
.post-item-left p {

}

.post-item-left img {
    padding: 0; margin: 0px;
    border: 1px solid #fff;
}

.post-item-left h1 {
    margin: 0 0 0 0;
    padding:0px 0px 0px 40px;
    font-size: 13px;
    line-height: 40px;
    background:url(../images/system/icon-green.png) no-repeat bottom left;
}

.post-item-left h1 a{
    color: #666633;
}

.post-item-left h1 a:hover {
    color: #008300; 
}
.post-item-center {
    float: left;
    margin: 5px 40px 0 0px;
    padding: 0;
    width: 312px;
}
.post-item-center p {

}

.post-item-center img {
    padding: 0; margin: 0px;
    border: 1px solid #fff;
}

.post-item-center h1 {
    margin: 0 0 0 0;
    padding:0px 0px 0px 40px;
    font-size: 13px;
    line-height: 40px;
    background:url(../images/system/icon-green.png) no-repeat bottom left;
}

.post-item-center h1 a{
    color: #666633;
}

.post-item-center h1 a:hover {
    color: #008300; 
}

.post-item-content {
    float: left;
    margin: 5px 0 0 5px;
    padding: 0;
    width: 690px;
}
.post-item-content p {

}

.post-item-content img {
    border: 1px solid #CCCCCC;

    /* margin: 0 10px 0 0; */
    padding: 3px;
}

.post-item-content h1 {
    background: url("../images/system/icon-green.png") no-repeat scroll left bottom transparent;
    font-size: 13px;
    line-height: 40px;
    margin: 0;
    padding: 0 0 0 40px;
}

.post-item-content h1 a{
    color: #000;
}

.post-item-content h1 a:hover {
    color: #008300; 
}
.post-item1 {
    float: left;
    margin: 0 0 0 0;
    padding: 5px 5px;
    width: 335px;
}

.post-item1 p {
    
}

.post-item1 img {
    padding: 3px; margin: 0px 0px 0px 0px;
    border: 1px solid #f2f2f2;
    float:left;
    margin: 0 8px 0 0;
}

.post-item1 h1 {
    color: #000000;
    font-family: arial;
    font-size: 1.3em;
    font-weight: bold;
}

.post-item1 h1 a{
    color: #000;
}

.post-item1 h1 a:hover {
    color: #339900; 
}
.post {
    margin:0 5px;
}
.add {
   margin:15px 0px;
}
.add img {
    float: left;
    margin-right:5px;
}
.metadata {
    font-size: 1.3em;
    
}

.metadata span.post {
    font-weight: bold;
    color: #013883;
    margin:0;
    font-size:1.0em;
}

.metadata span.post a{
    font-weight: bold;
    color: #666633;
    margin:0;
    font-size:12px;
}

.metadata span.post a:hover{
    font-weight: bold;
    color: #666;
    margin:0  0 0;
    font-size:12px;
    text-decoration: underline;
}

ul#news{
    margin:0;
}
#news li {
    font-size:1.1em;
    padding: 3px 0;
}
#news li a{
   color:#666;
   background: url(../images/system/icon-news.png) no-repeat left top ;
   padding-left: 7px;
   font-weight: bold;
}

#news li a:hover{
   color:#333;
   text-decoration:underline;
   background: url(../images/system/icon-news.png) no-repeat left top;
}
.buttom-post {
    width:325px;
    height: 7px;
    clear: both;
    background: url(../images/system/but-post.png) no-repeat;
}

.more-link {
   width:61px;
   height:15px;
   background: url(../images/system/more.png;) no-repeat;
   text-indent: -9999px;
}

a.more-link:hover {
    background: url(../images/system/more-hover.png;) no-repeat;
}


.title {
    font-size:1.8em;
    font-weight: bold;
    color:#fff;
    padding:19px 0 5px 0;
}
.title1 {
    font-size:14px;
    font-weight: bold;
    color:#008300;
    padding:0px 0 0 0;
}
.text {
    left: 484px;
    position: absolute;
}

.more a{
    background: url("../images/system/bg-more.png") no-repeat scroll 0 0 transparent;
    float: right;
    font-size: 1.1em;
    font-weight: bold;
    padding: 2px 24px 5px 5px;
    position: relative;
    right: 10px;
    top: -35px;
    color:#fff;
}
.more a:hover{
    color:#000;
    background: url("../images/system/bg-more-hover.png") no-repeat scroll 0 0 transparent;
}
/*****  FOOTER  *****/

#footer {
    font-family: Tahoma;
    border-top: 4px solid #7e7e46;
    font-size: 12px;
    color: #fff;
    background:#999966;
    height: 135px;
    padding:5px 0 0 0px;
    text-align: center;
    border-radius: 0px 0px 10px 10px;
	    
}
#footer a {
    color:#fff;
    font-weight:bold;
}
#footer span {
    font-weight: bold;
    color:#fff;
}


.album {
    width: 270px;
    float: left;
    padding: 25px;
    border: 1px solid #ccc;
	margin-bottom: 10px;
    margin-left: 10px;
    text-align: center;
 }
.album img{
    width: 270px;
    margin-top:0;
    height: 180px;
 }

.album a{
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
 }