/* Skin Name: The Dreams | Created by: .:WallPearl:. | Email: wallpearl@gmail.com | Gifted for Tu & Dang @ http://my.opera.com/hoatrongvuon | Compatible: Opera, Firefox, IE7, Safari | Best Viewed in 1024x768 */


/* :: MAIN LAYOUT :: */

body {
	background:#74b7ae;
/* Nền 2 phía ngoài cùng */
	margin:0;
	padding:0;
	font-family:'times new roman','tohama','verdana','arial','arial ms unicode','lucida grande','lucida sans unicode','bitstream vera sans','trebuchet ms',arial,sans-serif;
	font-size:12px;
	text-align:center;
	color:#333;
cursor: url('http://files.myopera.com/itali0412/taochuot/Tinkerbell.ani');
                                }


#wrap1 {
                background:#fff url(http://files.myopera.com/hoatrongvuon/skindream/footer1.jpg) bottom left no-repeat;
                border:1px solid #ccc;
                width:950px;
                margin:0 auto;
                overflow:hidden;
                margin-bottom:60px;
             }

#wrap2 {
                background:transparent;
                width:950px;
                margin:0 auto;
                overflow:hidden;
             }

#wrap3 {
	background:transparent;
        margin:0 auto;
	width:950px;
	overflow:hidden;             
	}

#wrap4 {
               background:transparent;
               width:950px;
               margin:0 auto;
               }

#topbar1, #toplogin {
	background:transparent;
                width:954px;
	height:30px;
                margin:0 auto;
               	text-align:left;
                font-weight:bold;
                color:#333;
	}

#topbar2 img, #toplogin p {
                       margin-top:-7px;
                                         }

#top {
	clear:both;
	font-size:11px;
	width:950px;
	text-align:left;
	background:transparent url(http://files.myopera.com/hoatrongvuon/skindream/Banner.jpg) top left no-repeat;
/* Banner của trang */
	height:320px;
	color:#226194;
	}

.fb { 
        background:transparent;
        position:absolute;
        width:100%;
        height:277px;
        top:31px;
        left:0;
      }

.flashbanner {
                     width:500px;
                     height:277px;
                     margin:0 auto;
                   }


.hide, .mobile {
	display:none;
	}

#getopera { 
           display:none;
          }

.hidemobile:first-child img {display:none}


/* Skip Navigation */

#top p:first-child {
                     overflow:hidden;
                     position:fixed; 
                     bottom:0px;
                     display:block;
                     margin:0 0 0 900px;
                     height:70px;
                     width:80px;  
                             } 

#top p:first-child a {
                               background:transparent;
                               float:left;
                               padding:0 0 40px 80px;   
                               white-space:nowrap;
                               overflow:hidden;
                               height:70px;
                               width:80px;  
                               font-size:39px;
                               text-decoration:none;
                              }

#top p:first-child a:hover {
                                         background:transparent;
                                       }

#top2 {   
        margin:0;  
        height:5px;
	}


#top h1 {  background:transparent;
                visibility:hidden;
	margin:0;
	width:100%;
	overflow:hidden;
	font-size:20px;
	font-weight:normal;
	padding-top:0px;
	}

#top h1 img {
              visibility:visible;
              margin-top:70px;
              margin-left:590px;
             }

#subtitle { 
                visibility:hidden;
	margin:0;
	font-size:12px;
	width:100%;
	overflow:hidden;
	}

#menu {
             margin-left:160px;
            }

#menu ul {
                position:relative;
                display:block;  
                padding:0px;
	background:transparent url(Menu.gif) top left no-repeat;
	height:50px;
	}

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

#menu a { 
                z-index:10;
                position:relative;       
	display:block;
	color:#093A74;
                text-transform:uppercase;
                text-decoration:none;
                background:transparent;
	text-align:center;
                height:50px;
	line-height:39px;
	overflow:hidden;
                white-space:nowrap;
                }

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

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

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

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

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

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

