/* Whisky - mrcuong1018@gmail.com - tmc_vn1018@yahoo.com */

A:hover {
COLOR: #6699cc; TEXT-DECORATION: none;
background: url("../imge/thu.gif");
background-position: bottom bottom;
}

body {
background:#effafa url(http://files.myopera.com/dinosaur1018/image/main.jpg) top center repeat-y;
color:#4d4d4d;
font-family:'times new roman','tohama','verdana','arial','arial ms unicode','lucida grande','lucida sans unicode','bitstream vera sans','trebuchet ms',arial,sans-serif;
font-size:13px;
margin:0;
padding:0;
text-align:center
}

#wrap0,#wrap1,#wrap2,#wrap3 {
margin:0 auto;
overflow:hidden
}

#wrap1 {
position:relative;
}

#wrap2 {
background:transparent url(http://files.myopera.com/dinosaur1018/image/bottom.jpg) bottom center no-repeat
}

#wrap3 {
background:transparent url(http://files.myopera.com/dinosaur1018/image/banner.jpg) top center no-repeat
}

#wrap4 {
margin:0 auto;
overflow:hidden;
width:950px
}

#top {
height:535px			/*======================================*/
}

#top2 {
height:450px			/* ====================================*/
}

#top h1,#subtitle {
visibility:hidden
}

#top h1 img {
visibility:visible
}

#menu {
margin-left: 180px
}

#menu li {
display:block;
float:left;
height:53px;
overflow:hidden;
padding:0;
position:relative;
width:120px
}

#menu a {
color:#dc5b9a;
display:block;
height:53px;
line-height:75px;
overflow:hidden;
position:relative;
text-align:center;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
z-index:0
}


#menu_blog A:unknown {
	MARGIN: 0px 332px 0px 32px; content: "My Blog"
}
#menu_archive A:unknown {
	MARGIN: 0px 316px 0px 18px; content: "Blog Archive"
}
#menu_albums A:unknown {
	MARGIN: 0px 327px 0px 27px; content: "My Photo"
}
#menu_links A:unknown {
	MARGIN: 0px 332px 0px 32px; content: "Site Map"
}
#menu_friends A:unknown {
	MARGIN: 0px 324px 0px 24px; content: "My Friends"
}
#menu_about A:unknown {
	MARGIN: 0px 327px 0px 28px; content: "About Me"
}
#menu A:hover {
	COLOR: #ae358a; TEXT-DECORATION: blink; text-shadow: 3px 3px 3px #8c196a
}
#menu A#selected {
	FONT-WEIGHT: bold; Z-INDEX: 800; BACKGROUND: url(http://files.myopera.com/dinosaur1018/image/nenmenu.png) no-repeat left top; COLOR: #8c196a
}

#content {
margin:0 auto;
padding:10px 0;
position:relative;
text-align:left;
width:900px
}

#mainwrap {
float:right;
margin-right:-245px;
width:100%
}

#main {
margin-right:200px;
min-height:400px
}

#showlayouts,#showlayouts h1 {
background:transparent !important
}

#showlayouts h1 {
text-align:left
}

#layouts li {
background:#fff !important;
border:1px solid #8ddee1 !important
}

#footer {
clear:both;
font-size:11px;
height:360px 			/*===============================*/
}

#footer2 {
padding-top:300px
}

#footer a:link,#footer a:active {
color:#fff
}

#sidewrap {
float:left;
font-size:11px;
overflow:hidden;
width:230px
}

#side h2 {
background:transparent url(http://files.myopera.com/dinosaur1018/image/SideBar.jpg) top left no-repeat;
color:#dc5b9a;
font-size:13px;
font-weight:700;
height:50px;
line-height:45px;
margin-bottom:-5px;
overflow:hidden;
text-align:center;
text-transform:uppercase;
white-space:nowrap;
width:230px
}

