@charset "utf-8";
/* 
	Copyright Opera Software. 
 	Skin design by Cong Dinh - http://my.opera.com/congdinh.nguyen 
	Date: 1/11/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://my.opera.com/community/css/users/117/photos.css);
@import url(http://my.opera.com/community/css/http://files.myopera.com/congdinh.nguyen/themes1/photos01.css);
*/

@charset "utf-8";
/* ----------:: MAIN LAYOUT ::--------- */

body {
           
         	Scrollbar-face-color:#e8e9eb;
              Scrollbar-arrow-color:#e8e9eb;
	background:#fff url('http://files.myopera.com/congdinh.nguyen/themes1/Wrap4.gif') bottom center repeat-y;

	margin:0;
	padding:0;
              cursor:url(http://downloads.totallyfreecursors.com/cursor_files/tail2.ani);

              
	font-family: Tahoma, Arial,'trebuchet ms',helvetica,sans-serif;
	font-size:12px;
	line-height:145%;
	text-align:center;
	color:#111;
	}
	
#wrap0 {
	margin:0 auto;
	padding:0;
	background:url('http://files.myopera.com/congdinh.nguyen/themes1/Wrap0.gif') top center no-repeat;
	}
	
#wrap1 {
	margin:0 auto;
	padding:0;
	background:url('http://files.myopera.com/congdinh.nguyen/themes1/KWrap1.gif') top center no-repeat;
	}
		
#wrap2 { 
	margin:0 auto;
	padding:0;
	background:url('http://files.myopera.com/congdinh.nguyen/themes1/KWrap2.gif') top center no-repeat;
	}
	
#wrap3 {
	margin:0 auto;
	padding:0;
	text-align:center;
	width:800px;
	background:url('http://www.giaothongtuoiteen.com/skin_g3t/1/Wrap3_51.jpg') top left no-repeat; 
	}

#content {
	clear:both;
	display:block;
	text-align:left;
	margin:0 auto;
	padding:0;
	margin-top:10px;
	background:none !important;
	width:800px;
	position:relative;
	}
.blogfront {
	position:absolute;
	}
#content li {
	margin:0;
	list-style-position:inside;
	}

#mainwrap {
	width590px;
	margin:0px;
	padding:0px;
	float:right;
	margin-bottom:10px;
	}

#main {
	margin:0px;
	width:570px;
	margin-left:10px;
	}


#footer {
	display:block;
	clear:both;
	width:800px;
	text-align:left;
	margin:0 auto;
	padding:0;
	padding-left:10px;
	padding-top:5px;
	position:relative;
	}

#footer p {
	margin:0;
	padding:0;
	}
	
#meta {
	display:block;
	margin:0;
	padding:0;
	}
	
#meta a {
	margin:0;
	padding:0;
	}

#footer a:hover {
	margin:0;
	padding:0;
	}
	
#footer #get {
	margin:0;
	padding:0;
	}

/* ----------:: TOPBAR ::---------- */

#topbar1 {
	background:#eee url('http://files.myopera.com/congdinh.nguyen/themes1/Topbar.gif') bottom left repeat-x;
	margin:0 auto;
	color:#000;
	overflow:hidden;
	line-height:22px;
	}

img {
	border:none;
	}

.mobile, .hide {
	display:none;
	}

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

#topbar2, #toplogin div, #editstatus {
	background:none;
	width:800px;
	margin:0 auto;
	text-align:center;
	font-family:'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif;
	}

#toplogin div {
	background:#fff;
	}

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

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

#topbar1 p, #toplogin p {
	margin:0;
	font-size:11px;
	padding:4px 0;
	}

#toplogin {
	width:800px;
	margin:0 auto;
	background:#d54536;
	color:#111;
	padding:0;
	border:none;
	}

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

#toplogin .login {
	border-top: 1px solid #fea91a;
	background:#f4f4f4;
	}

#toplogin input {
	font-size:11px;
	border:none;
	}
#editstatus {
	color:#000;
	margin-top:-5px;
	margin-bottom:5px;
	}

#editstatus label {
	font-weight:bold;
	color:#000;
	}

#editstatus input {
	font-size:11px;
	margin-left:0px;
	background:none;
	color:#000;
	padding:2px;
	margin-bottom:5px;
	}

#editstatus input[type=submit] {
	color:#000;
	}

#editstatus input[type=button] {
	color:#000 !important;
	padding-left:5px !important;
	padding-right:5px !important;
	}

#editstatus input:focus {
	background:#fff;
	color:#000;
	}

#updstatus {
	width:340px;
	}

#status-save {
	margin-right:8px;
	padding-left:5px !important;
	padding-right:5px !important;
	}