#menu a:hover {
                         color:#ff6600;
                         text-decoration:blink;
                         text-shadow:3px 3px 3px #E64343;
                        }

#menu a#selected {
                z-index:800;
	        color:#093A74;
                font-weight:bold;
                            }

#content {
        width:930px;
        margin:0 auto;
        padding:10px 0;
        text-align:left;
	}

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

#mainwrap { 
                background:transparent;
                width:100%;
	margin-right:-250px;
                padding-bottom:12px;
	float:left;                
	}

#main {
	min-height:400px;
	margin-right:230px;
	padding-bottom:12px;
	}

#footer {  background:transparent;
/* Ảnh nền dưới chân trang */
	clear:both;
	height:380px;
	font-size:11px;
	color:#333;
	}

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

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

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

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

#footer2 p + p {
                          visibility:hidden;
                       }


/* :: SIDEBAR :: */

#sidewrap { background:transparent;
/* Nền Side Bar */
	width:230px;
                float:right;
	font-size:11px;
                overflow:hidden;
                	}

#side a:link, #side a:visited, #side a:active {
	color:#093A74;
	}


#side li {   font-size:11px;
	list-style-type:square;
	}


#side h2 { background:transparent url(http://files.myopera.com/hoatrongvuon/skindream/SideBar.jpg) top left no-repeat;
                 /* Nền thanh tiêu đề SideBar */
                color:#333;
                width:230px;
                height:28px;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
                margin-bottom:-5px;
	padding-top:14px;
	text-align:center;
                overflow:hidden;
                white-space:nowrap;
                }

#side h2.feedheader {
	background:transparent url(http://files.myopera.com/hoatrongvuon/skindream/SideBar.jpg) top left no-repeat;
	}

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

.sidebox {
               	width:230px;
	background:transparent url(http://files.myopera.com/hoatrongvuon/skindream/SideBox.jpg) top left repeat-y;
	margin-bottom:15px;
                overflow:hidden;
                }

.sidebox .pad {
                       background:transparent url(http://files.myopera.com/hoatrongvuon/skindream/SidePad.jpg) bottom left no-repeat;
                       padding:10px 10px 20px 10px;  
                      }

#qp .pad {
                 margin-top:-10px;
               }

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

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

#friendz h2:before {
                  content:"My Friends";
                  margin:0 384px 0 85px;
               }


#qp h2:before {
                         content:"My Quick Profiles";                    
                         margin:0 365px 0 65px;
                       }  

/* :: GENERAL RULES :: */


.mobile {
	display:none;
	}

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

a:link, a:active, a:visited {
	color:#093A74;
	text-decoration:underline;
	}

a:hover {
	text-decoration:none;
	}

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

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

pre {
         background:#f9f9f9;
       }

code {
            background:#fff url(Code.gif) top left no-repeat;
         }

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

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 a {
	color:#093A74;
	}

.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:14px;
                color:#333;
	}

.comments {
	clear:both; 
                width:590px; 
	} 

.comment1 {
	clear:both;
	background:#fff;
                width:676px;
	margin:15px 0;
	overflow:auto;
                font-size:14px;
                text-align:justify; 
                border:2px solid #aad5de;
                -moz-border-radius:10px;
                -webkit-border-radius:10px; 
	}

.comments .bot {
	padding:10px;
	}

.comment2 {
	clear:both;
                background:#fff;
	margin:15px 0;
	width:676px;
	overflow:auto;
                font-size:14px;
                text-align:justify;
                border:2px solid #aad5de;
                -moz-border-radius:10px;
                -webkit-border-radius:10px; -webkit-box-shadow:5px 5px 5px #f1e3e3;
	}

.comments .c-avatar {
	float:left;
	width:60px;
	height:60px;
	border:0 solid #ccc;
	background:transparent;
	}

.c-avatar img {
                background:transparent;
                margin:4px;
                padding:1px;
	}

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

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

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

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

.permalink a:link, .permalink a:visited {
	color:#093A74;
	}
	
.del {
	color:#093A74 !important;
	}

