body {
background:#3399ff;
margin:0;
padding:0;
font-family: "Tahoma", "Lucida Grande", "Verdana", sans-serif;
font-size:13px;
line-height:145%;
text-align:center;
color:#111;
}

#wrap1 {
margin:0 auto;
padding-top: 300px;
BACKGROUND: url(http://files.myopera.com/kangtavn/cyop/top_cyop.jpg) top center no-repeat;

}

#wrap2 {
margin:0 auto;
width:828px !important;
padding-bottom: 164px;
BACKGROUND: url(http://files.myopera.com/kangtavn/cyop/bot_cyop.jpg) bottom center no-repeat; 
}

#wrap3 {
BACKGROUND: url(http://files.myopera.com/kangtavn/cyop/bg_cyop.jpg);
border:none;
margin:0 auto;
width:828px !important;
padding-bottom:10px;
}

#topbar1 {
background: url(http://files.myopera.com/kangtavn/cyop/top_bar.jpg) top center no-repeat;
color:#F3F3F3;
height:32px;
overflow:hidden;
line-height:24px;
}

img {
border:none;
}

.mobile, .hide {
display:none;
}

p img, input {
vertical-align:middle;
}

#topbar2, #toplogin div {
width:832px;
max-width:100%;
min-width:700px;
margin:0 auto;
text-align:left;
}

#topbar1 img {
margin-right:4px;
}

#topbar1 a, #topbar1 .tpad {
padding-right:7px;
text-decoration:none;
}

#topbar1 a:hover {
text-decoration:none;
}

#topbar1 a:link, #topbar1 a:visited {
color:#FFFFFF;
}

#topbar2 a.yellow:link, #topbar2 a.yellow:visited {
color:#ed2;
}

#topbar1 p, #toplogin p {
margin:0;
font-size:11px;
padding:4px 0;
}

#toplogin {
border-top:1px solid #555;
background:transparent;
color:#3E3E3E;
padding:2px 0;
border-bottom:1px solid #000;
}

#toplogin label {
padding-right:4px;
}

#toplogin input {
font-size:11px;
border:none;
}


#topbar {

margin:0;
width:778px!important;
height:25px;
line-height:23px;
background:transparent; 
overflow:hidden;
}

#topbar p {
margin:0;
padding-top:3px;
font-size:10px;
}

#topbar #community {
margin-left:34px;
}

#topbar a {
color:#EAAB00;
text-decoration:none;
}

#topbar a:hover {
text-decoration:none;
}

#topbar a.toplink {
padding:1px 4px;
}

#topbar a.toplink:hover {
background:#fff;
color:#04e;
}

#oc {
float:left;
width:136px;
}

#oc span {
display:block;
height:20px;
background: url(http://files.myopera.com/danquynh/color/heart.gif) center left no-repeat;
padding-left:20px;
}

#edittitle {
padding-top:0px;
}

#top {
font-size:11px;
width:760px!important;
height:6px;
margin:10 0px;
text-align:center;
text-decoration:uppercase;
background:#transparent ; 
padding-left:10px;

}

#top2 {
height:10px;
padding-left:8px;
}

#top h1 {
margin-top:0px;
margin-left:170px;
font-size:12px;
color:#FFFFFF;
text-decoration:uppercase;
} 

#subtitle {
margin-left:70px;
width:50px;
font-size:8px;
color:#FFFFFF;
text-decoration:uppercase;

}

#menu {
clear:both;
margin-right:20px;
margin-top:0px;
margin-bottom:20px;
}

#menu ul {
padding:0;
margin:0;
height:25px;/*chua chinh-xem lai*/
}

#menu li {
float:right;
line-height:25px;
height:25px;
overflow:hidden;
font-size:12px;
width:70px;
margin:1px 0 0 0;
text-decoration:uppercase;
background-color:#F3F3F3;
border-top:1px dotted #A8A8A8;
border-left:1px dotted #A8A8A8;
border-right:1px dotted #A8A8A8;
border-bottom:1px dotted #A8A8A8;
}
#menu a {
display:block;
height:25px;
color:#3E3E3E;
font-weight:bold;
text-decoration:uppercase;
text-align:center;
padding:0px 0 0 5px;
}

