@charset "utf-8";
/* 
	copyright Opera software. 
	skin name: magic paper
 	skin design by sinhvienbk- http://my.opera.com/sinhvienbk/blog
	share this skin!
/* 



/* MAIN LAYOUT <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

body {
	background:#ad6d3e url(http://files.myopera.com/StormLife/files/nemoifly.jpg) top left repeat fixed;		/* #ad6d3e = nâu */
	margin:0;
	padding:0;
	font-family: Courier New; /* font mặc định trên toàn blog*/
	font-size:12px;
	line-height:145%;
	text-align:center;
	color:black;
	}

#wrap1 {
	margin:0 auto;
	}	

#wrap2 { 
	margin:0 auto;
	width:800px !important;
	padding-bottom:70px; 
	margin-top:20px;
	background:url(none) bottom center no-repeat; 	/* ảnh nền dưới cùng*/
	}

.onecol #wrap2 {
	background: url() left bottom no-repeat; 	/*ảnh nền dưới cùng khi có 1 cột*/
	}
	
#wrap3 {
	background:url(none) top center repeat-y; 	/*ảnh nền chính của blog*/
	}

.onecol #wrap3 {
	background: url(none) top center repeat-y; 	/*ảnh nền chính khi ko có sidebar*/
	}

.onecol #top {
	background: url(none) top center no-repeat; 	/* ảnh banner khi ko có sidebar - Bgr banner when no sidebar, one colume*/
	}
				
#topbar1 {
	background: url() top left repeat-x ;	/* ảnh nền top bar trên cùng */
	color:#fff;
	height:32px;
	overflow:hidden;
	line-height:24px;
	}

#topbar2, #toplogin div {
	width:800px;
	max-width:100%;
	min-width:700px;
	margin:0 auto;
	text-align:left;
	}

#edittitle {
	padding-top:29px;
	}

#top {
	font-size:15px;
	width:800px !important;
	height:300px;
	text-align:left;
	color:black;
	background: url(none) top center no-repeat; 	/* ảnh banner */
	}

#top2 {
	height:152px;
	padding-left:50px; 		/* tiêu đề blog cách lề trái 50 */
	}

#top h1 {
	margin:0;
	width:500px;
	font-size:20px;
	font-family: Courier New; 		/*font chữ tiêu đề */
	line-height:normal;
	font-weight:bold;
	padding-top:15px; 		/* tiêu đề blog cách trên cùng 15 */
	}

#subtitle {
	margin:0;
	width:200px;
	font-size:12px;
	}


/*MENU<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

#menu {
	clear:both;
	height:28px;
	/* không có ảnh nền menu */
	margin-top:80px;
	margin-left:170px;
	margin-right:0px;
	}

#menu ul {
	padding:0;
	margin:0 0 0 20px;;
	height:28px; 	/* độ cao menu */
	}

#menu li {
	float:left;
	line-height:28px;
	height:28px;
	overflow:hidden;
	font-size:11px;
	list-style:none;
	width:15%;
	padding:0;
	background: url(http://files.myopera.com/sinhvienbk/Magic_paper/menu.png) center center no-repeat;
	}

#menu a {
	display:block;
	height:28px;
	color:gray;
	font-size:13px;
	font-family:tahoma;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	}

#menu a:hover {
	background: url(http://files.myopera.com/sinhvienbk/Magic_paper/menu_select.png) center center no-repeat; /* ảnh nền khi di chuột */
	color:black;
	font-size:15px;
	}
#menu a#selected
	{
	background: url(http://files.myopera.com/sinhvienbk/Magic_paper/menu_select.png) center center no-repeat; /*ảnh nền menu được chọn  */
	text-decoration: none;
	color:#6e3b11;
	font-size:16px;
	}

#content, #footer {
	clear:both;
	position:relative;
	width:768px !important;
	text-align:left;
	margin:0 auto;
	}

.content {
	margin-top:0px;
	padding:10px;
	}

#content li {
	margin:0;
	list-style-position:inside;
	}

#mainwrap {
	display:block;
	width:100%;
	margin-left:-195px;
	padding-bottom:12px;
	float:right;
	background: url(http://files.myopera.com/StormLife/files/sharing.png) top right no-repeat; 	/* ảnh ngay dưới banner - hiển thị dòng chữ - slogan*/
	text-align:left;
	margin-top:0px; 		/* chỉnh khoảng cách slogan với menu */	
	}

