i will be there 4 u

Để sử dụng xin các bạn thực hiện qua các bước sau:

Bước1: Vào My Page/ Account/ Design và chọn "custom style sheet"
Bước 2: Copy code CSS ( "custom style sheet" )và paste vào ô Enter CSS;
Bước 3: Save với option "only use my custom style sheet" và bấm F5 để xem.

For those who don't speak Vietnamese.
Step 1: Go to My Page/Account/ Design and click the link "custom style sheet"
Step2: Copy the CCS("custom style sheet" ) code and paste into Enter CSS window;
Step3: Save with option "only use my custom style sheet" and press F5 To see it.

如何使用CSS
第一步: 你必須先到 My Page/Account/ Design 按 "custom style sheet" ,
第一步: 複製css ("custom style sheet") 語法,將語法貼進”空白內容”(Enter CSS window)處,
第一步: 按Save直接存起來,再按F5 就可以囉 !

/* 
Copyright Opera Software. 
 Skin design by Cong Dinh - http://my.opera.com/congdinh.nguyen 
                    Date: 8/12/2007
                    (Edit by D-V-http://my.opera.com/D-V
Name skin: tạm)
Neu ban su dung skin nay xin vui long ghi ro nguon goc tac gia thiet ke skin tren blog cua ban
 */

/* :: MAIN LAYOUT :: */

body{cursor:url("http://hk.geocities.com/a2266104/000167.ani")} 
a:hover {cursor:url("http://hk.geocities.com/a2266104/000169.ani")} 
html{SCROLLBAR-FACE-COLOR:#ffeeee;
SCROLLBAR-3DLIGHT-COLOR:#fff;
SCROLLBAR-ARROW-COLOR:#FFEEEE;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#ffeeee;
}
 
.submit {
text-indent: -9999px;
display: block;
background: #fff url(http://img366.imageshack.us/img366/8558/191vi0.gif) no-repeat;
width: 80px;
height: 30px;
border: 0px none;
}

#wrap3 {
background: url();
border: 5px double #ffeeee;; /* Vien Chung Quanh Blog */



body{cursor:url(http://k60401922.googlepages.com/3.ani)}
a:hover{cursor:url(http://gloria77.t35.com/cur2/034.ani)}



#topbar1, #toplogin {
background:none;
width:920px; /* Làm cho thanh Login trên cùng nó bằng với chiều dài ở dưới */
margin:0 auto;
padding:0; }
#topbar1 a:link, #topbar1 a:visited, #topbar1 a:active {
color:#666666;
font-size:13px;
text-decoration:none; }
 


body {
margin:0;
padding:0;
font-family: Tahoma, Arial,'trebuchet ms',helvetica,sans-serif;
font-size:12px;
line-height:145%;
text-align:center;
color:#666666;
background-image: url();
background-repeat: no-repeat;
background-position: center top;
}
body {background-color:#fff;background-image:url();background-repeat:no-repeat 50% 0;background-position:top center ;width:100%; height:55px;}

color:transparent;
}
#wrap0 {
margin:0 auto;
padding:0;
background-image: url();
background-repeat: no-repeat;
background-position: center top;
}

#wrap1 {
margin:0 auto;
padding:0;
background-image: url();
background-repeat: repeat-y;
background-position: left bottom;
}

#wrap2 {
padding-bottom:0px;
background-image: url();
background-repeat: repeat;
background-position: center top;
}

#wrap3 {
text-align:left;
width:920px;
margin-right: auto;
margin-left: auto;
background-image: url(http://i265.photobucket.com/albums/ii215/sundakib23/pcp_download_012-3.gif?t=1208914138);
background-repeat: no-repeat;
background-position: center bottom;
}

#topbar {
margin:0 -10px;
width:920px !important;
height:20px;
line-height:24px;
background:#666666 url() top left repeat-x;
overflow:hidden;
}

#topbar p {
margin:0;
padding:0px 15px 0 15px;
font-size:10px;
}

#topbar a {
color:#fff;
text-decoration:none;
}

#topbar a:hover {
text-decoration:underline;
}

#topbar a.toplink {
padding:1px 4px;
}

#topbar a.toplink:hover {
color:#fff;
text-decoration:underline;
}

#meta {
color:#777;
padding:0 15px 0 0;
}

