@charset "utf-8";
/* 
	Copyright Opera Software. 
    CSS chỉnh sửa bởi Van Giang
	Date: 20/06/2007
	Note: Noi dung file css nay da duoc ghi chu' mot so phan nham sua chua de dang hon
	Neu ban su dung skin nay xin vui long ghi ro nguon goc tac gia thiet ke skin tren blog cua ban

*/


/* :: MAIN LAYOUT :: */

body {
	background:#d96e6e;
	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;
	}
#wrap1 {
margin:0 auto;
width:802px !important;
background:#fad894;
padding-top:12px;
}	


#wrap2 { 
	margin:0 auto;
	width:778px !important;
	margin-bottom:0px;

background:#fad894;
	
	}

#wrap3 {
background: url(http://files.myopera.com/hangtran1286/skin/wrap2.gif);
}				
#topbar1 {
	background: url() top center no-repeat;
	color:#fad894;
width:882px;
	height:30px;
	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: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:#fad894;
	}

#topbar2 a.yellow:link, #topbar2 a.yellow:visited {
	color:#fad894;
	}

#topbar1 p, #toplogin p {
	margin:0;
	font-size:12px;
font-weight:normal;
	padding:5px 0;
	}

#toplogin {
	border-top:1px solid #555;
	background:transparent;
	color:#fad894;
	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:29px;
	}

#top {
	font-size:11px;
	width:778px	!important;
	height:260px; /*Do cao cua banner*/
	text-align:left;
	color:#d96e6e;
	background: transparent url(http://files.myopera.com/hangtran1286/skin/banner.gif) bottom right no-repeat; /*Anh banner - Bgr banner*/
	}

#top2 {
		padding-left:250px; padding-top:10px;
 /*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:bold;
	padding-top:0px; /*Tieu de blog cach phia tren cung */
	}

#subtitle {
	display:none;
	}

#menu {
	
width:210px;
	height:220px;
	float:left;
background: transparent url(http://files.myopera.com/hangtran1286/skin/menu.gif) top center no-repeat;
padding-top:10px;
	}

#menu ul, #menu li {
	
	list-style-position:outside;
	list-style:none;
	line-height:42px;
	font-size:12px;
	text-transform:uppercase;
text-align:center;
	}

#menu li {
margin:0px;
padding:0;
/*width:150px;*/
list-style-positionutside;
list-style:none;
line-height:42px;
font-size:12px;
text-transform:uppercase;
	background:transparent url(http://files.myopera.com/hangtran1286/skin/menubg.gif) bottom center no-repeat;
	}

#menu a:link, #menu a:visited, #menu a {
	display:block;
	color:#fad894;
	text-decoration:none;

text-align:center;

font-weight:bold;
	
	}

#menu a:hover, #menu #selected {
	
	color:#fad894;
	}



.menu_home {
display:none;
}

#content, #footer {
	clear:both;
	position:relative;
	width:778px !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-top:10px;
	background-image: url(footer.gif); /*Anh nen cua noi dung  - Bgr of content*/
	background-repeat: no-repeat;
	background-position: center bottom;
	}

#content li {
	margin:0;
	list-style-position:inside;
	}

#mainwrap {
	width:100%;
	margin-left:-215px;
	padding-bottom:12px;
	float:right;
	}

#main {
	margin-left:215px; /*Noi dung cac bai post cach le trai cua blog */
	margin-right:7px;
	padding-bottom:220px;
	width:550px;
	}
/*Chinh do float cua footer*/
#footer {
	clear: both;
	width:100%;
	
	POSITION: relative;
	left: 0px; 
height:12px;
background:#fad894;

	}
/*End chinh do float cua footer*/
#footer p {
	color:#fad894;
margin-top:0;
padding-top:15px;
	}

#meta {
	float:left;
padding-right:250px;
	width:25%
	}

#footer a:link, #footer a:visited, #footer a:active {
	color:#fad894;
	text-decoration:none;
	}

#footer #get {
	text-decoration:underline;
	}

#footer #get:hover {
	text-decoration:none;
	}

/* :: SIDEBAR :: */

#sidewrap {
	width:195px;
	float:left;
	font-size:11px;
	margin-top:5px;
	overflow:hidden;