#main {
	display:block;
	margin-left:210px; 		/* nội dung bài viết cách lề trái blog 210 */
	margin-right:3px;
	margin-top:40px; 		/* khoảng cách tiêu đề bài viết và menu */
	padding-bottom:15px;
	width:553px;
	padding-top:40px;		/*khoảng cách giữa chân slogan với đỉnh bài post là 40 */
	text-align:left;	
	float:right;
}

#footer {
	clear: both;
	width:100%;
	height:10px;
	POSITION: relative;
	left: 0px; 
	bottom:-55px;
	}

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

#footer #get:hover {
	text-decoration:none;
	}

/*SIDEBAR<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

#sidewrap {
	width:190px;
	float:left;
	font-size:11px;
	margin-top:0px;
	overflow:hidden;
	}

#side a:link, #side a:visited, #side a:active {
	color:#331807;
	text-decoration:none;	
	}
	
#side a:hover {
	font-weight:bold;
	}	

#side li {	
	font-size:11px;
	list-style-type: none;
	color:#794b1a;
	}
	
#side li a:hover{
	text-decoration:none;
	}
	
#side h2, #side caption {
	background: url(http://files.myopera.com/StormLife/files/side_top.png) top left no-repeat; 	/*ảnh nền tiêu đề từng box trên sidebar*/
	height:40px;
	font-size:20px;
	font-weight:bold;
	text-transform:none;
	margin:0 0 1px 0;
	padding:6px 5px 10px 16px;
	text-align:right;
	}

#side h2.feedheader {
	padding:6px;
	}

#side h2 a:link, #side h2 a:visited, #side h2 a:active {
	color:black; 	/* màu chữ tiêu đề các box là đen*/
	text-decoration:none;
	}

.sidebox {
	background: url() center top no-repeat; 
	margin-bottom:15px;
	}

.sidebox .pad {	
	background: url() bottom center no-repeat;
	padding:6px;
	margin-top:1px;
	}

.sidebox p {
	margin:0;
	color:#000; /*màu chữ phần chú thích link, và các chữ khác của sidebox*/
	}


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

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:;
	overflow: auto;
	}

strong, b, em {
	font-weight:bold;
	}

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

.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 {
	height:140px !important;
	position:relative;
	background:transparent url() top left no-repeat !important;
	border: 1px dotted gray;
	}

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

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


	
/*BLOG<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

code,pre {
	display: block;
	padding:10px 6px;
	margin:0 0 10px 0;
	border: 1px dashed #aaa;
	overflow: auto;
	}

pre {
	background:#000000;
       }

blockquote.bbquote, .post blockquote {
	background: url() top left no-repeat;
	padding:5px 5px 5px 5px;
	margin:5px 5px;
              border:1px dotted #faa86c;
	font-size:0.95em;
  	}

.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/StormLife/files/Trangmiu.png) bottom center no-repeat; 	/*hình nền bài viết - dưới cùng*/
	margin-bottom:30px;
	}

#firstpost {
	padding-top:0;
	border:none;
	}

.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;
	color:black;
	background: url(http://files.myopera.com/StormLife/files/Hoangtramtram.png) top center no-repeat; 	/*hình nền tiêu đề bài viết*/
	}

.title a:link, .title a:visited {
	text-decoration:none;
	}

.title a:link, .title a:visited, .tags a:link, .tags a:visited {
	color:blue;
	}

.title a:hover {
	color:#cc0000;
	text-decoration:none;
	}