.sidebox {
background:transparent url(http://files.myopera.com/dinosaur1018/image/SideBox.jpg) top left repeat-y;
margin-bottom:10px;
overflow:hidden;
width:230px
}

.sidebox .pad {
background:transparent url(http://files.myopera.com/dinosaur1018/image/SidePad.jpg) bottom left no-repeat;
padding:10px 10px 10px
}

#side li {
font-size:11px;
list-style-type:none
}

.usertext {
color:#f56caf !important
}

#friendz h2:before {
content:"My Friends";
margin:0 384px 0 85px
}

#qp h2:before {
content:"My Quick Profiles";
margin:0 365px 0 65px
}

#qp dl {
margin:0;
width:100%
}

#qp dt {
clear:both;
float:left;
overflow:hidden;
width:38%
}

#qp dd {
float:right;
margin:0;
overflow:hidden;
padding:0;
width:60%
}

#myphoto {
overflow:hidden;
position:relative;
width:230px
}

#myphoto img {
display:absolute;
height:153px;
margin:10px;
width:210px
}

#searchbox {
margin-bottom:10px;
width:140px
}

#submitsearch {
margin-bottom:10px
}

.s-result {
border-top:1px dotted #999;
margin-top:11px;
padding-top:1px;
width:650px
}

#albumslides {
background:transparent url(..............) bottom left no-repeat !important;
padding-bottom:1px
}

#albumslides a {
visibility:hidden !important
}

#albumslides img {
height:160px !important;
margin-left: 1px !important;
visibility:visible !important;
width:210px !important
}

#friendz li,#myspots li {
float:left;
margin:0;
overflow:hidden;
padding:2px;
width:100px
}

#friendz img,#myspots img {
display:block;
height:80px;
width:100px
}

#shout {
width:160px
}

#shout-list {
margin-top:20px
}

#shout-list li {
background:#fff;
border:1px solid #8ddee1;
margin-bottom:5px;
width:208px
}

.chatpic {
margin:2px
}

#newcomments li {
border-bottom:1px dotted #aaa;
min-height:40px;
padding:3px 0
}

#newcomments .userpic {
float:left;
height:34px;
margin:0 1px 0 5px;
width:45px
}

.userpic {
border:1px solid #fff
}

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

#poll li input {
vertical-align:middle
}

#poll p {
margin-left:10px;
padding:3px 0 0;
width:210px
}

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

#calendar {
background:transparent url(http://files.myopera.com/dinosaur1018/image/CalendarBody.jpg) top left no-repeat;
height:160px;
margin-bottom:15px;
padding-bottom:10px
}

#calendar th {
font-size:11px;
height:18px;
line-height:18px;
text-align:center
}

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

#calendar tfoot td {
border:none;
height:16px;
padding:2px 5px;
text-align:left
}

#calendar td a {
color:#d94c91 !important
}

#calendar caption {
background:transparent url(http://files.myopera.com/dinosaur1018/image/SideBar.jpg) top left no-repeat;
font-size:13px;
font-weight:400;
line-height:45px;
text-transform:uppercase
}

#side a#calendarmonth {
color:#dc5b9a;
display:block;
font-weight:700;
height:35px;
width:230px
}

#nextmonth,#prevmonth {
width:40%
}

#nextmonth {
text-align:right
}

#tagcloud ul {
margin:0;
overflow:hidden;
padding:0;
width:210px
}

#tagcloud li {
float:left;
height:20px;
line-height:20px;
margin:0;
padding-right:12px;
white-space:nowrap
}

#tagcloud .size1 {
font-size:10px
}

#tagcloud .size3 {
font-size:13px;
font-weight:700
}

#tagcloud .size4 {
font-size:14px;
font-weight:700
}

#tagcloud .size5 {
font-size:15px;
font-weight:700
}

.cdwn {
padding:2px 0
}

#visitors li {
border-bottom:1px dotted #aaa;
clear:both;
float:left;
height:35px;
width:210px
}

#visitors img {
float:left;
height:32px;
padding-right:5px;
width:45px
}

#visitors .block {
text-transform:capitalize
}

h1,#arc h1,#albumsheader {
background:#fff url(http://files.myopera.com/dinosaur1018/image/PostTitle.jpg) top left no-repeat;
color:#dc5b9a;
font-size: 20px;
height:50px;
line-height:45px;
max-height:50px;
text-align:center;
text-transform:uppercase;
width:650px
}

