/* 
	http://iiipro.com
	Suu tap tu my.opera.com
*/
@charset "utf-8";
/* 
	Copyright Opera Software. 
	Thiet ke boi LoveCastle (Heo)
	http://my.opera.com/LoveCastle/blog
	Note: Noi dung file css nay da duoc ghi chu' mot so phan nham sua chua de dang hon
	Neu ban su dung  nay xin vui long ghi ro nguon goc vatac gia thiet ke  tren blog cua ban

*/






/* :: MAIN LAYOUT :: */

body {
	background:url(http://files.myopera.com/Test_skin/files/bg1.jpg);
	margin:0;
	padding:0;
	font-family: Arial, Tahoma,'trebuchet ms',helvetica,sans-serif; /*Font chu mac dinh tren toan bo blog*/
	font-size:12px;
	line-height:145%;
	text-align:center;
	color:#111;
	}
#wrap0 {

	width:100%;

	}

#wrap1, #wrap3 {
	margin:0 auto;
	width:100%;
	max-width:100%;
	}


#wrap3 {
	width:100%x;
	line-height:1.55;
background:url(http://files.myopera.com/Test_skin/files/top1.jpg) repeat-x top left; /*Anh nen chinh cua trang - Bgr wrap3*/
	}

#wrap4 {
	padding:0 15px;
	max-width:890px;

	}

#top {
	max-width:920px;
	width:auto;
	margin:0 -15px;
	}

#top h1 {
	padding-top:32px;
	font-size:2.3em;
	line-height:1.1;
	margin:0;
	}

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

#top2 form {
	padding-top:28px;
	}

#top2 input[type=text] {
	width:300px;
	margin:4px 0;
	}

				
#topbar1 {
	background: url(http://files.myopera.com/Test_skin/files/top.jpg) repeat-x top left;
	color:#6C7151;
	width:1008px;
	height:58px;
	overflow:hidden;
	line-height:24px;
margin:0 auto;
	}

img {
	border:none;
	}

.mobile, .hide {
	display:none;
	}

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

#topbar2, #toplogin div {
	width:708px;
	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:#6C7151;
	}

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

#topbar1 p, #toplogin p {
	margin:0;
	font-size:15px;
font-weight:bold;
	padding:24px 0;
	}

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

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

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

div#topbar1 a.hidemobile {display:none}


#edittitle {
	padding-top:1px;
	}

#top {
	font-size:11px;
	width:1008px	!important;
	height:256px; /*Do cao cua banner*/
	text-align:left;
	color:#fff;
	background: url(http://files.myopera.com/Test_skin/files/) top center no-repeat; /*Anh banner - Bgr banner*/
	padding-left:0;
	}

#top2 {
	height:152px;
	padding-left:105px; /*Tieu de blog cach le trai */
	}

#top h1 {
	margin:0;
	width:500px;
	font-size:24px;
	font-family: Tahoma, arial, helvetica,sans-serif; /*Font cua tieu de la tahoma*/
	line-height:normal;
	font-weight:normal;
	padding-top:108px; /*Tieu de blog cach phia tren cung */
	}

#subtitle {

        color: #056500;
	width: 500px;
        line-height: 210%;
	position: absolute;
	top:65px;
	left: 250px;
	}

#menu {
	margin-left:75px;
	
	width:  765px;
	clear:both;
	height:28px;
	background:url(http://files.myopera.com/Test_skin/files/menubg.gif); /*Anh nen cua menu - Bgr menu*/
	}


#mobmenu {
        DISPLAY: block; 
        Z-INDEX: 998; 
        RIGHT: 0px; 
        BACKGROUND-IMAGE: url(http://files.myopera.com/LoveCastle/files/3Emoticons1.png); 
        WIDTH: 170px; 
        BOTTOM: 0px; 
        BACKGROUND-REPEAT: no-repeat; 
        POSITION: fixed; 
        HEIGHT: 125px; 
        BACKGROUND-COLOR: transparent
        }


#menu ul {
	padding:0;
	margin:0 0 0 10px;;
	height:28px; /*Do cao cua menu*/
	}

