@charset "utf-8";
/* 
	Copyright Opera Software. 
    CSS  bởi QUANG VINH
	Date: !6/9/1991
	Note: Noi dung file css nay da duoc ghi chu' mot so phan nham sua chua de dang hon
	Neu ban su dung skin nay xin vui long ghi ro nguon goc tac gia thiet ke skin tren blog cua ban

*/
/*Background :Trước hết hãy nói tới cấu trúc của mã background. Nó thường có cấu trúc như sau :
Background : url(http:// địa chỉ ảnh) #(mã màu) right (hoặc left) bottom (hoặc top) repeat (hoặc repeat-x hoặc repeat-y hoặc no-repeat)
url(http:// địa chỉ ảnh) : cái này để hiển thị hình ảnh.
right, left, bottom, top : vị trí xuất phát của ảnh nếu có quá trình lặp, không thì sẽ là vị trí của ảnh)
repeat : lặp toàn bộ, nhưng không cần lắm vì nếu không viết thì quá trình tương tự cũng xảy ra.
repeat-x hoặc repeat-y : chỉ lặp theo chiều ngang(-x) hoặc chỉ chiều dọc (-y)
Tất nhiền, ngoài ra thì còn 1 số mã nữa mà DoS...không hiểu. Vậy nên cũng chẳng dám chỉnh sửa. Nếu bạn nào hiểu thì cứ việc, còn amateur như DoS thì chỉ nên chỉnh sửa những phần trên thôi ^ ^ 
Ngoài ra, nếu bạn không muốn hiển thị hình ảnh mà muốn nó trong suốt thông với hình nền dưới (đỡ tốn công máy load ảnh lâu ^ ^ ) thì chỉ cần thế này background: transparent .*/


   


/* ::: MAIN LAYOUT ::: */

body {
	background:#000000;
	margin:0;
	padding:0;
	font-family:'times new roman','tohama','verdana','arial','arial ms unicode','lucida grande','lucida sans unicode','bitstream vera sans','trebuchet ms',arial,sans-serif;
	font-size:13px;
	text-align:center;
	color:#333; 
        cursor:url(http://files.myopera.com/foolish91/2/DancingBaby.ani);}

#wrap0, #wrap1, #wrap2, #wrap3 , #wrap5{                                                                                           
                                                       margin:0 auto;
                                                       overflow:hidden;
                                                    }

#wrap1 {
                background:transparent url(http://files.myopera.com/foolish91/3/1204559top.jpg) repeat;
                border:1px solid none; 
             }

#wrap2 {
                background:transparent url(http://files.myopera.com/foolish91/3/ijuksa_16.JPG) bottom center no-repeat; 
            }

#wrap3 {
	background:transparent url(http://files.myopera.com/foolish91/3/1bot_birain_1280.jpg) top center no-repeat;          
            }

             
 

     #wrap4 {
                width:950px;
                margin:0 auto;
                overflow:hidden;
            }
             

.mobile, #getopera {
	                         display:none;
	                      }

.hide { visibility:hidden }

#top {
	font-size:11px;
	width:4000px	!important;
	height:1000px; /*Do cao cua banner*/
	text-align:left;
	color:#d96e6e;
	background:url(); */ anh banner (800x600)*/
	}


#top2 {   
             height:350px;
          }

#top h1, #subtitle {
                               visibility:hidden;
                           }

#top h1 img {
                      visibility:visible;               
                   }

#menu {
              margin-left:170px;
            }

#menu li {
                  position:relative;
	  display:block;
	  padding:0;
	  float:left;
                  width:120px;
	  height:50px;
                  overflow:hidden;
                }

#menu a { 
                  background:transparent url(http://files.myopera.com/wallpearl/blog/springandlove/Menu.gif) center left no-repeat;
                  z-index:10;
                  position:relative;       
                  display:block;
                  color:#ffffff; 
                  text-transform:uppercase;
                  text-align:center;
                  height:50px;
                  line-height:50px;
                  overflow:hidden;
                  white-space:nowrap; 
                  text-decoration:none;
               }


#menu_blog a:before {
                                    content:"My Blog";
                                    margin:0 332px 0 32px; 
                                 }


#menu_archive a:before {
                                         content:"Blog Archive";
                                         margin:0 316px 0 18px; 
                                      }


#menu_albums a:before {
                                        content:"My Photo";
                                        margin:0 327px 0 27px;
                                     }


#menu_links a:before {
                                     content:"Site Map";
                                     margin:0 332px 0 32px;
                                 }


#menu_friends a:before {
                                        content:"My Friends";
                                        margin:0 324px 0 24px;
                                     }


#menu_about a:before {
                                      content:"About Me";
                                      margin:0 327px 0 28px;
                                   }

#menu a:hover {                          
                          color:#ae358a;
                          text-decoration:blink;
                          text-shadow:3px 3px 3px #8c196a;
                       }