.albums,#mypix {
background:transparent url(http://files.myopera.com/dinosaur1018/image/PostTitle.jpg) top left repeat-y;
margin-top:-12px;
overflow:hidden;
width:650px
}

.albums:after,#mypix:after,#myfriends:after,#profile:after {
clear:both;
content:url(http://files.myopera.com/dinosaur1018/image/PostBottom.jpg);
float:left
}

#blogtools {
height:0;
margin:0
}

#blogtools img {
margin-left:510px;
margin-top:42px;
position:absolute;
z-index:800
}

div #postform {
background:transparent url(http://files.myopera.com/dinosaur1018/image/ProfileBG.jpg) top left repeat-y
}

div #postform h2 {
background:#fff url(http://files.myopera.com/dinosaur1018/image/SideBar.jpg) top left no-repeat;
color:#dc5b9a;
font-size:20px;
height:50px;
line-height:45px;
text-align:center;
text-transform:uppercase
}

div .horizontal,div #tools {
background:none;
margin-left:10px !important;
width:860px !important
}

div #tools {
background:#d2f4f5 !important
}

div #postform:after {
content:url(http://files.myopera.com/dinosaur1018/image/PostBottom.jpg)
}

.whisper,blockquote.bbquote,.post blockquote {
border:1px dotted #8ddee1;
margin:10px 5px;
padding:20px 5px 5px 33px
}

.whisper {
background:#fff url(http://files.myopera.com/dinosaur1018/image/Whisper.gif) top left no-repeat
}

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

blockquote.bbquote,.post blockquote {
background:#fff url(http://files.myopera.com/dinosaur1018/image/Quote.gif) top left no-repeat
}

.post {
background:#fff url(http://files.myopera.com/dinosaur1018/image/PostBG.jpg) top left repeat-y;
margin-bottom:25px;
overflow:hidden;
width:650px
}

.post .title {
background:#fff url(http://files.myopera.com/dinosaur1018/image/PostTitle.jpg) top left no-repeat;
font-size:16px;
height:50px;
font-weight:400;
padding-left:40px;
text-align:left;
text-transform:capitalize;
width:650px
}

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

.post .title a {
float:left;
font-family:tahoma;
font-size:14px;
overflow:hidden;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
width:610px
}

.post .title a:link,.post .title a:active,.post .title a:visited {
margin-top:15px;
color:#dc5b9a
}

.post .title a:hover {
text-decoration:underline blink
}

.postdate {
margin:0 10px
}

.tags {
margin:2px 10px;
text-transform:capitalize
}

.tagicon {
float:right;
margin-left:500px;
margin-top:41px;
position:absolute
}

.sticky {
background:transparent;
color:#999;
float:right;
font-size:10px;
height:26px;
line-height:20px;
margin-left:560px;
margin-top:45px;
padding:0 25px 0 4px;
position:absolute
}

.content {
font-size:14px;
margin:30px 15px;
text-align:justify
}

