@charset "utf-8";
/* 
	Copyright Opera Software. (From Hoang Nam)
     	Skin design by Hoang Nam - http://my.opera.com/bossvip6688/blog/

/* MAIN LAYOUT <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

body {
	background:url(http://files.myopera.com/manutdfc/files/wwss.jpg) fixed center;( anh? nen` cua? blog )
background-color:#000000;
cursor:url(http//files.myopera.com/bossvip6688/X/chuotNhon.ani);
	margin:0;
	padding:0;
	font-family: Tahoma, Arial,'trebuchet ms',helvetica,sans-serif; /*Font chu mac dinh tren toan bo blog*/
	font-size:15px;
	line-height:145%;
	text-align:center;
	color:#FFFFFF;
	}

#wrap1 {
	margin:0 auto;
	}	
#wrap2 { 
	margin:0 auto;
	width:778px !important;
	padding-bottom:70px; 
	margin-top:20px;
	background:url(http://files.myopera.com/manutdfc/files/liukuyjkyu.jpg) left bottom no-repeat; /*Anh nen duoi cung - Bgr footer*/
	}
.onecol #wrap2 {
	background: url(http://files.myopera.com/manutdfc/files/liukuyjkyu.jpg) left bottom no-repeat; /*Anh nen duoi cung khi không có sidebar - Bgr footer onle col*/
	}
	
#wrap3 {
	background:url(http://files.myopera.com/bossvip6688/X/main1.png) repeat-y; /*Anh nen chinh cua trang (nen` trong suot' )- Bgr wrap3*/
	}

.onecol #wrap3 {
	background: url(http://files.myopera.com/bossvip6688/X/main2.png) bottom left repeat-y; /*Anh nen chinh khi ko co sidebar - Bgr no sidebar*/
	}

.onecol #top {
	background: url(http://files.myopera.com/manutdfc/files/bfd.jpg) top left no-repeat; /*Anh nen banner khi ko co sidebar - Bgr banner when no sidebar, one colume */
	}
				
#topbar1 {
	background:#000 url(http://files.myopera.com/manutdfc/files/bfd.jpg) top left repeat-x ;/*Anh nen cua topbar tren cung - Bgr topbar*/
	color:#818181;
	height:32px;
	overflow:hidden;
	line-height:24px;
	}
#topbar2, #toplogin div {
	width:778px;
	max-width:100%;
	min-width:700px;
	margin:0 auto;
	text-align:left;
	}

#edittitle {
	padding-top:32px;
	}

#top {
	font-size:15px;
	width:778px	!important;
	height:393px; /*Do cao cua banner*/
	color:#FFFFFF;
	background: url(http://files.myopera.com/manutdfc/files/bfd.jpg) top left no-repeat; /*Anh banner - Bgr banner */
	}

#top2 {
	height:152px;
	text-align: center; /*vị trí của tiêu đề blog*/
	padding-left:30px; /*Tieu de blog cach le trai */
	}

#top h1 {
	margin:0;
	width:500px;
	font-size:24px;
	font-family: Tahoma, arial, helvetica,sans-serif; /*Font cua tieu de la tahoma*/
	line-height:normal;
	font-weight:normal;
	padding-top:70px; /*Tieu de blog cach phia tren cung */
	}

#subtitle {
	margin:0;
	width:500px;
	font-size:12px;
	}

/*MENU<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

#menu {
	clear:both;
	height:28px;
	background:url(http://files.myopera.com/bossvip6688/X/menu_back.png); /*Anh nen cua menu - Bgr menu*/
margin-top: 240; /*chinh vi tri cua menu len xuong*/
	margin-left:208px;
	margin-right:3px;
	}
#menu ul {
	padding:0;
	margin:0 0 0 20px;;
	height:28px; /*Do cao cua menu*/
	}