margin-left:10px;
padding-bottom:200px;
	}

#side a:link, #side a:visited, #side a:active {
	color:#d96e6e;
	text-decoration:none;	
	}
	
#side a:hover {
	text-decoration: underline;
	}	
#side li {	
	font-size:11px;
	list-style-type: none;
	color:#d96e6e;
	}
	
#side li a:hover{
	text-decoration:underline;
	}
	
#side h2, #side caption {
	color:#d96e6e;
	background:url() top left no-repeat; /*Anh nen tren cua tung box - bgr of title all box in sidebar*/
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase; /*Tieu de luon la chu in hoa*/
	margin:0 0 1px 0;
	padding:6px 2px 2px 0px;
	text-align:center;
	}

#side h2.feedheader {
	padding:6px;
	}

#side h2 a:link, #side h2 a:visited, #side h2 a:active {
	color:#d96e6e; /*Mau lien ket tieu de cac box (mau trang)*/
	text-decoration:none;
	}

.sidebox {
	background:url(sidebox.gif) center bottom no-repeat; /*Anh nen cua cac box - bgr all box*/
	margin-bottom:15px;
	}

.sidebox .pad {	
	background:url() bottom center no-repeat; /*Anh nen duoi cung cua tung box*/
	padding:6px 6px 30px 6px;
	margin-top:1px;
	/*background-color:#333333;*/
	}

.sidebox p {
	margin:0;
	color:#d96e6e;
	}

#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:#d96e6e;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	color:#d96e6e;
	}

a.username:link, a.username:visited, a.username:active {
	color:#d96e6e;
	}

.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;
color:#d96e6e;
	}

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:#d96e6e;
	}

.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:193px;
	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 url(http://files.myopera.com/hangtran1286/skin/postbg.gif) center bottom no-repeat;
	padding:10px 10px 50px 5px;
	margin-bottom:15px;
	}

.album2 {
	clear:both;
	margin:15px 0;
	padding:10px 10px 50px 10px;
background:transparent url(http://files.myopera.com/hangtran1286/skin/postbg.gif) center bottom no-repeat;
	}
	
.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 #d96e6e;
	color:#000;
	background:#da9393;
	} 

#mypix div p.right {
	border-left:none;
	/*background:#f5f5f5;*/
	}

#mypix div div {
	padding:6px;
	height:212px;
	border:1px solid #d96e6e;
	/*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 #d96e6e;
	}

#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 0px 0;
}

.preview a {
text-decoration: none;
display: block;
padding:3px 3px 3px 3px;
}

.preview img {
overflow:hidden;
}

.preview div {
width:85px;
height:85px;
background:transparent;
border:1px solid #d96e6e;
}

#desc {
	margin-bottom:10px;
	border:1px solid #d96e6e;
	padding:0 5px;
	}



/* blog */

#blogtools {
	background:transparent;
padding-top:20px;
padding-left:20px;
	}

.whisper {
	color:#555;
	background:transparent url(/community/graphics/users/whisp.gif) 5px 7px no-repeat;
	padding:7px 21px;
	border:1px dotted #aaa;
	margin:10px 5px;
	}

.whisper i {
	font-size:11px;
	color:#aaa;
	}

blockquote.bbquote, .post blockquote {
	background:transparent url() top left no-repeat;
	padding: 30px 5px 5px 33px;
	margin:0px 5px;
	color:#555;
	font-style:italic;
	}