#meta a {
color:#777;
padding:1px 4px;
}

#meta img {
margin-bottom:-2px;
}

#oc {
float:left;
width:136px;
}

#oc span {
display:block;
height:22px;
padding-left:26px;
}


#edittitle {
padding-top:29px;
}

#top {
font-size:11px;
width:920px!important;
text-align:left;
color:#666666;
margin-top: 0;
margin-right: 0px;
margin-bottom: 0;
margin-left: 0px;
height: 300px;
background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/000/08.gif);
background-repeat: no-repeat;
background-position: center top;
}




#top2 {
height:316px;
padding-left: 30px;
}


#top h1 {
margin:0;
width:500px;
font-size:25px;
padding-top:10px;
font-family:  arial, verdana, tahoma,'trebuchet ms',helvetica,sans-serif;
line-height:normal;

}

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

}
#menu {
overflow:hidden;
width:440px;
height:23px;
padding:0px;
text-align:center;
margin-left:290px;
margin-right:0px;
margin-top: 0px;
margin-bottom: 0px;
}

#menu ul {
width:492px;
height:36px;
margin:0px;
padding:0px;
}

#menu li {
float:left;
width:88px;
height:45px;
list-style:none;
padding:0px;
margin:0px;
}

#menu a {
float:left;
width:88px;
height:60px;
font-size:12px;
color:#666666;
text-decoration:none;
background:url(http://img366.imageshack.us/img366/1746/55qg0.gif) top center no-repeat;
padding-top:1px;
}

#menu a:hover, #menu a#selected {
color:#990000;
font-size:12px;
font-weight:bold;
background-position:0 -36px;
}


#menu_blog a {
background-position:0 0;
}
#menu_blog a:hover, #menu_blog a#selected {
background-position:0 -36px;
}


#menu_archive a {
background-position:0 0;
}
#menu_archive a:hover, #menu_archive a#selected {
background-position:0 -36px;
}



#menu_albums a {
background-position:0 0;
}
#menu_albums a:hover, #menu_albums a#selected {
background-position:0 -36px;
}



#menu_links a {
background-position:0 0;
}
#menu_links a:hover, #menu_links a#selected {
background-position:0 -36px;
}



#menu_friends a {
background-position:0 0;
}
#menu_friends a:hover, #menu_friends a#selected {
background-position:0 -36px;
}



#menu_about a {
background-position:0 0;
}
#menu_about a:hover, #menu_about a#selected {
background-position:0 -36px;
}

#content {
clear:both;
position:relative;
width:920px!important;
text-align:left;
margin-top: 0px;
padding-top: 0px;
padding-right: auto;
padding-bottom: 0px;
padding-left: auto;
}


#content {
padding-top: 0px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 15px;
}

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

#mainwrap {
width:100%;
margin-left:-300px;
float:right;
color:#666666;
}

#main {
min-height:500px;
margin-left:240px;
padding-right: 0px;
padding-top: 30px;
}

/*Chinh do float cua footer*/
#footer {
clear: both;
width:100%;
height:-357px;
left: 0px;
padding-top: 320px;

}
/*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:#fff;
text-decoration:none;
}

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

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


/* ----------:: SIDEBAR ::---------- */

#sidewrap {
width:200px;
float:left;
font-size:11px;
margin-top:0px;
overflow:hidden;
}
#sidewrap #side {
width:190px;
padding-left: 8px;
}
#side a:link, #side a:visited, #side a:active {
color:#666666;
text-decoration:none;
}

#side a:hover {
color:#ccc;
text-decoration:none;
}

#side li {
font-size:11px;
list-style-type:none;
margin:0;
padding:0;
color:#666666;
border-bottom:1px #cccccc dotted;
}

#side li a:link {
display:block;
text-decoration:none;
text-align:left;
padding-left: 12px;
}

#side li a:hover {
text-decoration:none;
}

#side h2, #side caption {
color:#000;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
text-align:center;
height:40px;
background-repeat:no-repeat;
background-position: center top;
padding-right: 0;
background-image: url(http://rp.foto.radikal.ru/0709/56/399f985e6222.gif);
margin-top: 25;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 43px;
padding-bottom: 10px;
}

#side h2.feedheader {
background:url() top center repeat;
}

