body { margin:0; padding:0; color:#4d4d4d; font:12px/180% Verdana, Tahoma; background: url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/bg.png) repeat-y center; cursor:url(aaaa); } a:link, a:visited, a:active, #side a.username:link, #side a.username:visited, #calendar tbody a:link, #calendar tbody a:visited { color: #628867; text-decoration:none; } a:hover { background: #7aaa81; color: white; } form { margin:0; padding:0; } #footer input { margin-top:5px; } #wrap0 { background: url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/top.png) no-repeat top center; clear:both; width:100%; } #wrap1 { background: url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/bottom.png) no-repeat bottom center; margin:0 auto; } #wrap3 { width:920px; margin:0 auto; line-height:1.55; } #wrap3, #top, #content, #footer { min-width:720px; } #wrap4 { padding:0 15px; } #top { width:auto; margin:0 -15px; } #top h1 { padding-top:32px; font-size:2.3em; line-height:1.1; margin:0; } #top2 { height:132px; padding-left:20px; } #top2 form { padding-top:28px; } #top2 input[type=text] { width:300px; margin:4px 0; } #subtitle { margin:0; } #menu { height:30px; } #menu ul { margin:0 0 0 130px; } #menu li { float:left; list-style:none; line-height:30px; font-size:0.9em; } #menu a:link, #menu a:visited, #menu a:active { border-right: 1px dotted #3a7437; color: #3a7437; font-weight: bold; display:block; padding:0 19px; text-decoration:none; } #top #menu a:hover, #menu #selected:link, #menu #selected:visited { background: #6aa168; color: white; } #side, #footer { font-size:0.85em; } #content, #footer { clear:both; position:relative; width:880px; text-align:left; margin:0 auto; } #sitelang { float:right; text-align:right; width:400px; } #sitelang select { margin-left:2px; font-size:10px; } #content { padding:20px 0px 20px 0px; margin-bottom: 20px; } #mainwrap { width:613px; padding-bottom:170px; float:left; } #main { min-height:400px; width:613px; } #main, #side { padding-bottom:10px; } #sidewrap { margin-top: 60px; margin-bottom: 350px; width:240px; float:right; overflow:hidden; } #albumslides { height:183px; position:relative; } #albumslides img { display:block; margin:9px; width:220px; height:165px; position:relative; } #albumslides a { position:absolute; display:block; width:100%; top:0; left:0; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .block, .rtl, .alignright, .alignleft, .aligncenter, .center, .alignjustify { display:block; } .rtl, .alignright, #meta { text-align:right; } .alignleft, #top, caption { text-align:left; } .aligncenter, .center, body { text-align:center; } .alignjustify { text-align:justify; } p img, .smilie, input { vertical-align:middle; } .clear { clear:both; } div.clear { height:1px; line-height:1px; overflow:hidden; } .nomarg { margin:0 !important; } #meta img, .smilie { margin:0 3px; } .left, .col1 { float:left; } .right, .col2, #meta { float:right; } .col1, .col2, #meta { width:49% } img { max-width:100%; } img, acronym, abbr { border:none; } .w100, table { width:100%; } embed { clear:both; display:block; margin:10px 0; } .aligncenter embed { margin:0 auto; } pre, td, th, table, input, select { font-size:1em; } th { text-align:left; } #side th { text-align:center; } pre, code { font-family:monospace; } pre { display: block; padding:12px; width:100%; margin:0 0 0.85em 0; overflow:auto; } blockquote { margin:8px 0 2px 10px; padding:15px 0 3px 26px; font-style:italic; background: url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/trichdan.png) no-repeat top left; } .whisper { font-style:italic; padding-left:26px; margin:10px; } a:hover, #side a:hover { text-decoration:none; cursor:pointer; } h2 { font-size:1.85em; margin:0 0 0.3em 0; line-height:1.2; } h3, h4, h5, h6 { font-size:1.5em; margin:0.5em 0 0.2em 0; line-height:1.2; } h4, h5, h6 { font-size:1.2em; } #side h2, #side caption { background: url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/side.png) no-repeat top left; font-size:1.05em; padding:5px 0 5px 8px; margin:0 0 1px 0; font-weight:bold; } #side caption { padding:3px 0 3px 8px; } #side h2, #side h3 { margin-bottom:8px; } #side h2 a { text-decoration:none; } #side h2 a:hover { text-decoration:underline; } #side h3 { font-size:1.1em; } p { margin:0.85em 0; font-size:1em; } ul, ol { margin:0 0 0.75em 1.5em; padding:0; list-style-position:outside; } ol { padding-left:1em; list-style-position:inside; } ul ul, ol ol { margin-bottom:0; } img.right { margin-left:1.5em; } li { margin:0; padding:0; list-style-position:outside; font-size:1em; } img.left { margin-right:1.5em; } .small { font-size:0.85em; } .large { font-size:1.3em; } .huge { font-size:2em; } .alpha li { list-style-type:lower-alpha; } .nobullets { margin-left:0; list-style-position:outside; list-style:none; } #side li { list-style:none; } div.avatar { float:left; width:54px; height:54px; overflow:hidden; text-align:center; margin:0 0.7em 0.7em 0; } .avatar img { margin:2px auto; display:block; max-width:50px; max-height:50px; } textarea { width:100%; height:150px; margin:0; } .arrow-prev { margin-right:4px; } .arrow-next { margin-left:4px; } #blogtools { margin:0; } /* calendar */ /* :: CALENDAR :: */ #calendar { clear:both; border:none; font-size: 11px; margin-bottom: 20px; } #calendar tr:first-child { } #calendar th { background: url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/calendar.gif) no-repeat center; color: #FFFFFF; font-size:10px; font-weight:bold; text-align: center; width: 14%; padding: 2px; } #calendar td { background: url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/calendas.gif) no-repeat center; color: #0d3d0b; text-align: center; width: 14%; padding: 2px; } #calendar tfoot td { text-align:left; border:none; padding:2px 3px; background:none } #calendar td.l { background: url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/calendas.gif) no-repeat center; text-align: center; width: 14%; padding: 2px; } #side a#calendarmonth { color:#222; font-size:12px; } #nextmonth, #prevmonth { width:49%; } #nextmonth { text-align:right; } /* sidebar */ #side caption a:link, #side caption a:visited, #qp a:link, #qp a:visited { text-decoration:none; } #side caption a:hover { text-decoration:underline; } #myphoto img { display:block; margin:9px; } #myphoto { margin-bottom:7px; height:183px; border: 1px solid #BBC98E; background: #FFFFFF; } #qp li { float:left; width:48%; font-size:0.9em; } #qp li a, #qp li span { display:block; line-height:21px; height:21px; } #qp li span { padding-left:31px; } #qp #s-msg { float:right; } #qp a:hover { background-position:0 -21px; text-decoration:underline; } #qp #mystatus { width:auto; margin-bottom:7px; } #side input[type=text] { width:170px; } #searchbox, #shout { width:170px; } #submitsearch { width:56px; margin-left:4px; } .sidebox, #albumslides { margin:0 0 15px 0; } #side p, #side dl, #side ul { margin:0; } /* sidebar friends */ #friendz li { float:left; width:118px; height:108px; margin:0 0 4px 4px; } #friendz li, #friendz a:link, #friendz a:visited, #friendz a:active { background:#eee url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/sidefram.gif); } #visitors li, #visitors a:link, #visitors a:visited, #visitors a:active, .spotlighted a:link, .spotlighted a:visited, .spotlighted a:active { background:#eee url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/visitors.gif); } #friendz a:link, #friendz a:visited, #friendz a:active { display:block; padding:7px; } #friendz li a:hover { background-position:100% -108px; } #friendz img { display:block; margin-bottom:3px; } #friendz a { text-decoration:none; display:block; } #friendz .first { margin-left:0; } #friendz span { width:100%; height:13px; line-height:13px; overflow:hidden; } /* recent visitors and spotlighted items */ #visitors li, .spotlighted li { float:left; width:78px; height:78px; margin:0 0 3px 0; text-align:center; font-size:0.9em; } #visitors a, #visitors a:link, #visitors a:visited, .spotlighted a, .spotlighted a:link, .spotlighted a:visited { display:block; text-decoration:none; padding:5px; } #visitors li a:hover, .spotlighted li a:hover { background-position:100% -78px; } #visitors .mid, .spotlighted .mid { margin:0 3px 3px 3px; } #visitors img, .spotlighted img { display:block; margin-bottom:3px; } #visitors span, .spotlighted span { width:100%; height:14px; line-height:14px; overflow:hidden; } /* latest posts */ #latestposts ul { margin-top:-6px; } #latestposts li { padding:3px 0 3px 15px; border-bottom: 1px dotted #3a7437; background: url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/star.gif) no-repeat 3px 6px; } #latestposts li a:hover { background: #DD7B54; color: white; } /* latest comments + shoutbox */ #side .usercom { margin-bottom:-6px; } #side .usercom a, #side .usercom a:visited { text-decoration:none; } #side .usercom a:hover { text-decoration:underline; } #side .usercom li { border-bottom: 1px dotted #3a7437; clear:both; line-height:1.4; } .userpic { width:46px; height:36px; margin:0 0 6px 6px; float:right; } .userpic img { display:block; margin:3px; } #newcomments li { padding:6px 0; } #shoutbox form { padding-bottom:10px; } #side #shoutbox .none { padding:0 0 5px 5px; } #submitshout { width:56px; margin-left:4px; } #shoutbox li { padding:0 0 11px 0; margin-bottom:10px; } #shoutbox p { padding-top:4px; } #shoutbox .userpic { margin-bottom:-3px; } #shoutbox blockquote { clear:both; margin:0; padding:0; font-style:normal; } #shoutbox blockquote p { padding:18px 10px 0 10px; } /* blog */ .post { clear:both; padding:15px 0; width:100%; float:left; overflow:hidden; background:url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/cal00000.jpg) 10px top no-repeat; } #main #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; } .tagicon { float:right; margin-left:8px; } .post .title { margin:0; line-height:1; padding: 0 0 0 70px ; } .title a:link, .title a:visited { text-decoration:none; } .postdate, .post .tags { font-size:0.85em; margin:0.25em 0 1em 0; } .post .tags { margin-top:-1em; } .postdate { font-size:11px; color:#b7b7b7; padding: 0px 85px ; background:url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/hoa.gif) no-repeat 70px 2px; } .tags { font-size:11px; padding: 0 0 0 85px ; background:url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/hoa.gif) no-repeat 70px 2px; } .postinfo { position:absolute; top:27px; left:10px; display:block; width:48px; height:25px; overflow:hidden; text-align:center; } .postinfo a { display:block; color:#333; font-weight:bold; text-align:center; text-decoration:none; } .postinfo span:hover { color:#cc0000; font-weight:bold; } .postinfo span { display:block; font-size:16px; overflow:hidden; color:#333; text-align:center; } .postinfo img{ display:none; } .content { background: url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/line.gif) no-repeat bottom center; padding-bottom: 30px; clear:both; text-align: justify; } .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; line-height:2.1; } .pagenav-info { text-align:right; font-size:0.9em; } .pagenav a:link, .pagenav a:visited, .pagenav a:active, .pagenav b { padding:1px 5px; margin:0 1px; text-decoration:none; font-weight:bold; } .pagenav b, #main .pagenav a:hover { padding:1px 5px; } .trackbacks { clear:both; } .trackbacks h2 { margin-top:10px; font-size:1em; } .trackbacks ul { clear:both; margin:10px 0 0 2px; } .trackbacks li { list-style-position:outside; list-style:none; padding:2px 0 2px 15px; font-size:11px; } .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 0px; padding:20px 0px 0px 0px; width:100%; overflow:auto; background: url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/cm2.jpg) no-repeat top left; } .comment2 { background: url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/cm3.jpg) no-repeat top left; } .ownercomment { background: url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/cm1.jpg) no-repeat top left; } .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; } /* tags */ #tagcloud ul { width:100%; overflow:hidden; } #tagcloud li { float:left; line-height:22px; height:26px; padding-right:12px; white-space:nowrap; } .size1 { font-size:9px; } .size2 { font-size:11px; } .size3 { font-size:13px; font-weight:bold; } .size4 { font-size:17px; font-weight:bold; } .size5 { font-size:22px; font-weight:bold; } /* links */ .sidelinx li { padding:3px 0 3px 15px; border-bottom: 1px dotted #3a7437; background: url(http://files.myopera.com/MyKhoangKhac/Skin/co3la/star.gif) no-repeat 3px 6px; } .sidelinx li a:hover { background: #87b386; color: white; } #applinks { clear:both; margin-top:15px; } #mylinks { width:100%; } #mylinks h2 { margin:30px 0 15px 0; } #mylinks h2.firstheader { margin-top:0; } #mylinks .newsfeed { margin:-8px 0 8px 0; } #mylinks p { margin:0; } #mylinks .col1, #mylinks .col2 { overflow:hidden; } .newsfeed span, .newsfeed a { text-decoration:none; } /* friends */ .smallmenu { float:right; margin:0 0 10px 0; text-align:right; font-size:11px; } #myfriends { width:100%; } #myfriends ul { clear:both; } #myfriends li { position:relative; display:inline; float:left; width:146px; height:188px; margin:0 0 12px 12px; overflow:hidden; line-height:16px; } #myfriends .owner li { height:208px; } #myfriends .send-msg { margin:14px 0 0 0; line-height:1; font-size:11px; } #myfriends .send-msg a { padding:0; } #myfriends div { height:178px; } #myfriends div img { display:block; margin:0 0 17px 0; width:104px; height:78px; } #myfriends li b { display:block; margin-bottom:3px; } #myfriends li a { display:block; padding:14px 22px 1px 20px; text-decoration:none; } #myfriends .send-msg a:hover, #myfriends li a:hover b { text-decoration:underline; } #myfriends .first { margin-left:0; } #myfriends li span { display:block; font-size:10px; } #myfriends .online { position:absolute; bottom:4px; right:4px; padding:0 6px; } #myfriends .owner .online { bottom:24px; } #myfriends .status { height:48px; overflow:hidden; } #myfriends .pagenav { border:none; text-align:left; padding:3px; } /* poll */ #poll li { padding:2px 0; } #poll ul { margin-bottom:8px; } #pollsubmit { font-weight:bold; } #poll p { margin:2px 0; } #poll li img { border-left:1px solid #9b5203; border-right:1px solid #b84d00; } #poll li .smilie { border:none; height:auto; } #pollresults img { height:9px; } /* countdowns */ .cdwn { padding:5px 0 4px 21px; } /* profile */ #personal li { padding-bottom:4px; } #userpic { width:257px; height:199px; float:right; } #userpic img { display:block; margin:14px 17px 20px 20px; } #myspots .sidelinx h3 { padding-top:8px; } #ff b { display:block; } #ff li, #grouplist td { padding:6px 0; } #ff ol { margin:0; } #ff ol li { list-style-position:inside; } /* opera */ #getopera { display:block; margin-bottom:15px; } /* search */ .s-result { margin-top:11px; padding-top:1px; } /* unite */ #usersrv { clear:both; padding-top:1px; } .srvheader { clear:both; padding:15px 0 10px 0; margin-top:10px; font-size:12px; } .srvheader img { float:left; margin-right:10px; } .srvheader h3 { font-size:1.85em; } .srvheader h3 a:link, .srvheader h3 a:visited { text-decoration:none; } .srvheader h3 a:hover { text-decoration:underline; } .srvheader h3, .srvheader p { line-height:1.2; margin:1px 0 0 0; } .unite li { margin:0 0 8px 56px; padding-left:38px; font-size:12px; } .unite ul { margin:0 !important; } #usersrv ul ul li { padding-left:25px; line-height:20px; } .unite p, #usersrv ul ul, #usersrv p { margin:0; } .unite .srvdesc, .srvfooter, .srvmore { font-size:11px; } .srvmore, .srvdesc { padding-left:19px; } .srvfooter { clear:both; padding:20px 0 10px 0; } .unite a:link, .unite a:visited, #usersrv a:link, #usersrv a:visited { text-decoration:none; } .unite a:hover, #usersrv a:hover { text-decoration:underline; } #srvnfo { font-size:12px; } #usersrv { clear:both; } #usersrv ul li { margin:8px 0 0 0; } #usersrv ul { margin-left:139px; } #usersrv ul ul li { font-size:11px; margin:7px 0 0 39px; } #usersrv .num { font-size:11px; } .uniteuser { clear:both; padding-top:15px; } .upic { margin:2px 0 15px 0; width:139px; height:106px; float:left; } .upic img { display:block; margin:12px 0 0 14px; } .devpic { float:left; margin:5px 8px 0 0; } .ufriendname { font-size:15px; margin-top:-4px; }