.post {
	clear:both;
	padding-bottom:50px;
margin-bottom:20px;
margin-top:5px;
	width:100%;
	overflow:hidden;
	background: url(http://files.myopera.com/hangtran1286/skin/postbg.gif) bottom center no-repeat ; /*hinh nen cua bai viet*/

	}

#firstpost { padding-bottom:50px;
	padding-top:0;	background: url(http://files.myopera.com/hangtran1286/skin/postbg.gif) bottom center no-repeat ; /*hinh nen cua bai viet*/

	/*margin:0;*/
	}
.post .sticky {
	float:right;
	margin:0;
	font-size:0.85em;
	padding-bottom: 50px;
	height:26px;
	line-height:20px;
background: url(http://files.myopera.com/hangtran1286/skin/postbg.gif) bottom center no-repeat ; /*hinh nen cua bai viet*/
	}
	
.post .sticky {
display:none;
	}
.tagicon {
	float:right;
	margin-right:30px;
margin-top:50px;
	}

.post .title {
	margin:0;
	line-height:1;
	font-size:18px;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
color:#d96e6e;
	background:transparent; /*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:#d96e6e;
	}
.title a:hover {
	color:#d96e6e;
	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;
	color:#d96e6e;
	text-transform:uppercase;
	padding: 0px 20px ;	/*Cach le cua ngay thang viet bai*/
	background:transparent;
	}

.tags { /*Tag phia duoi tieu de bai viet*/
	margin:0px;
	font-size:0.85em;
	text-transform:uppercase;
		padding: 0px 20px ;	/*Cach le cua ngay thang viet bai*/
	background: transparent;
	}
	
.postinfo {
	clear:both;
	margin-top:1em;
	font-weight:bold;
margin-left:5px;
	}

.postinfo img, .editthis img {
	margin:0 5px -1px 0;
	}
.editthis {
	padding-left:10px;
	}
.postcomments {
	padding-left:5px;
	}

.content {
        background: transparent url(postcontent.gif) bottom right no-repeat;
	clear:both;
	padding:30px 10px 100px 10px;
        font-family: Arial, "Courier New", Courier, Tahoma, monospace;
	font-size:13px;
	}

.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:left;
	margin:0;
	padding-top:20px;
padding-left:10px;
	}

.pagenav-info {
	text-align:left;
	font-size:0.9em;
	color:#d96e6e;
padding-left:10px;
	}

.pagenav a:link, .pagenav a:visited, .pagenav a:active, .pagenav b {
	padding:1px 2px;
	margin:0 1px;
	text-decoration:none;
	font-weight:normal;
	background:transparent;
	color:#d96e6e;
	
	}

.pagenav b, #main .pagenav a:hover {
	padding:1px 2px;
	background:transparent;
	
	color:#d96e6e;
	}

.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;
padding-bottom: 50px;
background: url(http://files.myopera.com/hangtran1286/skin/postbg.gif) bottom center no-repeat;
	}

.ownercomment {
	font-style:italic;
}

#newcomment h2 span:after {
    content:", please. Thanks for your time!";
}
.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;
background:transparent;
	}

/* :: 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:#d96e6e;
	}

#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 {
	background:transparent url() right bottom no-repeat;
		color:#111;
text-align:center;
	}

#calendar td {
	border:1px solid #d96e6e;
text-align: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:#6937b0; /*Mau vang tuong doi dam*/
	text-decoration:underline;
	}

#calendar tfoot td {
	text-align:left;
border:none;
background:url(http://files.myopera.com/hangtran1286/skin/sidebox.gif) bottom center no-repeat;
padding-bottom:30px;
	}

#nextmonth, #prevmonth {
	padding:4px 1px;
	width:48%;
	}

#nextmonth {
	text-align:right;
	}

/* :: PROFILE :: */

#profile {
	width:95%;
padding:20px;
	}

#profile h2 {
	font-size:12px;
	background:transparent;
	padding:05px 5px;
	margin:0;
	color:#000;
	}

#profile-top {
	background: transparent url() right bottom no-repeat;
	margin-bottom:15px;
	}

#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;
	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 url() right bottom no-repeat;
	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 #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;
margin-left:2px;
	overflow:hidden;
	background:#transparent;
	}

#myphoto img {
	max-width:190px;
	display:block;
	}

/* :: FRIENDS :: */

#myfriends {
	width: 602px
	}
.myfriend {
	/*background: url(friendpi.htm) #fff no-repeat left top; */
	float: left; 
	width: 175px; 
	margin-left: 8px
	}
.mypic {
	margin: 2px 0px 0px 5px; 
	height: 141px
	}
.mypic img {
	display: block; 
	width: 170px; 
	height: 128px
	}
.myfriend .txt {
	height: 70px;
	}
.myfriend h3 {
	margin: 2px 0px 2px 15px
	}
.myfriend P {
	padding-left: 5px; margin: 0px 0 0 10px;
	}
.myfriend blockquote {
	display: none
	}
.myfriend h2 {
	margin: 0px;
	}
