html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,fieldset{margin:0;outline:0;padding:0;border:none}
:focus{outline:0;}
.w80{width:80px !important}
.w100{width:100px !important}
.w120{width:120px !important}
.w180{width:180px !important}
.w250{width:250px !important}
.w300{width:300px !important}
.clear{clear:both !important}
.left{float:left !important}
.right{float:right !important}
.justify{text-align:justify !important}
.bold{font-weight:bold !important}
.em{font-style:italic !important}
.underline{text-decoration:underline !important}
.hide{display:none !important}
.show{display:inherit !important}
.red{color:red !important}
.blue{color:blue !important}
.green{color:green !important}


body{
	background:#E8EBED;
	font-size:12px;
	font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,"Segoe WP",sans-serif;
	color:#555;
}
textarea, input {
	font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,"Segoe WP",sans-serif;
}
a{
    color: #36B0E8;
    outline: medium none;
    text-decoration: none;
	transition: color 0.2s ease-in-out 0s, padding-left 0.1s ease-in-out 0s;
	-moz-transition: color 0.2s ease-in-out 0s, padding-left 0.1s ease-in-out 0s;
	-webkit-transition: color 0.2s ease-in-out 0s, padding-left 0.1s ease-in-out 0s;
	-o-transition:  color 0.2s ease-in-out 0s, padding-left 0.1s ease-in-out 0s;
}
img {
	/*background:#eee;*/
	display:inline-block;
	text-align:center;
	border:none;
}
img.smiley {
	background:none !important;
}
:-moz-placeholder{
	color:#ddd;
}
::-webkit-input-placeholder{
	color:#ddd;
}
#wrapper{
	width:980px;
	margin:0 auto;
}
#header{
	height:120px;
	overflow:hidden;
}
	#logo {
		background:url(../images/logo.png) no-repeat;

		display:block;
		float:left;
	}
	#logo a {
		height:106px;
		width:283px;
		display:block;
		font-size:0;
	}
	#adtop{
		/*background: #5BAD5B;*/
		float: right;
		height: 90px;
		margin: 10px 10px 0 0;
		width: 620px;
	}
.ad_location{
	/*background:#5BAD5B;*/
	font-size:22px;
	overflow:hidden;
	color:#fff;
}
	.ad_location span{
		margin-left:40%;
		margin-top:24px;
		display:block;
	}
#body_wrap{
	background:#fff;
	padding:20px;
	overflow:hidden;
}
#nav {
	display:block;
	border-bottom:1px solid #ddd;
	padding-bottom:16px;
	overflow:hidden;
}

#menu {
	float:left;
	display:block;
}
#menu .link {
	font-weight:normal;
	font-size:17px;
}
	#menu > ul > li{
		list-style:none;
		display:inline;
		font-size:17px;
	}
	#menu > ul > li > a{
		color:#888888;
		padding-bottom:3px;
		margin-right:20px;

		transition: border 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
		-moz-transition: border 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
		-webkit-transition: border 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
		-o-transition: border 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;

		border-bottom: 4px solid #FFFFFF;
		text-transform: none;
	}
	#menu > ul > li > a:hover {
		border-color: #DDDDDD;
		color: #555555;
	}
	#menu > ul > li > a.active{
		border-color: #1582BF;
		color: #222222;
	}
#search {
	float:right;
}
	#search .input{
		border:1px solid #ddd;
		padding:3px 25px 3px 5px;
		width:210px;
		color:#888;
		transition: border 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
		-moz-transition: border 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
		-webkit-transition: border 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
		-o-transition: border 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
		background-position: right -216px !important;
	}
	#search .input:-moz-placeholder{
		color:#e1e1e1;
	}
	#search ::-webkit-input-placeholder{
		color:#e1e1e1;
	}
	#search .input:focus{
		border-color:#aaa;
	}
#breadcrumbs{
	margin-top:15px;
	display:block;
	border-bottom:1px solid #eee;
	padding-bottom:16px;
	display:none;
}

#content {
	margin-top:15px;
	overflow:hidden;
}
.block {
	overflow:hidden;
}
.blocktitle{
	border-bottom:2px solid #eee;
	font-size:22px;
	text-transform:none;
	font-weight:200;
	padding-bottom:5px;
	margin-bottom:10px;
	color:#888;
}
	.blocktitle h1, .blocktitle h2,
	.blocktitle h3{
		font-weight:300;
		font-size:22px;
	}
	.blocktitle h1 a, .blocktitle h2 a,
	.blocktitle h3 a{
		color:#888;
	}
	.blocktitle .wrap{
		padding-right:3px;
		padding-bottom:7px;
		background:#fff;
	}
	.blocktitle .wrap > span{
		border-bottom:2px solid #ccc;
		padding-bottom:5px;

	}

