/* 
	Copyright Opera Software.
	Skin designed by 	http://vistastyles.org
	Edited by 	http://sieunhanbo87.uni.cc
   	Skin Name: Vistor
	Date: 09/10/2008
	Not for share!
*/

/*_____________________________________PICTURES____________________*/

body 	{background:transparent url(						http://files.myopera.com/sieunhanbo87/skin/bg.jpg) !important}

#wrap0	{background:transparent url(						http://files.myopera.com/sieunhanbo87/skin/bg_mid.jpg) top center repeat-y !important}

#wrap1	{background:transparent url(						http://files.myopera.com/sieunhanbo87/skin/bg_top.jpg) top center no-repeat !important}

#wrap2	{background:transparent url(						http://files.myopera.com/sieunhanbo87/skin//bg_bot.jpg) bottom center no-repeat !important}

#wrap3	{background:transparent url(						http://files.myopera.com/sieunhanbo87/skin/leaf.png) top left no-repeat !important}

#menu a:hover, #menu a#selected {background:transparent url(			menu_hover1.gif) top center no-repeat !important}

.post .title	{background:transparent url(					http://files.myopera.com/sieunhanbo87/skin/bg_entry_top.jpg) top left repeat-y !important}

#frame4		{background:#efefef url(					http://files.myopera.com/sieunhanbo87/skin/bg_box_top0.jpg) top left repeat-x !important}

.postdate, .post .tags, .editthis, .content, div .sharethis {background:transparent url(	entry_mid.jpg) left repeat-y !important}

#addcomment {background:transparent url(					http://files.myopera.com/sieunhanbo87/skin/write_com.jpg) top right no-repeat}

#side h2, #side caption {background:transparent url(				http://files.myopera.com/sieunhanbo87/skin/bg_box_top0.jpg) top left repeat-x !important}

.sidebox {background:transparent url(						box_mid1.jpg) top left no-repeat !important}

#searchbox, #main-searchbox {background:#fff url(				http://i218.photobucket.com/albums/cc190/sieunhanbo87/search.jpg) right no-repeat}

#calendar {background:transparent url(					box_mid_cal.jpg) top left no-repeat !important}

.albumthumb1, .albumthumb2 {background:transparent url(			http://files.myopera.com/sieunhanbo87/skin/album.jpg) top left no-repeat !important}

#mypix .thumb1, #mypix .thumb2 {background:#fff url(				http://files.myopera.com/sieunhanbo87/skin/sieunhanbo87/album_thumb0.jpg) top left no-repeat}

#userpic {background:transparent url(						userpic.jpg) top no-repeat !important}

#message {background:#ffffff url(						http://i218.photobucket.com/albums/cc190/sieunhanbo87/thahahabx31.gif) right bottom no-repeat}

.postnav, .post {background:transparent url(					entry_bot.jpg) bottom no-repeat !important}

#shout {background:transparent url(						http://files.myopera.com/sieunhanbo87/skin/chat_icon.jpg) right top no-repeat}

/*_____________________________________COLOR_______________________*/
body, .tags a:link, .tags a:visited, #side a:hover, #footer2 a:link, #o, #side li a:hover, #side caption, .s-result, .s-desc, .s-desc a:link, .s-desc a:visited, #shoutbox blockquote, #newcomments a:hover, #poll li, #pollresults span, #calendar td a:hover, #calendar tbody:hover, .month h2 a, .month span, .photocomments a {
color:#222222 !important}

.title a:link, .title a:visited, #side h2 {
color:#ffffff !important}

.whisper, #myfriends .status, .photoviews, blockquote {
color:#ff3300 !important}

.ownercomment {
color:#006633}

#side a:link, #side a:visited, #side a:active, .userlist span, #calendar tbody a:visited, .dtstart, #visitors span, #albumlist a:link, #albumlist a:visited, #ff b, a:link, a:active, a:visited, .pagenav b {
color:#6633ff !important}

#side li, .title a:hover {
color:#000000 !important}

#shoutbox p, #newcomments a.username, #pollresults li, .url {
color:#999999 !important}

#subtitle, #menu a:link, #menu a:visited, #menu a:active {
color:#ffffff !important}

#menu a:hover, #menu a#selected {
color:#ffff00 !important}

#calendar td {color:#cfcfcf !important}

/*_________________________________________________________________*/
@charset "utf-8";
body 	{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size:13px;
	line-height:145%;
	text-align:center;
	}

#wrap1[id], #wrap2[id], #wrap3, #wrap4 {background:transparent}
#wrap0 {
	width:100% !important;
	margin:0;
	}

#wrap1, #wrap2, #wrap3{
	width:100% !important;
	margin:auto;
	padding:0;
	background:transparent;
	}

#wrap4 {
	width:778px !important;
	margin:auto;
	padding:0;
	background:transparent;
	}

#top 	{
	padding:0;
	margin:auto;
	background:none;
	min-height:130px !important;
	overflow:hidden;
	}

#top2	{
	height:90px;
	font-family:Tahoma, Verdana, Arial;
	margin:5px 5px 0 0 !important;
	}

#top h1 {
	width:98%;
	font-size:15px;
	text-align:right;
	margin:0;
	padding:15px 0 15px 0 !important;
	overflow:hidden
	}

#subtitle {
	margin:0 15px 0 220px;
	font-size:11px;
	font-style:normal;
	text-align:justify;
	}