#menu li {
	float:left;
	line-height:28px;
	height:28px;
	overflow:hidden;
	font-size:11px;
	list-style:none;
	width:14%;
/*	margin:1px 0 0 0;*/
	padding:0;
	}


#menu a {
	display:block;
	height:28px;
	color:#798763;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	}

#menu a:hover {
	color:#fff;
		
	}
#menu a#selected
	{
		text-decoration: none;
	color:#6C7151;
	}

.menu_home {
display:none;
}

#content, #footer {
	clear:both;
	position:relative;
	width:768px !important;  /*Noi dung trang cach le moi ben 5px, tuong duong voi margin nhung ko su dung trong truong 

hop nay vi bi loi hien thi - width of content*/
	text-align:left;
	margin:0 auto;
	}

#content {
	padding:0;
	background-image:#eee; /*Anh nen cua noi dung  - Bgr of content*/
	background-repeat: no-repeat;
	background-position: right top;
	}

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


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

#main {
	margin-left:210px; /*Noi dung cac bai post cach le trai cua blog */
	margin-right:5px;
	padding-bottom:15px;
	margin-top:-65px;
	width:553px;
	}

/*Chinh do float cua footer*/
#footer {
	clear: both;
	width:100%;
	height:70px;
	POSITION: relative;
	left: 0px; 
	bottom:0px;
background:transparent url(http://files.myopera.com/Test_skin/files/bgfooter.gif) bottom center no-repeat
	}
/*End chinh do float cua footer*/
#footer p {
	margin:0;
	padding-top:15px;

	}
#meta {
	float:left;
padding-right:250px;
	width:25%
	}

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

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

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

/* :: SIDEBAR :: */

#sidewrap {
	width:190px;
	float:left;
	font-size:11px;
	margin-top:-65px;
	overflow:hidden;
	background:#eee;
	}

#side a:link, #side a:visited, #side a:active {
	color:#6C7151; 
	}
	
#side a:hover {
	text-decoration: none;
	}	
#side li {	
	font-size:11px;
	list-style-type:none;
	color:#6C7151;
	}
	
#side li a:hover{
	text-decoration:underline;
	}
	
#side h2, #side caption {
	color:#fff;
	background:#3bc209 url(http://files.myopera.com/Test_skin/files/menubg.gif) top left no-repeat; /*Anh nen top cua tung box*/
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 1px 0;
	padding:6px;
	text-align:left;
padding-left:2.5px;
	}


#side h2.feedheader {
	background:#3bc209 url(http://files.myopera.com/Test_skin/files/menubg.gif) top left no-repeat; /*Anh nen top cua box feed*/
	padding:6px;
	}

#side h2 a:link, #side h2 a:visited, #side h2 a:active {
	color:#6C7151; /*Mau lien ket tieu de cac box (mau trang)*/
	text-decoration:none;
font-weight:italic;
	}

.sidebox {
	background:#f6faf9 url(http://files.myopera.com/Test_skin/files/bgr_sidebox.jpg) top left repeat-y; /*Anh nen tuyet roi cua tung box*/
	margin-bottom:15px;
	}

.sidebox .pad {	
	background:url(http://files.myopera.com/Test_skin/files/sidebox_footer.jpg) bottom left no-repeat; /*Anh nen 

duoi cung cua tung box*/
	padding:0px;
	margin-top:1px;
	/*background-color:#333333;*/
	}

.sidebox p {
	margin:0;
	color:#6C7151;
font-weight:italic;
	}

#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:#4E5706;
	text-decoration: none;
	}

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

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

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

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

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

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

.album2 {
	clear:both;
	margin:15px 0;
	padding:10px 10px 9px 10px;
	}
	
.albumthumb1, .albumthumb2 {
	float:left;
	width:285px;
	height:221px;
	background:transparent;
	}
	
.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 #0089fd; */
	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:#798763;
	} 

#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:#C9D866;
	text-decoration: underline;
	}	

/* - VIEW IMAGE - */

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

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