.postdate {
	font-size:0.85em;
	margin:0;
	padding: 0px 20px ;
	background: url(http://files.myopera.com/sinhvienbk/Magic_paper/post_bg.png) top center repeat-y;
	}

.tags {
	margin:0px;
	font-size:0.85em;
	text-color:#00fffc;
	padding: 0px 20px ;
	background: url(http://files.myopera.com/sinhvienbk/Magic_paper/post_bg.png) top center repeat-y;
	}
	
.postinfo {
	clear:both;
	margin-top:1em;
	font-weight:normal;
	padding-top: 5px;
	padding-left: 400px;
	font-family:Georgia;
	padding-right:20px;
	background: url(http://files.myopera.com/sinhvienbk/Magic_paper/comment_in_post.png) center right no-repeat;
	height: 25px;
	}

.postinfo img, .editthis img {
	margin:0 5px -1px 0;
	}

.editthis {
	padding-left:10px;
	}

.postcomments {
	padding-left:5px;
	}

.content {
	clear:both;
	padding-left:20px;
	padding-right:20px;
	font-size:13px;
	background: url(http://files.myopera.com/sinhvienbk/Magic_paper/post_bg.png) top center repeat-y;
	}

.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 {
	font-family:tahoma;
	padding:1px 5px;
	margin:0 1px;
	text-decoration:none;
	font-weight:bold;
	background:;
	color:blue;
	}

.pagenav b {
	padding:1px 5px;
	background:url(http://files.myopera.com/sinhvienbk/Magic_paper/page.png) center center no-repeat;
	color:#a06825;
	}

.pagenav a:hover {
	padding:1px 5px;
	border:1px solid #a06825;
	color:#a06825;
	}

#posttitle, #excerptfield ,#postcontent {
	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 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

#newcomment h2 span:after {
	font-family:Verdana;
	content:" ••• mọi người cho ý kiến nhá ••• ";
}

.comments {
	clear:both;
	}

.comment1, .comment2 {
	clear:both;
	background: url(http://files.myopera.com/sinhvienbk/Magic_paper/comment_you.png) bottom right no-repeat;	/*ảnh mọi người vào comment*/
	margin-top:15px;
	margin-left:0px;
	width:100%;
	overflow:auto;
	border:1px solid #ab4f26;
}

.ownercomment {
	background: url(http://files.myopera.com/sinhvienbk/Magic_paper/comment_me.png) bottom right no-repeat;	/*ảnh mình comment*/
	border:1px dotted #ab4f26;
} 


.comments .bot {
	padding:10px;
	}

.comments .avatar {
	height:60px;
	width:60px;
	float:left;
	margin:5px;
	margin-top:7px;
	background: url(http://files.myopera.com/sinhvienbk/Magic_paper/avatar_comment.png) top left no-repeat;		/*ảnh nền phần avata của Comment - khung*/
	border:0px solid white;
	}

.comments .avatar img {		/*kích thước avata comment*/
	width:46px;
	height:45px;
	}

.comments .text {
	margin:0 0 0 69px;
	}

.comment-by {
	clear:both;
	font-size:10px;
	font-weight:normal;
	margin:0;
	padding-top:6px;
	}

.comment-by:hover {
	font-size:11px;
	}

.editcomment {
	font-size:0.8em;
	margin:0;
	}

#message {
	height: 300px;
	width: 550px;
	color:black;
	font-size:18px;
	background: url(none) bottom right no-repeat; 		/* ảnh nền của ô write a comment*/ 
	border: 2px solid #c56220;
	text-align:right;
}

#message:hover {
	border: 2px solid #783a11;
	font-weight:bold;
	}



/*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 ul:hover{
	background: url(http://files.myopera.com/sinhvienbk/Magic_paper/last_blog_post.png) top right no-repeat;
	}

#tagcloud a:link, #tagcloud a:visited, #tagcloud a:active {
	color:#95531e;
	}

#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: url(http://wallcoo.com/cartoon/Digital_Spring_Art_1920x1200/images/Digital_composite_spring_1018.jpg) center center no-repeat;
	border-bottom:0px solid #000;
	color:#999;
	}

#calendar td {
	border-top:0px solid #444;
	border-right:0px solid #222;
	border-bottom:0px solid #222;
	border-left:0px solid #444;
	color: gray;
	}

#calendar {
	border-spacing:1px;
	color: black;
	font-weight:bold;
	margin-bottom:20px;
	padding-bottom:15px;
	}

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

#calendar td {
	line-height:16px;
	padding:1px;
	text-align:center;
	}

#calendar td a {
	font-weight:normal;
	}

#calendar td a:hover {
	color:black;
	font-size:12px;
	font-weight:blod;
	}

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

#nextmonth, #prevmonth {
	padding:4px 1px;
	padding-left:5px;
	padding-right:5px;
	width:48%;
	}

#nextmonth {
	text-align:right;
	}



/*PROFILE<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*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: url() 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:none;
	}

#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: url(http://files.myopera.com/sinhvienbk/Magic_paper/friend.png) top right no-repeat;
	}

#myfriends li {
	background: url() top left no-repeat;
	}

#myfriends li div {
	background: url(http://files.myopera.com/sinhvienbk/Magic_paper/friend.png) top right no-repeat;
	font-size:11px;
	}

#myfriends li a {
	color:#222;
	}

#myfriends .location {
	color:#999;
	}

#myfriends[id] a:hover {
	color:#a65228;
	font-size:11px;
	}

.myfriend blockquote {
	display:none;
	}


/*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:11px;	 /*thay đổi kích thước Font chữ*/
	}

#mylinks .grey {
	color:#fff;
	}

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

#mylinks .linkinfo {
	margin-bottom:5px;
	padding:2px 5px;
	border:1px solid #000;	/*thay màu của khung*/
	}
#mylinks .linkinfo a{
	color:#0adaff; 	/* thay màu chữ hiển thị link*/	
	}

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

.url {
	color:#8b8b8b;
	}

.linkdesc {
	color:#fff;
	}

.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:#297eaa;
	}

