@charset "utf-8";

/* 

	Copyright Opera Software. 

    Skin Name: Summer2007 

 	Skin design by Pham Lam - http://phamlam.info 

	Date: 13/05/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



*/



@import 

url(http://files.myopera.com/phamlam/X_mast_Style/archive.css);

@import 

url(http://files.myopera.com/phamlam/X_mast_Style/albums.css);

@import url(http://files.myopera.com/phamlam/summer2007/about.css);





/* :: MAIN LAYOUT :: */



body {

	background-color:#444;

	margin:0;

	padding:0;

	font-family: Tahoma, Arial,'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;

	}	

#wrap2 { 

	margin:0 auto;

	width:778px !important;

	padding-bottom:480px; 

	margin-top:20px;

	

background:url(http://files.myopera.com/ldvpro_love/sh/botom3.jpg) 

bottom center no-repeat; /*Anh nen duoi cung - Bgr footer*/

	}

.onecol #wrap2 {

	background: 

url(http://files.myopera.com/hieu_bf/Blog/bgr_onecol_footer.jpg) left 

bottom no-repeat; /*Anh nen duoi cung khi co 1 cot - Bgr footer onle 

col*/

	}

	

#wrap3 {

	

background:url(http://files.myopera.com/phamlam/summer2007/bgr_mainpage.jpg) repeat-y; /*Anh nen chinh cua trang - Bgr wrap3*/

	}

.onecol #wrap3 {

	background:#fff 

url(http://files.myopera.com/phamlam/summer2007/bgr_onecol.jpg) 

bottom left repeat-y; /*Anh nen chinh khi ko co sidebar - Bgr no sidebar*/

	}



.onecol #top {

	background: 

url(http://files.myopera.com/ldvpro_love/sh/banner.jpg) top left 

no-repeat; /*Anh nen banner khi ko co sidebar - Bgr banner when no 

sidebar, one colume*/

	}

				

#topbar1 {

	background:#000 

url(http://files.myopera.com/phamlam/summer2007/bgr_topbar1.gif) top 

left repeat-x ;/*Anh nen cua topbar tren cung - Bgr topbar*/

	color:#fff;

	height:32px;

	overflow:hidden;

	line-height:24px;

	}

#topbar2, #toplogin div {

	width:778px;

	max-width:100%;

	min-width:700px;

	margin:0 auto;

	text-align:left;

	}



#edittitle {

	padding-top:29px;

	}



#top {

	font-size:11px;

	width:778px	!important;

	height:400px; /*Do cao cua banner*/

	text-align:left;

	color:#fff;

	background: 

url(http://files.myopera.com/ldvpro_love/sh/banner.jpg) top left 

no-repeat; /*Anh banner - Bgr banner*/

	}



#top2 {

	height:152px;

	padding-left:224px; /*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:20px; /*Tieu de blog cach phia tren cung */

	}



#subtitle {

	margin:0;

	width:500px;

	font-size:12px;

	}



/* ..:: MENU ::.. */



#menu {
	margin-top:200px;
	margin-left: 370px;
	width:712px;
	padding: 0px;
	height: 40px;
	line-height: 40px;
	color: #0499FD;
	font-size: 12px;
	font-weight: bold;
	background-image: url();   /*Anh nen cua menu - Bgr menu*/
	background-repeat: repeat-x;
	background-position: center;
}
#menu ul{
	margin-left: 15px;
	padding: 0px 10px;
        height:40px; /*Do cao cua menu*/
}
#menu li{
	list-style: none;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
#menu a{
	padding: 10px 8px 10px 8px;
    	color: #0499FD;
   	font-size: 12px;
}
#menu a:hover {
	color: #37C8FF;
	background-image: url(http://files.myopera.com/ldvpro_love/sh/shadow1.gif);
	/* Anh nen cua menu khi di chuot len - Change bgr when mouse over*/
	background-repeat: no-repeat;
	background-position: left top;
}