#status-error {
	background:#e02;
	color:#000;
	padding:1px 4px;
	}

.mystatus-text {
	color:#000;
	padding:0px;
	}

/* ----------:: MENU & BANNER ::---------- */

#edittitle {
	}

.top-blog {
	display:block;
	width:800px !important;
	height:200px;
	margin:0;
	padding:0;
	background:url('http://files.myopera.com/greenfield66/files/banner.gif') bottom right no-repeat;
	}
		
.top-archive {	
	display:block;
	width:800px !important;
	height:200px;
	margin:0;
	padding:0;
	background:url('http://files.myopera.com/greenfield66/files/banner.gif') bottom right no-repeat;

}

.top-albums {	
	display:block;
	width:800px !important;
	height:200px;
	margin:0;
	padding:0;
	background:url('http://files.myopera.com/greenfield66/files/banner.gif') bottom right no-repeat;
}

.top-links{	
	display:block;
	width:800px !important;
	height:200px;
	margin:0;
	padding:0;
	background:url('http://files.myopera.com/greenfield66/files/banner.gif') bottom right 
no-repeat;
}

.top-friends {	
	display:block;
	width:800px !important;
	height:200px;
	margin:0;
	padding:0;
	background:url('http://files.myopera.com/greenfield66/files/banner.gif') bottom right no-repeat;
}

.top-about {	
	display:block;
	width:800px !important;
	height:200px;
	margin:0;
	padding:0;
	background:url('http://files.myopera.com/greenfield66/files/banner.gif') bottom right no-repeat;
}

	
.top-blog#top {
	display:block;
	width:800px;
	height:200px;/*Test - 300*/
	}
	
#top2 {
	width:492px;
	height:69px;/*test - 169*/
	margin:0;
	padding:0;
	text-align:left;
	margin-left:259px;
	}

#top h1 {
	width:492px;
	margin:0;
	padding:0;
	padding-top:12px;
	padding-bottom:2px;
	font-family:arial, verdana, tahoma;
	font-size:24px;
	color:#afd12a;
	text-align:left;
	}

#subtitle {
	width:492px;
	margin:0;
	padding:0;
	text-align:left;
	font-family:verdana;
	font-size:12px;
	color:#fff;
	}

#menu {
	overflow:hidden;
	width:492px;
	height:31px;
	margin:0px;
	padding:0px;
	text-align:center;
	margin-left:258px;
	margin-right:49px;
	}
	
#menu ul {
	width:492px;
	height:31px;
	margin:0px;
	padding:0px;
	}

#menu li {
	float:left;
	width:82px;
	height:31px;
	list-style:none;
	padding:0px;
	margin:0px;
	}

#menu a {
	float:left;
	width:82px;
	height:51px;
	font-size:11px;
	color:#000;
	text-decoration:none;
	background:url('http://files.myopera.com/congdinh.nguyen/themes1/Menu.gif') top left no-repeat;
	padding-top:7px;
	}

#menu a:hover, #menu a#selected {
	color:#990000;
	font-size:12px;
	font-weight:bold;
	background-position:0 -31px;
	}


#menu_blog a {
	background-position:0 0;
	}
#menu_blog a:hover, #menu_blog a#selected {
	background-position:0 -31px;
	}


#menu_archive a {
	background-position:0 0;
	}
#menu_archive a:hover, #menu_archive a#selected {
	background-position:0 -31px;
	}



#menu_albums a {
	background-position:0 0;
	}
#menu_albums a:hover, #menu_albums a#selected {
	background-position:0 -31px;
	}



#menu_links a {
	background-position:0 0;
	}
#menu_links a:hover, #menu_links a#selected {
	background-position:0 -31px;
	}



#menu_friends a {
	background-position:0 0;
	}
#menu_friends a:hover, #menu_friends a#selected {
	background-position:0 -31px;
	}
	
	

#menu_about a {
	background-position:0 0;
	}
#menu_about a:hover, #menu_about a#selected {
	background-position:0 -31px;
	}

/* ----------:: SIDEBAR ::---------- */

#sidewrap {
	width:210px;
	float:left;
	font-size:11px;
	margin-top:0px;
	overflow:hidden;
	}
#sidewrap #side {
	width:190px;
	}
#side a:link, #side a:visited, #side a:active {
	color:#666;
	text-decoration:none;
	}
	
#side a:hover {
	color:#000;
	text-decoration:none;
	}
		
#side li {	
	font-size:11px;
	list-style-type:none;
	margin:0;
	padding:0;
	padding-left:2px;
	color:#666;
	border-bottom:1px #acd22b solid;
	}

