/* 
 Copyright Opera Software. Design by Fred. 
  Skin edited by Pham Lam - http://www.phamlam.info;
        Modified by Thuy Hien - http://www.duyhien.com;
        Perfected by Khanh Quang - http://my.opera.com/khanhquang; 
        Graphics by Antoniblue - http://my.opera.com/antoniblue
 Date: 14/4/2007
 Note: Nếu bạn sử dụng skin này xin vui lòng ghi rõ nguồn gốc tác giả của skin trên blog của bạn. 

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

 body {
 background:url(http://files.myopera.com/chanhpc/blog/bg.gif) #000;
  margin:0;
 padding:0;*/
 font-family: arial,'trebuchet ms',helvetica,sans-serif;
 font-size:14px;
 line-height:145%;
 text-align:center;
 color:#fff; 
 }



 #wrap3 {
background:#000 url(http://files.myopera.com/chanhpc/blog/footer.jpg) bottom center no-repeat; 

border:#c2c2c2 2px solid;
 margin:0 auto;
 width:778px !important;
 padding-left:10px;
 padding-right:10px;
 padding-bottom:100px;
 }

#topbar1 {
 background:url(http://files.myopera.com/chanhpc/blog/bg.gif) #000;
 color:#d1e5e6;
 height:32px;
 overflow:hidden;
 line-height:24px;
 }

img {
 border:none;
 }

.mobile, .hide {
 display:none;
 }

p img, input {
 vertical-align:middle;
 }

#topbar2, #toplogin div {
 width:778px;
 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:underline;
 }

#topbar1 a:link, #topbar1 a:visited {
 color:#d1e5e6;
 }

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

#topbar1 p, #toplogin p {
 margin:0;
 font-size:11px;
 padding:4px 0;
 }

#toplogin {
 border-top:1px solid #555;
 background:transparent;
 color:#d1e5e6;
 padding:2px 0;
 border-bottom:1px solid #000;
 }

#toplogin label {
 padding-right:4px;
 }

#toplogin input {
 font-size:11px;
 border:none;
 }




#edittitle {
 padding-top:29px;
 }

#top {
 font-size:11px;
 width:778px !important;
 height:220px;
 margin:0 0px;

 text-align:left;
 color:#fff;
 background:url(http://files.myopera.com/chanhpc/musics/banner.jpg); 
 }

#top2 {
 height:109px;
 padding-left:68px;
 }

#top h1 {
        margin-top:50px;
margin-left:70px;

 
font-size:25px;
color:#d1e5e6;
 }


#subtitle {
 margin-left:70px;
 width:500px;
 font-size:13px;
color:#d1e5e6;
 }

#menu {
 clear:both;
 margin-left:0px;
margin-top: 100px;
 }


#menu ul {
 padding:0;
 margin:0;
 height:17px;
 }


#menu li {
 float:left;
 line-height:20px;
 height:20px;
 overflow:hidden;
 font-size:12px;
 list-style:none;
 width:100px;
 margin:0 0 0 0;
 padding:0;
 }

#menu a {
 display:block;
 height:37px;
 color:#d1e5e6;
 font-weight:bold;
 text-decoration:uppercase;
 text-align:center;
 /*background:transparent url(http://files.myopera.com/danquynh/color/heart.gif) top left no-repeat;*/
  padding:0px 0 0 5px;
 }

#menu a:hover {
 /*background-color:#ccc;*/
 /*background:transparent url(http://files.myopera.com/danquynh/color/heart.gif) top left no-repeat; */
 color:#738294;
  
 }
#menu a#selected 
 {
 text-decoration: none;
 color:738294;
 }

#content  {
 clear:both;
 position:relative;
 width:758px !important;
 text-align:left;
 margin:0 auto;

}


#footer {
 clear:both;
 position:relative;
 width:758px !important;
 text-align:left;
 margin:0 auto;

}

#content {
 padding-top:25px;
 }

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

#mainwrap {
 width:99%;
 margin-left:-205px;
 padding-bottom:12px;
 float:right;
 }

#main {
 min-height:500px;
 margin-left:200px;
 padding-bottom:15px;
 }

#footer {
 clear: both;
 width:100%;
 height:15px;
        color:#d1e5e6;
 POSITION: relative;
 left: 5px; 
 bottom:-130px;
 }

#footer p {
 margin:0 5px;
        font-size: 10px;
color:#d1e5e6;
 }

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

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

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