#menu a#selected

	{

	background: 

url(http://files.myopera.com/hieu_bf/Blog/menu_hover1.gif) bottom center 

no-repeat; /*Anh nen vi tri hien thoi - Bgr selected*/

	text-decoration: none;

	color:#fff;

	}



#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: 

url(http://files.myopera.com/phamlam/summer2007/bgr_content_3.gif); 

/*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;

	width:553px;

	}

/*Chinh do float cua footer*/

#footer {

	clear: both;

	width:100%;

	height:10px;

	POSITION: relative;

	left: 0px; 

	bottom:-55px;

	}

/*End chinh do float cua footer*/

#footer p {

	margin:0;

	padding:0;



	}

#meta {

	float:left;

	width:49%

	}



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

	overflow:hidden;

	}



#side a:link, #side a:visited, #side a:active {

	color:#fff;

	text-decoration:none;	

	}

	

#side a:hover {

	text-decoration: underline;

	}	

#side li {	

	font-size:11px;

	list-style-type: none;

	color:#fff;

	}

	

#side li a:hover{

	text-decoration:underline;

	}

	

#side h2, #side caption {

	color:#fff;

	background:#111111 

url(http://files.myopera.com/hieu_bf/Blog/bgr_sideboxtop_H_T.gif) top 

left no-repeat; /*Anh nen tren cua tung box - bgr of title all box in 

sidebar*/

	font-size:12px;

	font-weight:normal;

	text-transform:uppercase; /*Tieu de luon la chu in hoa*/

	margin:0 0 1px 0;

	padding:6px 2px 10px 16px;

	text-align:left;

	}



#side h2.feedheader {

	padding:6px;

	}



#side h2 a:link, #side h2 a:visited, #side h2 a:active {

	color:#fff; /*Mau lien ket tieu de cac box (mau trang)*/

	text-decoration:none;

	}



.sidebox {

	background:#2e77bf 

url(http://files.myopera.com/hieu_bf/Playlist_Background/Girl.JPG) center 

top no-repeat; /*Anh nen cua cac box - bgr all box*/

	margin-bottom:15px;

	}



.sidebox .pad {	

	background:#232526 

url(http://files.myopera.com/hieu_bf/Blog/bgr_sideboxbottom.jpg) bottom 

center no-repeat; /*Anh nen duoi cung cua tung box*/

	padding:6px;

	margin-top:1px;

	/*background-color:#333333;*/

	}



.sidebox p {

	margin:0;

	color:#fff;

	}



#side h3 {

	font-size:11px;

	margin-bottom:0;

	}



/* :: GENERAL RULES :: */



.mobile {

	display:none;

	}



.rtl {

	display:block;

	text-align:right !important;

	}



a:link, a:active, a:visited  {

	color:#0066cc;

	text-decoration: underline;

	}



a:hover {

	text-decoration: none;

	}



a.username:link, a.username:visited, a.username:active {

	color:#000;

	}



.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:#f9f9f9;

    overflow: auto;

		}



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;

	}

.block, .rtl, .alignright, .alignleft, .aligncenter, .center, .alignjustify {

	display:block;

	}



.rtl, .alignright, #meta {

	text-align:right;

	}



.alignleft, #top, caption {

	text-align:left;

	}



.aligncenter, .center, body {

	text-align:center;

	}



.alignjustify {

	text-align:justify;

	}

.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:#090;

	}



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

	}

	

/* blog */



.post {

	clear:both;

	padding-bottom:15px;

	padding-top:5px;

	padding-left:0;

	padding-right:0;

	width:100%;

	overflow:hidden;

	background: 

url(http://files.myopera.com/hieu_bf/Blog/bgr_post_21.jpg) bottom left 

no-repeat; /*hinh nen cua bai viet*/

	}



#firstpost {

	padding-top:0;

	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/phamlam/summer2007/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:#fff 

url(http://files.myopera.com/hieu_bf/Blog/arrow.gif) 10px center 

no-repeat;

	}



.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:#fff 

url(http://files.myopera.com/phamlam/summer2007/arrow.gif) 10px center 

no-repeat;

	}

	

.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 {

    

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

	}



#message {

height:300px;

width: 550px;

background:#ffffff url(http://files.myopera.com/hieu_bf/Blog/1kiss1.jpg) 

left no-repeat;

}  /*hinh cho comment box*/





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

	}



#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:#111;

	border-bottom:1px solid #000;

	color:#999;

	}