/* blog */
blockquote.bbquote, .post blockquote {
	background:transparent url(http://files.myopera.com/LoveCastle/skin/quote.gif) top left no-repeat;
	padding: 30px 5px 5px 33px;
	margin:0px 5px;
	color:#555;
	font-style:italic;
	}
.post {
	clear:both;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0;
	padding-right:0;
	width:100%;
	overflow:hidden;
	background: url(http://files.myopera.com/Test_skin/files/bgr_post_2.jpg) bottom left no-repeat; /*hinh nen cua bai viet*/
	}

#firstpost {
	padding-top:-15px;
	border:none;
	/*margin:0;*/
	}
.post .sticky {
	float:right;
	margin:0;
	font-size:0.85em;
	padding:0 25px 0 8px;
	height:26px;
	line-height:20px;
	}
	
.post .sticky {
	color:#999;
	}
.tagicon {
	float:right;
	margin-left:8px;
	}
.post .title {
	margin:0;
	line-height:1;
	font-size:22px;
	padding-top:20px;
	padding-left:20px;
	padding-bottom:5px;
	background:#fff url(http://files.myopera.com/Test_skin/files/bgr_title1.jpg) top center no-repeat; /*hinh nen cua tieu de bai viet*/
	}

.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:#cc0000;
	text-decoration:underline;
	}
.postdate { /*Ngay viet bai phia duoi tieu de bai viet*/
	font-size:0.85em;
	/*margin:0.25em 0 1em 0;*/
	margin:0;
	border-left:1px solid #c2c3c3; /*Border dotted cua date*/
	border-right:1px solid #c2c3c3; /*Border dotted cua date*/
	text-transform:uppercase;
	padding: 0px 20px ;	/*Cach le cua ngay thang viet bai*/
	background:#FFFFFF url(http://files.myopera.com/Test_skin/files/bg_post.jpg) center repeat-y;
	}

.tags { /*Tag phia duoi tieu de bai viet*/
	margin:0px;
	font-size:0.85em;
	text-transform:uppercase;
	border-left:1px solid #c2c3c3; /*Border dotted cua date*/
	border-right:1px solid #c2c3c3; /*Border dotted cua date*/
	padding: 0px 20px ;	/*Cach le cua ngay thang viet bai*/
	background:#FFFFFF url(http://files.myopera.com/Test_skin/files/bg_post.jpg) center repeat-y;
	}
	
.postinfo {
	clear:both;
	margin-top:1em;
	font-weight:bold;
	}

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

.content {
	background:#FFFFFF url(http://files.myopera.com/Test_skin/files/bg_post.jpg) center repeat-y;
	clear:both;
	padding:5px 10px;
/*  font-family: "Courier New", Courier, Tahoma, monospace;
	font-size:13px;*/
	border-left:1px solid #c2c3c3;
	border-right:1px solid #c2c3c3;
	}

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

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

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

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

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

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

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

.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:#fff;
	}
#posttitle, #excerptfield ,#postcontent {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.trackbacks h2 {
	font-size:1em;
	}

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

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

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

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

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

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

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

.comments {
	clear:both;
	}

.comment1, .comment2 {
	clear:both;
	margin:15px 0;
	width:100%;
	overflow:auto;
	border:1px solid #ddd;
	background:#ffffff;
	}

.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:#6C7151;
	}

#tagcloud .size1 {
	font-size:11px;
	font-weight:bold;
	}

#tagcloud .size2 {
	font-size:12px;
font-weight:bold;
	}

#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: #F6F6F6;
	border-bottom:1px solid ##6C7151;
	color:#999;
	}

#calendar td {
	border-top:0px solid #444;
	border-right:0px solid #222;
	border-bottom:0px solid #222;
	border-left:0px solid #444;
        background: url(http://files.myopera.com/Test_skin/files/calendartd.gif) no-repeat center;
	}
#calendar {
	border-spacing:1px;
	margin-bottom:20px;

	}

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

#calendar td {
	line-height:16px;
	padding:1px;
	text-align:center;

	}

#calendar td a {
	font-weight:bold;

	}
#calendar td a:hover {
	color:#ffb11e; /*Mau vang tuong doi dam*/
	text-decoration:underline;

	}

#calendar tfoot td {
	text-align:left;
	border-bottom:2px solid #6C7151;