#menu a#selected {
                               background:transparent url(http://files.myopera.com/wallpearl/blog/springandlove/MenuOn.gif) top left no-repeat;
                               z-index:800;
	               color:#8c196a;
                               font-weight:bold;
                            }

#content { 
                 width:930px;
                 margin:0 auto;
                 padding:10px 0;
                 position:relative;
                 text-align:left; overflow:hidden;
              }
 
#showlayouts, #showlayouts h1 {
                                                     background:transparent !important;
                                                 }

#layouts li { background:#fff !important; border:1px solid #e18ec8 !important }

#mainwrap {                      
                     width:100%;
                     margin-right:-245px;
                     float:right;          
	  }

#main { 
              min-height:400px;
              margin-right:280px;
          }

#footer {  
	clear:both;
	height:250px;
	font-size:11px;	
            }

#footer2 p {
                    visibility:visible;
                    padding-top:230px;
                    padding-bottom:8px;
                    padding-right:10px;
                 }

#footer2 p + p {
                          visibility:hidden;
                       }

#footer a:link, #footer a:active {
                                                 color:#888;
                                              }


         }

	}
/* :: SIDEBAR :: */
/* #mainwrap ,#main ,#sidewrap :la' vi tri' cua? SIDEBAR nam ben trai hay ben fai? Phần in đậm trong 2 đoạn code xác định vị trí của mainwrap và sidewrap, lần lượt là bên trái (float: left) và bên phải (float: right).

Trước tiên, bạn cần thay đổi giá trị của thông số này, để cho mainwrap nằm bên phải (đổi thành float: right) và sidewrap nằm bên trái (float: left).

Tiếp theo, bạn chú ý đoạn in nghiêng trong 2 đoạn code mainwrap và main; thông số này để xác định lề phải của mainwrap (margin-right), bạn cần sửa lại thành lề trái (margin-left). Dựa trên bố cục mới của trang Blog, bạn điều chỉnh lại giá trị của thông số này (tính bằng đơn vị pixel) cho phù hợp với sở thích của bạn. Tôi không hiểu vì sao mainwrap-margin có giá trị âm còn main-margin thì có giá trị dương (hay ký hiệu "-" để biểu diễn một giá trị nào khác?? Bạn nào có chuyên môn có thể giúp giải thích được không ạ? Xin cám ơn!). */
#sidewrap {
	width:190px;
	float:left; /* sidewrap nam ben trai */
	font-size:11px;
	overflow:hidden;
	color:#fff;/* mau chu~ of poll */
	background:transparent;
	padding-bottom:530px;
	}

#side a:link, #side a:visited, #side a:active {
	color:#fff; 
	text-decoration:none;
	}
#side a:hover {
	color:#fff;
	text-decoration: underline;
	}	
#side li {
	font-size:11px;
	list-style-type: decimal;
	border-bottom:1px dotted #738294;
	}
/* side H2 là phần hiển thị tiêu đề của từng box, e.g. About, Tags, Countdowns,...*/
/* sidebox là khoảng cách giữa tiêu đề và nội dung của từng box (bạn thấy có 1 khe rất nhỏ như sợi chỉ ở giữa);*/
/* sidebox.pad là phần hiển thị nội dung của từng box.*/

/*Các thanh tag : cái này chia ra làm 2 phần : phần tiêu đề của tag và nền của tag. Nói về phần tiêu đề trước. Tìm các thẻ mã #side H2 { và #side CAPTION { và #side H2.feedheader { và #side A#calendarmonth:hover { , chỉnh sửa ở phần background, như thế này background: url(http:// địa chỉ ảnh nền) #mã màu no-repeat left top . Thích thì tinh chỉnh thêm. Tiếp theo là về phần nền của tag. Lúc này tìm thẻ .sidebox .pad { và #calendar { . Chỉnh sửa ở mã background như thế này background: url(http:// địa chỉ ảnh) # mã màu. Lưu ý, phần Lịch (Calendar) là phần riêng rẽ với các tag khác, nên nếu muốn, có thể chỉnh sửa 2 phần khác nhau theo ý thích*/


#side h2, #side caption {
	color:#fff;
	background:#0098fd url(http://files.myopera.com/danquynh/lotus/sidebar.jpg) top left repeat-x; /* anh nen of tung' box */
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;/* tieu de lun la' chu~ in hoa*/
	margin:0 0 1px 0;
	padding:6px;
	text-align:left;
	}

#side h2.feedheader {
	background:#0098fd url(http://files.myopera.com/danquynh/lotus/sidebar.jpg) top left repeat-x; /* anh nen of tung' box */

	padding:6px;
	}

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

.sidebox {
	background:transparent;
	margin-bottom:15px;BORDER: #738294 1px solid
	}

