/* 
	Copyright Opera Software. Design by Fred. 
              Skin Name: My Love
 	Skin edited and mr Dream - http://mrdream.kiss.vn
                   
	Date: 31/03/2007
	
*/

@import url(http://files.myopera.com/mrdream/mydream/archive.css);
@import url(http://files.myopera.com/mrdream/mydream/albums.css);

/* :: MAIN LAYOUT :: */

body {
	background:#948E94 url(http://files.myopera.com/mrdream_datas/mylove/bg.jpg) top center no-repeat ; 
        background-attachment: fixed ; /*Màu nền blog*/
	margin:0;
	padding:0;
	font-family: arial,'trebuchet ms',helvetica,sans-serif; /*Font chu mac dinh tren toan bo blog*/
	font-size:13px;
	line-height:145%;
	text-align:center;
	color:#111;
        scrollbar-arrow-color:#FFFFFF;
        scrollbar-track-color:;
        scrollbar-darkshadow-color:#FF99FF;
        scrollbar-face-color:#FF99FF;
        scrollbar-highlight-color:;
        scrollbar-shadow-color:#FFFFFF;
	}

#wrap1 {
	margin:0 auto;
	}
#wrap2 { 
	background:url(http://files.myopera.com/trungtan/files/bg.jpg);background-attachment:fixed; 
	}
#wrap3 {
	background:#fff url(http://files.myopera.com/trungtan/files/footer_hot.JPG) bottom left no-repeat; /*Anh nen phia duoi blog*/
	margin:0 auto;
	width:758px !important;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:140px; /*Noi dung blog se cach bottom 140 px de khong bi de nen anh nen*/
	}

#topbar {
	margin:0 -10px;
	width:778px	!important;
	height:25px;
	line-height:23px;
	background:#fff url(http://files.myopera.com/mrdream_datas/button_girl/bgr_wrap2.jpg) top left repeat-x ;  /*Mau nen cua topbar tren cung co' cung mau voi mau nen*/
	overflow:hidden;
	}
	
#topbar p {
	margin:0;
	padding-top:3px;
	font-size:10px;
	}

#topbar #community {
	margin-left:15px;
	}

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

#topbar a:hover {
	text-decoration:underline;
	}

#topbar a.toplink {
	padding:1px 4px;
	}

#topbar a.toplink:hover {
	background:none;
	color:#000;
	}

#oc {
	float:left;
	width:136px;
	}

#oc span {
	display:block;
	height:22px;
	background: url(/community/graphics/users/globe_white.gif) top left no-repeat;
	padding-left:26px;
	}


#edittitle {
	padding-top:29px;
	}

#top {
	font-size:11px;
	width:774px	!important;
	height:364px; /*Do cao cua banner*/
	margin:0 -10px;
	text-align:left;
	color:#fff;
	background:#fff url(http://files.myopera.com/trungtan/files/banner_hot.jpg) bottom left no-repeat; /*Anh banner*/
	}

#top2 {
	height:315px;
	padding-left:145px; /*Tieu de blog cach le trai 145px*/
	}

#top h1 {
	margin:0;
	width:500px;
	font-size:22px;
	font-family:arial,tahoma,helvetica,sans-serif; /*Font cua tieu de la arial*/
	line-height:normal;
	padding-top:85px; /*Tieu de blog cach phia tren cung 85px*/
	}

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

#menu {
	clear:both;
	margin-left:10px;
	}

#menu ul {
	padding:0;
	margin:0;
	height:27px; /*Do cao cua menu la 27px = do cao cua anh nen*/
	}

#menu li {
	float:left;
	line-height:28px;
	height:27px;
	overflow:hidden;
	font-size:11px;
	list-style:none;
	width:14%;
	margin:1px 0 0 0;
	padding:0;
	}

#menu a {
	display:block;
	height:27px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	background:none
	padding:0 0 0 10px;
	}

#menu a:hover {
	background:none
	color:#fff;
		
	}
#menu a#selected
	{
	text-decoration: none;
	color:#fff;
	}

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

#content {
	padding:0;
	}

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

#mainwrap {
	width:100%;
	margin-right:-195px;
	padding-bottom:12px;
	float:left;
	}