#menu li {
	float:left;
	line-height:28px;
	height:28px;
	overflow:hidden;
	font-size:11px;
	list-style:none;
	width:14%;
	margin:1px 0 0 0;*/
	padding:0;
	border-left:1px solid #333;
	border-right:1px solid #333;
	}

#menu a {
	display:block;
	height:28px;
	color:#818181;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	}

#menu a:hover {
	background: url(http://files.myopera.com/bossvip6688/X/menu2.png) bottom center no-repeat; /* Anh nen cua menu khi di chuot len - Change bgr when mouse over*/
	color:#fff;/*màu chữ menu khi di chuột lên*/
		
	}
#menu a#selected
	{
	background: url(http://files.myopera.com/bossvip6688/X/menu1.png) bottom center no-repeat; /*Anh nen vi tri hien thoi - Bgr selected*/
	text-decoration: none;
	color:#fff; /*màu chữ menu khi đã chọn*/
	}

#content, #footer {
	clear:both;
	position:relative;
	width:768px !important;  /*Noi dung trang cach le moi ben 5px, tuong duong voi margin nhung ko su dung trong truong hop nay vi bi loi hien thi - width of content*/
	text-align:left;
	margin:0 auto;
	}


.content {
    background: transparent url(http://files.myopera.com/bossvip6688/X/phangiuabaipost.png) bottom center repeat; /*Ảnh phần giữa bài post*/
	clear:both;
	padding:5px 10px;
/*  font-family: "Courier New", Courier, Tahoma, monospace;
	font-size:13px;*/
	border-left:0px solid ; /*Màu của viền bên trái giữa bài post*/
	border-right:0px solid ; /*Màu của viền bên phải giữa bài post*/
	}

#content li {
	margin:0;
	list-style-position:inside;
	}

#mainwrap {
	display:block;
	width:100%;
	margin-left:-195px;
	padding-bottom:12px;
	float:right;
	background:url(http://files.myopera.com/bossvip6688/X/slogan.png) top right no-repeat; /* Ảnh ngay dưới banner - hiển thị dòng chữ chạy - Slogan*/
	text-align:left;/* Đoạn này để cho chữ phần Comment và quoanh đó sang trái hay phải */
margin-top: 0px !important; /*Chỉnh khoảng cách slogan1 với Menu*/	
	}
#main {
	display:block;
	margin-left:210px; /*Noi dung cac bai post cach le trai cua blog */
	margin-right:3px;
margin-top:40px; /*Chỉnh khoảng cách phần title của bài post với Menu*/
	padding-bottom:15px;
	width:553px;
	background:url() top right no-repeat;
	padding-top:60px;/*phần này chỉnh khoảng cách giữa chân Slogan 1 với đỉnh bài post*/
	text-align:left;	
	float:right;
}
/*Chinh do float cua footer*/
#footer {
	clear: both;
	width:100%;
	height:10px;
	POSITION: relative;
	left: 0px; 
	bottom:-55px;
	}
/*End chinh do float cua footer*/
#footer p {
	margin:0;
	padding:0;

	}
#meta {
	float:left;
	width:49%
	}

#footer a:link, #footer a:visited, #footer a:active {
	color:#111;
	text-decoration:none;
	}

#footer #get {
	text-decoration:underline;
	}

#footer #get:hover {
	text-decoration:none;
	}

/*SIDEBAR<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

#sidewrap {
	width:190px;
	float:left;
	font-size:11px;
	margin-top:0px;
	margin-left:4px;
	overflow:hidden;
	}
#side a:link, #side a:visited, #side a:active {
	color:#C9C9C9; /*màu chữ những phần có chứa link bên sidebar*/
	text-decoration:none;	
	}
	
#side a:hover {
	text-decoration: underline;
	}	
#side li {	
	font-size:11px;
	list-style-type: none;
	color:#fff;
	}
	
#side li a:hover{
	text-decoration:underline;
	}
	