.sidebox .pad {	
	background: transparent url(http://files.myopera.com/meomeoconmeo/files/tim.gif) bottom right repeat;*/trai tim bay*/
	padding:5px;
	}

.sidebox p {
	margin:0;
	color:#fff;
	}

#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:#7082ca;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	color:#94174a;
	}

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

.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:transparent;
    overflow: scroll;
width:450px;
		}

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

blockquote {
	margin:10px 0 0 0;
	padding:0;
	}

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;
color:#5163A5;
	}

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;
	}

.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:transparent;
	}

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

.pagenav {
	clear:both;
	}

.pagenav a {

	color:#5163A5;
	}

.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:193px;
	height:143px;
	}

#albumslides {
	position:relative;
	background:transparent;
padding-bottom:50px;
	}

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

.albums {
	margin-top:18px;
	}

.albums p {
	margin:0;
	padding:0 0 8px 0;
	}
/*.albums h3 {
	margin:15px 0 10px 0;
	font-size:13px;
	}*/

.albums .clear {
	margin:0;
	}

.album1 {
	clear:both;
	background:transparent url(http://files.myopera.com/danquynh/journal/divider.gif) center bottom no-repeat;
	padding:10px 10px 50px 5px;
	margin-bottom:15px;
	}

.album2 {
	clear:both;
	margin:15px 0;
	padding:10px 10px 50px 10px;
background:transparent url(http://files.myopera.com/danquynh/journal/divider.gif) center bottom no-repeat;
	}
	
.albumthumb1, .albumthumb2 {
	float:left;
	width:285px;
	height:221px;
	background:transparent;
	}
	
.albumimage {
	margin:17px 22px;
	border-top:5px solid #ddd;
	border-bottom:5px solid #ddd;
	border-right:7px solid #ddd;
	border-left:6px solid #ddd;
        height:168px;
        width:224px;
	}

.albumnfo {
	margin-left:160px;
	/*border:1px dotted #0089fd; */
	padding:60px 4px; 
	}		

.albumnfo .tags {
	font-size:10px;
	line-height:normal;
	text-transform:uppercase;
	}

.albdesc {
	width:100%;
	overflow:hidden;
	}

.albums .access {
	margin-top:5px;
	}

.editimg {
	margin:6px 0;
	}	

div.access {
	clear:both;
	margin-top:10px;
	border:1px dotted #cacac1;
	background:transparent;
	padding:5px;
	}

#albumlist li {
	list-style:none;
	list-style-position:outside;
	padding-left:13px;
	}
	
/* - ALBUM CONTENT - */
	
#mypix {
	clear:both;
	width:100%;
	}

#mypix .thumb1, #mypix .thumb2 {
	width:49%;
	overflow:hidden;
	float:left;
	margin-top:5px;
	}

#mypix .thumb1 {
	clear:both;
	}
	
#mypix .thumb2 {
	float:right;
	}
		
#mypix div p {
	font-size:10px;
	margin:5px 0 0 0;
	padding:1px 5px;
	border:1px solid #5163A5;
	color:#5163A5;
	background:transparent;
	} 

#mypix div p.right {
	border-left:none;
	/*background:transparent;*/
	}

#mypix div div {
	padding:6px;
	height:212px;
	border:1px solid #5163A5;
	/*background:transparent;*/
	}

#mypix div div img {
	display:block;
	max-height:212px;
	max-width:280px;	
	width:100%;
	height:100%;
	}

#mypix .bigthumb {
	width:100%;
	height:100%;
	}

#mypix .toolicons {
	border:none;
	padding:0;
	/*background:transparent;*/
	}

#mypix a:link, #mypix a:visited {
	color:#5163A5;
	text-decoration:none;
	}

#mypix a:hover {
	color:#94174a;
	text-decoration: underline;
	}	

/* - VIEW IMAGE - */

#frame1 {
	clear:both;
	width:100%;
	border:1px solid #5163A5;
	}

#frame2 {
	padding:6px;
	}

#frame3 {
	position:relative;
	width:100%;
	background:transparent;
	}

#frame3 img {
	display:block;
	margin:0 auto;
	}

#frame3 p {
	margin:0;
	padding:6px 0 3px 0;
	background:transparent;
	text-align:center;
	}

.comments {
	margin-top:15px;
        background:transparent;
	}

#newcomment {
	margin-top:25px;
        background:transparent;
	}

#belowimage {
	clear:both;
	padding-top:10px;
	}

.preview {
width:87px;
float:left;
text-align:center;
margin:2px 0 0px 0;
}

.preview a {
text-decoration: none;
display: block;
padding:3px 3px 3px 3px;
}

.preview img {
overflow:hidden;
}

.preview div {
width:85px;
height:85px;
background:transparent;
}

#desc {
	margin-bottom:10px;
	border:1px solid #5163A5;
	padding:0 5px;
	}



/* :: BLOG :: */

#blogtools {
	background:transparent;
	}

