/*   Skin Wait version 2 - Series Romantic Style
  Designer: Nguyễn Đình Thiên  
  Site: my.opera.com/thiendt5/blog  
  Last Edit: 14/03/2011
  Các thắc mắc và yêu cầu thay đổi hãy liên hệ tác giả ^^ 
  Mọi quyền sử dụng vui lòng để lại tên người thiết kế. Xin cám ơn!   */

@import url(/thiendt5/usercss/albums.css);
@import url(/thiendt5/usercss/friends.css);
#arc {margin:15px}
#arc li:hover {background-color:#fffacd;border:1px dotted #bebebe;}
#arc li a:hover {font-weight:bold;-webkit-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;}
#mylinks .col1 {width:45%;margin:30px 0 30px 30px;}
#mylinks .col2 {width:45%;margin:30px 30px 30px 0;}

#top {background:none}
#menu {z-index:10}

/* =====================BODY INPUT=========================== */
body input[type="submit"], body input[type="button"] {
	margin-right: .1em;
	text-align:center;
	font-size:11px;
	background: url("/community/graphics/main/icons1.gif") repeat-x scroll 0 -3874px #29ABE2;
	border: 1px solid #116182;
	color: #FFFFFF;
	font-weight: bold;
	padding: .4em 1em;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
body input[type="submit"]:hover, body input[type="button"]:hover,
body input[type="submit"]:focus, body input[type="button"]:focus {
	background-position:0 -3866px;
	border:1px solid #0F77A2;
	cursor:pointer;
}
body input[type="text"], body input[type="password"], body textarea
{
	background:#fff;
	border:1px solid #ddd;
	padding:.5em;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-khtml-border-radius:2px;
}
body input[type="text"]:hover, body input[type="password"]:hover, body textarea:hover
{
	border:1px solid #fbcb09;
	background:#fdf5ce;
}
body input[type="text"]:focus, body input[type="password"]:focus, body textarea:focus
{
	border:1px solid #fbcb09;
	background:#f8f8f8;
}

.buttons a, .buttons a:link, .buttons a:visited, .buttons a:active, .close, #markall {
	background: url("/community/graphics/main/icons1.gif") repeat-x scroll 0 -3874px #29ABE2;
	border: 1px solid #116182;
	color:#fff !important; 
	font-weight:bold;
	font-size:11px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin-top:5px;
	margin-left:10px;
}
.buttons a:hover, .close:hover, #markall:hover {
	background-position:0 -3866px;
	border:1px solid #0F77A2;
	cursor:pointer;
}

/*=======================COMMON RULES===============================*/
/* FIX IMG WIDTH AND SCALE */

#mainwrap img {max-width:603px;width:no_expressions_allowed_(this.width > 603 ? "603px" : this.width);}
.comments img {max-width:561px !important;width:no_expressions_allowed_(this.width > 561 ? "561px" : this.width);}
.imgleft img {max-width:280px !important;width:no_expressions_allowed_(this.width > 280 ? "280px" : this.width) !important;}
.imgright img {max-width:280px !important;width:no_expressions_allowed_(this.width > 280 ? "280px" : this.width) !important;}