#side h2, #side caption {
	color:#CCFF66; /*màu chữ phần tiêu đề các box trong sidebar*/
	background: url(http://files.myopera.com/bossvip6688/X/SidebarXX.png) top left no-repeat; /*Anh nen tren cua tung box - bgr of title all box in sidebar*/
	font-size:12px;
	font-weight:normal;
	text-transform:None; /*loại font Tieu de của các box*/
	margin:0 0 1px 0;
	padding:6px 2px 10px 16px;
	text-align:left;
	}

#side h2.feedheader {
	padding:6px;
	}

#side h2 a:link, #side h2 a:visited, #side h2 a:active {
	color:#fff; /*Mau lien ket tieu de cac box (mau trang)*/
	text-decoration:none;
	}

.sidebox {
	background:url(http://files.myopera.com/bossvip6688/X/bgr_chansidebar.png) bottom center no-repeat; /*Anh nen cua cac box - bgr all box*/
	margin-bottom:15px;
	}

.sidebox .pad {	
	background: url(Theme_vista_trongsuot/bgr_chansidebar.png) bottom center no-repeat; /*Anh nen duoi cung cua tung box*/
	padding:6px;
	margin-top:1px;
	/*background-color:#000;*/
	}

.sidebox p {
	margin:0;
	color:#6699FF; /*màu chữ phần chú thích Link, và các chữ khác của sidebox*/
	}


#side h3 {
	font-size:11px;
	margin-bottom:0;
	}

/*GENERAL RULES<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.mobile {
	display:none;
	}

.rtl {
	display:block;
	text-align:right !important;
	}

a:link, a:active, a:visited  {
	color:#0066cc;
	text-decoration: ;
	}

a:hover {
	text-decoration: none;
	}

a.username:link, a.username:visited, a.username:active {
	color:#000;
	}

.center {
	display:block;
	text-align:center;
	}

.smilie {
	margin:0 3px;
	}

img {
	max-width:100%;
	}

.hide, .handheld {
	display:none;
	}

table {
	width:100%;
	}

p {
	margin:10px 0;
	}

td, th {
	text-align:left;
	vertical-align:top;
	}

pre, td, th, input, select {
	font-size:11px;
	}

code,pre {
	display: block;        
    padding:10px 6px;
    margin:0 0 10px 0;
    border: 1px dashed #aaa;
    background:;
    overflow: auto;
		}

strong, b, em {
	font-weight:bold;
	}


em {
	font-style:normal;
	}

form, blockquote p {
	margin:0;
	padding:0;
	}

textarea {
	width:100%;
	height:150px;
	margin:0;
	}

h1 {
	font-size:20px;
	margin:0 0 8px 0;
	}

h2 {
	font-size:20px;
	margin:0 0 12px 0;
	}

h3 {
	font-size:13px;
	margin:12px 0 7px 0;
	}

h4, h5, h6 {
	font-size:12px;
	margin:10px 0 5px 0;
	}

img, abbr, acronym {
	border:none;
	}


ol, ul, li {
	font-size:12px;
	margin:0 0 10px 0;
	padding:0;
	}

#content li ul, #content li ol {
	margin:10px 0 10px 20px;
	}

ul.nobullets li {
	list-style-position:outside;
	list-style:none;
	}

.alpha li {
	list-style-type:lower-alpha;
	}

.nomarg {
	margin:0 !important;
	}

.clear {
	clear:both;
	}

div.clear {
	height:1px;
	line-height:1px;
	overflow:hidden;
	}
.block, .rtl, .alignright, .alignleft, .aligncenter, .center, .alignjustify {
	display:block;
	}

.rtl, .alignright, #meta {
	text-align:right;
	}

.alignleft, #top, caption {
	text-align:left;
	}

.aligncenter, .center, body {
	text-align:center;
	}

.alignjustify {
	text-align:justify;
	}
.left {
	float:left;
	}

.right {
	float:right;
	}

img.left {
	margin-right:10px;
	}

img.right {
	margin-left:15px;
	}

.small {
	font-size:11px;
	}

.block {
	display:block;
	}

div.avatar {
	width:52px;
	height:52px;
	border:1px solid #000;
	float:left;
	margin:0 8px 6px 0;
	background:;
	}

.avatar img {
	display:block;
	margin:1px;
	max-width:50px;
	max-height:50px;
	}

.pagenav {
	clear:both;
	}

.pagenav a {

	color:#090;
	}

.arrow-prev {
	margin:0 4px -1px 0;
	}

.arrow-next {
	margin:0 0 -1px 4px;
	}

.col1, .col2 {
	margin-top:10px;
	width:49%
	}

.col1 {
	float:left;
	}

.col2 {
	float:right;
	}

.icon {
	margin:0 5px -3px 1px;
	}

.submit {
	font-size:11px;
	font-weight:bold;
	padding:3px 15px;
	}

.w100 {
	width:100%;
	}

.subheader {
	margin-top:-6px;
	}

.watchthis {
	padding-right:6px;
	}

.watch {
	margin:0 2px -1px 2px;
	}

/*ALBUM SLIDESHOW<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

#albumslides, #albumslides a, #albumslides img {
	width:190px !important;
	height:143px !important;
	}

#albumslides {
	position:relative;
	background:#000;
	}

#albumslides a {
	position:absolute;
	display:block;
	top:0;
	left:0;
	}
	
/*BLOG<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

code,pre {
    display: block;
            padding:10px 6px;
    margin:0 0 10px 0;
    border: 1px dashed #aaa;
    overflow: auto;
		}
pre {
         background:;
       }

blockquote.bbquote, .post blockquote {
	background: url(Blog/Quote.gif_) top left no-repeat;
	padding:5px 5px 5px 5px;
	margin:5px 5px;
                border:1px dotted #faa86c;
font-size:0.95em;
                	}

.post {
	clear:both;
	padding-bottom:15px;
	padding-top:10px;
	padding-left:0;
	padding-right:0;
	width:100%;
	overflow:hidden;
	background: url(http://files.myopera.com/bossvip6688/X/chanbaipost.png) bottom left no-repeat; /*hinh nen cua bai viet*/
	}