#side h2 a:link, #side h2 a:visited, #side h2 a:active {
color:#ccc;
text-decoration:none;
}

.sidebox {
padding-bottom:30px;
background:url() bottom center repeat;
width: 190px;
margin-bottom: 5px;
}

.sidebox .pad {
padding-bottom:10px;
padding-top:2px;
overflow:hidden;
background-image: url();
background-repeat: no-repeat;
background-position: left top;
}


.sidebox p {
margin:0;
color:none;
}

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


/* :: GENERAL RULES :: */


.mobile {
display:none;
}

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

a:link, a:active {
color:#000;
text-decoration: none;
}

a:visited {
color:#AA9595;
text-decoration:none;
}

a:hover {
text-decoration:none;
color:#9CA37B;
}

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

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

.smilie {
margin:0 3px;
}

img {
max-width:100%;
}

.hide, .handheld {
display:none;
}

table {
width:100%;
}

p {
margin-top: 10px;
margin-bottom: 0px;
padding-right: 10px;
}

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:#f9f9f9;
    overflow: auto;
color:#454545;
}

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;
background-image: url(http://a120.loxa.edu.tw/image/material/back/back_199.gif);
background-repeat: repeat;
background-position: right bottom;
}

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

ul.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:10px;
}

.block {
display:block;
}

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

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

.pagenav {
clear:both;
}

.pagenav a {
color:#090;
}
.postnav {
CLEAR: both;
FONT-SIZE: 11px;
LINE-HEIGHT: 22px;
HEIGHT: 23px;
border: 1px none #aaa;
}
.postnav SPAN.prv {
FLOAT: left;
}
.postnav SPAN.nxt {
FLOAT: right;
}
.arrow-prev {
margin:0 4px -1px 10px;
}

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

.col1, .col2 {
margin-top:10px;
width:45%;
margin-right: 20px;
}

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


/* :: COMMENTS :: */


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

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

.comments {
clear:both;
}

.comment1 {
clear:both;
border:1px solid #666;
margin:15px 0;
overflow:auto;
}

.comments .bot {
padding:10px;
}

.comment2 {
clear:both;
margin:15px 0;
border:1px solid #fff;
overflow:auto;
}

.comments .c-avatar {
float:left;
width:58px;
height:58px;
border:1px solid #fff;
background:#fff;
}

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

.editcomment {
font-size:10px;
margin:0;
}

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

.permalink a:link, .permalink a:visited {
color:#fff;
}

.del {
color:#777!important;
}

#addcomment {
height:175px;
}

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

#message {
height:200px;
width:558px;


font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #666666;
}

#msubject {
width:100%;
}

/* :: ALBUM SLIDESHOW :: */

#albumslides, #albumslides a, #albumslides img {
width:192px;!important;
height:135px;!important;
}

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

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

.albums {
margin-top:18px;
}

.albums p {
margin:0;
padding:0 0 8px 0;
}
.albums .clear {
margin:0;
}

.album1 {
clear:both;
border:1px solid #ddd;
margin-bottom:15px;
margin-right: 15px;
padding-top: 10px;
padding-bottom: 9px;
padding-left: 10px;
}

.album2 {
clear:both;
border:1px solid #e3e3e3;
margin-top: 15px;
margin-right: 15px;
margin-bottom: 15px;
margin-left: 0;
padding-top: 10px;
padding-bottom: 9px;
padding-left: 10px;
}

.albumthumb1, .albumthumb2 {
float:left;
width:174px;
height:134px;
background:#c2c2c2 /*url(album100.gif) bg cua buc anh*/;
}

.albumimage {
margin:6px;
border:1px solid #ddd;
}

.albumnfo {
margin-left:186px;
border:1px dotted #e3e3e3; /* Border dotted album info*/
padding:0 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:#AA9595;
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 #c2c2c2;
color:#fff;
background:#666; /* Background cua o comment*/
} 

#mypix div p.right {
border-left:none;
/*background:#f5f5f5; background cua so luong comment */
}

#mypix div div {
padding:6px;
height:212px;
border:1px solid #c2c2c2;
/*background:#fff;*/ /* bg cua thum1*/
}

#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:#fff;*/
}

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

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

/* - VIEW IMAGE - */

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

#frame2 {
padding:6px;
}

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

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

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