/* :: SIDEBAR :: */
#sidewrap {
 width:190px;
 float:left;
 font-size:11px;
 overflow:hidden;
 color:#fff;
 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, #side caption {
 color:#fff;
 background:#0098fd url(http://files.myopera.com/chanhpc/blog/sidebar.jpg) top left repeat-x;
 font-size:11px;
 font-weight:bold;
 text-transform:uppercase;
 margin:0 0 1px 0;
 padding:6px;
 text-align:left;
 }

#side h2.feedheader {
 background:#0098fd url(http://files.myopera.com/chanhpc/blog/sidebar.jpg) top left repeat-x;
 padding:6px;
 }

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

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

.sidebox .pad { 
 background: transparent url(http://files.myopera.com/chanhpc/blog/sidebg.jpg) bottom right no-repeat;
 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:#d1e5e6;
 text-decoration: none;
 }

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

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

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

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 #738294;
 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:#fff;

 }


.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 #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(http://files.myopera.com/chanhpc/blog/sidebg.jpg) bottom right no-repeat; 
 }
.comments .c-avatar {
 float:left;
 width:58px;
 height:58px;
 border:1px solid #738294;
 background: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:transparent;
color:red;
font-size:17px;
 }

#msubject {
 width:100%;
 }

/* :: ALBUM SLIDESHOW :: */

#albumslides, #albumslides a, #albumslides img {
 width:188px;
 height:143px;
 }

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

#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 #738294;
 padding:10px 10px 9px 5px;
 margin-bottom:15px;
 }

.album2 {
 clear:both;
 margin:15px 0;
 border:1px solid #738294;
 padding:10px 10px 9px 10px;
 }
 
.albumthumb1, .albumthumb2 {
 float:left;
 width:285px;
 height:221px;
 background:transparent;
 }
 
.albumimage {
 margin:17px 22px;
 border-top:5px solid #738294;
 border-bottom:5px solid #738294;
 border-right:7px solid #738294;
 border-left:6px solid #738294;
        height:168px;
        width:224px;
 }

.albumnfo {
 margin-left:160px;
 /*border:1px dotted #738294; */
 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 #738294;
 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 #738294;
 color:#fff;
font-weight:bold;
 background:transparent url(http://files.myopera.com/chanhpc/blog/sidebar.jpg) top left repeat-x;
 } 

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

#mypix div div {
 padding:6px;
 height:212px;
 border:1px solid #738294;
 /*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:#fff;
 text-decoration:none;
 }

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

/* - VIEW IMAGE - */

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

#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:#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 #738294;
 } 
#desc {
 margin-bottom:10px;
 border:1px solid #738294;
 padding:0 5px;
 }

/* :: BLOG :: */

#blogtools {
 background:transparent;
 }

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

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

blockquote.bbquote, .post blockquote {
 background:transparent;
 padding: 30px 5px 5px 33px;
 margin:0px 5px;
 color:#fff;
 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;
 }
 
.stickypost {
 background:none !important;

 }

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

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

#lastpost {
 padding-top:0;
 background: transparent;
 /*padding-bottom:40px;*/
 }

.post .title {
 margin-bottom: 0;
 color: #ffffff;
font-size:16px;
 overflow: auto;
    padding-top:3px;
background: transparent url(http://files.myopera.com/chanhpc/blog/sidebar.jpg) 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 #738294; 
 border-right:1px dotted #738294;
 }
 
.content {
 margin-top:0px;
 padding:5px;
 border-left:1px dotted #738294;
 border-bottom:1px dotted #738294;
 border-right:1px dotted #738294;
 background: url(http://files.myopera.com/chanhpc/blog/contentbg.jpg) bottom right no-repeat;

}

.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/chanhpc/blog/sidebar.jpg) top right repeat-x;
 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;
 }

/* :: TAG CLOUD :: */

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

#tagcloud li {
 list-style-position:outside;
 list-style-type: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:#fff;
 }

#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:10px;
 background: transparent url(http://files.myopera.com/chanhpc/blog/sidebg.jpg) bottom right no-repeat;
 border:1px solid #738294;
 }

#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:1px solid #738294;
 padding:1px 3px;
 text-align:center;
 font-size:10px;
 }

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

#calendar td.l {
 background: transparent url(http://files.myopera.com/chanhpc/blog/sidebar.jpg) left top repeat-x;
 }

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

#calendar td#today {
 background:#fff;
 }