#side li a:link {
	display:block;
	text-decoration:none;
	text-align:left;
	padding-left:2px;
	padding-right:2px;
	}
	
#side li a:hover {
	background:#acd22b;
	text-decoration:none;
	}

#side h2, #side caption {
	color:#000000;
	background:#acd22b url('http://files.myopera.com/congdinh.nguyen/themes1/SideTop.gif') top left no-repeat;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center; 
	margin:0;
	padding:0;
	padding-top:5px;
	height:55px;
	}

#side h2.feedheader {
	background:url('http://files.myopera.com/congdinh.nguyen/themes1/SideTop.gif') top left no-repeat;
	}

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

.sidebox {
	margin-bottom:10px;
	padding-bottom:10px;
	background:url('http://files.myopera.com/congdinh.nguyen/themes1/SideBot.gif') bottom left no-repeat;
	}

.sidebox .pad {
	padding-bottom:10px;
	padding-top:2px;
	padding:5px;
	overflow:hidden;
	background:url('http://files.myopera.com/congdinh.nguyen/themes1/SideMid.gif') top left repeat-y;
	}


.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:#990000;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	color:#42a6da;
	}

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:5px;
	margin:0 0 10px 0;
	border: 1px solid #e4e4e4;
	background:#f4f4f4;
	overflow:scroll;
	width:97%;
	}

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

.arrow-prev {
	margin:0 4px -1px 0;
	}

.arrow-next {
	margin:0 0 -1px 4px;
	}

.col1, .col2 {
	margin-top:10px;
	width:49.5%
	}

.col1 {
	float:left;
	}

.col2 {
	float:right;
	}

.icon {
	margin:0 5px -3px 1px;
	}

.submit {
	font-size:11px;
	font-weight:bold;
	padding:3px 15px;
	}

.w100 #login-here {
	background:#ffffff;
	width:575px;
	padding:5px;
	padding-bottom:15px;
	}
	
.subheader {
	margin-top:-6px;
	}

.watchthis {
	padding-right:6px;
	}

.watch {
	margin:0 2px -1px 2px;
	}

/* ----------:: ALBUM SLIDESHOW ::---------- */

#albumslides {
	position:relative;
	width:190px;
	height:143px;
	background:url('http://files.myopera.com/congdinh.nguyen/themes1/SideMid.gif') top left repeat-y !important;
	}
#albumslides a, #albumslides img {
	width:180px !important;
	height:135px !important;
	}

#albumslides a {
	position:absolute;
	display:block;
	top:-1px !important;
	left:-2px !important; 
	}

/* ----------:: BLOG ::---------- */	
.post {
	clear:both;
	padding-bottom:15px;
	padding-top:5px;
	padding-left:0;
	padding-right:17;
	width:100%;
	overflow:hidden;
	background: url(http://www.giaothongtuoiteen.com/skin_g3t/1/bgr_post_2.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:15px;
	padding-top:4px;
	padding-left:60px;
	padding-bottom:35px;
	background:#fff url(http://files.myopera.com/congdinh.nguyen/themes1/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/phamlam/summer2007/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:0px;
	}
.postcomments {
	padding-left:0px;
	}

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

.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;
	padding-left:10px;
	white-space:nowrap;
	}

#tagcloud a:link, #tagcloud a:visited, #tagcloud a:active {
	color:#666;
	text-decoration:none;
	}
	
#tagcloud a:hover {
	color:#000;
	}

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

/* ----------:: CALENTAR ::---------- */

#calendar {
	background:url('http://files.myopera.com/congdinh.nguyen/themes1/Calendar.gif') top left no-repeat;
	width:190px;
	height:150px;
	margin-bottom:10px;
	}

#calendar th {
	text-align:center;
	color:#000000;
	}

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

#calendar td {
	empty-cells:hide;
	line-height:16px;
	padding:0px;
	text-align:center;
	border-top:1px #999 solid;
	border-left:1px #999 solid;
	}

#calendar td a:link{
	font-weight:bold;
	color:#db6911;
	}
#calendar td a:hover{
	font-weight:bold;
	color:#990000;
	text-decoration:underline;
	}

#calendar tfoot td {
	text-align:left;
	border:none;
	background:none;
	}

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

#nextmonth {
	text-align:right;
	}

#calendar td.l {
	}

#calendar caption a:link{
	height:50px;
	padding-top:2px;
	color:#000;
	}
#calendar caption a:hover {
	color:#fff;
	}


/* ----------:: PROFILE ::---------- */

#profile h2, #profile h1 {
	font-size:18px;
	font-weight:bold;
	color:#000000;
	}

#personal {
	padding:5px;
	border:1px #ddd solid;
	margin:5px;
	}