.comments {
margin-top:15px;
padding-left: 5px;
}

#newcomment {
margin-top:25px;
}

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

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

.preview img {
margin:2px;
}

.preview p img {
margin-bottom:-1px;
}

.preview div {
width:85px;
height:64px;
background:#fff;
border:1px solid #ccc;
}
#desc {
margin-bottom:10px;
border:1px solid #777;
padding:0 5px;
}


/* ----------:: BLOG ::---------- */
.post {
clear:both;
padding-bottom:150px;
padding-left:0;
padding-right:0px;
width:528px;
overflow:hidden; /*hinh nen cua bai viet*/
background-image: url(http://img220.imageshack.us/img220/2102/4cde9796020018zqsr3.gif);
background-repeat: no-repeat;
background-position: center bottom;
margin-bottom: 30px;
}

#firstpost {
padding-top:0;
border:none;
/*margin:0;*/
}
.post .sticky {
float:right;
margin:0;
font-size:1px;
color:#ccc;
padding-right:200px;
height:26px;
line-height:24px;
background:url(http://i208.photobucket.com/albums/bb99/mimi20072/ug05b8f7.gif) no-repeat right;
}

.tagicon {
float:right;
margin-left:8px;
}
.post .tags {
background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0320-609/512.gif) left no-repeat;
}

.post .title {
line-height:1;
font-size:14px;
padding-top:52px;
padding-bottom:10px;
background-image: url();
background-repeat: repeat-x;
background-position: center top;
text-align: center;
}

.title a:link, .title a:visited {
text-decoration:none;
}
.title a:link, .title a:visited, .tags a:link, .tags a:visited {
color:#666;
}
.title a:hover {
color:#000000;
text-decoration:underline;
}
.postdate { /*Ngay viet bai phia duoi tieu de bai viet*/
font-size:0.85em; /*Border dotted cua date*/
text-transform:uppercase;
padding: 0px 20px;
text-align: right;
background-image: url();
}

.tags { /*Tag phia duoi tieu de bai viet*/
margin:0px;
font-size:0.85em;
text-transform:uppercase;
padding: 0px 20px ;/*Cach le cua ngay thang viet bai*/
background: transparent;
}




.postinfo {
clear:both;
margin-top:1em;
font-weight:bold;
}

.postinfo img, .editthis img {
margin:0 5px -1px 30;
}
.editthis {
padding-left:20px;
}
.postcomments {
padding-left:10px;
}

.content {
clear:both;
background-image: url();
background-repeat: repeat-y;
background-position: center center;
padding: 10px;
}

.groupblog .postdate, .groupblog .post .tags {
font-size:0.8em;
}

.groupblog .avatar {
margin-bottom:0.9em;
}

.groupblog .post .title {
font-size:1.8em;
}

.postnav {
clear:both;
height:2em;
line-height:2em;
margin-top:16px;
font-size:11px;
        padding:0 5px;
}

.postnav .prv {
width:49%;
float:left;
}

.postnav .nxt {
width:49%;
float:right;
text-align:right;
}

.pagenav {
clear:both;
text-align:right;
margin:0;
padding-top:20px;
padding-right: 30px;
}

.pagenav-info {
text-align:right;
font-size:0.9em;
color:#999;
}

.pagenav a:link, .pagenav a:visited, .pagenav a:active, .pagenav b {
padding:1px 5px;
margin:0 1px;
text-decoration:none;
font-weight:bold;
color:#cccccc;
border:1px solid #aaa;
background-color: #000000;
}

.pagenav b, #main .pagenav a:hover {
padding:1px 5px;
background:#ccc;
border:1px solid #ccc;
color:#000000;
}
#posttitle, #excerptfield ,#postcontent {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
}
.trackbacks h2 {
font-size:1em;
}

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

.trackbacks li {
list-style-position:outside;
list-style:none;
padding-left:15px;
font-size:0.85em;
}

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

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

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

span.imgcenter {
clear:both;
display:block;
text-align:center;
margin-top:15px;
}

.attach {
display:block;
float:left;
padding:0 6px 0 12px;
}



/* ----------:: SHOUTBOX ::---------- */

#shoutbox li {
margin:0;
padding:0;
list-style:none;
margin-bottom:5px;
line-height:1.3;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FA7D95;
border-bottom-color: #FA7D95;
}

