/* Nguon:http://files.myopera.com/phamlam/autumn2008/Autumn2008_Updated_12-10-08.txt */
#menu a {visibility:collapse}
#menu_blog a:before{content:"Trang chủ"; visibility:visible;}
#menu_archive a:before{content:"Bài viết"; visibility:visible;}
#menu_albums a:before{content:"Album"; visibility:visible;}
#menu_links a:before{content:"Liên kết"; visibility:visible;}
#menu_friends a:before{content:"Bạn bè"; visibility:visible;}
#menu_about a:before{content:"Giới thiệu"; visibility:visible;}

/* :: MAIN LAYOUT :: */
body {
	background:#63503d url(http://files.myopera.com/phlam/autumn2008/bg.gif) repeat; /* Bgr toan trang */
	margin:0;
	padding:0;
	font:12px/180% Verdana, Tahoma;
	text-align:center;
	color:#6a2d16;
	}
#wrap0 {
	margin:0 auto;
	background:url(http://files.myopera.com/phlam/autumn2008/bg_top.png) repeat-x; /* Bgr top*/
	}
#wrap1 {
	margin:0 auto;
	width:1000px !important;
	background:url(http://files.myopera.com/humiho/skin_muathu/content_w.jpg) top center repeat-y; /* Background chinh, lap tu tren xuong duoi theo chieu doc */
	}
.onecol {
	background:url(http://files.myopera.com/phlam/autumn2008/content_w_onecol.jpg) top center repeat-y !important; /* Bgr content khi co 1 cot */
	}	
#wrap2 { 
	background:url(http://files.myopera.com/humiho/skin_muathu/banner_w.jpg) top center no-repeat; /* banner */
	}
.onecol #wrap2 {
	background:url(http://files.myopera.com/phlam/autumn2008/banner_w_onecol.jpg) top center no-repeat; /* Bgr banner khi co 1 cot */
	}	
#wrap3 {
	background:url(http://files.myopera.com/humiho/skin_muathu/footer_w.jpg) left bottom no-repeat; /* footer */
	}
.onecol #wrap3 {
	background:url(http://files.myopera.com/phlam/autumn2008/footer_w_onecol.jpg) left bottom no-repeat; /* Bgr footer khi co 1 cot */
	}		
#wrap4 {
	margin:0 auto;
	width:875px !important;
	}				
#topbar1 {
	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:875px	!important;
	height:148px; /*Do cao cua banner*/
	text-align:left;
	color:#fff;
	}
#top2 {
	height:109px;
	}
#top h1 {
	float:left;
	width:875px;
	text-align:right;
	letter-spacing:5px;
	line-height:30px;
	font-size:40px;
	padding-top:20px;
	font-family: Arial, Verdana;
	color:#fff;
	-moz-opacity: .55;
	opacity: .55;
	filter: alpha(opacity=55);
	}
#subtitle {
	float:left;
	width:875px;
	text-align:right;
	font:15px normal;
	font-family: Verdana, Tahoma;
	letter-spacing:0;
	color:#fff;
	-moz-opacity: .55;
	opacity: .55;
	filter: alpha(opacity=55);
	}
#menu {
	clear:both;
	height:39px;
	background:none top left no-repeat; /*Anh nen cua menu - Bgr menu*/
	margin-left:31px;
	margin-right:3px;
	}
#menu ul {
	padding:0;
	margin:0 0 0 10px;
	}
#menu li {
	float:left;
	line-height:39px;
	overflow:hidden;
	font-size:14px;
	list-style:none;
	width:12%;
	padding:0 5px;
	color:#fff;
	font-weight:bold;
        }
#menu a {
	display:block;
	color:#B5B5B5;/*mau cua font chu tren menu banner khi khong re chuot*/
	text-decoration:none;
	background:transparent;
	text-align:center;
	position:relative;
	width:160px;/*be rong cua menu khi dươc chon*/
	overflow:hidden;
	}
#menu a:hover, #menu a#selected {
        font-size:17px;/*kich co font chu cua menu khi duoc chon*/
	color:#E0E0E0;/*mau font chu cua menu khi duoc chon*/
        font-weight:bold;/*kieu font chu cua menu khi duoc chon*/
       	}

#content {
	clear:both;
	position:relative;
	width:860px !important; 
	text-align:left;
	margin:0 auto;
    padding:30px 0 110px 0;
	}
#content li {
	margin:0;
	list-style-position:inside; /* nguyen nhan lam lui dong tat ca the li o sidebar tren ie */
	}