#personal li {
	display:block;
	padding:3px;
	color:#000;
	text-decoration:none;
	border-bottom:1px #ddd solid;
	}

#personal li a:link {
	color:#990000;
	}

#userpic {
	width:300px;
	height:230px;
	float:right;
	}

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

#ff strong {
	display:block;
	}

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

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

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

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

#grouplist a {
	color:#990000;
	text-decoration:none;
	}

#userpic {
	background:#fff url('http://files.myopera.com/nhaconline/wall_theme/UserPic.png');
	}

#aboutme {
	padding:5px;
	margin:5px;
	border:1px #ddd solid;
	}

#aboutwork {
	margin-top:20px;
	padding:5px;
	margin:5px;
	border:1px #ddd solid;
	}
/*
#profile .col1 {
	background:#ffffff;
	border-top:1px #e4e4e4 solid;
	padding:5px;
	width:315px;
}
#profile .col2 {
	background:#ffffff;
	border-top:1px #e4e4e4 solid;
	padding:5px;
	width:250px;
}
*/
/* ----------:: MY OPERA HIGHLIGHTS ::---------- */
#spotusers, #spotblogs {
	margin:0;
	padding:0;
}

#spotusers img {
	width:80px;
	height:60px;
	margin-left:10px;
	}

#spotusers li {
	float:left;
	width:90px;
	height:80px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	list-style:none;
	text-align:center;
	}

#spotusers span{
	color:#666;
	}

#spotusers h3{
	color:#000;
	padding-left:10px;
	}

#spotblogs img {
	width:80px;
	height:60px;
	margin-left:10px;
	}

#spotblogs li {
	float:left;
	width:90px;
	height:100px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	list-style:none;
	text-align:center;
	}

#spotblogs span{
	color:#666;
	}

#spotblogs h3{
	color:#000;
	padding-left:10px;
	}

/* ----------:: FAVORITE LINKS ::---------- */

#favlinks li {
	margin:0;
	background:#d9d9d9;
	border:1px #ddd solid;
	list-style:none;
	text-align:left;
	}

#favlinks a:link {
	color:#333;
	text-decoration:none;
	margin-left:5px;
	margin-right:5px;
	}

#favlinks a:hover {
	color:#000;
	text-decoration:none
	}

#favlinks p {
	color:#666;
	margin-left:5px;
	margin-right:5px;
	}

/* ----------:: 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;
	padding-top:5px;
	padding-bottom:5px;
	background:url('http://files.myopera.com/congdinh.nguyen/themes1/SideMid.gif') top left repeat-y;
	}

#myphoto img {
	width:180px;
	height:135px;
	display:block;
	margin-left:5px;
	}

/* ----------:: FRIENDS ::---------- */

#friendmenu {
	padding-left:15px;
	color:#000000;
	}

#friendmenu a{
	color:#990000;
	text-decoration:none;
	}
	
#friendmenu a:hover{
	color:#0099FF;
	text-decoration:none;
	}
	
#myfriends {
	width:100%;
	margin:0px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:0px; 
	padding-right:0px;
	}
	
#myfriends h1 {
	display:none;
	padding-left:13px;
	}

#myfriends .nobullets {
	margin:0;
	padding-left:9px;
	}

#myfriends li {
	width:182px;
	height:250px;
	overflow:hidden;
	display:inline;
	float:left;
	margin-bottom:10px;
	background:url('http://files.myopera.com/nhaconline/wall_theme/Friend.jpg') top left no-repeat;
	}

#myfriends li div {
	width:100%;
	overflow:hidden;
	height:240px;
	}
	
#myfriends li img {
	width:155px;
	height:115px;
	margin-top:4px;
	margin-left:4px;
	}

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

#myfriends li a:hover {
	color:#000;
	text-decoration:none;
	}

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

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

#myfriends li strong {
	display:block;
	margin:0;
	padding:0;
	margin-left:8px;
	width:178px;
	}

#myfriends .location {
	display:block;
	margin:0;
	padding:0;
	font-size:0.8em;
	margin-left:8px;
	width:178px;
	overflow:hidden;
	}

#myfriends .pagenav {
	border:none;
	text-align:left;
	padding:5px;
	padding-left:4px;
	}
	
#myfriends .online {
	display:block;
	margin:0;
	padding:0;
	margin-left:8px;
	width:178px;
	overflow:hidden;
	color:#990000;
	}
	
#myfriends .status {
	display:block;
	margin:0;
	padding:0;
	margin-left:8px;
	margin-right:8px;
	text-align:justify;
	overflow:hidden;
	}
	
#myfriends .friendname {
	margin-left:8px;
	margin-right:8px;
	text-align:left;
	overflow:hidden;
	}

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