/*______________________________________MENU_______________________*/
#menu	{
	width:100%;
	height:50px;
	border:none;
	text-align:center;
	background:none;
	}

#menu ul {
	width:530px;
	margin:0 18px 0 0 !important;
	float:right;
	}

#menu li {
	height:40px;
	width:88px !important;
	}

#menu a:link, #menu a:visited, #menu a:active {
	padding:auto 10px;
	border:none;
	background:transparent !important;
	font-family:Tahoma, Arial,'trebuchet ms',helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	line-height:35px;
	}

#menu a:hover, #menu a#selected {border:none}


/*______________________________________MAIN_______________________*/
#content, #footer {
	clear:both;
	position:relative;
	width:778px !important;
	padding-top:0 !important;
	text-align:left;
	}
#mainwrap {
	display:block;
	width:560px;
	margin:0;
	float:right;
	}

#main 	{
	display:block;
	margin:0;
	width:540px;
	float:left;
	overflow:hidden;
	}

/*_____________________________________ENTRY_______________________*/
.post 	{
	font-family:Tahoma, Verdana, Arial !important;
	clear:both;
	padding:0 !important;
	margin:0 !important;
	width:100%;
	overflow:hidden;
	border:none;
	}

#firstpost {
	margin:0;
	border:none;
	}

.post .sticky {display:none}
.tagicon {
	float:none;
	margin:0 10px 5px 0 !important;
	background:transparent !important;
	}

.post .title {
	height:35px;
	line-height:35px;
	font-family:Tahoma, Verdana, Arial;
	font-size:14px;
	padding:0 0 0 5px;
	margin:0;
	}

.title a:link, .title a:visited, .tags a:link, .tags a:visited {text-decoration:none}
.postdate, .post .tags, .postinfo{text-transform:none}
.postdate, .post .tags {
	text-align:right;
	padding:0 !important;
	margin:0 !important;
	}

.editthis {	margin:0 !important}
.postinfo img, .editthis img {margin:0}
.postinfo {
	margin:0 0 20px 0;
	font-size:13px
	}

div .sharethis {
	width:100%;
	margin:0!important;
	}

div .sharethis ul {
	float:right;
	margin:0 10px 0 0 !important;
	}

.pagenav a:link{
	border:1px solid #444;
	background:#efefef;
	}

.pagenav b, #main .pagenav a:hover {
	background:transparent;
	border:1px solid #6633ff;
	}

.pagenav {border:none !important}
.postnav {
	border:none;
	margin:0;
	padding:10px 0 20px 10px;
	font-size:11px !important;
	font-weight:bold;
	font-family:Tahoma, Verdana, Arial;
	}

.postnav .nxt {margin:0 10px 0 0}
.content {padding:10px 0!important}

/*________________________________COMMENTS_______________________*/
.comments h2 {display:none}
.comments {
	margin-right:5px;
	font-family: Tahoma, Verdana, Arial;
	font-size:12px;
	}

.comment1, .comment2{
	background:none;
	border:1px dotted #999999
	}

#newcomment h2 {display:none}
#message {
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	border:2px solid #efefef !important;
	margin:60px 10px 0 0;
	width:99%;
	height:250px
	}

#message:hover{border:2px solid #ff3300 !important;}

/*________________________________FOOTER__________________________*/
#footer2 {
	width:95% !important;
	padding:5px 0 10px 20px!important;
	font-size:11px;
	}

/*________________________________SIDEBAR__________________________*/
#sidewrap {
	width:190px;
	margin:0 0 0 20px !important;
	float:left;
	font-family: Tahoma, Verdana, Arial;
	font-size:12px;
	overflow:hidden;
	}

#side a:link, #side a:visited, #side a:active, #side a:hover, #side li a:hover {text-decoration:none}
#side li{font-size:11px}