.tagged {
	font-weight:bold;
	}


/*CARDS<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

#ecard {
	position:absolute;
	width:126px;
	height:19px;
	bottom:2px;
	left:2px;
	}


/*POLL<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

#poll ul {
	background: url(http://files.myopera.com/sinhvienbk/Magic_paper/poll_bg.png) bottom right no-repeat;
	margin:0;
	}

#pollresults li {
	border-bottom:1px dotted #333;
	}

#poll li {
	background: url() center right no-repeat;
	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, #main-searchbox {
	background: url(http://files.myopera.com/sinhvienbk/Magic_paper/search.gif) right no-repeat;
	line-height:16px;
	width:170px !important;
	border:1px solid #999999;
	padding:2px;
	}

#searchbox:hover {border:1px solid black;}

#submitsearch {display:none}

#blogsearch input {
	margin-top:1px;
	vertical-align:middle;
	}
#blogsearch {
	height:100px;
	}
.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: url() top left no-repeat; ;
	color:#fff;
	padding:6px;
	}

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

#getopera .pad {
	color:#000;	
	background:url() bottom right no-repeat;
	}



/*RECENT VISITORS<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

#visitors a {
	text-decoration:none;
	display:block;
	height:72px;
	width:83px;
	padding-left:4px;
	}

#side #visitors li a:hover {
	background-position:100% -72px;
	}

#visitors img {
	margin-top:8px;
	text-align:center;
	}

#visitors li {
	height:94px;
	width:88px;
	float:left;
	margin:0 0px 0px 0px;
	text-align:center;
	border:0px solid #666666;
	background: url(http://files.myopera.com/sinhvienbk/Magic_paper/friend_in_sidebar.png) top left no-repeat;
	}

#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;
	margin:2px 0;
	border:0px solid #666666;
	}

#friendz li.first {
	clear:both;
	float:left;
	}
	
.userlist a:link, .userlist a:visited, .userlist a:active {
	background:transparent url(http://files.myopera.com/sinhvienbk/Magic_paper/friend_in_sidebar.png) top left no-repeat;
	}

.userlist a:hover {
	border:1px solid #00974c;	
	}
	

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


/*SHOUT BOX<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

#shoutbox li {
	background:url(http://files.myopera.com/sinhvienbk/Magic_paper/chat_bottom.png) bottom left no-repeat;
	margin-bottom:10px;
	line-height:1.3;
	padding:0 0 11px;
	}

#shoutbox p {
	background:url(http://files.myopera.com/sinhvienbk/Magic_paper/chat_top.png) bottom left no-repeat;
	clear:left;
	text-align:left;
	margin:0;
	padding:0 0 14px;
	}

#shoutbox blockquote {
	background:url(http://files.myopera.com/sinhvienbk/Magic_paper/chat_bg.png) top left repeat-y;
	color:black;
	clear:both;
	font-style:normal;
	margin:0;
	padding:0 10px;
	}

#shoutbox .me p {
	background-image:url(http://files.myopera.com/sinhvienbk/Magic_paper/chat_top.png);
	text-align:right;
	}

#shout {
	width:160px;
	}

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

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

#shoutbox p.none {
	background-image:none;
	margin:0;
	padding:0;
	}



/*LATEST COMMENTS<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

#newcomments ul {
	margin-bottom:-6px;
	}

#newcomments a {
	text-decoration:none;
	}

#newcomments a.username:link, #newcomments a.username:visited {
	color:#794b1a;
	font-family:Tahoma;
	font-size:10px;
	background:#c08c41;
	border:1px solid black;
	}

#newcomments a:hover.username:link, #newcomments a:hover.username:visited {
	color:#ffb11e;
	background:#009900;
	border:1px solid brown;
	font-weight:bold;
	font-style:normal;
	}
	
#newcomments a:hover {
	color:#bc4d27;
	font-style:normal;
	font-weight:normal;
	}

#newcomments li {
	clear:both;
	padding:5px 5px;
	margin-bottom:5px;
	border-bottom:1px dotted #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:none;
	}

#latestposts li{
	border-bottom:1px dotted #333;
	}

#latestposts li:hover {
	background: url(http://files.myopera.com/sinhvienbk/Magic_paper/last_blog_post.png) bottom right no-repeat;
	}



/*LIEN KET SIDEBAR<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.sidelinx li {
	padding:3px 0;
	display:block;
	border-bottom:1px solid #333;
	}

.sidelinx li a:hover {
	color:#FFCC33;
	}


/*PERSONAL ADD<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

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

/*GENERAL RULES<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


.mobile {
	display:none;
	}

.rtl {
	display:block;
	text-align:right !important;
	}

a:link, a:active, a:visited {/*link trong bai viet khi chua chi chuot vao*/
	color:#905413;
	text-decoration:none;
	}