#menu a:hover {
color:#FFA100;
}

#menu a#selected 
{
text-decoration: none;
color:#FFA100;
}

#content{

clear:both;
position:relative;
width:828px !important;
text-align:left;
margin:0 auto;
BACKGROUND: url(http://files.myopera.com/kangtavn/cyop/bg_cyop.jpg);
}

#content {
padding:0;
}

#content li {
margin:0;
list-style-position:inside;
}

#mainwrap {
margin-LEFT:-205px;
padding-bottom:12px;
float:right;
}

#main { 
width:470px;
min-height:500px;
margin-left:150px; /* ?? */
padding-right:60px;
padding-bottom:15px;
}

#footer {
clear: both;
width:100%;
height:15px;
POSITION: relative;
left: 5px; 
bottom:-100px;
}
#footer p {
margin:0 5px;
font-size: 11px;
}

#footer a:link, #footer a:visited, #footer a:active {
color:#000000;
text-decoration:none;
}

#footer #get {
text-decoration:none;
}

#footer #get:hover {
text-decoration:none;
}

/* :: SIDEBAR :: menu ben phai do */ 
#sidewrap {
width:238px;
float:left;
font-size:12px;
overflow:hidden;
color:#000;
padding-bottom:10px;

}

#side {
margin-left:48px;
}

#side a:link, #side a:visited, #side a:active {
color:#000; 
text-decoration:none;
}
#side a:hover {
color:#000;
text-decoration: none;
}
#side li {
font-size:11px;
list-style-type: decimal;
border-bottom:1px dotted #BDBDBD;
}

#side h2, #side caption {
color:#3E3E3E;
background:#0098fd url(http://files.myopera.com/kangtavn/cyop/men_bar.jpg) top left repeat-x;
border-top:1px dotted #A3A3A3;
border-left:1px dotted #A3A3A3;
border-right:1px dotted #A3A3A3;
border-bottom:1px dotted #A3A3A3;
background:#E4E4E4;
font-size:12px;
font-weight:bold;
margin:0 0 1px 0;
padding:2px 5px;
text-align:left;
}

#side h2.feedheader {
/* background:#0098fd url(http://files.myopera.com/kangtavn/cyop/men_bar.jpg) top left repeat-x; */
border-top:1px dotted #A3A3A3;
border-left:1px dotted #A3A3A3;
border-right:1px dotted #A3A3A3;
border-bottom:1px dotted #A3A3A3;
background:#E4E4E4;
padding:2px 5px;
}

#side h2 a:link, #side h2 a:visited, #side h2 a:active {
color:#DD8700;
text-decoration:none;
}

.sidebox {
background:transparent;
margin-bottom:15px;
}

.sidebox .pad {
background:#F3F3F3;
padding:5px;
}

.sidebox p {
margin:0;
color:#444;
}

#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:#DD8700;
text-decoration:none;
}

a:hover {
text-decoration: none;
color:#EAAB00;
}

a.username:link, a.username:visited, a.username:active {
color:#FB9A00;
}

.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:#f9f9f9;
overflow: auto;
}

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;
}

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:#fff;
}

.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;
}


/* :: COMMENTS :: */


.feedicon {
margin-bottom:-3px;
}

.comments h2 {
font-size:13px;
}

.comments {
clear:both;
}

.comment1 {
clear:both;
background:transparent;
border:1px dotted #F3F3F3;
margin:15px 0;
overflow:auto;
}

.comments .bot {
padding:10px;
}

.comment2 {
clear:both;
margin:15px 0;
width:100%;
border:1px dotted #F3F3F3;
overflow:auto;
}
.ownercomment {
background:#f6f3d6; 
}
.comments .c-avatar {
float:left;
width:58px;
height:58px;
border:1px solid #ccc;
background:#fff;
}

.c-avatar img {
margin:4px;
}

.comments .text {
margin:0 0 0 69px;
}

.comment-by {
clear:both;
color:#000;
font-size:11px;
margin:0;
padding-top:6px;
}
.username {
color:#3E3E3E;
}
.editcomment {
font-size:10px;
margin:0;
}