.whisper {
	color:#ffffff;
	background:tranparent;
	padding:7px 21px;
	border:1px dotted #ffffff;
	margin:10px 5px;
	}

.whisper i {
	font-size:11px;
	color:#ffffff;
	}

blockquote.bbquote, .post blockquote {
	background:url(http://files.myopera.com/luan_style/blog/xsgs_9019.gif) bottom center no-repeat;transparent;*/ bong hoa*/
	padding: 30px 5px 5px 33px;
	margin:0px 5px;
	color:#ffffff;
	font-style:italic;
	}

.comment2 blockquote.bbquote, .comment2 .post blockquote {
	background:transparent;
	}

.post {
	CLEAR: both;
	POSITION: relative;
	padding:0px 0 40px 0; 
	margin-bottom:10px;
	width:100%;
	overflow:hidden;
        background: url() bottom center no-repeat; /*ONG ANH*/
	}
	
.stickypost {
	background: url(http://files.myopera.com/luanxaxa/blog/xsgs_9019.gif) top left no-repeat;color:black; */ BONG HOA*/
	}

.stickypost .title{
	text-decoration:blink ;
             }

#firstpost .postinfo{
	padding-top:0;
	top: 5px;
	}
/*
#firstpost {
	background:url(); transparent;
	}
*/

#lastpost {
	padding-top:0;
	background:url(); transparent;no-repeat;
	/*padding-bottom:40px;*/
	}

.post .title {
	margin-bottom: 0;
	color: #ffffff;
font-size:16px;
	overflow: auto;
    padding-top:3px;
background: transparent url() repeat-x top left;
	}
	
.post .title a {
	float: left;
	padding: 2px 10px;
	background: transparent ;
 	text-decoration:none;
	text-transform:uppercase;
	font-family:tahoma;
	font-size:14px;
	color: #FFFFFF ;
	}
.post .title a:link {
	color: #FFFFFF ;
	}
.post .title a:hover {
	background: transparent; 
	color: #fff;
	text-decoration:underline;
	}
.post .title:hover:before {
	content"#"!important;
	color: #ffffff;
	background:inherit!important;
	}

.postdate {
	padding: 15px 5px ;
	margin:0 ;
	font-size:10px;
	line-height:normal;
	text-transform:uppercase;
	text-align:left!important;
	color:#fff;
	 
	border-left:1px dotted #ffffff; 
	border-right:1px dotted #ffffff;
	}
	
.content {
	margin-top:0px;
	padding:5px;
	border-left:1px dotted #738294;
	border-bottom:1px dotted #738294;
	border-right:1px dotted #738294;
	background: url() bottom right no-repeat; CHO NAY THAY HINH

}

.post .tags {
	padding: 0px 5px ;
	margin:0 0 2px 0;
	font-size:10px;
	line-height:normal;
	text-transform:uppercase;
	text-align:left!important;
	border-left:1px dotted #738294;
	border-right:1px dotted #738294;
	}


.poster {
	margin-top:-10px;
	font-size:10px;
	text-transform:uppercase;
	}
.postinfo {
	clear:both;
	color:#fff;
	margin-top:16px;
	font-size:10px;
	text-transform:uppercase;
	}

.postinfo img {
	margin:0 5px -1px 0;
	}
.postinfo SPAN {
	DISPLAY: block; FLOAT: left; LINE-HEIGHT: 37px; HEIGHT: 49px
}
.postinfo A {
	DISPLAY: block; FLOAT: left; LINE-HEIGHT: 37px; HEIGHT: 49px
}
.postcomments {
	WIDTH: 142px
}
.postinfo A {
	WIDTH: 142px
}
.postinfo A:link {
	BACKGROUND: transparent; 

TEXT-DECORATION: none
}
.postinfo A:visited {
	BACKGROUND:transparent; 

TEXT-DECORATION: none
}
.postinfo A:active {
	BACKGROUND:transparent; 

TEXT-DECORATION: none
}
.postinfo A:hover {
	BACKGROUND-POSITION: 0% -49px
}
.postcomments SPAN {
	FONT-SIZE: 17px; WIDTH: 58px; MARGIN-RIGHT: 2px; TEXT-ALIGN: center
}
.postinfo IMG {
	DISPLAY: none
}

.postnav {
	clear:both;
	font-size:11px;
	height:23px;
	line-height:22px;
	border:1px solid #738294;
	border-width:1px 0;
	}

.postnav span.prv {
	float:left;
	}

.postnav span.nxt {
	float:right;
	}

.blognav {
	clear:both;
	margin-top:18px;
	text-align:right;
	font-size:11px;
	color:#fff;
	}

.blognav p {
	margin:0;
	line-height:normal;
	}

.trackbacks {
	clear:both;
	margin:30px 0 10px 0;
	padding:5px 0;
	}