#shoutbox img {
margin-top:5px;
margin-right:5px;
border:1px #ccc solid;
}

#shoutbox img:hover {
border:1px #ccc solid;
}

#shoutbox blockquote {
color:#000;
margin:0;
padding:0;
text-align:justify;
}

#shoutbox a:link {
color:#666;
font-weight:bold;
padding:0 !important;
margin:0 !important;
}

#shoutbox a:hover {
color:#666;
font-weight:bold;
background:none !important;
}

#shout {
width:130px;
float:left;
}

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

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

.chatpic {
float:right;
}

.me .chatpic {
float:left;
}

#shoutbox .me p {
float:right;
clear:left;
}

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

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

#shoutbox blockquote {
clear:both;
margin:0;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
font-style:normal;
}

/* comments */

.comments {
clear:both;
}

.comment1, .comment2 {
clear:both;
width:95%;
overflow:auto;
border:3px dotted #666;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 0;
}

.comments .bot {
padding:10px;
background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/003/blogskinpray-1-4everi2u.jpg);
background-position: right bottom;
background-repeat: repeat;
}

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

.comment-by {
clear:both;
font-size:0.85em;
margin:0;
padding-top:6px;
}

.editcomment {
font-size:0.8em;
margin:0;
}

#message {
height:400px;
}

/* :: CALENDAR :: */
#calendar {
border-spacing:1px;
clear:both;
margin-bottom:10px;
width:190px;
font-size:10px;
border-bottom:1px solid #dbdbd5;
}

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

#calendar th {
font-size:10px;
line-height:18px;
height:18px;
text-align:center;
}

#calendar td {
line-height:16px;
border-top:1px solid #e7e7df;
border-right:1px solid #666666;
border-bottom:1px solid #ccc;
border-left:1px solid #e7e7df;
padding:1px 3px;
text-align:center;
font-size:10px;
color: #454545;
}

#calendar tfoot td {
text-align:left;
border:none;
height:16px;
padding:2px 3px;
}

#calendar td.l {
background:#ffffff;
}

#calendar td a {
color:#ccc!important;
}

#calendar td#today {
background:#050B17;
}

#calendar caption {
height: 65px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}

#side a#calendarmonth {
display:block;
text-decoration:none;
color:#333;
height: 20px;
padding-left: 5px;
margin-top: 25px;
}

#side a#calendarmonth:hover {
}

#nextmonth, #prevmonth {
color:#fff;
width:49%;
}

#nextmonth {
text-align:right;
}


/* :: PROFILE :: */

#profile {
width:100%;
}

#profile h2 {
font-size:12px;
background:#6680b0 url(http://files.myopera.com/Antoniblue/Pictures/t_cat.gif);
padding:2px 5px;
margin:0 0 0px 0;
border:1px solid #738294;
}

#profile-top /*cai nay la cai bg cua about*/ {
background:#000000 url(http://files.myopera.com/Antoniblue/Pictures/bg_sidebar.jpg) top left repeat-x;
margin-bottom:15px;
border-top:0px solid #738294;
border-left:1px solid #738294;
border-bottom:1px solid #738294;
border-right:1px solid #738294;
    }

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

#userinfo {
float:left;
width:372px;
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:right;
width:280px;
height:210px;
border:1px solid #aaa;
background:#fff;
margin-top: 10px;
margin-right: 25px;
margin-bottom: 10px;
margin-left: 10px;
}

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

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

#profile-about {
float:left;
width:56%;
overflow:hidden;
}

#profile-community {
float:right;
width:42%;
overflow:hidden;
}

#profile .box, #profile table {
padding:6px;
background:#000000 url(http://files.myopera.com/Antoniblue/Pictures/bg_sidebar.jpg) top left repeat-x ;
border-top:0px solid #738294;
border-left:1px solid #738294;
border-bottom:1px solid #738294;
border-right:1px solid #738294;
margin-bottom:15px;
color:#fff;
}
#profile-about h2, #profile-community h2, #personal-h2, #mylinks h2 {
padding:3px 5px;
background:#ccc url(http://files.myopera.com/Antoniblue/Pictures/t_cat.gif.gif);
color:#fff;
}
#profile th, #profile td {
padding:2px 0;
}