#mainwrap {
	width:100%;
	margin-right:-215px;
	float:right;
	}
#main {
	margin-right:230px; /*Noi dung cac bai post cach le trai cua blog */
	margin-left:10px;
	width:625px;
	}
/*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;
	color:#aaa;
	}
#meta {
	float:left;
	width:25%
	}
#footer a:link, #footer a:visited, #footer a:active {
	color:#aaa;
	text-decoration:none;
	}
#footer a:hover {
	text-decoration:underline;
	}	
#footer #get {
	text-decoration:underline;
	}
#footer #get:hover {
	text-decoration:none;
	}

/* :: SIDEBAR :: */

#sidewrap {
	width:190px;
	float:left;
	overflow:hidden;
	margin-top:-15px;
	}
#side a:link, #side a:visited, #side a:active {
	text-decoration:none;	
	}
#side a:hover {
	text-decoration: underline;
	}
#side li {	
	font-size:13px;/*kich thuoc font chu cac link trong menu box*/ 
        list-style-type: none;
	list-style-position:outside;
	border-bottom:1px #993300 dotted;
	}
#side h2, #side caption {
	color:#6a2d16;/*mau tieu de box menu*//*http://www.colorschemer.com/online.html*/
        font-size:13px;
	font-weight: bold;
	text-transform:uppercase;
        padding:0 0 0 5px;
	text-align:left;
	}
#side h2.feedheader {
	padding:6px;
	}
#side h2 a:link, #side h2 a:visited, #side h2 a:active {
	text-decoration:none;
	}
.sidebox {
	margin-bottom:0px;
        padding-bottom:25px;/*le duoi cua menu box cach hang tiep theo*/
        }
.sidebox .pad {	
	padding-left:0px;
        text-align:left;        
	}
.sidebox p {
	margin:0;
	}
#side h3 {
	font-size:13px;
	margin-bottom:0;
	}

/* :: GENERAL RULES :: */

.mobile {
	display:none;
	}
.rtl {
	display:block;
	text-align:right !important;
	}
a:link, a:active, a:visited  {
	color:#6a2d16;
	text-decoration: underline;
	}
a:hover {
	color:#7F9741;
	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;
	}
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;
	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 a, #albumslides img {
	width:176px !important;
	height:130px !important;
	}
#albumslides {
	height:147px !important;
	}
#albumslides img {
	display:block;
	margin:7px;
	}
#albumslides {
	position:relative;
	background:#000;
	}
#albumslides a {
	position:absolute;
	display:block;
	top:0;
	left:0;
	}
	
/* blog */