#main{
	width:620px;
	float:left;
}
#main .block{
	margin-bottom:15px;
}
#sidebar{
	float:right;
	width:300px;
}
/* sprite */
.sprite,
#entry .meta .comment,
#entry .tags a,
#search .input,
#entry .meta .views{
	background: url("../images/sprite.png") no-repeat;
}

/* Thông báo */
.latestnews{
	font-size:14px;
}
	.latestnews p {
		margin-bottom:3px;
	}
	.latestnews ul {
		padding-left:25px;
	}
	.latestnews ul li {
		list-style:circle;
	}
	.latestnews ul li a{

	}
	.latestnews ul li a:hover{
		padding-left:3px;
	}


#entry{
	margin-top:15px;
	color:#333;
}
	#entry h1,#entry h2{
		color: #555555;
		font-size: 22px;
		font-weight: normal;
		line-height: 30px;
		margin-bottom: 16px;
		text-transform:none;
	}
	#entry .meta {
		line-height:1.8em;
	}
	#entry .meta cite{
		font-weight:bold;
	}
	#entry .meta time,
	#entry .meta .time{
		color:#888;
	}
	#entry .meta .views {
		background-position: 0 -401px;
		font-weight:bold;
		padding-left: 13px;
		margin-left:5px;
	}
	#entry .meta .views:hover{
		background-position: 0 -418px;
	}

	#entry .meta .comment{
		font-weight:bold;
		color:#666;
		background-position: 0 -267px;
		display: inline-block;
		margin-left: 5px;
		padding-left: 16px;
	}
	#entry .meta .comment:hover{
		color:#1F98D4;
		background-position: 0 -291px;
	}
	#entry .message{
		margin-top:15px;
		line-height:1.7em;
		font-size:13px;
	}
		#entry .message img{
			/*background:#ccc;*/
			max-width:600px;
		}
		#entry .message a:hover{
			text-decoration:underline;
		}
		#entry .message p{
			margin-bottom:6px;
		}
		#entry .message ol,
		#entry .message ul {
			margin-left:25px;
		}
		#entry .message a.tag strong{
			font-weight:inherit;
		}

	/* Download box */
	#entry .boxdl{
		background:#66CCFF;
		padding:6px 10px;
		color: #fff;
		margin:10px 0;

	}
		#entry .boxdl a{
			color:#fff;
			text-decoration:underline;
			transition: padding-left 0.2s ease-in-out 0s, color 0.1s ease-in-out 0s;
			-moz-transition: padding-left 0.2s ease-in-out 0s, color 0.1s ease-in-out 0s;
			-webkit-transition: padding-left 0.2s ease-in-out 0s, color 0.1s ease-in-out 0s;
			-o-transition: padding-left 0.2s ease-in-out 0s, color 0.1s ease-in-out 0s;
		}
		#entry .boxdl a:hover,
		#entry .boxdl a:active{
			padding-left:3px;
			/*color:#666;*/
		}
		#entry .boxdl h3{
			color:#fff;
			font-size:17px;
			border-bottom:1px solid #eee;
			padding-bottom:2px;
			margin-bottom:6px;
			font-weight:normal;
		}
		#entry .boxdl p{
			margin:0 !important;
		}

	#entry .tags{
		overflow:hidden;
		padding:3px 0;
	}
		#entry .tags > ul > li {
			float:left;
			list-style:none;
			line-height:2em;
		}
		#entry .tags a{
			background-color: #eee;
			background-position: 0 -314px;
			line-height: 20px;
			padding: 0 8px 0 18px;
			display: inline-block;
			margin-right:5px;
			text-transform:lowercase;
			color:#888;
			transition: background-color 0.1s ease-in-out 0s, color 0.1s ease-in-out 0s;
			-moz-transition: background-color 0.1s ease-in-out 0s, color 0.1s ease-in-out 0s;
			-webkit-transition: background-color 0.1s ease-in-out 0s, color 0.1s ease-in-out 0s;
			-o-transition: background-color 0.1s ease-in-out 0s, color 0.1s ease-in-out 0s;
		}
		#entry .tags a:hover{
			background-color: #6AC8F0;
			color: #FFFFFF;
		}

	/* Spoiler */
	#entry .spoiler {
		background:#5BAD5B;
		color:#fff;
		margin:5px 0;
	}
		#entry .spoiler .spoiler-title {
			cursor:pointer;
			background:#339933;
			padding:5px 8px;
			transition: padding-left 0.2s ease-in-out 0s, color 0.1s ease-in-out 0s;
			-moz-transition: padding-left 0.2s ease-in-out 0s, color 0.1s ease-in-out 0s;
			-webkit-transition: padding-left 0.2s ease-in-out 0s, color 0.1s ease-in-out 0s;
			-o-transition: padding-left 0.2s ease-in-out 0s, color 0.1s ease-in-out 0s;
		}
		#entry .spoiler .spoiler-title:hover{
			padding-left:10px;
			color:#ddd;
			background:#2F892E;
		}
		#entry .spoiler .spoiler-body {
			display:none;
			padding:5px;
		}
			#entry .spoiler .spoiler-body a{
				color:#fff;
				text-decoration:underline;
			}
			#entry .spoiler .spoiler-body a:hover{
				color:#ccc;
			}
	/* Code */
	#entry .code {
		margin:5px 0;
		color:#fff;
		font-family:"Courier New", Courier, monospace;
	}
		#entry .code ol{
			margin:0;
			background:#333;
		}
		#entry .code ol li {
			margin-left:35px;
			background:#444;
			padding:0 3px;
		}