.postinfo {
background:transparent url(http://files.myopera.com/dinosaur1018/image/PostBottom.jpg) bottom left no-repeat;
clear:both;
font-size:10px;
height:41px;
margin-bottom:0;
padding-right:25px;
text-align:right;
text-transform:uppercase
}

.postnav {
background:transparent url(http://files.myopera.com/dinosaur1018/image/PostBottom.jpg) bottom left no-repeat;
border-bottom:1px dotted #aaa;
border-top:1px dotted #aaa;
clear:both;
font-size:11px;
height:50px;
line-height:22px;
margin-bottom:-1px;
white-space:nowrap
}

.postnav span.prv {
float:left;
margin-left:10px
}

.postnav span.nxt {
float:right;
margin-right:10px
}

.pagenav {
color:#888;
float:right;
font-size:12px;
height:50px;
line-height:22px;
margin-right:70px;
text-align:right;
white-space:nowrap;
width:295px
}

.pagenav-info {
float:left;
margin-left:10px;
white-space:nowrap
}

.imgleft img {
clear:left;
float:left;
margin:4px 10px 4px 0;
max-width:48%
}

.imgright img {
clear:right;
float:right;
margin:4px 0 4px 10px;
max-width:48%
}

.img {
display:block;
margin:10px 0
}

span.imgcenter {
clear:both;
display:block;
margin:10px 0;
text-align:center
}

.alignright {
display:block;
text-align:right
}

.alignleft {
display:block;
text-align:left
}

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

.alignjustify {
display:block;
text-align:justify
}

.feedicon {
margin-bottom:-3px
}

.comments h2 {
color:#f56caf;
font-size:14px
}

.comments {
clear:both;
width:650px
}

.comment1,.comment2 {
background:#fff;
border:1px solid #8ddee1;
clear:both;
font-size:14px;
margin:15px 0;
overflow:auto;
text-align:justify;
width:648px
}

.comments .bot {
padding:10px
}

.comments .avatar {
float:left;
height:60px;
width:60px
}

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

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

#message {
height:300px;
width:645px
}

#login-here {
-moz-border-radius:10px;
-webkit-border-radius:10px;
background:#fff;
border:1px solid #8ddee1;
color:#333;
width:648px
}

#login-here h2 {
overflow:hidden;
padding:10px 20px 0;
white-space:nowrap
}

#login-here h2:before {
content:"Sorry! Annonymous can't still comment in here.";
margin:0 700px 0 0
}

#login-message {
padding:0 20px 15px
}

#login-message .cc1 {
float:left;
width:190px
}

#login-message .cc2 {
float:left;
width:250px
}

#newcomment { 
width:650px; 
clear:both;
margin-top:50px
}

#newcomment span {
overflow:hidden;
white-space:nowrap
}

#newcomment h2 span {
color:#333
}

#newcomment h2 span:after {
content:". Oh, thank you!";
margin:0 320px 0 0
}

#newcomment #smilies { 
width:650px !important; 
height:210px !important; 
margin-top:170px !important;
}

#newcomment .horizontal { 
width:630px !important;
margin:5px 10px !important; 
}

#arc h2 {
font-size:15px;
padding-left:20px
}

#arc ul {
height:100%;
margin:0;
padding:0;
width:650px
}

#arc img {
margin-left:500px;
margin-top:42px;
position:absolute
}

#arc li {
color:#d94c91;
line-height:19px;
list-style:none;
list-style-position:outside;
padding:0 0 7px 26px
}

#arc .blognav {
background:transparent url(http://files.myopera.com/dinosaur1018/image/PostBottom.jpg) bottom left no-repeat;
clear:both;
padding-bottom:75px
}

#arc .pagenav-info {
margin-left:30px
}

.edit-buttons {
background:transparent url(http://files.myopera.com/dinosaur1018/image/PostBG.jpg) top left repeat-y;
height:30px;
margin-top:-10px;
padding-left:20px;
width:650px
}

.album1,.album2 {
background:#fff;
border:1px solid #8ddee1;
margin:20px;
min-height:120px;
padding:20px;
width:570px
}

.albumthumb1,.albumthumb2 {
background:none !important
}

.albumnfo {
margin-left:180px;
margin-top:-130px;
min-height:150px;
width:400px
}

#albumlist a {
background:none !important;
border-top:none !important
}

#albumlist {
border-bottom:none !important
}

.thumb1,.thumb2 {
float:left;
margin:20px;
width:300px !important
}

.thumb1 img,.thumb2 img {
display:block;
height:225px
}

#frame1 {
background:transparent url(http://files.myopera.com/dinosaur1018/image/PostBG.jpg) top left repeat-y !important;
margin-bottom:50px;
width:650px
}

#frame2 {
background:transparent url(http://files.myopera.com/dinosaur1018/image/PostBottom.jpg) bottom left no-repeat !important
}

#frame3 {
background:transparent url(http://files.myopera.com/dinosaur1018/image/PostTitle.jpg) top left no-repeat !important
}