#addcomment {
	height:175px;
	}

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

#message {
	height:300px;
	}

#msubject {
	width:100%;
	}

.w100 textarea {
	width:675px;
               }

#login-here {
                    width:658px;
                    padding:10px 0 10px 20px;
                    border:2px solid #aad5de;
                    -moz-border-radius:10px;
                    -webkit-border-radius:10px;
                  }

#login-here h2 {
                         white-space:nowrap;
                         overflow:hidden;
                       }

#login-here h2:before {
                    content:"Sorry! Annonymous can't still comment in here.";
                    margin:0 700px 0 0px;
                   }

#newcomment {
                          clear:both;
                       }

#newcomment span {
                                  white-space:nowrap;
                                  overflow:hidden;
                                }

#newcomment h2 span {
                                       color:#333;
                                    }

#newcomment h2 span:after {
                                   content:". Oh, thank you!";
                                   margin:0 320px 0 0px;
                                 }



/* :: ALBUM SLIDESHOW :: */

#albumslides, #albumslides a, #albumslides img { 
                                                 width:210px;
	                                 height:158px;
                                                 background:transparent;
                                                                                                 }
#albumslides img {
	margin-left:-30px;
                           }

#albumslides {
                margin-left:20px;
                    }

#albumslides a {
	      margin-left:20px;
	       }



/* :: PHOTO ALBUMS :: */

#albumsheader {
                          background:transparent url(PostTitle.jpg) top left no-repeat;
                          width:680px;
                          height:27px;
                          padding-top:8px;
                          text-align:center;
                          text-transform:uppercase;
                          color:#333;
                          font-size:20px;
                        }

.albums {
               background:transparent url(http://files.myopera.com/hoatrongvuon/skindream/PostBG.jpg) top left repeat-y;
               width:680px;
               margin-top:-12px;
               overflow:hidden;
             }

.albums:after {
                       content:url(http://files.myopera.com/hoatrongvuon/skindream/PostBottom.jpg);
                       float:left;
                       clear:both; 
                     }

.album1, .album2 {
                             background:#aad5de;
                             width:600px;
                             margin:20px 0 20px 20px;
                             padding:20px;
                             border:1px solid none;
                             -moz-border-radius:10px;
                             -webkit-border-radius:10px;
                           }

.albumnfo {
                   position:absolute;
                   margin-top:-130px;
                   margin-left:180px;
                   width:330px;
                }


/* .: ALBUM OVERVIEW :. */

#albumheader {
                         background:transparent url(http://files.myopera.com/hoatrongvuon/skindream/PostTitle.jpg) top left no-repeat;
                          width:680px;
                          height:27px;
                          padding-top:10px;
                          text-align:center;
                          text-transform:uppercase;
                          color:#333;
                          font-size:16px;
                       }     

#mypix {
               background:transparent url(http://files.myopera.com/hoatrongvuon/skindream/PostBG.jpg) top left repeat-y;
               width:680px;
               margin-top:-12px;
               overflow:hidden;
            }  

#mypix:after {
                      content:url(http://files.myopera.com/hoatrongvuon/skindream/PostBottom.jpg);
                    }      

.thumb1, .thumb2 {
                              float:left;
                              width:300px;
                              margin:20px;
                            }   

.thumb1 img, .thumb2 img {
                                           height:225px;
                                         }


/* .: PHOTO VIEW :. */

#frame1 {
                background:transparent url(http://files.myopera.com/hoatrongvuon/skindream/PostBG.jpg) top left repeat-y;
              }

#frame2 {
                background:transparent url(http://files.myopera.com/hoatrongvuon/skindream/PostBottom.jpg) bottom left no-repeat;
              }

#frame3 {
                background:transparent url(http://files.myopera.com/hoatrongvuon/skindream/PostTitle.jpg) top left no-repeat;
              }

#frame4 {
                padding:50px 20px;
              }

#exif dd {
                margin-left:90px; 
              }

.clearfix {
               width:230px;
             }

#p1, #p2 {
                 float:left;
                 width:105px;
               }