border-top:none; border-right:none; border-left:none;

	}

#nextmonth, #prevmonth {
	padding:4px 1px;
	width:48%;
	}

#nextmonth {
	text-align:right;
	}

/* :: PROFILE :: */
#profile {
	width:95%;
padding:20px;
	}

#profile h2 {
font-size:12px;
background: url(http://files.myopera.com/Test_skin/files/menubg.gif)
padding:2px 5px;
margin:0 0 2px 0;
color:#fff;
}

#profile-top {
	background:#eee;
	margin-bottom:15px;
border-bottom: 1px solid #6085BC;
border-right: 1px solid #6085BC;
border-left: 1px solid #6085BC;
	}

#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 #6085BC;
	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:#eee;
	margin-bottom:15px;
border-bottom: 1px solid #6085BC;
border-right: 1px solid #6085BC;
border-left: 1px solid #6085BC;
	}

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

.spotimg div {
	background:#fff;
	border:1px solid #aaa;
	margin:0 5px 5px 5px;
	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 {
	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:#f5f5f5 url(http://files.myopera.com/Test_skin/files/picbg000.htm) bottom left repeat-x;
	}

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

/* friends */


#myfriends li div {
	background:transparent url(http://files.myopera.com/Test_skin/files/friend1b.gif) top right no-repeat;
	}

#myfriends li a {
	color:#222;
	}

#myfriends .location {
	color:#999;
	}

#myfriends[id] a:hover {
	color:#fff;
	}

#myfriends {
	width:100%;
	background:#eee;
	}

#myfriends li {
	width:192px;
	overflow:hidden;
	max-width:32%;
	display:inline;
	float:left;
	margin-bottom:12px;
	line-height:1.5;
	background:#eee;
	}

#myfriends li div {
	width:100%;
	overflow:hidden;
	height:186px;
	}

#myfriends li a {
	display:block;
	padding:10px 12px 0 11px;
	text-decoration:none;
	}

#myfriends li a:hover strong {
	text-decoration:underline;
	}

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

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

#myfriends li strong {
	display:block;
	}

#myfriends .location {
	font-size:0.8em;
	}

#myfriends .pagenav {
	border:none;
	text-align:left;
	padding:3px;
	}

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

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

/* :: LINKS :: */

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

#mylinks {
	width:95%;
padding-left:14px;
background:#eee;
	}

#mylinks h2 {
background:#eee;
	margin:30px 0 15px 0;
	font-size:15px;
	text-transform:uppercase;
	background:transparent;
	padding:2px 0px;
	color:#6C7151;
border-bottom:2px solid #6C7151;
	}

#mylinks h2.firstheader {
	text-transform:uppercase;
	margin-top:0;
	background:#eee;
	padding:2px 0px;
	color:#6C7151;border-bottom:2px solid #6C7151;
	}

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

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

#mylinks .grey {
	color:#aaa;
background:#eee;
	}

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

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

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

.url {
	color:#000;
	}

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

.feedurl {
	display:none;
	}


/* :: EVENTS :: */

.cdwn {
	padding:2px 0;
	}

.cdwn p {
	margin:0;
	}

/* :: TAG CLOUD :: */

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

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

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



/* :: TAGS :: */

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

#content .tags a:hover {
	color:#6C7151;
	}

.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 solid #333;
	}

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

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

#blogsearch input {
	margin-top:1px;
	vertical-align:middle;
	}
#blogsearch {
	height:60px;
	}
.s-result {
	margin-top:11px;
	border-top:1px dotted #999;
	padding-top:1px;
	}

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

#side #getopera {display:none;	}

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



#visitors a {
	text-decoration:none;
	display:block;
	height:80px;
	width:83px;
	margin-left:2.5px;
	}

#side #visitors li a:hover {
	background-position:100% -72px;
	}

#visitors img {
	margin-top:8px;
	text-align:center;
	width:78px;
	height:68px;
	margin-left:2.5px;
	}

#visitors li {
	height:80px;
	width:83px;
	float:left;
	margin:0 4px 4px 0px;
	text-align:center;
	padding-left:5px;
	}