.myloc {
	font-size: 11px; 
	margin: 0px 0px 4px; 
	color: #d96e6e;
	}
.friendof {
	font-size: 11px; 
	margin: 0px 0px 4px; 
	color: #666;
	}
.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: #cde6cc 5px solid
	}
#fnet2 h3 {
	background: #447c64; 
	border-bottom: #bbd6c3 5px solid
	}
#fnet3 h3 {
	background: #3f6e85; 
	border-bottom: #bed1d4 5px solid
	}
.fpic {
	border-right: #000 1px solid; 
	border-top: #000 1px solid; 
	float: left; 
	border-left: #000 1px solid; 
	width: 84px; 
	margin-right: 10px;
	border-bottom: #000 1px solid; 
	height: 64px
	}
.fpic img {
	display: block; 
	margin: 2px
	}
.fname {
	margin: 0px
	}

/* :: LINKS :: */

#applinks {
	clear:both;
	margin-top:15px;
	}

#mylinks {
	width:95%;
padding-left:10px;
	}

#mylinks h2 {
	margin:30px 0 15px 0;
	font-size:15px;
	text-transform:uppercase;
	background:transparent;
	padding:2px 5px;
	color:#d96e6e;
border-bottom: 2px solid #d96e6e;
	}

#mylinks h2.firstheader {
	text-transform:uppercase;
	margin-top:0;
	background:transparent;
	padding:2px 5px;
	color:#d96e6e;

	}

#mylinks .newsfeed {
	margin:-8px 0 8px 0;
	}

#mylinks p {
	margin:0;
	font-size:12px;
	}

#mylinks .grey {
	color:#aaa;
	}

#mylinks .col1, #mylinks .col2 {
	overflow:hidden;
	background:url() right bottom no-repeat;
	}

#mylinks .linkinfo {
	margin-bottom:15px;
	padding:2px 5px;
	}

.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;
	}
/* :: ARCHIVE :: */

#arc {
	width:95%;
padding:20px;
	}

.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;
height:25px;
padding-top:5px;
padding-left:5px;
	text-transform:uppercase;
	background:transparent;
color:#d96e6e;border-bottom:2px solid #d96e6e;
	}

#arc h3 a:link, #arc h3 a:visited, #arc h3 a:active {
	text-decoration:none;
	color:#d96e6e;
	}

#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 12px 7px 5px;
	color:#d96e6e;

	}

#arc a:link, #arc a:visited, #arc a:active {
	color:#d96e6e;
	}

/* :: 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:#d96e6e;
}

.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:#d96e6e;
	}

#content .tags a:hover {
	color:#d96e6e;
	}

.tagged {
	font-weight:bold;
	}

/* :: CARDS :: */

#ecard {
	position:absolute;
	width:126px;
	height:19px;
	bottom:2px;
	left:2px;
	}

/* :: POLL :: */

#poll ul {
	margin:0;
	}


#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;
color:#d96e6e;
	}

#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:80px;
	}
.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;	}


/* :: RECENT VISITORS :: */


#visitors li {
	float:left;
	width:60px;
	height:72px;
	}

#visitors img {
	margin:10px 1px 3px 7px;
	border:1px solid #d96e6e;
	}

#visitors p {
	padding-left:7px;
	margin:0;
font-size:9px;
	}
/* :: 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(chat3gre.gif) bottom left no-repeat;
	}

#shoutbox p {
	background:url(chat1gre.gif) bottom left no-repeat;
	color:#444;
	}

#shoutbox blockquote {
	background:url(chat2gre.gif) top left repeat-y;
	color:#eee;
	}

#shoutbox .me p {
	background-image:url(chat1gre.gif);
	}
	
/* 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 {
	float:right;
	}

.me .chatpic {
	float:left;
	}

#shoutbox .me p {
	text-align:right;
	}

#shoutbox p {
	padding:0 0 14px 0;
	margin:0;
	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;
	}
		
/* latest comments */

#newcomments ul {
	margin-bottom:-6px;
	}
#newcomments a {
	text-decoration:none;
	}

#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;*/
	}

	
/*LIEN KET SIDEBAR*/

.sidelinx li {
	padding:3px 0;
	display:block;
	}
.sidelinx li a:hover {
	color:#FFCC33;
	}
/* :: 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;
	}