#myfriends li div:hover {
	background-position:100% -250px;
	}
	
/* ----------:: LINKS ::---------- */

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

#mylinks {
	width:580px;
	padding:0;
	margin:0;
	margin-left:5px;
	}

#mylinks h2 {
	margin:20px 0 0px 0;
	font-size:14px;
	text-transform:uppercase;
	padding:2px 5px;
	color:#0099FF;
	background:#f4f4f4;
	border-top:1px #fead37 solid;
	}

#mylinks h2.firstheader {
	text-transform:uppercase;
	margin-top:0px;
	padding:2px 5px;
	color:#0099FF;
	background:#f4f4f4;
	border-top:1px #fead37 solid;
	}

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

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

#mylinks .grey {
	color:#aaa;
	}

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

#mylinks .linkinfo {
	margin-bottom:2px;
	padding:2px 5px;
	background:#f4f4f4;
	}
	
#mylinks .linkinfo a:link {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	}

#mylinks .linkinfo a:hover {
	color:#990000;
	}

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

.url {
	color:#000;
	}

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

.feedurl {
	display:none;
	}

/* ----------:: EVENTS ::---------- */

.cdwn {
	padding:2px 0;
	color:#000000;
	clear:both;
	padding:5px 5px;
	margin-bottom:5px;
	text-align:justify;
	}

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

#poll ul {
	margin:0;
	}

#pollresults li {
	margin-left:5px;
	border:none !important;
	}

#poll li {
	list-style-position:outside;
	list-style:none;
	padding:3px 0;
	color:#000000;
	}

#poll li input {
	vertical-align:middle;
	}

#pollsubmit {
	font-weight:bold;
	}

#poll p {
	padding:3px 0 0 0;
	margin:0;
	margin-left:5px;
	color:#000000;
	}

#poll li img {
	border-left:1px solid #9b5203;
	border-right:1px solid #b84d00;
	}

/* ----------:: IMAGE PROPERTIES ::---------- */

#imageproperties {
	color:#000;
	}

#imageproperties dd {
	color:#000000;
	}

/* ----------:: SEARCH ::---------- */
#blogsearch {
	border:none !important;
	background:none !important;
	}

#blogsearch div {
	display:block;
	visibility: inherit;
	background:url('http://files.myopera.com/hoangkien/mystyle5/Search.gif') top left no-repeat ;
	top: -35px;
	left:355px;
	padding:0;
	OVERFLOW: visible;
	POSITION: absolute;
	border:1px #e1e1e1 solid;
	}
#blogsearch div:hover {
	display:block;
	visibility: inherit;
	background:url('http://files.myopera.com/hoangkien/mystyle5/Search.gif') top left no-repeat ;
	top: -35px;
	left:355px;
	padding:0;
	OVERFLOW: visible;
	POSITION: absolute;
	border:1px #bbdc37 solid;
	}

#searchbox {
	text-align:center;
	border-left:none;
	border:none;
	height:18px;
	color:#960e11;
	}

#submitsearch {
	display:none;
	}
	
#blogsearch h2 {
	display:none;
	}
	
#blogsearch input[value="search"] {
	display:none;
	}
	
#blogsearch input {
	display:block;
	width:260px;
	vertical-align:middle;
	background:#fff;
	text-align:left;
	margin-top:0px;
	margin-left:20px;
	padding:0;
	font-size:14px;
	}

.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;
	color:#fff;
	padding:6px
	}

#getopera p {
	padding-bottom:7px;
	background:none !important;
	
	}

#getopera .pad {
	color:#000;	
	}

/* ----------:: RECENT VISITORS ::---------- */

#visitors img {
	width:60px;
	height:50px;
	text-align:left;
	margin-top:10px;
	margin-left:10px;
	border:1px #990000 solid;
	}
#visitors img:hover {
	width:60px;
	height:50px;
	text-align:center;
	border:1px #accd28 solid;
	}

#visitors li {
	height:88px;
	width:88px;
	margin:0;
	padding:0;
	text-align:center;
	background:url('http://files.myopera.com/nhaconline/wall_theme/FriendzLi.gif') top left no-repeat;
	list-style:none;
	float:left;
	margin-bottom:5px;
	border:none;
	}
	
#visitors li.first{
	clear:both;
	float:center;
	margin-right:4px;
	}
	
#visitors a {
	display:block;
	text-decoration:none;
	width:88px;
	height:88px;
	}

#side #visitors li a:hover {
	background:url('http://files.myopera.com/nhaconline/wall_theme/FriendzLi.gif') bottom left no-repeat;
	color:#990000;
	}