/* Canh giua cac anh va video trong bai post */
.content img {display: block;margin-left: auto;margin-right: auto;}
/* Khong canh giua cac bieu tuong, vi bieu tuong cung la img nen phai !important */
.smiley {display:inline !important}
/* Dat quyen uu tien cho nhung anh canh trai hoac canh phai */
.alignleft img {clear: left;float: left;margin: 4px 15px 8px 0 !important}
.alignright img {clear: right;float: right;margin: 4px 0 8px 15px !important}
.alignleft embed {float:left;clear:left;}
.alignright embed {float:right;clear:right}
.aligncenter img, .aligncenter embed {display: block;margin-left: auto;margin-right: auto;}
code, pre {display:inline-block; font:12px Calibri,Arial,sans-serif;margin:20px 5px 10px 5px;padding:5px 5px;-moz-box-shadow:0 0 3px 1px #000;-webkit-box-shadow:0 0 3px 1px #000;box-shadow:0 0 3px 1px #000;overflow: auto;}
.post pre {max-width:583px;}
.comments pre {max-width:541px;}
code:before, pre:before {content: 'Code';border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;color: #fff;background-color: #222;margin: -24px 0px 0px -5px;padding: 2px 5px;position:absolute;}

hr {-moz-box-sizing: border-box;-moz-float-edge: margin-box;border: 1px inset;
    color: gray;display: block;height: 2px;margin: 0.5em auto;
}
.col1, .col2 {width: 49%;}
.left, .col1 {float: left;}
.right, .col2 {float: right;}
.clear {clear: both;}

#wrap1 {background:url(http://files.myopera.com/thiendt5/RomanticStyle/Wait_v2/MarkHeader.png) top repeat-x}
#wrap0 {background:url(http://files.myopera.com/thiendt5/RomanticStyle/Wait_v2/Wait_v2.jpg) top center repeat-x}
#wrap3 {width:960px;margin:0 auto; position:relative}
#wrap4 {width:960px; margin:0 auto;}
#header {margin:0;height:36px;border:none;background:none; -moz-box-shadow:none; box-shadow:none; -webkit-box-shadow:none}
#menu {position:absolute;top:0;left:200px;height:36px}
#menu li {float:left;}
#menu a#selected , #menu li a:active {background-color: #9d0ab8;color:#fff; font-weight:bold; text-shadow:0 0 3px #fff}
#menu li a {font-size:12px;padding:15px 15px 6px;border-right:1px solid #fff; text-shadow:1px 1px 1px #7d9da5}
#menu li a:hover{color:#f8f8ff;text-shadow:0 0 3px #fff}

#logo {display:none !important}
#nav {position:absolute;top:0;left:0;z-index:3;margin:0}
#user {position:absolute;top:0;right:0;height:36px;z-index:4}
#loginsignup {position:absolute;top:0;right:0;height:36px;}
#loginsignup li {height:36px;}
#loginsignup a {border:none !important;padding-top:10px}
#nav [aria-haspopup] > a {text-indent:-9999px !important;padding:5px 0 10px 0}
#nav .menu-community {width:32px;margin:0;margin-right:20px}
#nav .menu-community a {background: url(http://files.myopera.com/thiendt5/RomanticStyle/Community.png) center no-repeat}
#nav .menu-opera {width:32px;margin:0;}
#nav .menu-opera a {background: url(http://files.myopera.com/thiendt5/RomanticStyle/Opera.png) center no-repeat}
#nav .menu-user {width:24px;margin:0;margin-right:20px}
#nav .menu-user a{background:url(http://files.myopera.com/thiendt5/RomanticStyle/User.png) center no-repeat}
#nav .menu-user ul {left:-26px}
#nav .menu-community ul{left:-70px;}
#nav .menu-opera ul{left:-122px;}
#user li {height:36px;}
#user li a {height:36px;width:100%}
#user .settings ul {margin-top:-13px}
#user [aria-label]:hover::after {background:#C98BD5 !important; border-radius:4px !important; -moz-border-radius:4px !important; -webkit-border-radius:4px !important; border:1px solid #fff !important; top: 35px !important; width: 70px !important; left: -25px !important;}
#user > li:hover > a:before, #nav [aria-haspopup]:hover > a:after {border-bottom-color: #fff;}
#user .new:before {background:url(http://files.myopera.com/thiendt5/RomanticStyle/Notification.png) right no-repeat}
#user .messages, #user .messages:hover {width:24px;margin:0;margin-right:20px;background:url(http://files.myopera.com/thiendt5/RomanticStyle/Message.png) center no-repeat;}
#user .settings, #user .settings:hover {width:24px;margin:0;background:url(http://files.myopera.com/thiendt5/RomanticStyle/Setting.png) center no-repeat;}
#user .friends, #user .friends:hover {width:24px;margin:0;margin-right:20px;background:url(http://files.myopera.com/thiendt5/RomanticStyle/AddFriend.png) center no-repeat;}
#user .news, #user .news:hover {width:24px;margin:0;margin-right:20px;background:url(http://files.myopera.com/thiendt5/RomanticStyle/NewComment.png) center no-repeat;}

#user .messages ul {margin-top:-13px;background:#C98BD5 !important; border-radius:6px !important; -moz-border-radius:6px !important; -webkit-border-radius:6px !important; border:1px solid #fff !important;}
#user .messages ul li a {background:#C98BD5 !important; border:0 !important; color:#fff !important;border-bottom:1px solid #fff}
#user .messages ul li a:hover {background:#9d0ab8 !important; color:#000 !important; text-shadow:0px 1px 0px #999; box-shadow:inset 0px 16px 14px #999; -moz-box-shadow:inset 0px 16px 14px #aaa; -webkit-box-shadow:inset 0px 16px 14px #999;}

#nav li ul[id^="menu-"], #user .settings ul {background:#C98BD5 !important; border-radius:6px !important; -moz-border-radius:6px !important; -webkit-border-radius:6px !important; border:1px solid #fff !important;}
#nav li ul[id^="menu-"] li a, #user .settings ul li a {background:#C98BD5 !important; border:0 !important; color:#fff !important;border-bottom:1px solid #fff}
#user .settings ul li a {color: #FFFFFF !important;font-size: 12px;height:30px;}
#nav li ul[id^="menu-"] li a:hover, #user .settings ul li a:hover {background:#9d0ab8 !important; color:#000 !important; text-shadow:0px 1px 0px #999; box-shadow:inset 0px 16px 14px #999; -moz-box-shadow:inset 0px 16px 14px #aaa; -webkit-box-shadow:inset 0px 16px 14px #999;}
#nav li ul[id^="menu-"] li:first-child, #nav li ul[id^="menu-"] li:first-child a, #user .settings ul li:first-child, #user .settings ul li:first-child a {border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;}
#nav li ul[id^="menu-"] li:last-child, #nav li ul[id^="menu-"] li:last-child a, #user .settings ul li:last-child, #user .settings ul li:last-child a {border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px;}


a {text-decoration:none;color: #3B5998;-moz-transition:color 0.3s ease-in;-webkit-transition: color 0.3s ease-in;-o-transition: color 0.3s ease-in;transition: color 0.3s ease-in;}
a:link, a:hover, a:visited, a:active {-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
a:hover {color: #ff7f50;}
body{font-family:Arial,Tohama,sans-serif ;font-size:13px;background:#fff8e6}
ul {list-style:none;padding:0;}
#getopera {display:none}

#profile {display:inline-block;padding:30px;}
#profile h2 {text-shadow:0 0 3px #000}
#profile #action {margin-top:40px}
#profile #action p.right {padding-right:70px}
#userpic {float:right;}
#userpic img {margin:15px 25px 0 0;border:1px solid #ccc}
#personal ul {width:48%}
#personal li {display:block;padding:3px;color:#000;text-decoration:none;border-bottom:1px solid #DDDDDD;}
#ff li{padding:3px 0;border-top:1px solid #eee;}
#aboutme img, #aboutwork img {margin: 0 auto;display:block}

#top h1 {margin-bottom:0}
#content {margin:0 auto; padding:320px 0 0;text-align:left; min-height:550px; width:960px;font-family:Arial, Helvetica, sans-serif !important;}
.onecol #content {padding:50px 0 0}
#mainwrap {width:665px;float:left; background:url(http://files.myopera.com/thiendt5/RomanticStyle/MainwrapColor.png); border:1px solid #8f9458; padding:9px;margin-bottom: 40px;-moz-border-radius:6px;border-radius:6px}
#main {background-color:#fff; border:1px solid #8f9458;width:663px;-moz-border-radius:6px;border-radius:6px; display:inline-block;}
#sidewrap {width:250px; float:right; overflow:hidden;padding-top:8px}
#blogbymail {display:none}
#main #blogbuttons {margin-top:-45px}
.blogfront .buttons, .blogentry .buttons {margin-top:-45px}
.blogfront .post .buttons, .blogentry .post .buttons {margin-top:0}
#side .buttons {margin-top:0}
.post {border-bottom:1px dotted #ddd; padding:30px 0}
.post .content {padding:10px 30px}
.post .title {background-color:#98bdc6; border:1px solid #6e8d94; display:inline; margin:0 30px 0 -21px; padding:12px 25px; display:inline-block;}
.post .title a:hover {color:#fff}
.postdate {margin:0 0 0 -21px;padding-left:51px;padding-top:10px;background:url(http://files.myopera.com/thiendt5/RomanticStyle/PostDate.png) top left no-repeat;font-style:italic;font-weight:bold}
.post .tags {margin:0;padding-left:30px; font-style:italic;font-weight:bold}
.postdate:before {content: "Posted on: ";color:#aaa;}
.post .tags:before {content: "Tags: ";color:#9C0;}
.post .sticky {background:transparent url(http://files.myopera.com/thiendt5/RomanticStyle/PostSticky.png) right no-repeat;float:right;margin:-32px 10px 0 0;font-size:0.85em;padding:0 28px 0 8px;line-height:24px;}
.post .postinfo {font-size:12px;font-weight:bold;text-align:center;}
.postinfo img {display:none}
.postinfo span {padding:2px 0 2px 18px;background:url(http://files.myopera.com/thiendt5/RomanticStyle/PostInfo.png) left no-repeat}
.post embed, .post table, .comments embed, .comments table {margin-top:10px;max-width:100%;display: block;margin-left: auto;margin-right: auto;}

#share {margin-left:auto}
.postnav {height:2em;line-height:2em;margin:0;padding:5px;padding-bottom:20px;border-bottom:1px dotted #ddd;}
.postnav .prv {float:left;padding:0 5px;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;-webkit-box-shadow:0 0 5px #000;}
.postnav .nxt {float:right;text-align:right;padding:0 5px;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;-webkit-box-shadow:0 0 5px #000;}
.postnav a:hover {color:red}
.postnav .prv:hover, .postnav .nxt:hover {-moz-box-shadow:0 0 2px #000;box-shadow:0 0 2px #000;-webkit-box-shadow:0 0 2px #000}

.pagenav {margin: 20px 10px;}
.pagenav a, .pagenav b {background-color:#fff;border:1px solid #bebebe;-moz-box-shadow:0 0 3px #000;-webkit-box-shadow:0 0 3px #000;box-shadow:0 0 3px #000;}
#main .pagenav a:hover {color: #ff1493;}
#main .pagenav b {color:#9400d3}
.pagenav a:link, .pagenav a:visited, .pagenav a:active, .pagenav b {color: #000000;font-weight: bold;padding: 2px 6px;}

.comments h3 {width:100px;padding:15px 10px;color:#000;text-shadow: 0px 0px 2px #000;}
.comment1, .comment2, .ownercomment {margin: 15px 15px;border-bottom:1px dotted #ddd;}
.comment-by {font-size:0.85em;margin:0;color:#FF00FF;}
.comments .text {margin:0 0 0px 72px;color:#0000FF;padding-bottom: 40px;}
.avatar {float: left;height: 67px;margin: 0 10px 0 0;}
.avatar a, .avatar span {display: block;padding: 5px;border: 1px solid #bebebe;}
#comment {width:100%;height:150px;margin:10px 0}
.editcomment {font-size:0.8em;margin:0;}
#newcomment h3 { content:"Vui lòng để lại comment. Cám ơn"}


.sidebox {margin-bottom:30px}
#side h2, #side caption, #blogsearch .h2 {color:#626128;font-size:12px;font-weight:normal;margin:0 0 10px 0;padding:0;text-transform:uppercase;font-weight:bold}

#albumpix a, #qp a{display:block;}
#qp .pad {display:none}
#qp a {border:1px solid #8f9458; background:url(http://files.myopera.com/thiendt5/RomanticStyle/MainwrapColor.png)}
#qp img {margin:13px; border:1px solid #8f9458; background:#fff;}
#albumpix img {padding:4px; border:1px solid #8f9458; background:url(http://files.myopera.com/thiendt5/RomanticStyle/MainwrapColor.png)}
#blogsearch #submitsearch {margin-left:5px}


#shoutbox li {background-color:#f4dcaf;border-color:#a8ad6b #a8ad6b -moz-use-text-color;border-style:dotted dotted none;border-width:1px 1px medium;}
#shoutbox .userpic {border: thin solid Coral;float: right;width: 40px;height: 30px;margin-right:5px; padding:3px; border: thin solid CadetBlue;}
#shout-list li p {margin:5px;}
#shoutbox blockquote {cursor: text;font-size: 11px;font-weight:bold;margin: 0;padding-left: 2px;}
#shoutbox #submitshout {margin-left:5px}
#shoutbox #shout {width:69%}

#newcomments .userpic {border: thin solid CadetBlue;float: right;height: 30px;padding:3px;margin-right:5px;width: 40px;margin-top:5px}
#newcomments b {color:#8a2be2 !important;}
#newcomments p {margin:5px;padding:0px;}
#newcomments ul {margin:0;margin-top:8px;padding:0}
#newcomments li {background-color:#f4dcaf;border-color:#a8ad6b #a8ad6b -moz-use-text-color;border-style:dotted dotted none;border-width:1px 1px medium;margin:6px 0;min-height:50px}
#newcomments .usertext {font: 12px Calibri,Arial,sans-serif;color:#000}

#myfavs li {background-color:#f4dcaf;border-color:#a8ad6b #a8ad6b -moz-use-text-color;border-style:dotted dotted none;border-width:1px 1px medium;overflow:hidden; margin-bottom:5px;padding:5px}
#myfavs li img {float:left;padding-right:8px;}
.favs li {float:left; padding:5px; margin-right:10px; margin-bottom:10px; width:20%;text-align:center;border:1px solid #ccc;-moz-border-radius:4px;border-radius:4px;background-color:#fff;}
.favs li:hover {cursor:pointer;border:1px solid #999;background-color:#999;color:#fff}
.favs li a,.favs li a:visited{text-decoration:none;display:block}
.favs li a:hover {color:#fff}

#friendz li {float:right;padding:4px;margin-bottom:5px;width:45%;text-align:center;background-color:#fff;border:1px dotted #a9ae6c;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px}
#friendz li.first {float:left}
#friendz li:hover {border:1px solid #000;background-color:#f4dcaf}
#friendz p {margin:0}

#visitors li {float:left; height:70px;overflow:hidden;padding:5px;margin-right:3px;margin-bottom:3px;width:27%;text-align:center;background-color:#fff;border:1px dotted #a9ae6c;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px}
#visitors li:hover {border:1px solid #000;background-color:#f4dcaf}

.sidelinx li p {margin-top:0}
.sidelinx a:hover {padding-left:10px}
.cdwn {padding-left:20px;background:url(http://files.myopera.com/thiendt5/RomanticStyle/CountDown.png) left no-repeat}
#pollresults li {padding:4px 4px 4px 10px;background-color:#fff;border-color:#a8ad6b #a8ad6b -moz-use-text-color;border-style:dotted dotted none;border-width:1px 1px medium;}

#calendar {width:100%;margin-bottom:30px}
#side caption {text-shadow:0 0 3px #3b5998;font-weight:bold !important}
#calendar tfoot {font-weight:bold;text-shadow:0 0 3px #3b5998}
#calendar thead {color:#3B5998;text-shadow:0 0 3px #3b5998}
#calendar tbody td {-moz-box-shadow: 2px 2px 1px #555;box-shadow: 2px 2px 1px #555;-webkit-box-shadow: 2px 2px 1px #555;border:1px solid #3B5998;text-align:center}
#calendar tbody td:hover {-moz-box-shadow:1px 1px 1px #222;box-shadow:1px 1px 1px #222;-webkit-box-shadow:1px 1px 1px #222;cursor:pointer}
#calendar tbody .l {background-color:#ffffa9; font-weight: bold; text-shadow: 0 0 3px #3B5998;}

#tagcloud li{display:inline;margin-right:20px}
#tagcloud a:hover:before, #tagcloud a:hover:after {content: "*"}
#tagcloud .size1 {font-size:11px;}
#tagcloud .size2 {font-size:12px;font-weight:bold;}
#tagcloud .size3  {font-size:13px;font-weight:bold;}
#tagcloud .size4  {font-size:14px;font-weight:bold;}
#tagcloud .size5  {font-size:15px;font-weight:bold;}
.sidelinx a:hover, #tagcloud a:hover {text-shadow: 0 0 3px #3B5998;color:#3B5998}
#calendar a:hover {text-shadow: 0 0 3px #3B5998;color:#fff}