.editcomment a:link, .editcomment a:visited {
color:#000;
}

.permalink a:link, .permalink a:visited {
color:#555;
}

.del {
color:#c00 !important;
}

#addcomment {
height:175px;
}

#description, #writecomment {
height:200px;
}

#message {
height:300px;
background:transparent;
}

#msubject {
width:100%;
}

/* :: ALBUM SLIDESHOW :: */

#albumslides, #albumslides a, #albumslides img {
width:190px;
height:143px;
}

#albumslides {
position:relative;
background:#000;
}

#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 ;
border:1px dotted #F3F3F3;
padding:10px 10px 9px 5px;
margin-bottom:15px;
}

.album2 {
clear:both;
margin:15px 0;
border:1px solid #e3e3e3;
padding:10px 10px 9px 10px;
}

.albumthumb1, .albumthumb2 {
float:left;
width:285px;
height:221px;
background:transparent url(http://my.opera.com/community/graphics/users/7/photo2.gif);
}

.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 #F3F3F3; */
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:#dcdc9b;
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:#000;
background:#E8E8E8;
} 

#mypix div p.right {
border-left:none;
/*background:#f5f5f5;*/
}

#mypix div div {
padding:6px;
height:212px;
border:1px solid #c2c2c2;
/*background:#fff;*/
}

#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:#000;
text-decoration:none;
}

#mypix a:hover {
color:#EAAB00;
text-decoration: none;
}

/* - VIEW IMAGE - */

#frame1 {
clear:both;
width:100%;
border:1px solid #777;
}

#frame2 {
padding:6px;
}

#frame3 {
position:relative;
width:100%;
background:#050B17;
}

#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;
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 5px 0;
}

.preview img {
margin:2px;
}

.preview p img {
margin-bottom:-1px;
}

.preview div {
width:85px;
height:64px;
background:#fff;
border:1px solid #F3F3F3;
}
#desc {
margin-bottom:10px;
border:1px solid #777;
padding:0 5px;
}

/* :: BLOG :: */

.post {
clear:both;
padding:15px 0;
width:100%;
overflow:hidden;
}

#firstpost {
padding-top:0;
border:none;
}

.post .sticky {
float:right;
margin:0;
font-size:0.85em;
padding:0 25px 0 8px;
height:26px;
line-height:20px;
}
.post .sticky {
color:#999;
background:#fff url(/community/graphics/themes/sticky.gif) top right no-repeat;
}
.tagicon {
float:right;
margin-left:8px;
}

.post .title {
margin:0;
line-height:1;
font-size:16px;
font-family:tahoma;
}

.title a:link, .title a:visited {
text-decoration:none;
}
.title a:link, .title a:visited, .tags a:link, .tags a:visited {
color:#111;
}
.title a:hover {
color:#EEAE00;
}
.postdate {
font-size:0.85em;
color:#9B9B9B;
margin:0.25em 0 1em 0;
background: transparent; 
border-top:2px solid #FFBF12;
}

.post .tags {
margin-top:-1em;
font-size:0.85em;
}

.postinfo {
clear:both;
margin-top:1em;
font-weight:bold;
}

.postinfo img, .editthis img {
margin:0 5px -1px 0;
}

.content {
clear:both;
}

.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;
}

.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;
}

.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;
background:#fff;
color:#000;
border:1px solid #aaa;
}

.pagenav b, #main .pagenav a:hover {
padding:1px 5px;
background:#000;
border:1px solid #000;
color:#E5A700;
}

.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;
}

/* COMMENTS */

.comments {
clear:both;
}

.comment1, .comment2 {
clear:both;
margin:15px 0;
width:100%;
overflow:auto;
border:1px solid #ddd;
}

.comments .bot {
padding:10px;
}

.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:300px;
}