#p2 { 
          margin-left:0;
          text-align:right;
       }

.rate-it {
           white-space:nowrap !important;
         }




/* :: BLOG :: */

#blogtools {
            margin-top:-10px;
                 }
   
#blogtools img {
            position:absolute;
            margin-top:47px;
            margin-left:548px;
           }

.mmskey { 
                          display:none;
                        }

div #postform {
                         background:transparent url(http://files.myopera.com/hoatrongvuon/skindream/ProfileBG.jpg) top left repeat-y;
                       }

div #postform h2 { 
                              background:transparent url(http://files.myopera.com/hoatrongvuon/skindream/ProfileTop.jpg) top left no-repeat;
                              height:30px;
                              padding-top:10px;
                              padding-left:55px;
                              text-transform:uppercase;
                              color:#333;
                            }

div .horizontal {
                         width:910px; 
                       }

div #tools {
                   background:#aad5de;
                   width:896px;
                   margin-left:9px;
                 }

div #postform:after {
                                 content:url(http://files.myopera.com/hoatrongvuon/skindream/ProfileBottom.jpg);
                               }

.whisper {
	background:#fff url(http://files.myopera.com/hoatrongvuon/skindream/Whisper.gif) top left no-repeat;
	padding:20px 5px 5px 33px;
	border:1px dotted #aad5de;
	margin:10px 5px;
	}

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

blockquote.bbquote, .post blockquote {
	background:#fff url(http://files.myopera.com/hoatrongvuon/skindream/Quote.gif) top left no-repeat;
	padding:20px 5px 5px 33px;
	margin:10px 5px;
                border:1px dotted #aad5de;
                	}

.post {       
                margin-bottom:25px;
                width:680px;
	overflow:hidden;
	background:#fff url(http://files.myopera.com/hoatrongvuon/skindream/PostBG.jpg) top left repeat-y;
          }

#firstpost {
	
                  width:680px;
	}

#lastpost {
                 	
                  width:680px;
	}

.post .title {
                background:#fff url(http://files.myopera.com/hoatrongvuon/skindream/PostTitle.jpg) top left no-repeat;
                min-height:25px;
                width:680px;
                padding-top:10px;
                padding-left:55px;
                font-size:16px;
	font-weight:normal;
                color:#093A74;
                overflow:hidden;
	}

.title a:link, .title a:visited, .title a:active {
	text-decoration:none;
	}

.post .title a {
                  float: left;
                  width:535px;
                  height:35px;
                  position:absolute;
                  text-decoration:none;
	  text-transform:uppercase;
	  font-family:tahoma;
	  font-size:14px;
	  color:#093A74;
                  overflow:hidden; 
                }

.post .title a:hover {
	color:#ff6600;
	text-decoration:underline blink;
	}

.postdate {
                   margin:0px 10px;
               }

.tags {
           margin:2px 10px;
         }