.trackbacks h2 {
	font-size:10px;
	font-weight:normal;
	color:#fff;
	border:1px solid #738294;
	border-width:1px 0;
	text-transform:uppercase;
	}

.trackbacks ul {
	margin:10px 0 0 2px;
	}

.trackbacks li {
	color:#fff;
	list-style-type:none;
	list-style-image:url(http://my.opera.com/community/graphics/users/2/doc.gif);
	padding-bottom:8px;
	line-height:10px;
	font-size:10px;
	}

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

.imgleft img {
	clear:left;
	float:left;
	margin:4px 10px 4px 0;
	max-width:48%;
	}

.imgright img {
	clear:right;
	float:right;
	max-width:48%;
	margin:4px 0 4px 10px;
	}

.img {
	display:block;
	margin:10px 0;
	}

.attach {
	margin:8px 0;
	display:block;
	padding-left:12px;
	background:#fff url(http://my.opera.com/community/graphics/icons/attach.gif) center left no-repeat;
	}

span.imgcenter {
	clear:both;
	display:block;
	text-align:center;
	margin:10px 0;
	}
#side .cdwn {
	background:transparent url(http://my.opera.com/community/graphics/users/7/clock.gif) top left no-repeat;
	padding:2px 0 5px 20px;
	border-bottom:1px dotted #738294;
	margin-bottom:4px;
color:#fff;
	}

.groupblog .postdate {
	margin:-2px 0 0 0;
	}

.groupblog .content {
	margin:2px 0 0 0;
	clear:left;
	}

.tagicon {
  float:right;
  margin-left:10px;
	}

.post .sticky {
	float:right;
	margin:0;
	font-size:10px;
	color:#31b9fa;
	background:url(http://files.myopera.com/danquynh/lotus/sidebar.jpg) top right repeat-x;/* box */
	padding:0 25px 0 4px;
	height:26px;
	line-height:26px;
	}

.alignright {
	text-align:right;
	display:block;
	}

.alignleft {
	text-align:left;
	display:block;
	}

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

.alignjustify {
	text-align:justify;
	display:block;
	}
/* :: COMMENTS :: */


.feedicon {
	margin-bottom:-3px;
	}

.comments h2 {
	font-size:13px;
	}

.comments {
	clear:both;
	}

.comment1 {
	clear:both;
	background:transparent;
	border:1px dotted #738294;
	margin:15px 0;
	overflow:auto;
	}

.comments .bot {
	padding:10px;
	}

.comment2 {
	clear:both;
	margin:15px 0;
	width:100%;
	border:1px dotted #738294;
	overflow:auto;
	}
.ownercomment {
	background:transparent url() bottom right no-repeat; 
	}
.comments .c-avatar {
	float:left;
	width:58px;
	height:58px;
	border:1px solid #738294;
	background:
        url(http://i0006.photobucket.com/albums/0006/pbhomepage/icons/blush.gif);
transparent;
	}

.c-avatar img {
	margin:4px;
	}

.comments .text {
	margin:0 0 0 69px;
	}

.comment-by {
	clear:both;
	color:#fff;
	font-size:11px;
	margin:0;
	padding-top:6px;

	}
.username {
	color:#738294;
	}
.editcomment {
	font-size:10px;
	margin:0;
	}

.editcomment a:link, .editcomment a:visited {
	color:#d1e5e6;
	}

.permalink a:link, .permalink a:visited {
	color:#d1e5e6;
	}
	
.del {
	color:#c00 !important;
	}

#addcomment {
	height:175px;
	}

#description, #writecomment {
	height:200px;
	}

#message {
	height:300px;
        background:url(http://files.myopera.com/congdinh/files/anhlaroi.gif);transparent;
color:red; /* canh hoa roi */
font-size:17px;
	}

#msubject {
	width:100%;
	}
/* :: TAG CLOUD :: */

#tagcloud ul {
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
	}

#tagcloud li {
	list-style-position:outside;
	list-style:none;
	float:left;
	line-height:20px;
	height:20px;
	margin:0;
	padding-right:12px;
	white-space:nowrap;
	}

#tagcloud a:link, #tagcloud a:visited, #tagcloud a:active {
	color:#5163A5;
	}

#tagcloud .size1 {
	font-size:11px;
	font-weight:bold;
	}

#tagcloud .size2 {
	font-size:11px;font-weight:bold;
	}

#tagcloud .size3  {
	font-size:11px;
	font-weight:bold;
	}

#tagcloud .size4  {
	font-size:11px;
	font-weight:bold;
	}

#tagcloud .size5  {
	font-size:11px;
	font-weight:bold;
	}

/* calendar */

#calendar {
	background:transparent url() right bottom no-repeat;
text-align:center;
	}

#calendar td {
	border:1px solid #5163A5;
text-align:center;
color:#5163A5;	
	}

#calendar {
	border-spacing:1px;
	margin-bottom:20px;
	}