/* Related posts block */
.related {

}
	.related ul li {
		float:left;
		width:25%;
		list-style:none;
		text-align:center;
	}
	.related ul li .inner{
		padding:15px;
	}
	.related ul li h4{
		margin-top:6px;
		font-weight:normal;
		text-align:left;
	}
	.related ul li h4 a{
		color:#666;
		transition: border 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
		-moz-transition: border 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
		-webkit-transition: border 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
		-o-transition: border 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
	}
	.related ul li h4 a:hover{
		color:#36B0E8;
	}
	.related img{
		width:120px;
		height:90px;
	}

#comment {

}
	#comment .item {
		/*margin-bottom:6px;
		border:1px solid #f3f3f3;
		padding:10px;*/
	}
	#comment .item .avatar{
		float: left;
		width: 40px;
	}
		#comment .item .avatar img{
			width:32px;
			height:32px;
		}
	#comment .item .details {
		padding:5px 8px;
		margin:3px 0 3px 35px;
	}
	#comment .item .admin{
		color:red;
	}
	#comment .child{
		margin-left:40px;
	}
		#comment .item cite{
			color: #888;
			float: left;
			font-size: 13px;
			font-style: normal;
		}
			#comment .item cite span{
				color: #46B2E1;
			}
		#comment .item .title a{
			float: left;
			font-size: 13px;
   			font-style: normal;
			color:green;
			margin-left:5px;
		}
		#comment .item time,
		#comment .item .time{
			float:right;
			color:#ccc;
			font-size:11px;
			font-style:italic;
		}
	#comment .item .meta{
		border-bottom:1px solid #66CCFF;
		overflow:hidden;
		padding-bottom:3px;
		margin-bottom:6px;
	}
	#comment .item .message{
		/*color: #888888;
   	 	font-style: italic;*/
    	line-height: 1.5em;
	}
	#comment .item .action{
		text-align:right;
		padding:0 0 5px;
		visibility:hidden;
	}
	#comment .details:hover .action {
		visibility:visible;
	}
	#comment .item .action a {
		padding:0 5px;
		color:#888;
	}
	#comment div.item .action a:hover{
		color:#36B0E8;
	}