#calendar td {

	border-top:1px solid #444;

	border-right:1px solid #222;

	border-bottom:1px solid #222;

	border-left:1px solid #444;

	}

#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:none;

	}



#nextmonth, #prevmonth {

	padding:4px 1px;

	width:48%;

	}



#nextmonth {

	text-align:right;

	}



/* :: PROFILE :: */



/*Include About.css*/



/* :: 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(picbg000.htm) bottom left repeat-x;

	}



#myphoto img {

	max-width:190px;

	display:block;

	}



/* :: FRIENDS :: */



#myfriends {

	width:100%;

	}



#myfriends li {

	width:175px;

	overflow:hidden;

	max-width:32%;

	display:inline;

	float:left;

	margin-bottom:12px;

	line-height:1.5;

	}



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

	}



#myfriends li {

	background:#fff 

url(http://my.opera.com/community/graphics/themes/friend1a.gif) top left 

no-repeat;

	}



#myfriends li div {

	background:transparent 

url(http://my.opera.com/community/graphics/themes/friend1b.gif) top right 

no-repeat;

	}



#myfriends li a {

	color:#222;

	}



#myfriends .location {

	color:#999;

	}



#myfriends[id] a:hover {

	color:#fff;

	}



/* :: LINKS :: */



#applinks {

	clear:both;

	margin-top:15px;

	}

#mylinks {

	width:100%;

	}

#mylinks h2, #mylinks h2.firstheader {

	margin:10px 0;

	}

#mylinks .newsfeed {

	margin:-8px 0 8px 0;

	}



#mylinks p {

	margin:0;

	font-size:12px;

	}



#mylinks .grey {

	color:#aaa;

	}



#mylinks .col1, #mylinks .col2 {

	overflow:hidden;

	}



#mylinks .linkinfo {

	margin-bottom:5px;

	padding:2px 5px;

	border:1px solid #DDDDDD;

	}

#mylinks .linkinfo a{

	color:#cc0000;

	}



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

	}





/* :: TAGS :: */



#content .tags a:link, #content .tags a:visited, #content .tags a:active, .tag {

	color:#000;

	}



#content .tags a:hover {

	color:#42a6da;

	}



.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 h2 {

	background:#b2151b url(getOpera.jpg) top left no-repeat; ;

	color:#fff;

	padding:6px;

	}



#getopera p {

	padding-bottom:7px;

	background:none !important;

	}



#getopera .pad {

	color:#000;	

	background:url(getOpera.jpg) bottom right no-repeat;

	}



/* :: RECENT VISITORS :: */



#visitors a {

	text-decoration:none;

	display:block;

	height:72px;

	width:83px;

	}



#side #visitors li a:hover {

	background-position:100% -72px;

	}



#visitors img {

	margin-top:8px;

	text-align:center;

	}



#visitors li {

	height:72px;

	width:83px;

	float:left;

	margin:0 4px 4px 0px;

	text-align:center;

	border:1px solid #666666;

	}



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

	height:66px;

	}



#friendz li {

	float:right;

	/*width:50%;*/

	width:86px;

	overflow:hidden;

	margin:2px 0;

	border:1px solid #666666;

	}



#friendz li.first {

	clear:both;

	float:left;

	}

	

.userlist a:link, .userlist a:visited, .userlist a:active {

	background:#000;

	}



.userlist a:hover {

	background-position:100% -104px;

	}

	

/* friends in sidebar */



.userlist li {

	float:right;

	width:112px;

	height:93px;

	margin-bottom:6px;

	}



.userlist a {

	text-decoration:none;

	display:block;

	padding:5px;

	}



.userlist .first {

	float:left;

	}



.userlist span {

	margin-top:2px;

	}



.userlist span {

	width:100%;

	height:15px;

	line-height:15px;

	overflow:hidden;

	}

	

/* 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 a.username:link, #newcomments a.username:visited {

	color:#ffb11e; /*Mau Vang tuong doi dam*/

	text-decoration:underline; 

	}

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

	margin-bottom:5px;

	border:1px solid #333;

	}

.userpic {

	width:49px;

	height:38px;

	margin:0 1px 6px 5px;

	float:right;

	}