#visitors span {
	width:80px;
	height:15px;
	line-height:15px;
	overflow:hidden;
	margin:0;
	margin-left:3px;
	text-align:center;
	}

/* ----------:: FRIENDS IN SIDEBAR ::---------- */

#friendz img {
	width:60px;
	height:50px;
	text-align:left;
	margin-top:10px;
	margin-left:10px;
	border:1px #990000 solid;
	}
#friendz img:hover {
	width:60px;
	height:50px;
	text-align:center;
	border:1px #accd28 solid;
	}

#friendz li {
	height:88px;
	width:88px;
	margin:0;
	padding:0;
	text-align:center;
	background:url('http://files.myopera.com/nhaconline/wall_theme/FriendzLi.gif') top left no-repeat;
	list-style:none;
	float:left;
	margin-bottom:5px;
	border:none;
	}
	
#friendz li.first{clear:both;
	float:center;
	margin-right:4px;
	}
	
#friendz a {
	text-decoration:none;
	display:block;
	width:88px;
	height:88px;
	}

#side #friendz li a:hover {
	background:url('http://files.myopera.com/nhaconline/wall_theme/FriendzLi.gif') bottom left no-repeat;
	}
	
#friendz span {
	width:80px;
	height:15px;
	line-height:15px;
	overflow:hidden;
	margin:0;
	margin-left:3px;
	text-align:center;
	}

/* ----------:: SHOUTBOX ::---------- */

#shoutbox li {
	background:url('http://files.myopera.com/nhaconline/wall_theme/SideLi.gif') top left repeat-y;
	border-top:1px #accd28 solid;
	border-bottom:1px #accd28 solid;
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom:5px;
	line-height:1.3;
	}

#shoutbox img {
	margin-top:5px;
	margin-right:5px;
	border:1px #990000 solid;
	}
	
#shoutbox img:hover {
	border:1px #accd28 solid;
	}
	
#shoutbox blockquote {
	color:#000;
	margin:0;
	padding:0;
	text-align:justify;
	}

#shoutbox a:link {
	color:#accd28;
	font-weight:bold;
	padding:0 !important;
	margin:0 !important;
	}
	
#shoutbox a:hover {
	color:#990000;
	font-weight:bold;
	background:none !important;
	}

#shout {
	width:130px;
	float:left;
	}

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

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

.chatpic {
	float:right;
	}

.me .chatpic {
	float:left;
	}
	
#shoutbox .me p {
	float:right;
	clear:left;
	}

#shoutbox p {
	padding:0 0 5px 5px;
	margin:0;
	clear:left;
	text-align:left;
	color:#e5731b;
	}

#shoutbox p.none {
	margin:0;
	padding:0;
	background-image:url('http://files.myopera.com/hoangkien/mystyle5/none');
	}

#shoutbox blockquote {
	clear:both;
	margin:0;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	font-style:normal;
	}
/* ----------:: LATEST COMMENTS ::---------- */	

#newcomments ul {
	margin-bottom:0px;
	}
	
#newcomments a {
	display:block;
	text-decoration:none;
	}
	
#newcomments a.username:link, #newcomments a.username:visited {
	color:#990000;
	text-decoration:none; 
	}
	
#newcomments a.username:hover, #newcomments a.username:visited {
	color:#accd28;
	text-decoration:none;
	}	
	
#newcomments a:hover {
	text-decoration:none;
	color:#000;
	background:none !important;
	}
	
#newcomments li {
	clear:both;
	padding:5px 5px;
	margin:0;
	margin-bottom:5px;
	border:1px solid #accd28;
	list-style:none;
	}
	
.userpic {
	width:34px;
	height:26px;
	margin:0 0 3px 3px;
	float:right;
	}

.userpic img {
	width:34px;
	height:26px;
	display:block;
	border:1px solid #990000;
	padding:0px;
	}
	
.userpic img:hover {
	width:34px;
	height:26px;
	display:block;
	border:1px solid #accd28;
	padding:0px;
	}
	
/* ----------:: LAST POST ::---------- */

#latestposts li {
	padding:0;
	margin:0;
	border-bottom:1px #acd22b solid;
	list-style:none;
	}
	
#latestposts a:link {
	display:block;
	text-decoration:none;
	text-align:left;
	padding-left:2px;
	padding-right:2px;
	}
	
#latestposts a:hover {
	background:#acd22b;
	text-decoration:none;
	}

/* ----------:: ALBUM ::---------- */

#albumsheader {
	display:none;
	}

.albums {
	margin-top:0;
	}

.albums p {
	margin:0;
	padding:0 0 8px 0;
	}

.albums .clear {
	margin:0;
	}