#calendar caption {
 padding:0;
 }

#side a#calendarmonth {
 display:block;
 padding:5px 0 2px 5px;
 text-decoration:none;
 color:#fff;
 }

#side a#calendarmonth:hover {
 background:transparent url(http://files.myopera.com/chanhpc/blog/sidebar.jpg) top left repeat-x;
 }

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

#nextmonth {
 text-align:right;
 }

/* :: PROFILE :: */

#profile {
 width:100%;
 }

#profile h2 {
 font-size:12px;
 background:transparent url(http://files.myopera.com/chanhpc/blog/sidebar.jpg) top left repeat-x;
 padding:05px 5px;
 margin:0;
 color:#fff;
 border:1px solid #738294;
 }

#profile-top {
 background:transparent url(http://files.myopera.com/chanhpc/blog/sidebg.jpg) bottom right no-repeat;
 margin-bottom:15px;
 border:1px solid #738294;
 }

#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 #738294;
 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;
 border:1px solid #738294;
 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 #738294;
 }

.spotimg div {
 background:transparent;
 border:1px solid #738294;
 margin:0 8px 5px 8px;
 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;
 overflow:hidden;
 background:transparent;
 }

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

/* :: ARCHIVE :: */

#arc {
 width:100%;
 }

.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;
 text-transform:uppercase;
 background:transparent;
 color:#fff;
 }

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

#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 0 7px 26px;
 color:#fff;
 }

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



/* :: TAG CLOUD :: */

#cloud div:after {
 
  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 0 0 20px;
 padding-right:12px;
 white-space:nowrap;
 }

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

.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: #fff;
 }
.friendof {
 font-size: 11px; 
 margin: 0px 0px 4px; 
 color: #fff
 }
.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: #738294 5px solid
 }
#fnet2 h3 {
 background: #447c64; 
 border-bottom: #738294 5px solid
 }
#fnet3 h3 {
 background: #3f6e85; 
 border-bottom: #738294 5px solid
 }
.fpic {
 border-right: #000 1px solid; 
 border-top: #738294 1px solid; 
 float: left; 
 border-left: #738294 1px solid; 
 width: 84px; 
 margin-right: 10px; 
 border-bottom: #738294 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:uppercase;
 background:transparent url(http://files.myopera.com/chanhpc/blog/sidebar.jpg) top left repeat;
 padding:2px 5px;
 color:#FFFFFF;
 }

#mylinks h2.firstheader {
 text-transform:uppercase;
 margin-top:0;
 background:transparent url(http://files.myopera.com/chanhpc/blog/sidebar.jpg) top left repeat;
 padding:2px 5px;
 color:#FFFFFF;
 }

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

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

#mylinks .grey {
 color:#fff;
 }

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

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

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

.url {
 color:#fff;
 }

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

.feedurl {
 display:none;
 }



/* :: EVENTS :: */



/* :: TAGS :: */

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

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

.tagged {
 font-weight:bold;
 }

/* :: CARDS :: */

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

/* :: POLL :: */

#poll ul {
 margin:0;
 }

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

#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 #738294;
 border-right:1px solid #738294;
 }

/* :: SEARCH :: */

#searchbox {
 width:141px;
        background:transparent url(http://files.myopera.com/chanhpc/blog/sidebg.jpg) bottom left repeat-x;
 }

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

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

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

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




//* :: LATEST COMMENTS + RECENT VISITORS :: */

#side .userlist li {
list-style-position:outside;
list-style:none;
}

#newcomments .userpic {
margin:0 1px 0 5px;
float:right;
}

.userpic {
border:1px solid #738294;
}

#newcomments li {
border-bottom:1px dotted #738294;
}

#newcomments li, #visitors li {
clear:both;
padding:6px 0;
}

#visitors li {
height:32px;
}

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

#side .userlist a {
text-decoration:none;
}

#side .userlist a:hover {
text-decoration:underline;

/* :: FRIENDS IN SIDEBAR :: */

#friendz img {
 display:block;
 width:84px;
 height:64px;
 }

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

#friendz li.first {
 float:left;
 }

 
/* :: GET OPERA :: */

#side #getopera {
display:none;
}

 
/* :: PERSONAL ADD :: */

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

#overall {
 width:520px; 
 margin:0;
 }
.col {
 width:250px; 
 padding:0 5px; 
 float:left;
 }
#sitestats {
color:#111;
}
#sitestats .border{
background-color: #fff;
}