#calendar tr:first-child {
	empty-cells:show;
	}

#calendar td {
	line-height:16px;
	padding:1px;
	text-align:center;
	}

#calendar td a {
	font-weight:bold;
color:#fff;
	}

#calendar td a:hover {
	color:#6937b0; /*Mau vang tuong doi dam*/
	text-decoration:underline;
	}

#calendar tfoot td {
	text-align:left;
border:none;
background:url(http://files.myopera.com/danquynh/journal/divider.gif) bottom center no-repeat;
padding-bottom:50px;
color:#5163A5;	
	}

#calendar TD.l {
	BACKGROUND: url(http://files.myopera.com/danquynh/journal/wrap1.jpg);
color:#fff;
}

#nextmonth, #prevmonth {
	padding:4px 1px;
	width:48%;
	}

#nextmonth {
	text-align:right;
	}

/* :: PROFILE :: */

#profile {
	width:95%;
padding:20px;
	}

#profile h2 {
	font-size:12px;
	background:transparent;
	padding:05px 5px;
	margin:0;
	color:#5163A5;
	}

#profile-top {
	background: transparent url() right bottom no-repeat;
	margin-bottom:15px;
	}

#profile p {
	margin:0 0 7px 0;
	}

#userinfo {
	float:right;
	width:320px;	
	padding:2px 6px;
	}

#userinfo dl {
	margin:4px 0;
	}

#userinfo dt {
	clear:both;
	float:left;
	width:96px;
	margin:0;
	padding-top:4px;
	}

#userinfo dd {
	margin:0 0 0 96px;
	padding:4px 0 2px 0;
	}

#userpic {
	float:left;
	width:332px;
	height:252px;
	background:transparent;
	margin:10px;
	}

#userpic img {
	display:block;
	margin:6px;
	}

#profile .col1, #profile .col2 {
	margin-top:0;
	}

#profile-col1 {
	float:left;
	width:48%;
	overflow:hidden;
	}

#profile-col2 {
	float:right;
	width:50%;
	overflow:hidden;
	}

#profile .box, #profile table {
	padding:6px;
	background: transparent url() right bottom no-repeat;
	margin-bottom:15px;
	}

#profile th, #profile td {
	padding:2px 0;
	}

#profile-col2 li {
	list-style:none;
	list-style-position:outside;
	line-height:20px;
	clear:both;
	}

a.overflow {
	display:block;
	width:100%;
	overflow:hidden;
	}

#grouplist .cstatus {
	width:30%;
	}

#grouplist a {
	display:block;
	width:100%;
	overflow:hidden;
	}

.userlist img {
	float:left;
	margin:1px 4px 0 0;
	}

#ff {
	padding-bottom:10px;
	}

#ff .h {
	margin:8px 0 0 0;
	font-weight:bold;
	}

#ff .t {
	margin:2px 0 5px 0;
	padding-bottom:8px;
	}

#ff .rule {
	padding-bottom:5px;
	}

#myspots li {
	padding:0 0 4px 20px;
	background:transparent url(http://my.opera.com/community/graphics/users/2/myspot.gif) 2px 3px no-repeat;
	}

#myspots h3 {
	clear:both;
	margin-top:0;
	border-bottom:1px dotted #6085BC;
	}

.spotimg div {
	background:#fff;
	border:1px solid #aaa;
	margin:0 5px 5px 5px;
	float:left;
	overflow:hidden;
	width:103px;
	}

.spotimg div.spot3rd {
	margin:0 8px 5px 8px;
	}

.spotimg img {
	display:block;
	margin:2px;
	}

#spotusers p {
	margin:0;
	text-align:center;
	font-size:10px;
	}

#friendlist li {
	display:none;
	}

#aboutgroup {
	clear:left;
	max-width:462px;
	}

#groupinfo dl {
	margin:0;
	}

#groupinfo dt {
	clear:left;
	float:left;
	margin:0 4px 0 0;
	font-weight:bold;
	}

#groupinfo dd {
	margin:0;
	font-weight:normal;
	}

#groupprofile #userpic {
	margin:0 0 20px 20px;
	}

#apply {
	clear:left;
	}

/* :: QUICK PROFILE :: */

#qp dl {
	margin:0;
	width:100%;
	}

#qp dt {
	clear:both;
	float:left;
	width:38%;
	overflow:hidden;
	}

#qp dd {
	float:right;
	width:60%;
	overflow:hidden;
	margin:0;
	padding:0;
	}

#myphoto {
	width:190px;
margin-left:2px;
	overflow:hidden;
	background:#transparent;
	}

#myphoto img {
	max-width:190px;
	display:block;
	}

/* :: FRIENDS :: */

#myfriends {
	width: 602px
	}
.myfriend {
	/*background: url(friendpi.htm) #fff no-repeat left top; */
	float: left; 
	width: 175px; 
	margin-left: 8px
	}