/* Comment form */
#commentform {
	margin-top:15px;

}
	#commentform .meta {
		float:left;
		width:185px;
	}
	#commentform .meta > div{
		margin-bottom:8px;
	}
	#commentform .meta input,
	#commentform .details .message {
		border:1px solid #ddd;
		font-family:"Segoe UI","Helvetica Neue",Helvetica,Arial,"Segoe WP",sans-serif;
		font-size:14px;
		transition: border-color 0.2s ease-in-out 0s;
		-moz-transition: border-color 0.2s ease-in-out 0s;
		-webkit-transition: border-color 0.2s ease-in-out 0s;
		-o-transition:  border-color 0.2s ease-in-out 0s;
	}
	#commentform .details .message:focus,
	#commentform .meta input:focus{
		border:1px solid #888;
	}
	#commentform .meta input{
		padding:4px 6px;
		width:170px;
	}
	#commentform .captcha {
		cursor: pointer;
		display: block;
		height: 25px;
	}
	#commentform .details{
		margin-left:180px;
		padding:0 12px;
	}
	#commentform .details .message {
		width:100%;
		padding:3px 5px;
		resize:vertical;
		height:150px;
	}
	#commentform .action {
		margin-left:192px;
		margin-top:5px;
	}
	#commentform .action .submit{
		border:none;
		background:#66CCFF;
		padding:5px 10px;
		color:#fff;
		transition: background-color 0.1s ease-in-out 0s;
		-moz-transition: background-color 0.1s ease-in-out 0s;
		-webkit-transition: background-color 0.1s ease-in-out 0s;
		-o-transition:  background-color 0.1s ease-in-out 0s;
		cursor:pointer;
	}
	#commentform .action .submit[disabled],
	#commentform .action .submit.disabled,
	#commentform .action .submit[disabled]:hover,
	#commentform .action .submit.disabled:hover{
		background:#327C9C;
	}
	#commentform .action .submit:hover{
		background:#20BBE6;
	}
	#commentform .counter {
		margin-left:3px;
		color:#888;
	}

/* SIDEBAR */
#sidebar .widget{
	margin-bottom:20px;
}
	#sidebar .widget .item{
		clear:both;
		border-bottom:1px solid #f6f6f6;
		overflow:hidden;
		padding:10px 0 10px;
		font-size:13px;
	}
	#sidebar .widget .item .thumbnail{
		float:left;
		width:50px;
		height:38px;
		overflow:hidden;
		background:#ccc;
	}
	#sidebar .widget .item .thumbnail img{
		width:50px;
		height:38px;
		overflow:hidden;
	}
	#sidebar .widget .item .info{
		margin-left:60px;
	}
	#sidebar .widget .title{
		font-weight:normal;
		margin-bottom:4px;
	}
	#sidebar .widget time,
	#sidebar .widget .meta{
		color:#888;
		font-size:11px;
	}

	/* Widget Comment */
	.widget.comment .item{
		clear:both;
		border-bottom:1px solid #f6f6f6;
		overflow:hidden;
		padding:10px 0 10px;
		font-size:11px !important;
	}
	.widget.comment .item .avatar{
		float:left;
		width:32px;
		height:32px;
		overflow:hidden;
		background:#ccc;
	}
	.widget.comment .item .avatar img{
		width:32px;
		height:32px;
	}
	.widget.comment .item p{
		line-height:1.4em;
	}
	.widget.comment .item .info{
		margin-left:40px !important;
	}
	.widget.comment .item .info cite{
		float:left;
		font-weight:bold;
		margin-right:5px;
	}
		.widget.comment .item .info cite a{
			color:#555;
		}
	.widget.comment .item .info time,
	.widget.comment .item .info .time{
		font-size:10px !important;
	}
	.widget.comment .more {
		text-align:right;
	}

.articles .item {
	overflow:hidden;
	margin:10px 0;
	padding:10px 0 20px;
	border-bottom:2px solid #f5f5f5;
	font-size:13px;
	line-height:1.5em;
}
	.articles .item .thumbnail{
		float:left;
		width:120px;
		margin-right:15px;
	}
		.articles .item .thumbnail img{
			width:120px;
			height:90px;
		}
	.articles .item .info{
		margin-left:135px;
	}
	.articles .item .title{
		font-size:17px;
		font-weight:500;
		margin-bottom:5px;
		line-height:1.2em;
	}
	.articles .item .meta{
		color:#999;
		font-size:12px;
	}
	.articles .item .meta a.comment,
	.articles .item .meta .views{
		color:#999;
		font-weight:bold;
	}
	.articles .item .meta a.comment:hover{
		color:#1F98D4;
	}

#footer{
	padding:20px 20px 50px;
	display:block;
	line-height:1.5em;
	color:#999;
}
	#footer #copyright{
		float:left;
	}
	#footer #powered{

		float:right;
		text-align:right;
	}
	#footer .chip{
		font-weight:bold;
		color:#39F;
	}
	#footer .love{
		font-weight:bold;
		color: #F30;
	}



/* navpage */
.navpage {
	text-align:right;
    clear: both;
    padding: 7px 0px;;
    font-weight:normal;
	color:#555;
}
.navpage .current, .navpage .item a {
    margin:2px;
    padding:3px 6px;
    border: 1px solid #66CCFF;
}