#main {
	min-height:400px;
	margin-right:205px;
	padding-bottom:15px;
	}
/*Chinh do float cua footer*/
#footer {
	clear: both;
	width:100%;
	height:15px;
	POSITION: relative;
	left: 5px; 
	bottom:-10px;
	}
/*End chỉnh độ float của footer*/
#footer p {
	margin:0 5px;
	}

#footer a:link, #footer a:visited, #footer a:active {
	color:#111;
	text-decoration:none;
	}

#footer #get {
	text-decoration:underline;
	}

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

/* :: SIDEBAR :: */


#sidewrap {
	width:190px;
	float:right;
	font-size:11px;
/*	overflow:hidden;*/
	}

#side a:link, #side a:visited, #side a:active {
	color:#000; /*Màu liên kết của sidebar (màu đen)*/
	text-decoration:none;
	}
#side a:hover {
	color:#000;
	text-decoration: underline;
	}	
#side li {
	font-size:11px;
	list-style-type: decimal;
	border-bottom:1px dotted #42BAE7;
	}

#side h2, #side caption {
	color:#fff;
	background:#fff url(http://files.myopera.com/mrdream_datas/mylove/sidebox_top.jpg) top left no-repeat; /*Anh nen top cua tung box*/
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 1px 0;
	padding:6px;
	text-align:left;
	}

#side h2.feedheader {
	background:#fff url(http://files.myopera.com/mrdream_datas/mylove/sidebox_top.jpg) top left no-repeat; /*Anh nen top cua box feed*/
	padding:6px;
	}

#side h2 a:link, #side h2 a:visited, #side h2 a:active {
	color:#fff; /*Màu liên kết của tiêu đề các box (màu trắng)*/
	text-decoration:none;
	}

.sidebox {
        background:#fff url(http://files.myopera.com/mrdream_datas/mylove/bgr_sidebox.jpg) top left repeat-y; /*Anh nen tuyet roi cua tung box*/
	margin-bottom:15px;
	}

.sidebox .pad {	
        border-bottom:1px #42BAE7;
	background:url(http://files.myopera.com/mrdream_datas/mylove/sidebox_footer.jpg) bottom left no-repeat; /*Anh nen duoi cung cua tung box*/
	padding:5px;
	}

.sidebox p {
	margin:0;
	color:#444;
	}

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

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

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

.center {
	display:block;
	text-align:center;
	}

.smilie {
	margin:0 3px;
	}

img {
	max-width:100%;
	}

.hide, .handheld {
	display:none;
	}

table {
	width:100%;
	}

p {
	margin:10px 0;
	}

td, th {
	text-align:left;
	vertical-align:top;
	}

pre, td, th, input, select {
	font-size:11px;
	}

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

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

blockquote {
	margin:10px 0 0 0;
	padding:0;
	}

em {
	font-style:normal;
	}

form, blockquote p {
	margin:0;
	padding:0;
	}

textarea {
	width:100%;
	height:150px;
	margin:0;
	}

h1 {
	font-size:20px;
	margin:0 0 8px 0;
	}

h2 {
	font-size:20px;
	margin:0 0 12px 0;
	}

h3 {
	font-size:13px;
	margin:12px 0 7px 0;
	}

h4, h5, h6 {
	font-size:12px;
	margin:10px 0 5px 0;
	}

img, abbr, acronym {
	border:none;
	}


ol, ul, li {
	font-size:12px;
	margin:0 0 10px 0;
	padding:0;
	}

#content li ul, #content li ol {
	margin:10px 0 10px 20px;
	}

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

.alpha li {
	list-style-type:lower-alpha;
	}

.nomarg {
	margin:0 !important;
	}

.clear {
	clear:both;
	}

div.clear {
	height:1px;
	line-height:1px;
	overflow:hidden;
	}

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


/* :: COMMENTS :: */


.feedicon {
	margin-bottom:-3px;
	}

.comments h2 {
	font-size:13px;
	}

.comments {
	clear:both;
	}

.comment1 {
	clear:both;
	background:#f6f6f6;
	border:1px solid #ddd;
	margin:15px 0;
	overflow:auto;
	}

.comments .bot {
	padding:10px;
	}

.comment2 {
	clear:both;
	margin:15px 0;
	width:100%;
	border:1px solid #ddd;
	overflow:auto;
	}