.mypic {
	margin: 2px 0px 0px 5px; 
	height: 141px
	}
.mypic img {
	display: block; 
	width: 170px; 
	height: 128px
	}
.myfriend .txt {
	height: 70px;
	}
.myfriend h3 {
	margin: 2px 0px 2px 15px
	}
.myfriend P {
	padding-left: 5px; margin: 0px 0 0 10px;
	}
.myfriend blockquote {
	display: none
	}
.myfriend h2 {
	margin: 0px;
	}
.myloc {
	font-size: 11px; 
	margin: 0px 0px 4px; 
	color: #5163A5;
	}
.friendof {
	font-size: 11px; 
	margin: 0px 0px 4px; 
	color: #666;
	}
.friendof {
	font-size: 10px
	}
#fnet h3 {
	padding-right: 5px; 
	padding-left: 5px; 
	ont-size: 15px; 
	background: #5da15b; 
	margin-bottom: 0px; 
	padding-bottom: 3px; color: #fff; 
	padding-TOP: 3px; 
	border-bottom: #cde6cc 5px solid
	}
#fnet2 h3 {
	background: #447c64; 
	border-bottom: #bbd6c3 5px solid
	}
#fnet3 h3 {
	background: #3f6e85; 
	border-bottom: #bed1d4 5px solid
	}
.fpic {
	border-right: #000 1px solid; 
	border-top: #000 1px solid; 
	float: left; 
	border-left: #000 1px solid; 
	width: 84px; 
	margin-right: 10px;
	border-bottom: #000 1px solid; 
	height: 64px
	}
.fpic img {
	display: block; 
	margin: 2px
	}
.fname {
	margin: 0px
	}

/* :: LINKS :: */

#applinks {
	clear:both;
	margin-top:15px;
	}

#mylinks {
	width:95%;
padding-left:10px;
	}

#mylinks h2 {
	margin:30px 0 15px 0;
	font-size:15px;
	text-transform:uppercase;
	background:transparent;
	padding:2px 5px;
	color:#5163A5;
border-bottom: 2px solid #5163A5;
	}

#mylinks h2.firstheader {
	text-transform:uppercase;
	margin-top:0;
	background:transparent;
	padding:2px 5px;
	color:#5163A5;

	}

#mylinks .newsfeed {
	margin:-8px 0 8px 0;
	}

#mylinks p {
	margin:0;
	font-size:12px;
	}

#mylinks .grey {
	color:#aaa;
	}

#mylinks .col1, #mylinks .col2 {
	overflow:hidden;
	background:url() right bottom no-repeat;
	}

#mylinks .linkinfo {
	margin-bottom:15px;
	padding:2px 5px;
	}

.newsfeed span, .newsfeed a {
	color:#5163A5;
	text-decoration:none;
	}

.url {
	color:#5163A5;
	}

.linkdesc {
	color:#5163A5;
	font-style:italic;
	}

.feedurl {
	display:none;
	}


/* :: EVENTS :: */

.cdwn {
	padding:2px 0;
	}

.cdwn p {
	margin:0;
	}
/* :: ARCHIVE :: */

#arc {
	width:95%;
padding:20px;
	}

.month {
	margin-bottom:12px;
	}

.month, #cloud {
	background:transparent;
	}

.mpad, #cloud div {
	padding-bottom:5px;
	background:transparent;
	width:100%;
	}

#arc h3 {
	margin:0;
	font-size:13px;
height:25px;
padding-top:5px;
padding-left:5px;
	text-transform:uppercase;
	background:transparent;
color:#5163A5;border-bottom:2px solid #5163A5;
	}

#arc h3 a:link, #arc h3 a:visited, #arc h3 a:active {
	text-decoration:none;
	color:#5163A5;
	}

#arc h3 span {
	display:block;
	background:transparent;
	padding:3px 10px;
	}

#arc .month ul {
	margin:10px 10px 0 10px;
	padding:0;
	}

#arc .month li {
	list-style-position:outside;
	list-style:none;
	line-height:19px;
	padding:0 12px 7px 5px;
	color:#5163A5;

	}

#arc a:link, #arc a:visited, #arc a:active {
	color:#5163A5;
	}

/* :: TAG CLOUD :: */

#cloud div:after {
	content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
	}

#cloud ul {
	margin:5px 10px 0 10px;
	padding:0;
	width:75%;
	}

#cloud li {
	list-style-position:outside;
	list-style:none;
	line-height:26px;
	height:30px;
	margin:0;
	padding-right:12px;
	white-space:nowrap;
	}

#cloud a:link, #cloud a:visited, #cloud a:active {
	color:#5163A5;
}

.size1 {
	font-size:12px;
        font-weight:bold;
	}

.size2 {
	font-size:12px;
	font-weight:bold;
	}