#profile-community 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(/community/graphics/users/2/myspot.gif) 2px 3px no-repeat;
}

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

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

.spotimg div.spot3rd {
margin:0 0 6px 0;
}

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

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

#friendlist li {
padding:0 0 4px 20px;
background:transparent url(/community/graphics/users/2/friendlist.gif) 0px 3px no-repeat;
}

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

#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:186px;
overflow:hidden;
background:#f5f5f5 url(/community/graphics/users/2/picbg.gif) bottom left repeat-x;
border: thin solid #ccc;
}

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


/* ----------:: FRIENDS ::---------- */

#friendmenu {
padding-left:5px;
color:#000000;
}

#friendmenu a{
color:#777;
text-decoration:none;
}

#friendmenu a:hover{
color:#777;
text-decoration:none;
}

#myfriends {
width:100%;
margin:0px;
padding-bottom:10px;
padding-top:10px;
padding-left:0px; 
padding-right:0px;
}

#myfriends h1 {
display:none;
padding-left:13px;
}

#myfriends .nobullets {
margin:0;
}

#myfriends li {
width:167px;
height:250px;
overflow:hidden;
display:inline;
float:left;
margin-bottom:10px;
}

#myfriends li div {
width:98%;
overflow:hidden;
height:240px;
}

#myfriends li img {
width:155px;
height:115px;
margin-top:4px;
margin-left:4px;
}

#myfriends li a {
display:block;
color:#666;
text-decoration:none;
padding-top: 10px;
}

#myfriends li a:hover {
color:#000;
text-decoration:none;
}

#myfriends .mid {
margin:0 2%;
}

#myfriends li img {
margin-bottom:3px;
}

#myfriends li strong {
display:block;
margin:0;
padding:0;
margin-left:8px;
width:178px;
}

#myfriends .location {
display:block;
margin:0;
padding:0;
font-size:0.8em;
margin-left:8px;
width:150px;
overflow:hidden;
}

#myfriends .pagenav {
border:none;
text-align:right;
padding-top: 5px;
padding-right: 30px;
padding-bottom: 5px;
}

#myfriends .online {
display:block;
margin:0;
padding:0;
margin-left:8px;
width:178px;
overflow:hidden;
color:#777;
}

#myfriends .status {
display:block;
margin:0;
padding:0;
margin-right:8px;
text-align:justify;
overflow:hidden;
}

#myfriends .friendname {
margin-left:8px;
margin-right:8px;
text-align:left;
overflow:hidden;
}

#myfriends li:hover {
background-position:0px -250px;
}

#myfriends li div:hover {
background-position:100% -250px;
}

/* :: LINKS :: */

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

#mylinks {
width:100%;
}

#mylinks h2 {
margin:30px 0 15px 0;
font-size:19px;
}

#mylinks h2.firstheader {
margin-top:0;
}

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

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

#mylinks .grey {
color:#aaa;
}

#mylinks .col1, #mylinks .col2 {
overflow:hidden;
border: 1px solid #999999;
}

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

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

.url {
color:#666;
}

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

.feedurl {
display:none;
}




/* :: EVENTS :: */

.cdwn {
padding:2px 0;
}

.cdwn p {
margin:0;
}




/* ----------:: RECENT VISITORS ::---------- */

#visitors img {
width:60px;
height:50px;
text-align:left;
margin-top:10px;
margin-left:10px;
border:1px #ccc solid;
}
#visitors img:hover {
width:60px;
height:50px;
text-align:center;
}

#visitors li {
height:88px;
width:88px;
margin:0;
padding:0;
text-align:center;
list-style:none;
float:left;
margin-bottom:5px;
border:none;
background-image: url(http://files.myopera.com/mr.dinh/skin2/phim.gif);
background-repeat: no-repeat;
background-position: left top;
}

#visitors li.first{
clear:both;
float:center;
margin-right:4px;
}

#visitors a {
display:block;
text-decoration:none;
width:88px;
height:88px;
}

#side #visitors li a:hover {
color:#ccc;
}

#visitors span {
width:80px;
height:15px;
line-height:15px;
overflow:hidden;
text-align:center;
margin-top: 10px;
}




#friendz img {
width:60px;
height:50px;
text-align:left;
margin-top:10px;
margin-left:10px;
border:1px #ccc solid;
}
#friendz img:hover {
width:60px;
height:50px;
text-align:center;
border:1px #ccc solid;
}