.album1 {
	clear:both;
	margin:0;
	margin-bottom:5px;
	background:url('http://files.myopera.com/nhaconline/wall_theme/Album.jpg') top left no-repeat;
	height:182px;
	}

.album1 .editthis a:link, .album2 .editthis a:link {
	color:#990000;
	text-decoration:none;
	}

.album1 h2, .album2 h2 {
	padding:0;
	margin:0;
	padding-top:30px;
	}

.album2 {
	clear:both;
	margin:0;
	margin-bottom:5px;
	background:url('http://files.myopera.com/nhaconline/wall_theme/Album.jpg') top left no-repeat;
	height:182px;
	}
	
.albumthumb1, .albumthumb2 {
	float:left;
	width:250px;
	height:182px;
	}

.album1 a:link{
	color:#000000;
	text-decoration:none;
	}

.album1 a:hover{
	color:#0099FF;
	text-decoration:none;
	}

.album2 a:link{
	color:#000000;
	text-decoration:none;
	}
.album2 a:hover{
	color:#0099FF;
	text-decoration:none;
	}
.albumimage {
	display:block;
	margin:0px;
	margin-left:13px;
	margin-top:7px;
	width:218px;
	height:162px;
	}

.albumnfo {
	margin-left:186px;
	padding:0 4px; 
	}		

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

.albdesc {
	overflow:hidden;
	text-align:justify;
	}

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

.editimg {
	margin:6px 0;
	}	

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

#albumlist li {
	list-style:none;
	list-style-position:outside;
	padding-left:13px;
	}

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

/* ----------:: ALBUM CONTENT ::---------- */
	
#mypix {
	clear:both;
	width:100%;
	}

#mypix .thumb1, #mypix .thumb2 {
	width:49%;
	height:280px;
	overflow:hidden;
	float:left;
	background:#f4f4f4;
	border:1px #e4e4e4 solid;
	margin-bottom:15px
	}

#mypix .thumb1 {
	clear:both;
	}
	
#mypix .thumb2 {
	float:right;
	}
		
#mypix div p {
	font-size:10px;
	color:#000;
	padding-left:10px;
	} 

#mypix div p.right {
	border-left:none;
	}

#mypix div div {
	display:block;
	padding:5px;
	height:240px;
	}

#mypix div div img {
	display:block;
	}

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

#mypix .toolicons {
	border:none;
	padding:0;
	}

#mypix a:link, #mypix a:visited {
	color:#000;
	text-decoration:none;
	}

#mypix a:hover {
	color:#990000;
	text-decoration: underline;
	}		

/* ----------:: VIEW IMAGE ::---------- */

#frame1 {
	clear:both;
	width:580px;
	}

#frame2 {
	padding:0px;
	}

#frame3 {
	position:relative;
	width:575px;
	background:#f4f4f4; 
	text-align:center;
	}

#frame3 #bigimg {
	display:block;
	margin:5px;
	width:565px;
	padding-top:5px;
	text-align:center;
	}

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

.comments {
	margin-top:15px;
	}

#newcomment {
	margin-top:25px;
	}

#belowimage {
	clear:both;
	padding-top:0px;
	width:580px;
	}

.preview {
	width:90px;
	float:left;
	text-align:center;
	margin:2px 0px 5px 2px;
	}

.preview img {
	margin:2px;
	width:85px;
	height:64px;
	}

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

.preview div {
	width:85px;
	height:64px;
	}	
#desc {
	margin-bottom:10px;
	padding:5px;
	width:570px;
	}
#photocast p{
	color:#990000;
	}
#picnav h2 {
	color:#111;
	}
	
/* ----------:: E-CARD ::---------- */

.account h3 {
	margin-left:10px;
	color:#990000;
	font-size:18px;
	}

.thumb {
	display:block;
	width:145px;
	border:1px #ccc solid;
	float:left;
	margin-left:7px;
	margin-bottom:5px;
	}
	
.thumb img {
	margin-left:8px;
	margin-top:6px;
	}
	
.account #steps {
	margin-left:10px;
	}

.account h2 {
	margin-left:10px;
	}
	
/* ----------:: ARCHIVE ::---------- */

#blogarchive {
	display:none;
	}

#arc {
	width:580px;
	}

.month {
	margin-bottom:2px;
	margin-top:0px;
	padding-bottom:10px;
	}

.month, #cloud {
	}

.mpad, #cloud div {
	padding-bottom:5px;
	width:100%
	}

#arc h3 {
	margin:0;
	font-size:13px;
	text-transform:uppercase;
	color:#fff
	}

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

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

#arc .month {
	}

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

#arc .month span {
	display:none;
	}