/*___________________________________BOX__________________________*/
#side, #side .userlist a:link, #side .userlist a:visited, #side .userlist a:active, #side .userlist a:hover, #side #visitors a:hover {background:none !important}
#side h2, #side caption {
	line-height:15px;
	font-size:12px;
	text-transform:capitalize;
	text-align:center;
	margin:0 !important;
	border:none;
	height:25px;
	}

#side h2.feedheader {padding:6px}
#side h2 a:link, #side h2 a:visited, #side h2 a:active {
	font-weight:bold;
	text-decoration:none;
	}

.sidebox {margin-bottom:10px}
.sidebox .pad {
	margin:-8px 0 0 0;
	text-align:justify;
	}

#side h3 {
	font-size:11px;
	margin-bottom:0;
	}

/*______________________________ABOUT ME__________________________*/
#myphoto, #myphoto img {
	margin:0 0 10px 0;
	width:100%;
	overphotoflow:hidden;
	background:transparent;
	display:block;
	border:none
	}

#mystatus {	
	font-size:12px;
	font-weight:bold;
	text-align:justify;
	}

/*______________________________SEARCH____________________________*/
#searchbox, #main-searchbox {
	height:16px;
	width:184px !important;
	line-height:16px;
	border:1px solid #8c8c8c;
	padding:2px;
	margin:0;
	}

#blogsearch input {
	vertical-align:middle;
	font-size:12px;
	}

.s-result {
	border:none;
	border-bottom:1px dotted #efefef;
	padding:0 !important;
	margin:0 !important
	}

#searchbox:hover, #main-searchbox:hover {
	border:1px solid #000000;
	background:#ffffff
	}

#submitsearch, #main-submitsearch{display:none}
.s-result, .s-desc, .s-desc a:link, .s-desc a:visited {font-family:Tahoma, Verdana, Arial}

/*______________________________ALBUM SLIDESHOW___________________*/
#albumslides {
	height:140px !important;
	position:relative;
	background:transparent !important;
	border:1px solid #8c8c8c;
	}

#albumslides a, #albumslides img {
	margin: 5px 5px 0 5px;
	width:98% !important;
	height:98% !important;
	}

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

/*______________________________FRIENDS IN SIDEBAR__________________*/
#friendz img {
	display:block;
	width:78px;
	height:66px;
	}

#friendz li {
	float:left;
	width:86px;
	overflow:hidden;
	margin:2px 0 0 4px;
	border:1px solid #999999;
	}

#friendz li:hover, #friendz img:hover {
	border:1px solid #ffffff;
	background:#efefef;
	}

.userlist li {
	float:right;
	width:112px;
	height:93px;
	margin-bottom:6px;
	}

.userlist a {
	text-decoration:none;
	display:block;
	padding:5px;
	text-align:center;
	}

.userlist span {
	width:100%;
	height:15px;
	line-height:15px;
	overflow:hidden;
	}

/*____________________________________SHOUT BOX___________________*/
#shoutbox li, #shoutbox p, #shoutbox blockquote{background:none !important}
#shoutbox p{
	padding:0;
	border-top:1px solid #999999
	}

#shoutbox blockquote{
	padding:0;
	margin:0
	}

#shout	{
	font-size:11px;
	height:16px;
	line-height:16px;
	width:184px !important;
	border:1px solid #999999;
	padding:2px;
	}

#shout:hover {
	border:1px solid #000000;
	background:#ffffff
	}

#submitshout {display:none}
.chatpic {
	border:1px solid #999999;
	padding:2px;
	margin:-1px 0 0 0;
	}

/*____________________________________GET OPERA___________________*/
#getopera .pad{
	padding:0 !important;
	font-size:11px;
	}

/*______________________________LATEST COMMENT___________________*/
#newcomments a.username{
	margin:0 0 0 5px;
	overflow:hidden;
	}

#newcomments ul {margin:0px}
#newcomments a, #newcomments a.username:link, #newcomments a.username:visited, #newcomments a:hover.username:link, #newcomments a:hover.username:visited {text-decoration:none}
#newcomments a:hover {text-decoration:underline}
#newcomments li {
	clear:both;
	padding:5px 0 0 0;
	text-align:justify;
	border:none;
	}

.userpic {
	width:49px;
	height:38px;
	margin:0 0 0 5px;
	float:right;
	background:transparent;
	border:1px solid #999999;
	}

.userpic img {
	display:block;
	margin:2px;
	}

/*_____________________________________POLL_______________________*/
#poll ul {margin:0 0 5px 0}
#poll li {padding:2px 0}
#poll li input {vertical-align:middle}
#pollsubmit {font-weight:bold}
#poll li img, #pollresults li {border:none}
#poll p {
	text-align:center;
	font-size:11px;
	}

/*________________________________CALENDAR_______________________*/
#calendar {
	font-size:12px;
	height:160px;
	background:none;
	border:none;
	margin:0 0 5px 0 !important
	}