#friendz li {
height:88px;
width:88px;
margin:0;
padding:0;
text-align:center;
list-style:none;
float:left;
border:none;
background-image: url(http://files.myopera.com/mr.dinh/skin2/phim.gif);
background-repeat: no-repeat;
}

#friendz li.first{clear:both;
float:center;
}

#friendz a {
text-decoration:none;
display:block;
width:88px;
height:88px;
}

#side #friendz li a:hover {
}

#friendz span {
width:80px;
height:25px;
line-height:15px;
overflow:hidden;
margin-left:3px;
text-align:center;
padding-top: 10px;
}







/* :: TAGS :: */

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

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

.tagged {
font-weight:bold;
}

#tagbox {
background:#e3f3e0;
margin:8px 0 0 0;
min-height:330px;
color:#000;
}




/* ----------:: LATEST COMMENTS ::---------- */

#newcomments ul {
margin-bottom:0px;
}

#newcomments a {
display:block;
text-decoration:none;
}

#newcomments a.username:link, #newcomments a.username:visited {
color:#ccc;
text-decoration:none; 
}

#newcomments a.username:hover, #newcomments a.username:visited {
color:#999;
text-decoration:none;
}

#newcomments a:hover {
text-decoration:none;
color:#ccc;
}

#newcomments li {
margin-bottom:5px;
list-style:none;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #ccc;
border-bottom-color: #ccc;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
}

.userpic {
width:34px;
height:26px;
margin:0 0 3px 3px;
float:right;
}

.userpic img {
width:34px;
height:26px;
display:block;
border:1px solid #666;
padding:0px;
}

.userpic img:hover {
width:34px;
height:26px;
display:block;
border:1px solid #666;
padding:0px;
}










/* :: CARDS :: */

#ecard {
position:absolute;
width:126px;
height:19px;
bottom:2px;
left:2px;
}
#getopera,#topbar img {display: none;}


/* ----------:: ARCHIVE ::---------- */

#blogarchive {
display:none;
}

#arc {
width:500px;
}

.month {
margin-bottom:2px;
margin-top:0px;
padding-bottom:10px;
padding-right: 0px;
}

.month, #cloud {
}

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

#arc h3 {
margin:0;
font-size:13px;
text-transform:uppercase;
color:#fff
}

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

#arc h3 span {
display:block;
padding-left:10px;
padding-right:10px;
padding-top:3px;
padding-bottom:3px
}

#arc .month {
}

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

#arc .month span {
display:none;
}

#arc .month li {
list-style-position:outside;
list-style:none;
line-height:19px;
padding:0 0 3px 25px;
color:#889;
}

#arc .month li a:link, #arc .month li a:visited, #arc .month li a:active {
display:block;
width:450px;
color:#777;
text-decoration:none;
}

#arc .month li a:hover {
color:#555;
text-decoration:none;
background:#fafafa;
font-size:14px;
font-weight:bold;
}

#arc h2 a:link{
height:25px;
padding-left:5px;
padding-top:5px;
font-size:16px;
color:#000;
text-decoration: none;
}

#arc h2 a:hover {
color:#333;
text-decoration:none;
}

/*31 days*/
/*Archive_files/31days.css*/

.day1 {
background:url('http://files.myopera.com/hoangkien/date_image/day1.gif') no-repeat top left;
}

.day2 {
background:url('http://files.myopera.com/hoangkien/date_image/day2.gif') no-repeat top left;
}

.day3 {
background:url('http://files.myopera.com/hoangkien/date_image/day3.gif') no-repeat top left;
}

.day4 {
background:url('http://files.myopera.com/hoangkien/date_image/day4.gif') no-repeat top left;
}

.day5 {
background:url('http://files.myopera.com/hoangkien/date_image/day5.gif') no-repeat top left;
}

.day6 {
background:url('http://files.myopera.com/hoangkien/date_image/day6.gif') no-repeat top left;
}

.day7 {
background:url('http://files.myopera.com/hoangkien/date_image/day7.gif') no-repeat top left;
}

.day8 {
background:url('http://files.myopera.com/hoangkien/date_image/day8.gif') no-repeat top left;
}