#visitors span {
	width:70px;
	height:15px;
	line-height:15px;
	overflow:hidden;
	margin:0 5px;
	}

#visitors .mid {
	/*margin:0 4px 4px 4px;*/
	}
	

/* :: FRIENDS IN SIDEBAR :: */

#friendz img {
	display:block;
	width:88px;
	height:66px;
	}

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

#friendz li.first {
	clear:both;
	float:left;
	}
/* shoutbox */

#shoutbox li {
	background:url(/community/graphics/themes/chat3.gif) bottom left no-repeat;
	}

#shoutbox p {
	color:#999;
	background:url(/community/graphics/themes/chat1.gif) bottom left no-repeat;
	}

#shoutbox .me p {
	background-image:url(/community/graphics/themes/chat1-me.gif);
	}

#shoutbox blockquote {
	background:url(/community/graphics/themes/chat2.gif) top left repeat-y;
	color:#000;
	}
	
/* shoutbox */

#shout {
	width:160px;
	}

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

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

#shoutbox li {
	padding:0 0 11px 0;
	margin-bottom:10px;
	line-height:1.3;
	
	}

.chatpic {
	margin-right:2.5px;
	float:right;
	}

.me .chatpic {
	float:left;
	margin-left:2.5px;
	}

#shoutbox .me p {
	margin-right:2.5px;
	text-align:right;

	}

#shoutbox p {
	padding:0 0 14px 0;
	margin-left:2.5px;
	clear:left;
	text-align:left;

	}

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

#shoutbox blockquote {
	clear:both;
	margin:0;
	padding:0 10px;
	font-style:normal;
	color:#6C7151;
	}
		
/* latest comments */

#newcomments ul {
	margin-bottom:-6px;
	}
#newcomments a {
	text-decoration:none;
	padding-left:10px;
	}
#newcomments a.username:link, #newcomments a.username:visited {
	color:#6C7151; /*Mau Vang tuong doi dam*/
	text-decoration:underline; 
padding-left:10px;
	}
#newcomments a:hover.username:link, #newcomments a:hover.username:visited {
	color:#ffb11e;
	text-decoration:none;
	}	
#newcomments a:hover {
	text-decoration:underline;
	color:#feeca9;
	}
#newcomments li {
	clear:both;
	padding:5px 5px 5px 0px;
	margin-bottom:5px;
	}
.userpic {
	width:49px;
	height:38px;
	margin:0 1px 6px 5px;
	float:right;
	}

.userpic img {
	display:block;
	/*margin:2px;*/
	border:1px solid #333;
	padding:2px;
	}
	
/* LATEST POSTS */

#latestposts ul {
	margin-top:4px;
	}
#latestposts li {
	padding:3px 0 3px 0px;
	display:block;
	margin-bottom:2px;	
	}
#latestposts li a:hover {
	text-decoration:underline;
	/*background-color:#181a1b;*/
	}

/* :: 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:uppercase;
	background:#226688 url(http://my.opera.com/community/graphics/users/5/m1.gif) top left no-repeat;
	color:#fff;
	}

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

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

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

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

/*  PROFILE */

#personal {
	padding:5px;
	border:1px solid #DDDDDD;
	margin-bottom:5px;
	}
#personal li {
	display:block;
	padding:3px;
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #DDDDDD;
	}
	
#userpic {
	width:300px;
	height:230px;
	float:right;
	}

#userpic img {
	display:block;
	margin:12px 15px 18px 18px;
	}

#myspots .sidelinx h3 {
	padding-top:8px;
	}

#ff strong {
	display:block;
	}

#ff li, #grouplist td {
	padding:6px 0;
	}

#ff ol {
	margin:0;
	}
	
/* profile */

#ff ol li {
	list-style-position:inside;
	background:#eee;
	}
	
#ff ul {
	margin:0;
	background:#eee;
	}

#ff li, #grouplist td {
	border-top:1px solid #eee;
	background:#eee;
	}

#ff, #grouplist {
	border-bottom:1px solid #eee;
	background:#eee;
	}