#arc .month li {
	list-style-position:outside;
	list-style:none;
	line-height:19px;
	padding:0 0 3px 25px;
	color:#889;
	}

#arc .month li a:link, #arc .month li a:visited, #arc .month li a:active {
	display:block;
	width:540px;
	color:#000000;
	text-decoration:none;
	}

#arc .month li a:hover {
	color:#0099FF;
	text-decoration:none;
	background:#fafafa;
	font-size:14px;
	font-weight:bold;
	}

#arc h2 a:link{
	height:25px;
	padding-left:5px;
	padding-top:5px;
	font-size:16px;
	color:#990000;
	}

#arc h2 a:hover {
	color:#2fb45d;
	text-decoration:none;
}

/*31 days*/
/*Archive_files/31days.css*/

.day1 {
	background:url('http://files.myopera.com/hoangkien/date_image/day1.gif') no-repeat top left;
	}

.day2 {
	background:url('http://files.myopera.com/hoangkien/date_image/day2.gif') no-repeat top left;
	}

.day3 {
	background:url('http://files.myopera.com/hoangkien/date_image/day3.gif') no-repeat top left;
	}

.day4 {
	background:url('http://files.myopera.com/hoangkien/date_image/day4.gif') no-repeat top left;
	}

.day5 {
	background:url('http://files.myopera.com/hoangkien/date_image/day5.gif') no-repeat top left;
	}

.day6 {
	background:url('http://files.myopera.com/hoangkien/date_image/day6.gif') no-repeat top left;
	}

.day7 {
	background:url('http://files.myopera.com/hoangkien/date_image/day7.gif') no-repeat top left;
	}

.day8 {
	background:url('http://files.myopera.com/hoangkien/date_image/day8.gif') no-repeat top left;
	}

.day9 {
	background:url('http://files.myopera.com/hoangkien/date_image/day9.gif') no-repeat top left;
	}

.day10 {
	background:url('http://files.myopera.com/hoangkien/date_image/day10.gif') no-repeat top left;
	}

.day11 {
	background:url('http://files.myopera.com/hoangkien/date_image/day11.gif') no-repeat top left;
	}

.day12 {
	background:url('http://files.myopera.com/hoangkien/date_image/day12.gif') no-repeat top left;
	}

.day13 {
	background:url('http://files.myopera.com/hoangkien/date_image/day13.gif') no-repeat top left;
	}

.day14 {
	background:url('http://files.myopera.com/hoangkien/date_image/day14.gif') no-repeat top left;
	}

.day15 {
	background:url('http://files.myopera.com/hoangkien/date_image/day15.gif') no-repeat top left;
	}

.day16 {
	background:url('http://files.myopera.com/hoangkien/date_image/day16.gif') no-repeat top left;
	}

.day17 {
	background:url('http://files.myopera.com/hoangkien/date_image/day17.gif') no-repeat top left;
	}

.day18 {
	background:url('http://files.myopera.com/hoangkien/date_image/day18.gif') no-repeat top left;
	}

.day19 {
	background:url('http://files.myopera.com/hoangkien/date_image/day19.gif') no-repeat top left;
	}

.day20 {
	background:url('http://files.myopera.com/hoangkien/date_image/day20.gif') no-repeat top left;
	}

.day21 {
	background:url('http://files.myopera.com/hoangkien/date_image/day21.gif') no-repeat top left;
	}

.day22 {
	background:url('http://files.myopera.com/hoangkien/date_image/day22.gif') no-repeat top left;
	}

.day23 {
	background:url('http://files.myopera.com/hoangkien/date_image/day23.gif') no-repeat top left;
	}

.day24 {
	background:url('http://files.myopera.com/hoangkien/date_image/day24.gif') no-repeat top left;
	}

.day25 {
	background:url('http://files.myopera.com/hoangkien/date_image/day25.gif') no-repeat top left;
	}

.day26 {
	background:url('http://files.myopera.com/hoangkien/date_image/day26.gif') no-repeat top left;
	}


.day27 {
	background:url('http://files.myopera.com/hoangkien/date_image/day27.gif') no-repeat top left;
	}

.day28 {
	background:url('http://files.myopera.com/hoangkien/date_image/day28.gif') no-repeat top left;
	}

.day29 {
	background:url('http://files.myopera.com/hoangkien/date_image/day29.gif') no-repeat top left;
	}

.day30 {
	background:url('http://files.myopera.com/hoangkien/date_image/day30.gif') no-repeat top left;
	}

.day31 {
	background:url('http://files.myopera.com/hoangkien/date_image/day31.gif') no-repeat top left;
	}


/* ----------:: TAG CLOUD ::----------: */

#cloud div:after {
  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;
	}