.size3  {
	font-size:12px;
	font-weight:bold;
	}

.size4  {
	font-size:12px;
	font-weight:bold;
	}

.size5  {
	font-size:12px;
	font-weight:bold;
	}



/* :: TAGS :: */

#content .tags a:link, #content .tags a:visited, #content .tags a:active, .tag {
	color:#5163A5;
	}

#content .tags a:hover {
	color:#94174a;
	}

.tagged {
	font-weight:bold;
	}

/* :: CARDS :: */

#ecard {
	position:absolute;
	width:126px;
	height:19px;
	bottom:2px;
	left:2px;
	}

/* :: POLL :: */

#poll ul {
	margin:0;
	}


#poll li {
	list-style-position:outside;
	list-style:none;
	padding:3px 0;
	}

#poll li input {
	vertical-align:middle;
	}

#pollsubmit {
	font-weight:bold;
	}

#poll p {
	padding:3px 0 0 0;
	margin:0;
color:#5163A5;
	}

#poll li img {
	border-left:1px solid #9b5203;
	border-right:1px solid #b84d00;
	}

/* :: SEARCH :: */

#searchbox {
	width:180px;
	}

#submitsearch {
	margin-bottom:-1px;
	}

#blogsearch input {
	margin-top:1px;
	vertical-align:middle;
	}
#blogsearch {
	height:100px;
	}
.s-result {
	margin-top:11px;
	border-top:1px dotted #999;
	padding-top:1px;
	}

.s-result a:link, .s-result a:visited {
	color:#15c;
	}
	
/* :: GET OPERA :: */

#side #getopera {display:none;	}


/* :: RECENT VISITORS :: */


#visitors li {
	float:left;
	width:60px;
	height:72px;
	}

#visitors img {
	margin:10px 1px 3px 7px;
	border:1px solid #5163A5;
width:45px;
height:34px;
	}

#visitors p {
	padding-left:7px;
	margin:0;
font-size:9px;
	}
/* :: FRIENDS IN SIDEBAR :: */

#friendz img {
	display:block;
	width:88px;
	height:66px;
	}

#friendz li {
	float:right;
	width:88px;
	overflow:hidden;
	margin:0;
	}

#friendz li.first {
	clear:both;
	float:left;
	}
/* shoutbox */

#shoutbox li {
	background:url() bottom left no-repeat;
	}

#shoutbox p {
	background:url() bottom left no-repeat;
	color:#444;
	}

#shoutbox blockquote {
	background:url() top left repeat-y;
	color:#eee;
	}

#shoutbox .me p {
	background-image:url();
	}
	
/* shoutbox */

#shout {
	width:160px;
	}

#side #shoutbox .none {
	padding:0 0 5px 5px;
	}

#submitshout {
	width:56px;
	margin-left:4px;
	}

#shoutbox li {
	padding:0 0 11px 0;
	margin-bottom:10px;
	line-height:1.3;
	}

.chatpic {
	float:right;
	}

.me .chatpic {
	float:left;
	}

#shoutbox .me p {
	text-align:right;
	}

#shoutbox p {
	padding:0 0 14px 0;
	margin:0;
	clear:left;
	text-align:left;
	}

#shoutbox p.none {
	margin:0;
	padding:0;
	background-image:none;
	}

#shoutbox blockquote {
	clear:both;
	margin:0;
	padding:0 10px;
	font-style:normal;
	}
		
/* latest comments */

#newcomments ul {
	margin-bottom:-6px;
	}
#newcomments a {
	text-decoration:none;
	}

#newcomments li {
	clear:both;
	padding:5px 5px 5px 0px;
	margin-bottom:5px;
	}
.userpic {
	width:49px;
	height:38px;
	margin:0 1px 6px 5px;
	float:right;
	}

.userpic img {
	display:block;
	/*margin:2px;*/
	border:1px solid #333;
	padding:2px;
	}
	
/* LATEST POSTS */

#latestposts ul {
	margin-top:4px;
	}
#latestposts li {
	padding:3px 0 3px 0px;
	display:block;
	margin-bottom:2px;	
	}
#latestposts li a:hover {
	text-decoration:underline;
	/*background-color:#181a1b;*/
	}

	
/*LIEN KET SIDEBAR*/

.sidelinx li {
	padding:3px 0;
	display:block;
	}
.sidelinx li a:hover {
	color:#FFCC33;
	}
/* :: PERSONAL ADD :: */

/*.img  Giúp chèn Emotion không bi xuong dòng*/

.img {
        display: inline!important;
        margin:0px 4px;
	}

/*Chia bài viet thành 2 cot dùng cho các bài dich tieng Viet và tieng Anh ho?c Tho quá dài*/

#overall {
	width:520px; 
	margin:0;
	}
.col {
	width:250px; 
	padding:0 5px; 
	float:left;
div#topbar1 a.hidemobile {display:none}