#userpic {
	background:#eee url(http://files.myopera.com/phamlam/summer2007/userpic1.png);
	}
#aboutme {
	padding:5px;
	border:1px solid #DDDDDD;
	background:#eee;
	}

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

.size1 {
	font-size:11px;
	}

.size2 {
	font-size:14px;
	font-weight:bold;
	}

.size3  {
	font-size:18px;
	font-weight:bold;
	}

.size4  {
	font-size:21px;
	font-weight:bold;
	}

.size5  {
	font-size:27px;
	font-weight:bold;
	}
/*LIEN KET SIDEBAR*/

.sidelinx li {
	padding:3px 0;
	display:block;
	}
.sidelinx li a:hover {
	color:#FFCC33;
	}

/* :: ALBUM  :: */

.albums {
	margin-top:18px;
	background:#eee;
	}

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

.album1 {
	clear:both;
	background:#eee /*url(bg_sideb.jpg) top left repeat-x*/;
	border:1px solid #ddd;
	padding:10px 10px 9px 10px;
	margin-bottom:15px;
	}

.album2 {
	clear:both;
	margin:15px 0;
	border:1px solid #e3e3e3;
	padding:10px 10px 9px 10px;
	background:#eee
	}
	
.albumthumb1, .albumthumb2 {
	float:left;
	width:174px;
	height:134px;
	background:#eee /*url(album100.gif) bg cua buc anh*/;
	}
	
.albumimage {
	margin:6px;
	border:1px solid #ddd;
	background:#eee
	}

.albumnfo {
	margin-left:186px;
	border:1px dotted #e3e3e3; /* Border dotted album info*/
	padding:0 4px; 
	background:#eee
	}		

.albumnfo .tags {
	font-size:10px;
	line-height:normal;
	text-transform:uppercase;
	background:#eee
	}

.albdesc {
	width:100%;
	overflow:hidden;
	background:#eee
	}

.albums .access {
	margin-top:5px;
	background:#eee
	}

.editimg {
	margin:6px 0;
	background:#eee
	}	

div.access {
	clear:both;
	margin-top:10px;
	border:1px dotted #cacac1;
	background:#eee;
	padding:5px;
	}

#albumlist li {
	list-style:none;
	list-style-position:outside;
	padding-left:13px;
	background:#eee;
	}
	
/* - ALBUM CONTENT - */
	
#mypix {
	clear:both;
	width:100%;
	background:#eee;
	}

#mypix .thumb1, #mypix .thumb2 {
	width:49%;
	overflow:hidden;
	float:left;
	margin-top:5px;
	background:#eee;
	}

#mypix .thumb1 {
	clear:both;
	background:#eee;
	}
	
#mypix .thumb2 {
	float:right;
	background:#eee;
	}
		
#mypix div p {
	font-size:10px;
	margin:5px 0 0 0;
	padding:1px 5px;
	border:1px solid #c2c2c2;
	color:#fff;
	background:#eee; /* Background cua o comment*/
	} 

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

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

#mypix div div img {
	display:block;
	max-height:212px;
	max-width:280px;	
	width:100%;
	height:100%;
	background:#eee;
	}

#mypix .bigthumb {
	width:100%;
	height:100%;
	background:#eee;
	}

#mypix .toolicons {
	border:none;
	padding:0;
	/*background:#fff;*/
	background:#eee;
	}

#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 #777;
	background:#eee;
	}

#frame2 {
	padding:6px;
	background:#eee;
	}

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

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

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

.comments {
	margin-top:15px;
	background:#eee;
	}

#newcomment {
	margin-top:25px;
	background:#eee;
	}

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

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

.preview img {
	margin:2px;
	background:#eee;
	}

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

.preview div {
	width:85px;
	height:64px;
	background:#fff;
	border:1px solid #808c9c;
	}	
#desc {
	margin-bottom:10px;
	border:1px solid #777;
	padding:0 5px;
	}
/* :: PERSONAL ADD :: */

/*.img  Giúp chèn Emotion không bi xuong dòng*/

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

/*Chia bài viet thành 2 cot dùng cho các bài dich tieng Viet và tieng Anh ho?c Tho quá dài*/

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