/* :: 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:#EE9700;
}

#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;
}/* :: 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:#EE9700;
}

#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 {
border-spacing:1px;
clear:both;
margin-bottom:15px;
width:190px;
font-size:11px;
color:#3E3E3E
background:#F3F3F3;
border-bottom:1px solid #dbdbd5;
}

#calendar tr:first-child {
empty-cells:show;
}

#calendar th {
font-size:11px;
line-height:18px;
height:18px;
text-align:center;
}

#calendar td {
line-height:16px;
border-top:1px solid #C2C2C2;
border-right:1px solid #C2C2C2;
border-bottom:1px solid #C2C2C2;
border-left:1px solid #C2C2C2;
padding:1px 1px;
text-align:center;
font-size:11px;
}

#calendar tfoot td {
text-align:left;
border:none;
height:16px;
padding:2px 3px;
}

#calendar td.l {
background:#fafafa;
}

#calendar td a {
color:#E58500 !important;
}

#calendar td#today {
background:#f3f3f3;
}

#calendar caption {
padding:0;
}

#side a#calendarmonth {
display:block;
padding:5px 0 2px 5px;
text-decoration:none;
color:#3E3E3E;
padding:6px;
padding-bottom:6px;
}

#side a#calendarmonth:hover {
/* background:transparent url(http://files.myopera.com/kangtavn/cyop/men_bar.jpg) top left no-repeat; */
border-top:1px dotted #A3A3A3;
border-left:1px dotted #A3A3A3;
border-right:1px dotted #A3A3A3;
border-bottom:1px dotted #A3A3A3;
background:#E4E4E4;
padding:2px 5px;
}

#nextmonth, #prevmonth {
width:49%;
}

#nextmonth {
text-align:right;
}

/* :: PROFILE :: */

#profile {
width:100%;
}

#profile h2 {
font-size:12px;
/* background:#9d1079 url(http://files.myopera.com/kangtavn/cyop/men_bar.jpg) top left repeat-x; */
border-top:1px dotted #A3A3A3;
border-left:1px dotted #A3A3A3;
border-right:1px dotted #A3A3A3;
border-bottom:1px dotted #A3A3A3;
background:#E4E4E4;
padding:2px 5px;
margin:0;
color:#000;
border-bottom:2px solid #fff;
}

#profile-top {
background:#F3F3F3;
margin-bottom:15px;
border:1px solid #F3F3F3;
}

#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;
border:1px solid #aaa;
background:#fff;
margin:10px;
}

#userpic img {
display:block;
margin:6px;
}

#profile .col1, #profile .col2 {
margin-top:0;
}

#profile-col1 {
float:left;
width:56%;
overflow:hidden;
}

#profile-col2 {
float:right;
width:42%;
overflow:hidden;
}

#profile .box, #profile table {
padding:6px;
background:#F3F3F3;
border:1px solid #F3F3F3;
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 #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;
list-style:none;
background:transparent url(http://my.opera.com/community/graphics/users/2/friendlist.gif) 0px 3px no-repeat;
}

#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;
overflow:hidden;
background:transparent;
}

#myphoto img {
max-width:190px;
display:block;
}

/* :: ARCHIVE :: */

#arc {
width:100%;
}

.month {
margin-bottom:12px;
}

.month, #cloud {
background:#eee url(http://my.opera.com/community/graphics/users/5/m3.gif) bottom right no-repeat;
}

.mpad, #cloud div {
padding-bottom:5px;
background:transparent url(http://my.opera.com/community/graphics/users/5/m4.gif) bottom left no-repeat;
width:100%;
}

#arc h3 {
margin:0;
font-size:13px;
text-transform:none;
background:#44c5fe url(http://my.opera.com/community/graphics/users/5/m1.gif) top left no-repeat;
color:#000;
}

#arc h3 a:link, #arc h3 a:visited, #arc h3 a:active {
text-decoration:none;
color:#000;
}

#arc h3 span {
display:block;
background:transparent url(http://my.opera.com/community/graphics/users/5/m2.gif) top right no-repeat;
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 0 7px 26px;
color:#3e3e3e;
}

#arc a:link, #arc a:visited, #arc a:active {
color:#F07B1B;
}

.day1 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day1.gif) top left no-repeat;
}

.day2 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day2.gif) top left no-repeat;
}

.day3 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day3.gif) top left no-repeat;
}

.day4 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day4.gif) top left no-repeat;
}

.day5 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day5.gif) top left no-repeat;
}

.day6 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day6.gif) top left no-repeat;
}