.navpage .item a {
    border: 1px solid #66CCFF;
    color:#555;
}

.navpage .current, .navpage .item a:hover {
    color: #fff;
    background-color:#66CCFF;
}


/* jAlert popup */
#popup_container {
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #20BBE6;
	border: 1px solid #ccc;
	color: #fff;
	text-transform:lowercase;

}

#popup_title {
	font-size:15px;
	font-weight:normal;
	padding:3px 8px;
}

#popup_content {
	font-size:13px;
}
/*
#popup_content.alert {
	background-image: url(images/info.gif);
}

#popup_content.confirm {
	background-image: url(images/important.gif);
}

#popup_content.prompt {
	background-image: url(images/help.gif);
}
*/
#popup_message {
	padding-left: 26px;
}

#popup_panel {
	text-align: center;
	margin: 8px 5px 6px;
}
	#popup_panel input {
		border:none;
		background:#fff;
		color:#333;
		cursor:pointer;
		border:1px solid #e9e9e9;
	}

#popup_prompt {
	margin: .5em 0em;
	border:1px solid #e9e9e9;
}




#category li {
	float: left;
}

#category li li {
	float: none;
}
#category li a {
	display: block;
}

#category li ul a {
	width: 160px;
	padding: 5px;
	color:#888;
	font-size:13px;
	background:#fff url("../images/sprite.png") no-repeat;
	background-position:-27px -70px;
	padding-left:26px;
}
#category li ul a.parent{
	background-position:-27px -95px;
}

#category li ul a:hover,
#category li ul li a.child-hover {
	color:#111;
	background-color:#f6f6f6;
	background-position:-27px 2px;
}
#category li ul li ul{
	margin: -28px 0 0 191px;
    position: absolute;
}

#category li ul {
	display: none;
	list-style: none;
	position: absolute;
	margin: 0;
	z-index: 90;
	padding: 0;
	border:1px solid #888;
}

.block.errors .blockbody{
	font-size:14px;
}

.seo_tags a, .seo_tags{
	color:#999;
}

#review img {
	float:left;
	width:32px;
	height:32px;
}
#review .detail span{
	margin:0 3px;
}

* html #request-button{
	position: absolute;
	right: 0;
	top: expression(eval(document.compatMode &&   document.compatMode == 'CSS1Compat') ?
		documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight ) :
		document.body.scrollTop +(document.body.clientHeight-this.clientHeight ) );
}
#request-button {
	right:0px;
	bottom:-3px;
	position:fixed;
	display:block;
	background:#66CCFF;
	color:#fff;
	font-size:13px;
	cursor:pointer;
}
	#request-button a{
		padding:10px 15px;
		text-decoration:none;
		display:block;
		color:#fff;
	}
	#request-button a:hover{
		color:#eee;
	}

#facebox .content,
#facebox .popup {
	border-radius:0 !important;
	-moz-border-radius:0 !important;
	-webkit-border-radius:0 !important;
}
.contact.form{
	font-size:13px;
	line-height:1.5em;
	color:#555;
	padding: 16px 18px;
}
	.contact.form .title{
		font-size:20px;
		margin-bottom:10px;
	}
	.contact.form label{
		font-size:14px;
		padding:5px;
		margin:3px 0;
		background:#666;
		color:#fff;

	}
	.contact.form .line,
	.contact.form div,
	.contact.form p{
		clear: both;
		display: block;
		margin: 6px 0;
	}
	.contact.form .button{
		background:#666;
		color:#fff;
		cursor:pointer;
		border:0;
		padding:8px 10px;
	}
	.contact.form .button:hover{
		background:#555;
	}
	.contact.form .captcha {
		cursor: pointer;
		display: block;
		height: 25px;
	}
	.contact.form .input{
		border: 1px solid #CECECE;
		padding: 10px;
		color: #777;
		width: 356px;
		transition: border 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
		-moz-transition: border 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
		-webkit-transition: border 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
		-o-transition: border 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
	}
	.contact.form .message{
		display: block;
		font-size:13px;
		height:100px;
		padding: 10px;
		width: 356px;
	}
	.contact.form .message:focus,
	.contact.form .input:focus{
		border-color:#666;
	}

.textlink {
	font-size:12px;
	font-weight:normal;
}
.textlink a{
	color:#555;
	margin-left:3px;
}
.textlink a:hover {
	color:#888;
}