.postinfo { 
                  text-align:right;
                  padding-right:25px;
                  margin-bottom:0;
                  background: transparent url(http://files.myopera.com/hoatrongvuon/skindream/PostBottom.jpg) bottom right no-repeat;
                  height:41px;
                  font-size:10px;
                  text-transform:uppercase;
                  }

.content {
	margin:30px 10px 30px 10px;
                font-size:14px;
                text-align:justify;       
              }

.poster {
	margin-top:-10px;
	font-size:10px;
	text-transform:uppercase;
	}

.postinfo img {
	margin:8px 5px 8px 0;
	}

.postnav {
                background:transparent url(http://files.myopera.com/hoatrongvuon/skindream/PostBottom.jpg) bottom left no-repeat; 
                margin-bottom:-1px;
                clear:both;
	font-size:11px;
                height:50px;
	line-height:22px;
                white-space:nowrap;
	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
	}

.postnav span.prv {
	float:left;
                margin-left:10px;
	}

.postnav span.nxt {
	float:right;
                margin-right:10px;
	}

.pagenav {
                background:transparent;
                float:right;
                margin-right:30px;
                white-space:nowrap;
                width:295px;
                height:50px;
                line-height:22px;
                text-align:right;
                font-size:12px;
	color:#888; 
	}

.pagenav-info {
                        float:left;
                        margin-left:10px;
                        white-space:nowrap;
                      }

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

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

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

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

.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(/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(/community/graphics/users/7/clock.gif) top left no-repeat;
	padding:2px 0 5px 20px;
	border-bottom:1px solid #fff;
	margin-bottom:4px;
	}

.groupblog {
	margin:0;
	}

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

.tagicon {
                position:absolute;
	float:right;
	margin-top:35px;
                margin-left:460px;
	}

.sticky {
                position:absolute;
                margin-left:510px;
                margin-top:35px;
	float:right;
	font-size:10px;
	color:#999;
	background:transparent url(/community/graphics/users/7/sticky.gif) top 

right no-repeat;
	padding:0 25px 0 4px;
	height:26px;
	line-height:20px;
	}

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

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

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

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

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

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

#newcomments .userpic {
	margin:0 1px 0 5px;
	float:left;
        width:45px;
        height:34px;
	}

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

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

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

#visitors li {
	height:50px;
        border-bottom:1px dotted #aaa;
	}

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

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

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


/* :: FRIENDS IN SIDEBAR :: */

#friendz img {
	display:block;
	width:100px;
	height:80px;
	}

#friendz li {
	float:right;
	overflow:hidden;
	width:100px;
	margin:0;
                padding:2px;
	}

#friendz li + li + li + li + li + li + li {
	display:none;
	}

#friendz li.first {
	float: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:25px;
	margin:0;
	padding-right:12px;
	white-space:nowrap;
	}

#tagcloud a:link, #tagcloud a:visited, #tagcloud a:active {
	color:#093A74;
	}

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

/* :: CALENDAR :: */

#calendar {
                background:transparent url(CalendarBody.jpg) top left no-repeat;
                border-spacing:3px;
                margin-bottom:15px;
                padding-bottom:10px;
	width:230px; 
                height:160px;
                font-size:10px;
                color:#333;
                }
                

#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:0px solid #e7e7df;
	border-right:0px solid #fff;
	border-bottom:0px solid #fff;
	border-left:0px solid #e7e7df;
	padding:1px 3px;
	text-align:center;
	font-size:10px;
	}

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

#calendar td.l {
	background:transparent;
	}

#calendar td a {
	color:#093A74 !important;
	}

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

#calendar caption {
                              background:transparent url(http://files.myopera.com/hoatrongvuon/skindream/SideBar.jpg) top left no-repeat;  
                              padding-top:14px;
                              padding-bottom:5px;
                              font-size:10px;
	              font-weight:normal;
	              text-transform:uppercase;
                            }

#side a#calendarmonth {    
                display:block;
                text-decoration:none;
	color:#333;
                width:230px;
                height:16px;
                              }

#side a#calendarmonth:hover {
	background:none;
	}

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

#nextmonth {
	text-align:right;
	}

         
/* :: ARCHIVE :: */

#arc { 
          background:#fff url(http://files.myopera.com/hoatrongvuon/skindream/PostBG.jpg) top left repeat-y;
          width:680px;
          overflow:hidden;
        }

#arc h2 {
                background:#fff url(http://files.myopera.com/hoatrongvuon/skindream/PostTitle.jpg) top left no-repeat;
	font-size:20px;
                width:680px;
                height:27px;
	padding-top:8px;
                padding-left:218px;
                color:#333;
                text-transform:uppercase;
                text-align:left;
              }

#arc h3 {
	margin-top:10px;
                padding:2px 10px;
	font-size:13px;
	background:transparent;
	color:#333;
                height:22px;
                width:600px;
	}

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

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

#arc ul {
	margin:0;
	padding:0;
	background:transparent;
	height:100%;
                  width:620px;
                  
	}

#arc img {
                  margin:8px 12px;
                }

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