a:hover {/*link trong bai viet khi chi chuot vao*/
	text-decoration:none;
	}

a.username:link, a.username:visited, a.username:active {
	color:#905413;
	}

.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 {
	font-family: Tahoma, Arial,'trebuchet ms',helvetica,sans-serif;
	display: block;        
	padding:10px 6px;
	margin:0 0 10px 0;
	border: 1px dashed #aaa;
	 overflow: auto;
	}

pre {
	background:#000000;
	}

code {
	background: url() top left no-repeat;
	}

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:16px;
	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;
	}

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

.avatar img {
	display:block;
	margin:1px;
	max-width:50px;
	max-height:50px;
	}

.pagenav a {
	color:#905413;
	}

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

.albums {
	margin-top:18px;
	}

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

.album1 {
	clear:both;
	background:#f6faf9;
	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;
	}
	
.albumimage {
	margin:6px;
	border:1px solid #ddd;
	}

.albumnfo {
	margin-left:186px;
	border:1px dotted #e3e3e3;
	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;
	} 

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

#mypix div div {
	padding:6px;
	height:212px;
	border:1px solid #c2c2c2;
	}

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

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

#mypix a:hover {
	color:#C9D866;
	text-decoration: none;
	}	


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



/*PROFILE<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

#personal {
	padding:5px;
	border:1px solid #DDDDDD;
	margin-bottom:5px;
	}
#personal li {
	display:block;
	padding:3px;
	text-decoration:none;
	border-bottom:1px solid #ffffff;
	}
	
#userpic {
	width:300px;
	height:230px;
	float:right;
	}

#userpic img {
	display:block;
	margin:19px 14px 18px 18px;
	}

#myspots .sidelinx h3 {
	padding-top:8px;
	}

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

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

#userpic {
	background: url(http://files.myopera.com/StormLife/files/avatar.png) bottom right;
	}
#aboutme {
	padding:5px;
	border:1px solid #DDDDDD;
	}


/*ARCHIVE<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.month h2 a:link, .month h2 a:visited {/*chỉnh dòng tháng khi ko chỉ chuột vào*/
	font-family:Courier New; 
	text-decoration:bold;
	font-size:14pt;
	}

.month H2 a:hover {/*khi chỉ chuột vào dòng tháng*/
	font-family:Courier New; 
	color:#903d18;
	text-decoration:bold;
	font-size:16pt;
	background:#;
	}

.month li a:link, .month li a:visited {/*link của từng ngày khi chưa chỉ chuột*/
	font-family:Courier New; 
	color:black;
	text-decoration:none;
	font-size:8pt;
	}

.month li a:hover {/*link của từng ngày khi chỉ chuột*/
	background:#ecc38f;
	border:1px dotted black;
	font-family:Courier New; 
	color:#a0294d;
	text-decoration:bold;
	font-size:10pt;
	}

.month SPAN {/*chỉnh chữ của ngày tháng đầu dòng*/
	font-family:Tahoma; 
	color:#8a8a8a;
	font-size:7pt;
	}

.month SPAN:hover {
	color:black;
	}