#frame4 {
padding:50px 30px 30px
}

#exif dd {
margin-left:90px
}

.clearfix {
width:230px
}

#p1,#p2 {
float:left;
width:105px
}

#p2 {
margin-left:0;
text-align:right
}

.rate-it {
white-space:nowrap !important
}

#desc {
background:#f9f9f9;
border:1px solid #8ddee1;
text-align:justify;
width:678px
}

#desc div {
padding:15px
}

#mylinks {
width:650px
}

#mylinks h2 {
background:transparent;
color:#dc5b9a;
font-size:14px;
height:22px;
margin:0;
padding:0 10px
}

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

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

#mylinks .linkinfo {
background:#fff;
border:1px solid #8ddee1;
margin-bottom:10px;
padding:10px 5px
}

.url {
color:#192;
display:none
}

.linkdesc {
color:#333;
font-style:italic;
padding-bottom:10px
}

#friendmenu {
background:transparent;
margin-left:402px;
margin-top:45px;
position:absolute;
white-space:nowrap
}

#myfriends ul {
margin-left:20px;
margin-top:80px;
width:605px
}

#myfriends li {
float:left;
height:200px;
overflow:hidden;
width:200px
}

#myfriends .friendname,#myfriends .status,#myfriends .location {
clear:both;
float:left;
overflow:hidden;
text-transform:capitalize;
white-space:nowrap;
width:170px
}

#profile {
background:#fff url(http://files.myopera.com/dinosaur1018/image/PostBG.jpg) top left repeat-y;
font-size:14px;
overflow:hidden;
width:650px
}

#personal {
height:350px;
position:relative;
width:650px
}

#userpic {
background:transparent;
float:left;
height:240px;
margin-left:10px;
margin-top:50px;
position:absolute;
width:310px
}

#userpic img {
display:block;
height:200px;
margin:20px;
width:267px
}

#personal ul {
float:right;
height:200px;
margin-top:30px;
width:320px
}

#useraction {
clear:both;
margin-left:20px;
width:650px
}

#aboutme,#aboutwork {
margin:20px;
width:640px
}

#profile-col1 {
float:left;
margin-left:20px;
width:300px
}

#profile-col2 {
float:left;
width:300px
}

#favlinks li {
padding:3px 10px
}

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

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

a:hover {
text-decoration:underline
}

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

.smilie {
margin:0 3px
}

img {
max-width:100%
}

p {
margin:10px 0
}

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

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

pre {
background:#f9f9f9
}

code {
background:#fff url(http://files.myopera.com/dinosaur1018/image/Code.gif) top left no-repeat
}

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

em {
font-style:normal
}

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

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

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

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

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

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

img,abbr,acronym {
border:none
}

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

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

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

.nomarg {
margin:0 !important
}

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

img.left {
margin-right:10px
}

img.right {
margin-left:15px
}

.block {
display:block
}

div.avatar {
background:#fff;
border:1px solid #000;
float:left;
height:52px;
margin:0 8px 6px 0;
width:52px
}

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

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

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

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

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

.subheader {
margin-top:-6px
}

.watchthis {
padding-right:6px
}

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

.hide,.mobile,#getopera,.sidelinx p,.mmskey,.trackbacks,#arc li span,#favlinks,.mobile,.hide,.handheld {
display:none
}

#footer2 #meta,.right,.col2 {
float:right
}

.sidebox p,#poll ul,.cdwn p {
margin:0
}

#friendz li.first,#myspots li.first,.left,.col1 {
float:left
}

#pollsubmit,.tagged,strong,b,em {
font-weight:700
}

#side a#calendarmonth:hover,#arc .pagenav {
background:none
}

#tagcloud .size2,pre,td,th,input,select,.small {
font-size:11px
}

#newcomment,.clear {
clear:both
}

#arc,#myfriends {
background:#fff url(http://files.myopera.com/dinosaur1018/image/PostBG.jpg) top left repeat-y;
overflow:hidden;
width:650px
}

#arc a,.pagenav a {
color:#d94c91
}

table,.w100 {
width:100%
}