#arc .month li {
	list-style-position:outside;
	list-style:none;
	line-height:19px;
	padding:0 0 7px 26px;
	color:#333;
	}

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

#arc .pagenav { 
                        background:none; 
                      }

#arc .blognav {
               background:transparent url(http://files.myopera.com/hoatrongvuon/skindream/PostBottom.jpg) bottom left no-repeat; 
               padding-bottom:75px; 
               clear:both; 
              }

#arc .pagenav-info {
                                margin-left:30px;
                             }



/* :: PROFILE :: */

#profile {
                background:#fff url(http://files.myopera.com/hoatrongvuon/skindream/ProfileBG.jpg) top left repeat-y;
	        width:930px;
                font-size:14px;
                color:#333;
                overflow:hidden;
	}

#profile:after {
                       content:url(http://files.myopera.com/hoatrongvuon/skindream/ProfileBottom.jpg); 
                       float:left;
                       clear:both; 
                     }

#profile h2 {
                text-transform:uppercase;
                white-space:nowrap;
                color:#333;
                overflow:hidden;
                 }

#profile-top {
                       margin-top:20px;
                     }

#personal-h2 {
                       background:#fff url(http://files.myopera.com/hoatrongvuon/skindream/ProfileTop.jpg) top left no-repeat;
                       text-transform:uppercase;
                       height:25px;
                       padding-top:10px;
                       font-size:20px;
                       text-align:center;
                     }

#personal-h2:before {
	 margin:0 580px 0 273px;
                 content:"My Personal Information";
	}

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

#userinfo {
	float:left;
        padding-left:40px;
	width:300px;
	overflow:hidden;
	}

#userinfo dl {
	margin:28px 0 0 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;
        margin-left:50px;
	width:356px;
	height:280px;
	background:transparent;
	}

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

#profile-col1 {
	float:left;
                margin-left:70px;
	width:340px;
	overflow:hidden;
	}

#profile-col2 {
	float:right;
                margin-right:70px;
	width:340px;
	overflow:hidden;
	}

.boxwrap {
	margin-bottom:20px;
	}

#profile-col1 .box {
	padding:0 10px 10px 10px;
	width:340px;
	background:transparent;
                	}

#profile-col2 .box, #profile-col2 table {
	padding:0 10px 10px 10px;
	width:340px;
	background:transparent;
                  	}

#profile-col2 table {
	width:100%;
	}

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

#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%;
                font-size:14px;
	}

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

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

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

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

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

#myspots h2 {
	margin-bottom:0;
	}

#myspots li {
	padding:0 0 4px 20px;
	background:transparent url

(/community/graphics/users/7/myspot.gif) 2px 3px no-repeat;
	}

#myspots h3 {
	clear:both;
	margin-top:10px;
	font-style:italic;
	}

.spotimg div {
	background:#fff url(/community/graphics/users/7/spotimg.gif) top 

left no-repeat;
	margin:0 6px 6px 0;
	float:left;
	overflow:hidden;
	width:103px;
	}

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

.spotimg img {
	display:block;
	width:86px;
	height:65px;
	margin:6px 7px;
	}

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

#friendlist h2:before {
                    content:"My friends";
                    margin:0 600px 0 0;
                  }

#friendlist li {
	padding:0 0 4px 20px;
	list-style:none;
	background:transparent url

(/community/graphics/users/7/friendlist.gif) 0px 3px no-repeat;
	}

#aboutgroup {
	clear:left;
	}

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

#favlinks {
                 display:none;
               }

/* :: QUICK PROFILE :: */

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

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

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

#myphoto {
	width:230px;
	overflow:hidden;
	background:transparent url(/community/graphics/users/7/picbg.gif) 

bottom left repeat-x;
	position:relative;
	}

#myphoto div:after, #thuCont:after  {
	display:block;
	height:0px;
	content:url(/community/graphics/users/7/myphoto.png);
	line-height:1px;
	font-size:1px;
	margin:10px 0 0 0;
	}

#myphoto img {
	width:210px;
                height:158px;
	display:absolute;
                padding:10px;
	}