.blockquote.bbquote, .post blockquote {
	background: url(http://files.myopera.com/phlam/files/trichdan.gif) 5px 5px no-repeat;
	padding: 30px 5px 5px 33px;
	margin:5px 0;
	font-style:italic;
	}
.comment2 blockquote.bbquote, .comment2 .post blockquote {
	/*background-color:#f6f6f6;*/
	}
.post{
	position:relative;
	float:left; /* Chinh khong co tag icon, comment bi lech sang phai */
	width:100%; /* Chinh do rong */
	padding:0;
	margin:0;
	overflow:hidden;
	color:#333333;
	background:url(http://files.myopera.com/phlam/autumn2008/cal.jpg) 10px top no-repeat;
	}
#firstpost {
	padding-top:0;
	border:none;
	}
.sticky {
	float:right;
	margin:0;
	font-size:0.85em;
	padding:0 25px 0 8px;
	height:26px;
	line-height:20px;
	background:url('Sticky00.gif') top left no-repeat;
	}
.post .sticky {
	color:#999;
	}
.tagicon {
	float:right;
	margin-left:8px;
	}
.post .title {
	margin:0;
	font-size:16px;
	padding:10px 0 0 75px;
	}
.title a:link, .title a:visited {
	display:block;
	background:transparent;
	text-decoration:none;
	}
.title a:link, .title a:visited, .tags a:link, .tags a:visited {
	color:#6a2d16;
	text-decoration:none;
	}
.title a:hover {
	color:#cc0000;
	text-decoration:underline;
	}
.postdate { /*Ngay viet bai phia duoi tieu de bai viet*/
	font-size:11px;
	color:#b7b7b7;
	margin:0;
	padding: 0px 85px ;	/*Cach le cua ngay thang viet bai*/
	background: url(http://files.myopera.com/phlam/autumn2008/arrow.gif) 75px center no-repeat;
	}
.tags { /*Tag phia duoi tieu de bai viet*/
	margin:0;
	font-size:11px;
	padding: 0 0 0 85px ;	/*Cach le cua ngay thang viet bai*/
	background:url(http://files.myopera.com/phlam/autumn2008/arrow.gif) 75px center no-repeat;
	}
.postinfo {
	position:absolute;
	top:27px;
	left:10px;
	display:block;
	width:48px;
	height:25px;
	overflow:hidden;
	text-align:center;
	}
.postinfo a {
	display:block;
	color:#333;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	}
.postinfo span:hover {
	color:#cc0000;
	font-weight:bold;
	}
.postinfo span {
	display:block;
	font-size:16px;
	overflow:hidden;
	color:#333;
	text-align:center;
	}	
.postinfo img{
	display:none;
	}
#blogtools {
	position:absolute;
	top:47px;
	left:525px;
	width:110px;
	overflow:hidden;
	display:block;
	z-index:1;
	}
.editthis {
	position:absolute;
	top:42px;
	right:2px;
	display:block;
	text-transform:lowercase;
	}
.postcomments {
	padding-left:5px;
	}
.content {   
	clear:both;
	padding:15px 10px 70px 10px;
	background: url(http://files.myopera.com/humiho/hinhlamblog/hinhnenchanbaiviet.jpg) center bottom no-repeat;
	}
.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:#6A2D16;
	border:1px solid #aaa;
	}
.pagenav b, #main .pagenav a:hover {
	padding:1px 5px;
	background:#7F9741;
	border:1px solid #555;
	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 {
CLEAR: both; BORDER-RIGHT: #eb1067 1px solid; BORDER-TOP: eb1067 1px solid; BACKGROUND: #77ff49 url(http://files.myopera.com/AnNguyenPhuong/files/la2.jpg); MARGIN: 15px 0px; OVERFLOW: auto; BORDER-LEFT: eb1067 1px solid; BORDER-BOTTOM: eb1067 1px - solid; color: 0d0106; font-size:14px;
}

.comment2 {
CLEAR: both; BORDER-RIGHT: #7a8408 1px solid; BORDER-TOP: #7a8408 1px solid; MARGIN: 15px 0px; OVERFLOW: auto; BORDER-LEFT: #7a8408 1px solid; WIDTH: 100%; BORDER-BOTTOM: #7a8408 1px solid; color: #7a8408 ; font-size:14px;
}
.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:2px;
	white-space:nowrap;
	}
#tagcloud a:link, #tagcloud a:visited, #tagcloud a:active {
	color:#7F9741;
	}
#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 {
	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:#7F9741; 
	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;
	}
#qp #mystatus {
	color:#993300;
	width:auto;
	margin-bottom:7px;
	}	
#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:222px;
	}
#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;
	border:1px solid #FFFFFF;
	}
#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(bgr_frie.jpg) 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:#b7b7b7;
	}
#content .tags a:hover {
	color:#7F9741;
	}
.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;
	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;
	text-align:center;
	}
#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:86px;
	overflow:hidden;
	}
#friendz li.first {
	clear:both;
	float:left;
	}	
.userlist a:link, .userlist a:visited, .userlist a:active {
	}
.userlist a:hover {
	background-position:100% -104px;
	}
.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;
	}
#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:#6a2d16;
	text-decoration:underline; 
	}
#newcomments a:hover.username:link, #newcomments a:hover.username:visited {
	color:#6a2d16;
	text-decoration:none;
	}	
#newcomments a:hover {
	text-decoration:underline;
	color:#7F9741;
	}
#newcomments li {
	clear:both;
	}
.userpic {
	width:49px;
	height:38px;
	margin:5px 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:2px 0 2px 15px;
	background: url(http://files.myopera.com/phlam/autumn2008/star.gif) left 7px no-repeat;
	display:block;
	}
#latestposts li a:hover {
	text-decoration:underline;
	}
	
/*LIEN KET SIDEBAR*/

.sidelinx li {
	list-style-type: none;
	padding:2px 0 2px 15px;
	background: url(http://files.myopera.com/phlam/autumn2008/latestpo.gif) left 7px no-repeat;
	}
.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;
	}
.dropcaps{
	float:	left;
	color:	silver;
	font-size:	50px;
	line-height:38px;
	padding:0px 5px 0px 0;	
	font-family: Times, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}