#firstpost {
	padding-top:0;
	border:none;
	/*margin:0;*/
	}
.post .sticky {
	float:right;
	margin:0;
	font-size:0.85em;
	padding:0 25px 0 8px;
	height:26px;
	line-height:20px;
	}
	
.post .sticky {
	color:#999;
	}
.tagicon {
	float:right;
	margin-left:8px;
	}

.post .title {
	margin:0;
	line-height:1;
	font-size:22px;
	padding-top:20px;
	padding-left:20px;
	padding-bottom:5px;
color:#6699FF; /*màu chữ tiêu đề khi không chỉ chuột vào*/
	background: url(http://files.myopera.com/bossvip6688/X/tieudebaipost.png) top center no-repeat; /*hinh nen cua tieu de bai viet*/
	}

.title a:link, .title a:visited {
	text-decoration:none;
	}
.title a:link, .title a:visited, .tags a:link, .tags a:visited {
	color:#6699FF;
	}
.title a:hover {/*tieu de cua bai viet*/
	color:#99FF00; /*màu chữ tiêu đề khi chỉ chuột vào*/
	text-decoration:underline;
	}
.postdate { /*Ngay viet bai phia duoi tieu de bai viet*/
	font-size:0.85em;
	/*margin:0.25em 0 1em 0;*/
	margin:0;
color:#505050; /*màu chữ của dòng ngày tháng này*/
	border-left:0px solid #; /*Border dotted cua date*/
	border-right:0px solid #; /*Border dotted cua date*/
	text-transform:uppercase;
	padding: 0px 20px ;	/*Cach le cua ngay thang viet bai*/
	background: url(http://files.myopera.com/bossvip6688/X/phangiuabaipost.png)  to