.day7 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day7.gif) top left no-repeat;
}

.day8 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day8.gif) top left no-repeat;
}

.day9 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day9.gif) top left no-repeat;
}

.day10 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day10.gif) top left no-repeat;
}

.day11 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day11.gif) top left no-repeat;
}

.day12 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day12.gif) top left no-repeat;
}

.day13 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day13.gif) top left no-repeat;
}

.day14 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day14.gif) top left no-repeat;
}

.day15 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day15.gif) top left no-repeat;
}

.day16 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day16.gif) top left no-repeat;
}

.day17 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day17.gif) top left no-repeat;
}

.day18 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day18.gif) top left no-repeat;
}

.day19 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day19.gif) top left no-repeat;
}

.day20 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day20.gif) top left no-repeat;
}

.day21 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day21.gif) top left no-repeat;
}

.day22 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day22.gif) top left no-repeat;
}

.day23 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day23.gif) top left no-repeat;
}

.day24 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day24.gif) top left no-repeat;
}

.day25 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day25.gif) top left no-repeat;
}

.day26 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day26.gif) top left no-repeat;
}


.day27 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day27.gif) top left no-repeat;
}

.day28 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day28.gif) top left no-repeat;
}

.day29 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day29.gif) top left no-repeat;
}

.day30 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day30.gif) top left no-repeat;
}

.day31 {
background:#eee url(http://my.opera.com/community/graphics/users/5/day31.gif) top left no-repeat;
}

/* :: TAG CLOUD :: */

#cloud div:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#cloud ul {
margin:5px 10px 0 10px;
padding:0;
width:100%;
overflow:hidden;
}

#cloud li {
list-style-position:outside;
list-style:none;
float:left;
line-height:26px;
height:30px;
margin:0;
padding-right:12px;
white-space:nowrap;
}

#cloud a:link, #cloud a:visited, #cloud a:active {
color:#EE9700;
}

.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;
}

/* :: FRIENDS :: */
#myfriends {
width: 602px
}
.myfriend {
float: left; 
width: 162px; 
margin-right: 8px

}
.mypic {
margin: 2px 0px 0px 5px; 
height: 141px
}
.mypic img {
display: block; 
width: 162px; 
height: 128px
}
.myfriend .txt {
height: 80px

}
.myfriend h3 {
margin: 2px 0px 2px 5px
}
.myfriend P {
padding-left: 5px; margin: 0px
}
.myfriend blockquote {
display: none
}
.myfriend h2 {
margin-TOP: 0px
}
.myloc {
font-size: 11px; 
margin: 0px 0px 4px; 
color: #F3F3F3;
}
.friendof {
font-size: 11px; 
margin: 0px 0px 4px; 
color: #F3F3F3
}
.friendof {
font-size: 10px
}
#fnet h3 {
padding-right: 5px; 
padding-left: 5px; 
ont-size: 15px; 
background: #5da15b; 
margin-bottom: 0px; 
padding-bottom: 3px; color: #000; 
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:100%;
}

#mylinks h2 {
margin:30px 0 15px 0;
font-size:15px;
text-transform:none;
/* background:#9d1079 url(http://files.myopera.com/kangtavn/cyop/men_bar.jpg) top left repeat; */
border-top:1px dotted #A3A3A3;
border-left:1px dotted #A3A3A3;
border-right:1px dotted #A3A3A3;
border-bottom:1px dotted #A3A3A3;
background:#E4E4E4;
padding:2px 5px;
color:#000000;
}

#mylinks h2.firstheader {
text-transform:none;
margin-top:0;
/* background:#9d1079 url(http://files.myopera.com/kangtavn/cyop/men_bar.jpg) top left repeat; */
border-top:1px dotted #A3A3A3;
border-left:1px dotted #A3A3A3;
border-right:1px dotted #A3A3A3;
border-bottom:1px dotted #A3A3A3;
background:#E4E4E4;
padding:2px 5px;
color:#000000;
}

#mylinks .newsfeed {
margin:-8px 0 8px 0;
}

#mylinks p {
margin:0;
font-size:12px;
}

#mylinks .grey {
color:#aaa;
}

#mylinks 