#calendar td {
	border:1px solid #cfcfcf;
	font-size:11px;
	}
#calendar tfoot td {font-size:10px}
.arrow-next, .arrow-prev {display:none}
#nextmonth, #prevmonth {
	padding:0px 0px;
	width:49%;
	}

/*____________________________LATEST POSTS_______________________*/
#latestposts ul {margin:5px 0 0 0}
#latestposts li{border-bottom:1px dotted #999}
#latestposts li:hover{
	border-bottom:1px dotted #eee;
	background:#efefef;
	}

/*______________________________TAG CLOUD________________________*/
#tagcloud ul {
	width:100%;
	overflow:hidden;
	}

#tagcloud li {
	float:right;
	line-height:22px;
	height:18px;
	padding:0 5px;
	white-space:nowrap;
	}

/*_______________________________EVENTS___________________________*/

.cdwn {	padding:5px 0px 0 18px;
	margin:0 0 0 2px;
	text-align:left;
	font-size:11px;
	border:none;
	}

/*________________________LINK IN SIDEBAR___________________________*/
.sidelinx li {
	padding:0;
	display:block;
	border-bottom:1px dotted #999;
	}

.sidelinx li a:hover {text-decoration:none}
.sidelinx li:hover{
	border-bottom:1px dotted #eee;
	background:#efefef;
	}

.sidelinx li {padding:2px 0 !important}

/*________________________RECENT VISITORS_________________________*/
#side #visitors a:link, #side #visitors a:visited, #side #visitors a:active{background:none}
#visitors a {
	text-decoration:none;
	display:block;
	height:78px;
	width:86px;
	text-align:center;
	}

#visitors li {
	float:left;
	height:72px;
	width:86px;
	overflow:hidden;
	margin:0px 0 4px 4px;
	border:1px solid #999999;
	}

#visitors li:hover, #visitors img:hover {
	border:1px solid #ffffff;
	background:#efefef;
	}

#visitors span {
	width:74px;
	height:15px;
	line-height:15px;
	overflow:hidden;
	margin:0 5px;
	}
#visitors .mid {margin:0 0 4px 4px}

/*________________________________ARCHIVE_________________________*/
 #blogarchive, .month a{font-family:Tahoma, Verdana, Arial}
.month li a:hover {background:#efefef}
.month span {padding:0 5px !important}

/*________________________________FRIENDS_________________________*/
#myfriends .status{
	font-size:11px;
	font-family:Tahoma, Verdana, Arial
	}

#myfriends li, #myfriends li div {background:#efefef}
#myfriends li :hover {background:#e5e5e5}

/*________________________________PHOTOS_________________________*/
#exif dt, #exif dd{border:none !important}
#albumlist li a {
	border-top:1px dotted #efefef;
	background:transparent !important;
	}

#albumlist a {
	display:block;
	padding:2px 0 2px 20px;
	}

#albumlist li.even a, #albumlist li.this a, #albumlist a:hover, #albumlist .even a:hover, #mypix div div, #frame1, #frame2, #frame3 {background:none !important}
#albumlist {border-bottom:1px dotted #efefef}
.albums p, .albdesc, #albumsheader, #frame3 a {font-family:Tahoma, Verdana, Arial}
.photoviews {
	bottom:0px !important;
	left:5px !important
	}

#frame4 {padding:35px 0 0 0 !important}
#side .preview a{
	background:none !important;
	border:1px dotted #efefef
	}

#side .preview {
	width:48%;
	margin:2 !important
	}

/*_____________________________________LINK_______________________*/
#mylinks, .linkinfo	{font-family: Tahoma, Verdana, Arial}
/*_____________________________________ABOUT_____________________*/
#personal, #ff li, #aboutme, #grouplist {font-family:Tahoma, Verdana, Arial}
#personal a{font-weight:bold}
#aboutme {padding:0 0 50px 0}

/*______________________Mot So Tuy Chinh Chung_____________________*/
.mobile, .hide, .handheld {display:none}
.clear	{clear:both}

a:link, a:active, a:visited  {text-decoration:none}
.center	{
	display:block;
	text-align:center;
	}

.left {float:left}
.right {float:right}
img.left {margin-right:10px}
img.right {margin-left:15px}
img, abbr, acronym {border:none}
.img	{
	display:inline !important;
	margin:0px 1px;
	}

ul.nobullets li {
	list-style-position:outside;
	list-style:none;
	}

.whisper {
	background:none !important;
	font-style:normal !important;
	font-family: Tahoma, Verdana, Arial;
	font-size:12px;
	padding:0px !important;
	}

pre	{width:95%}