.day9 {
background:url('http://files.myopera.com/hoangkien/date_image/day9.gif') no-repeat top left;
}

.day10 {
background:url('http://files.myopera.com/hoangkien/date_image/day10.gif') no-repeat top left;
}

.day11 {
background:url('http://files.myopera.com/hoangkien/date_image/day11.gif') no-repeat top left;
}

.day12 {
background:url('http://files.myopera.com/hoangkien/date_image/day12.gif') no-repeat top left;
}

.day13 {
background:url('http://files.myopera.com/hoangkien/date_image/day13.gif') no-repeat top left;
}

.day14 {
background:url('http://files.myopera.com/hoangkien/date_image/day14.gif') no-repeat top left;
}

.day15 {
background:url('http://files.myopera.com/hoangkien/date_image/day15.gif') no-repeat top left;
}

.day16 {
background:url('http://files.myopera.com/hoangkien/date_image/day16.gif') no-repeat top left;
}

.day17 {
background:url('http://files.myopera.com/hoangkien/date_image/day17.gif') no-repeat top left;
}

.day18 {
background:url('http://files.myopera.com/hoangkien/date_image/day18.gif') no-repeat top left;
}

.day19 {
background:url('http://files.myopera.com/hoangkien/date_image/day19.gif') no-repeat top left;
}

.day20 {
background:url('http://files.myopera.com/hoangkien/date_image/day20.gif') no-repeat top left;
}

.day21 {
background:url('http://files.myopera.com/hoangkien/date_image/day21.gif') no-repeat top left;
}

.day22 {
background:url('http://files.myopera.com/hoangkien/date_image/day22.gif') no-repeat top left;
}

.day23 {
background:url('http://files.myopera.com/hoangkien/date_image/day23.gif') no-repeat top left;
}

.day24 {
background:url('http://files.myopera.com/hoangkien/date_image/day24.gif') no-repeat top left;
}

.day25 {
background:url('http://files.myopera.com/hoangkien/date_image/day25.gif') no-repeat top left;
}

.day26 {
background:url('http://files.myopera.com/hoangkien/date_image/day26.gif') no-repeat top left;
}


.day27 {
background:url('http://files.myopera.com/hoangkien/date_image/day27.gif') no-repeat top left;
}

.day28 {
background:url('http://files.myopera.com/hoangkien/date_image/day28.gif') no-repeat top left;
}

.day29 {
background:url('http://files.myopera.com/hoangkien/date_image/day29.gif') no-repeat top left;
}

.day30 {
background:url('http://files.myopera.com/hoangkien/date_image/day30.gif') no-repeat top left;
}

.day31 {
background:url('http://files.myopera.com/hoangkien/date_image/day31.gif') no-repeat top left;
}


/* :: 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:#000000;
}

#tagcloud .size1 {
font-size:10px;
font-weight:normal;
}

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

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

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

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

.editthis {padding-left:10px;}
#overall {
width:520px; 
margin:0;
}
.col {
width:250px; 
padding:0 5px; 
float:left;
}

/*ACCOUNT POST - Noi Post Bai*/

.account .blockheader {
background:#000 url(http://files.myopera.com/Antoniblue/Pictures/t_cat.gif);
color:#fff;
}
.account .settings {
color:#000;
}
/*Mau chu o Preferences */

#account .col1, #account .col2 {
color:#ccc;
}
#msgbody {
background:#ccc;
}
#mymsg{
background:#ccc;
}
#msgheader {
background:#ccc;
padding:4px 8px 1px 8px;
}
#messages tr.unread:active, #messages tr.read:active {
background:#666 !important ;
cursor:hand;
}
#messages tr.unread:hover, #messages tr.read:hover {
background:#666;
cursor:hand;
}
#currentmsg td {
background:#666 !important ;
color:#666;
}
/* :: POLL :: */

#poll ul {
margin:0;
}

#pollresults li {
border-bottom:1px dotted #999;
}

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

#poll li img {
border-left:1px solid #666;
border-right:1px solid #777;
}

/* :: SEARCH :: */

#searchbox {
width:170px;
}

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

#blogsearch input {
margin-top:1px;
vertical-align:middle;
margin-left: 5px;
}

.s-result {
margin-top:11px;
border-top:1px dotted #999;
padding-top:1px;
}

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

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