.userpic img {

	display:block;

	border:1px solid #333;

	padding:2px;

	}

	

/* LATEST POSTS */



#latestposts ul {

	margin-top:4px;

	}

#latestposts li {

	padding:3px 0 3px 5px;

	display:block;

	margin-bottom:2px;	

	}

#latestposts li a:hover {

	text-decoration:underline;

	/*background-color:#181a1b;*/

	}

#latestposts li{

	border:1px solid #333;

	}

	

/*LIEN KET SIDEBAR*/



.sidelinx li {

	padding:3px 0;

	display:block;

	border-bottom:1px solid #333;

	}

.sidelinx li a:hover {

	color:#FFCC33;

	}

/* :: PERSONAL ADD :: */



/*.img  Giúp chèn Emotion không bị xuống dòng*/



.img {

        display: inline!important;

        margin:0px 4px;

	}



/*Chia bà i viết thà nh 2 cột dùng cho các bà i dịch tiếng 

Việt và tiếng Anh hoặc thơ quá dà i*/



#overall {

	width:520px; 

	margin:0;

	}

.col {

	width:250px; 

	padding:0 5px; 

	float:left;

	}

http://files.myopera.com/phamlam/X_mast_Style/archive.css

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

	}



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

	}

http://files.myopera.com/phamlam/X_mast_Style/albums.css

/* :: ALBUM  :: */



.albums {

	margin-top:18px;

	}



.albums p {

	margin:0;

	padding:0 0 8px 0;

	}

.albums .clear {

	margin:0;

	}



.album1 {

	clear:both;

	background:#f6faf9 /*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;

	}

	

.albumthumb1, .albumthumb2 {

	float:left;

	width:174px;

	height:134px;

	background:#c2c2c2 /*url(album100.gif) bg cua buc anh*/;

	}

	

.albumimage {

	margin:6px;

	border:1px solid #ddd;

	}



.albumnfo {

	margin-left:186px;

	border:1px dotted #e3e3e3; /* Border dotted album info*/

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

	background:#132B57; /* Background cua o comment*/

	} 



#mypix div p.right {

	border-left:none;

	/*background:#f5f5f5; background cua so luong comment */

	}



#mypix div div {

	padding:6px;

	height:212px;

	border:1px solid #c2c2c2;

	/*background:#fff;*/ /* bg cua thum1*/

	}



#mypix div div img {

	display:block;

	max-height:212px;

	max-width:280px;	

	width:100%;

	height:100%;

	}



#mypix .bigthumb {

	width:100%;

	height:100%;

	}



#mypix .toolicons {

	border:none;

	padding:0;

	/*background:#fff;*/

	}



#mypix a:link, #mypix a:visited {

	color:#fff;

	text-decoration:none;

	}



#mypix a:hover {

	color:#C9D866;

	text-decoration: underline;

	}	



/* - VIEW IMAGE - */



#frame1 {

	clear:both;

	width:100%;

	border:1px solid #777;

	}



#frame2 {

	padding:6px;

	}



#frame3 {

	position:relative;

	width:100%;

	background:#050B17;

	}



#frame3 img {

	display:block;

	margin:0 auto;

	}



#frame3 p {

	margin:0;

	padding:6px 0 3px 0;

	background:#000;

	text-align:center;

	}



.comments {

	margin-top:15px;

	}



#newcomment {

	margin-top:25px;

	}



#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 #808c9c;

	}	

#desc {

	margin-bottom:10px;

	border:1px solid #777;

	padding:0 5px;

	}

http://files.myopera.com/phamlam/summer2007/about.css

@charset "utf-8";

/* 

	Copyright Opera Software. 

    Skin Name: Summer2007 

 	Skin design by Pham Lam - http://phamlam.info 

	Date: 13/05/2007

	File name: about.css



*/



/*  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;

	}

	

#ff ul {

	margin:0;

	}



#ff li, #grouplist td {

	border-top:1px solid #eee;

	}



#ff, #grouplist {

	border-bottom:1px solid #eee;

	}



#userpic {

	background:#fff 

url(http://files.myopera.com/phamlam/summer2007/userpic1.png);

	}

#aboutme {

	padding:5px;

	border:1px solid #DDDDDD;

	}