/* :: FRIENDS :: */
#friendmenu { 
	  background:transparent;
                  margin-top:40px;
                  margin-left:410px;
                  position:absolute;
                  white-space:nowrap;
	}

#myfriends { 
                    background:#fff url(http://files.myopera.com/hoatrongvuon/skindream/PostBG.jpg) top left repeat-y;
                    width:680px;
                    overflow:hidden;
                    }

#myfriends:after {
                            content:url(http://files.myopera.com/hoatrongvuon/skindream/PostBottom.jpg);
                            float:left;
                            clear:both; 
                          }

#myfriends h2 {
                background:#fff url(http://files.myopera.com/hoatrongvuon/skindream/PostTitle.jpg) top left no-repeat;
                padding-top:10px;
                width:680px;
                height:26px;
                text-transform:uppercase;
                text-align:center;
                font-size:20px;
                color:#333;
                     }

.myfriend {
	width:215px;
	margin-left:10px;
	background:#transparent url(/community/graphics/users/7/friendpic.gif) top left no-repeat;
        margin-top:40px;
	float:left;
	}

.mypic {
	margin:8px 0 0 10px;
	height:141px;
	}

.mypic img {
	display:block;
	width:170px;
	height:128px;
	}

.myfriend .txt {
	height:50px;
	}

.myfriend h3 {
	margin:2px 0 2px 5px;
	}

.myfriend p {
        visibility:hidden;
	padding-left:5px;
	margin:0;
	}

.myfriend .myloc {
                   visibility:visible;
                 }

.myfriend blockquote {
	display:none;
	}

.myfriend h2 {
	margin-top:0;
	}

.myloc, .friendof {
	font-size:11px;
	margin:0 0 4px 0;
	color:#666;
	}

.friendof {
	font-size:10px;
	}

#fnet h3 {
	background:#5da15b;
	color:#fff;
	font-size:15px;
	padding:3px 5px;
	border-bottom:5px solid #cde6cc;
	margin-bottom:0;
	}

#fnet2 h3 {
	background:#447c64;
	border-bottom:5px solid #bbd6c3;
	}

#fnet3 h3 {
	background:#3f6e85;
	border-bottom:5px solid #bed1d4;
	}

.fpic {
	float:left;
	width:84px;
	height:64px;
	border:1px solid #000;
	margin-right:10px;
	}

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

.fname {
	margin:0;
	}

#myfriends .pagenav {
                                   background:none;
                                   float:right;
                                   padding-right:10px;
                                 }

                                   
/* :: LINKS :: */
#mylinks h2 {
	margin:0;
                padding:0 10px;
                font-size:14px;
	background:transparent;
	color:#093A74;
                height:22px;
	}

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

#mylinks {
                width:680px;
	}

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

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

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

#mylinks .grey {
	color:#aaa;
	}

#mylinks .col1, #mylinks .col2 {
	overflow:hidden;
	}

#mylinks .linkinfo { 
                  background:#fff;
                  margin-bottom:10px;
                  padding:10px 5px 10px 5px;
                  border:2px solid #aad5de;
                  -moz-border-radius:10px; 
                  -webkit-border-radius:10px;
	  }

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

.url {        display:none;
	color:#192;
	}

.linkdesc {
                padding-bottom:10px;
	color:#333;
	font-style:italic;
	}

.feedurl {
	display:none;
	}



/* :: EVENTS :: */

.cdwn {
	padding:2px 0;
	}

.cdwn p {
	margin:0;
	}



/* :: TAGS :: */

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

.tagged {
	font-weight:bold;
	}


/* :: 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 #9b5203;
	border-right:1px solid #b84d00;
	}

/* :: SEARCH :: */

#searchbox {
                width:170px;
                margin-bottom:10px;
	}

#submitsearch {
	margin-bottom:10px;
                       }

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

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

.s-result a:link, .s-result a:visited {
	color:#093A74;
	}
/* :: TAG CLOUD :: */

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

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