.ownercomment {
	background:#f6f3d6; 
	}
.comments .c-avatar {
	float:left;
	width:58px;
	height:58px;
	border:1px solid #ccc;
	background:#fff;
	}

.c-avatar img {
	margin:4px;
	}

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

.comment-by {
	clear:both;
	color:#777;
	font-size:11px;
	margin:0;
	padding-top:6px;
	}

.editcomment {
	font-size:10px;
	margin:0;
	}

.editcomment a:link, .editcomment a:visited {
	color:#000;
	}

.permalink a:link, .permalink a:visited {
	color:#555;
	}
	
.del {
	color:#c00 !important;
	}

#addcomment {
	height:175px;
	}

#description, #writecomment {
	height:200px;
	}

#message {
	height:300px;
	}

#msubject {
	width:100%;
	}

/* :: ALBUM SLIDESHOW :: */

#albumslides, #albumslides a, #albumslides img {
	width:190px;
	height:143px;
	}

#albumslides {
	position:relative;
	background:#000;
	}

#albumslides a {
	position:absolute;
	display:block;
	top:0;
	left:0;
	}



/* :: BLOG :: */

#blogtools {
	background:#f3f3f3;
	}

.whisper {
	color:#555;
	background:#fbfbfb url(/community/graphics/users/whisp.gif) 5px 7px no-repeat;
	padding:7px 21px;
	border:1px dotted #aaa;
	margin:10px 5px;
	}

.whisper i {
	font-size:11px;
	color:#aaa;
	}

blockquote.bbquote, .post blockquote {
	background:#fff url(http://files.myopera.com/mrdream/mydream/trichdan.gif) 5px 5px no-repeat;
	padding: 30px 5px 5px 33px;
	margin:0px 5px;
	color:#555;
	/*font-style:italic;*/
	}

.comment2 blockquote.bbquote, .comment2 .post blockquote {
	background-color:#f6f6f6;
	}

.post {
	CLEAR: both;
	POSITION: relative;
	padding:0px 0 40px 0; 
	margin-bottom:10px;
	width:100%;
	overflow:hidden;
	background: url(http://files.myopera.com/mrdream_datas/mylove/home-lead.gif) bottom center no-repeat; /*hinh nen cua bai viet*/
	}
	
.stickypost {
	/*background: none !important */
	}
#firstpost {
	background: url(http://files.myopera.com/mrdream_datas/mylove/home-lead.gif.gif) bottom center no-repeat; /*Hinh nen cho bai viet dau tien */
	}

#lastpost {
	padding-top:0;
	background: url(http://files.myopera.com/mrdream_datas/mylove/home-lead.gif.gif) bottom center no-repeat; /*hinh nen cho bai viet cuoi cung*/
	/*padding-bottom:40px;*/
	}

.post .title {
	margin-bottom: 0;
/*	width: 100%;*/
	color: #42BAE7;
	overflow: auto;
    padding-top:3px;
	}
	
.post .title a {
	float: left;
	padding: 2px 10px; /*Cho rộng thẻ liên kết A */
	background: url(http://files.myopera.com/mrdream_datas/mylove/posttitl.jpg) no-repeat top right; /*Hình nền của tiêu đề bài viết*/
	text-decoration:none;
	text-transform:uppercase;
	font-family:tahoma;
	font-size:12px;
	color: #FFFFFF ;
	}
.post .title a:link {
	color: #FFFFFF ;
	}
.post .title a:hover {
	background: url(http://files.myopera.com/mrdream_datas/mylove/posttitl.jpg) no-repeat top right; /*Hình nền khi di chuột lên của tiêu đề bài viết*/
	color: #fff;
	text-decoration:underline;
	}
.post .title:hover:before {
	content"#"!important;
	color: #e0222e;
	background:inherit!important;
	}

.postdate {
	padding: 2px 5px ;	/*Cach le cua ngay thang viet bai*/
	margin:0 ;
	font-size:10px;
	line-height:normal;
	text-transform:uppercase;
	text-align:left!important;
	color:#000;
	background: url(http://files.myopera.com/mrdream_datas/mylove/postmeta.jpg) no-repeat top left; /*Anh