@import url(/community/css/themes/mainstructure1.css);
@import url(/community/css/themes/maincolors1.css);

body {
	background:#b4b4b4 url(/community/graphics/themes/bg3.gif);
	color:#222;
	}

#top {
	background:#141414 url(/community/graphics/themes/top-movies.jpg) top right; 
	border-bottom:1px solid #ddd;
	color:#fff;
	position:relative;
	}

#top2 {
	height:150px;
	}

#top a, #side caption a:link, #side caption a:visited {
	color:#fff;
	}

#side h2, #side caption {
	background:#202020 url(/community/graphics/themes/104/side.gif) top left repeat-x;
	color:#fff;
	}

#mobmenu {
	display:block;
	position:absolute;
	top:5px;
	right:-28px;
	width:28px;
	height:92px;
	background:transparent url(/community/graphics/themes/104/top.gif);
	}

#menu {
	border-bottom:1px solid #fff;
	height:26px;
	}

#menu li {
	line-height:25px;
	}

#menu a:link, #menu a:visited, #menu a:active {
	color:#fff;
	border-left:1px solid #5ab05b;
	border-right:1px solid #418f42;
	}

#menu a:hover, #menu #selected:link, #menu #selected:visited {
	background:#2a7b2a url(/community/graphics/themes/104/menu.gif);
	border-right:1px solid #2a7b2a;
	}

a:link, a:visited, a:active, #newcomments a.username:link, #newcomments a.username:visited, #calendar tbody a:link, #calendar tbody a:visited {
	color:#176b9b;
	}

#side a:link, #side a:visited, #footer a:link, #footer a:visited, .title a:link, .title a:visited, .tags a:link, .tags a:visited {
	color:#222;
	}

.title a:hover {
	color:#176b9b;
	}

#top {
	color:#fff;
	background:#eee url(/community/graphics/users/13/mobile/menu.gif) bottom left repeat-x;
	}

#top2 {
	background:#111 url(/community/graphics/users/13/mobile/top.jpg);
	border-top:1px solid #444;
	}

#side h2, #side h2 a:link, #side h2 a:visited, #side caption {
	background:#000;
	color:#fff;
	}

#side caption a:link, #side caption a:visited, #top2 a {
	color:#fff;
	text-decoration:none;
	}
#myo, #myo-login {
	display:block;
	max-width:420px;
	min-width:176px;
	margin:0 auto;
	}

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

#myo, #myo-login, #search, #topinfo {
	background:#fff url(/community/graphics/mobile/topfade.gif) bottom left repeat-x;
	color:#000;
	border-bottom:1px solid #555;
	}

#myo ul {
	clear:both;
	list-style:none;
	margin:0;
	}

 #myo {
	background-position:0 12px;
	}

#myo p {
	margin:1px 0;
	}

#mbx {
	clear:both;
	background:#a4021d;
	color:#f1415e;
	margin:0 -5px;
	padding:2px 5px;
	}

#mbx a {
	color:#fff !important;
	}

#myo-login p {
	padding-left:5px;
	}

#myo-login span b {
	display:block;
	}

#mtabs {
	padding:0 5px;
	}

#toplinx #logout {
	clear:both;
	border-top:1px solid #000;
	padding:2px 5px;
	}

#tabs li {
	width:50%;
	float:left;
	}

#toplinx b {
	font-weight:normal;
	}

#myo-login .m {
	padding-top:5px;
	}

@media handheld and (min-width: 220px) {
	#myo-login .m { width:50%; float:left; }
	}

p img, input, li img, h2 img {
	vertical-align:middle;
	}

.hidemobile, .hide, #meta, #close, .droparrow, #myo li ul {
	display:none;
	}

.blockmobile {
	float:none;
	}

.blockmobile, .groupowner li li, .groupowner #group div {
	display:block !important;
	}

.icon {
	margin:0 4px -2px 0;
	}

#footer img {
	display:block;
	}

#top {
	width:100%;
	overflow:hidden;
	}

#top h1, #top p {
	background:transparent;
	margin:0;
	}

#myo-logo {
	display:block;
	padding:5px;
	}

#top2 {
	padding:5px 5px 10px 5px;
	}

body {
	background:#bbb;
	margin:0;
	padding:0;
	font-family:'vera sans',helvetica,sans-serif;
	font-size:11px;
	line-height:140%;
	}

#wrap1 {
	max-width:420px;
	min-width:176px;
	margin:0 auto;
	}

#content {
	clear:both;
	border-top:1px solid #000;
	padding:1px 5px;
	background:#fff;
	color:#000;
	}

#mobmenu {
	clear:both;
	height:1px;
	margin:0;
	overflow:hidden;
	}

#menu, #toplinx {
	background:#eee url(/community/graphics/themes/mobile/menu.gif) bottom left;
	}

#menu ul, #myo ul {
	list-style:none;
	margin:0;
	}

#menu li, #myo li li {
	width:50%;
	float:left;
	background:#eee url(/community/graphics/themes/mobile/menu.gif) bottom left;
	}

#menu a, #myo li li a {
	display:block;
	padding:2px 5px;
	text-decoration:none;
	color:#000;
	border-top:1px solid #000;
	}

#menu #selected {
	display:block;
	background:transparent url(/community/graphics/next.gif) 3px 6px no-repeat;
	font-weight:bold;
	padding-left:16px;
	}

img, embed {
	max-width:100%;
	}

.submit {
	font-weight:bold;
	}

a:link, a:active {
	color:#0053c1;
	background:transparent;
	text-decoration:underline;
	}

a:visited {
	color:#23488c;
	text-decoration:underline;
	}

em {
	font-style:normal;
	font-weight:bold;
	}

input {
	margin:0 3px;
	font-size:11px;
	}

img, abbr, acronym {
	border:none;
	}

ol, ul {
	margin:0 0 8px 0;
	padding:0;
	}

form, dl, li {
	margin:0;
	padding:0;
	}

li {
	font-size:11px;
	list-style-position:inside;
	}

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

p {
	margin:5px 0;
	}

table, textarea {
	width:100%;
	}

input[type=text] {
	width:96%;
	}

dt, dd {
	margin:5px 0;
	padding:0;
	}

dt {
	background:#eee;
	margin-top:10px;
	}

#footer {
	background:#eee;
	margin-top:10px;
	padding:2px 0;
	border-top:1px solid #333;
	}

#footer p {
	margin:4px 0;
	}

.section, #side {
	clear:both;
	margin-top:10px;
	border-top:3px solid #000;
	}

.section {
	padding-top:5px;
	}

h1 {
	font-size:15px;
	padding:3px 0;
	margin:0;
	}

#content h1 {
	background:#000;
	color:#fff;
	padding:3px 5px;
	margin:1px -5px;
	}

h2, h3, h4, h5, h6 {
	font-size:11px;
	margin:10px -5px 5px -5px;
	padding:0 5px;
	}

h2 {
	font-size:13px;
	}

.clear {
	clear:both;
	}

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

select {
	font-size:11px;
	max-width:90%;
	}

img.right {
	float:right;
	max-width:45%;
	margin-left:6px;
	}

img.left {
	float:left;
	max-width:45%;
	margin-right:6px;
	}

.avatar {
	float:left;
	margin-right:6px;
	}

blockquote {
	margin:5px 0 1px 0;
	padding:4px 0 0 22px;
	background:#fff url(/community/graphics/themes/mobile/q1.gif) top left no-repeat;
	}

blockquote p  {
	background:#fff url(/community/graphics/themes/mobile/q2.gif) bottom right no-repeat;
	padding:0 22px 5px 0;
	margin:0;
	}

p.heshesaid {
	margin:0 0 10px 0;
	background:#eee;
	}

.img, .imgright, .imgleft {
	display:block;
	margin:5px 0;
	background:#000;
	}

/* - SIDE - */

#myphoto {
	background:#000;
	}

/* - CALENDAR - */

#side caption {
	border-bottom:1px solid #fff;
	padding:5px;
	text-align:left;
	font-weight:bold;
	font-size:11px;
	}

#side caption a:link, #side caption a:visited {
	text-decoration:none;
	}

#calendar, #calendar td {
	border-collapse:collapse;
	border:1px solid #000;
	}

#prevmonth {
	float:left;
	}

#nextmonth {
	float:right;
	}

th {
	text-align:left;
	}

/* - VISITORS n FRIENDS - */

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

.userlist img {
	border:1px solid #111;
	}

.userlist p {
	margin-top:0;
	}

.userpic {
	float:left;
	margin:0 6px 4px 0;
	}

#newcomments li, #visitors li {
	clear:both;
	padding:6px 0;
	border-bottom:1px dotted #aaa;
	}

.userlist a {
	text-decoration:none;
	}

#newcomments a.usertext:link, #newcomments a.usertext:visited {
	color:#333;
	}

#friendz img {
	display:block;
	}

#friendz li {
	float:right;
	width:50%;
	}

#friendz li.first {
	clear:both;
	float:left;
	}

/* - TAGS - */

#content .tags a:link, #content .tags a:visited, .tag {
	color:#080;
	}

/* :: TAG CLOUD :: */

#cloud h3 {
	clear:both;
	font-size:13px;
	line-height:normal;
	}

#cloud div:after {
	content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
	}

#cloud ul {
	margin:5px;
	padding:0;
	width:100%;
	overflow:hidden;
	}

#cloud li {
	list-style-position:outside;
	list-style:none;
	float:left;
	line-height:18px;
	height:18px;
	margin:0;
	padding-right:8px;
	white-space:nowrap;
	}

.size1, .size2 {
	font-size:11px;
	}

#cloud a:link, #cloud a:visited {
	color:#000;
	}

.size3  {
	font-size:12px;
	font-weight:bold;
	}

.size4  {
	font-size:14px;
	font-weight:bold;
	}

.size5  {
	font-size:16px;
	font-weight:bold;
	}


/* - BLOG - */

.post {
	border-top:1px solid #000;
	padding-bottom:5px;
	}

.post div.avatar {
	margin:5px 0 0 0;
	}

.groupblog h2.title {
	margin-top:0;
	}

.even {
	background:#eee;
	}

.content {
	clear:both;
	}

#content .title a {
	text-decoration:none;
	color:#111;
	}

#content h1.title {
	background:transparent;
	border:none;
	padding-top:5px;
	margin:5px 0 0 0;
	font-size:13px;
	color:#111;
	}

.postdate {
	margin:0;
	}

.post .sticky {
	margin:0;
	font-size:10px;
	color:#fff;
	background:#000;
	padding:3px 4px;
	}

.stickypost {
	background:#e7ecf3;
	}

#side .cdwn {
	background:transparent url(/community/graphics/themes/mobile/clock.gif) top left no-repeat;
	padding:2px 0 5px 20px;
	border-bottom:1px solid #fff;
	margin-bottom:4px;
	}

.tagicon {
	float:right;
	margin-right:5px;
	}

#latestposts li, #profile li {
	list-style:none;
	list-style-position:outside;
	background:transparent url(/community/graphics/themes/mobile/list.gif) top left no-repeat;
	padding-left:13px;
	}

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

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

.postinfo {
	font-weight:bold;
	}


/* - ARCHIVE - */

#arc h3 {
	border-top:1px dashed #000;
	padding-top:8px;
	}

#arc h3 a {
	color:#000;
	font-size:11px;
	text-decoration:none;
	}


/* - QUICK SIGNUP - */

#signup-here, #login-here {
	border-top:1px solid #000;
	background:#eee;
	padding-bottom:10px;
	}

#login-here label {
	display:block;
	padding-left:5px;
	}

/* - FRIENDS - */

/* for old designs */

.myfriend {
	clear:both;
	border-top:1px solid #000;
	padding:1px 0 8px 0;
	}

.mypic, #userpic {
	display:block;
	background:#000;
	}

.myfriend h3 {
	margin:1px 0;
	border-top:1px solid #000;
	padding-top:5px;
	font-size:12px;
	}

/* for new designs */

#myfriends img, #myfriends li span {
	display:block;
	}

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

#myfriends b {
	font-size:13px;
	}

#myfriends li span {
	padding:4px 0;
	}

/* - COMMENTS - */

#newcomment h2, .comments h2 {
	background:#000;
	color:#fff;
	}

#newcomment h2 {
	margin-bottom:10px;
	}

.comments {
	clear:both;
	}

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

.comments .bot {
	padding:5px;
	}

.comment2 {
	clear:both;
	margin:0 0 1px 0;
	border:1px solid #ddd;
	overflow:auto;
	}

div.avatar {
	float:left;
	width:58px;
	height:58px;
	}

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

.comment-by {
	clear:both;
	color:#555;
	}

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

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

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

/* - ABOUT - */

#profile-about h2, #profile-community h2, #personal-h2, #mylinks h2 {
	background:#3d6aa1;
	color:#fff;
	}

#personal-h2 {
	margin:0 -5px 1px -5px;
	}

#grouplist h2 {
	background:#000;
	}

#friendlist h2 {
	background:#1a8c00;
	}

#profile td {
	padding:2px 5px;
	}

#ff p.h {
	font-weight:bold;
	padding-top:5px;
	border-top:1px solid #aaa;
	}

.spotimg div {
	background:#fff url(/community/graphics/themes/mobile/spotimg.gif) top left no-repeat;
	margin:0 5px 5px 0;
	float:left;
	overflow:hidden;
	width:103px;
	}

.spotimg img {
	display:block;
	width:86px;
	height:65px;
	margin:6px 7px;
	}

#spotusers p {
	margin:0;
	text-align:center;
	font-size:10px;
	}

/* shoutbox */

.chatpic {
	float:left;
	margin-right:8px;
	}

#shoutbox blockquote {
	clear:both;
	}

#shoutbox li {
	border-top:1px solid #aaa;
	padding:8px 0;	
	}

/* - LINK - */

.linkinfo {
	padding:5px;
	}

#mylinks h2.feedheader {
	background:#8d1717;
	}


/* - CARDS - */

#ecard {
	padding:5px 0 2px 0;
	background:#fff;
	}

#steps {
	margin-top:5px;
	}

#steps li {
	list-style:none;
	color:#777;
	}

#steps b {
	padding-right:5px;
	}

#steps li.curr {
	color:#000;
	background:#eee;
	}

.account .thumb {
	border-top:1px solid #000;
	width:50%;
	float:left;
	}

.account .thumb img {
	display:block;
	border:1px solid #888;
	margin:5px 6px 0 6px;
	}

.account .thumb p {
	margin:5px 6px 0 6px;
	font-size:11px;
	width:126px;
	height:20px;
	overflow:hidden;
	}

.cardmsg {
	font-size:11px;
	font-weight:bold;
	}

/* :: POLL :: */

#poll ul {
	margin:0;
	}

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

#poll li {
	list-style-position:outside;
	list-style:none;
	padding:3px 0;
	}

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

#poll li .smilie {
	border:none;
	}

/* - SEARCH - */

#blogsearch div {
	padding:0;
	}

#searchbox, #main-searchbox {
	width:115px;
	}

.s-result {
	margin-top:11px;
	border-top:1px solid #aaa;
	padding-top:1px;
	}

.s-title {
	font-size:13px;
	}
body, #myo *, p.spotlight {
	margin:0;
	padding:0;
	}

#myo, #toplinx, #myo-logo {
	display:block !important;
	}

.hidelogin {
	visibility:hidden;
	}

.show {
	visibility:visible;
	}

#wrap0 {
	clear:both;
	}

.mobile, .hide, .handheld, #myo .hide {
	display:none !important;
	}

#toplinx, #toplinx ul {
	list-style:none;
	}

#myo input[type="text"]:focus, #myo input[type="password"]:focus {
	background:#ffc;
	}

#myo img {
	border:none;
	}
body {	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
          margin-bottom: 25px;
         background:url(http://files.myopera.com/namkhanh/img/bg_sajax.gif) fixed;
	}
#content {font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#wrap1[id] {
	background:transparent;
	}

#wrap2[id] {
	background:transparent;
	}

#wrap3 {
	width:830px;
	line-height:1.55;
	}

#top {
	background:transparent url(http://files.myopera.com/khanhdn/files/main-feature3.jpg) center no-repeat; 
	border-bottom:0px solid #ddd;
	color:#0099FF;
        width:100%;
	position:relative;
       max-width:864px;
	width:auto;
	margin:0 0px;
	}

#top h1 {
	padding-top:32px;
	font-size:2.3em;
	line-height:1.1;
	margin:0;
	}

#top2 {
        width:864px;	
        height:270px;
	padding-left:30px;
	}
#menu {
	border-bottom:0px solid #fff;
	height:26px;
	}

#menu li {
	line-height:25px;
	}

#menu a:link, #menu a:visited, #menu a:active {
	color:#0099FF;
          font-size: 13px;
         font-weight: bold;
	border-left:0px solid #5ab05b;
	border-right:0px solid #418f42;
	}
#menu a:hover, #menu #selected:link, #menu #selected:visited {
	background:transparent;
	border-right:0px solid #2a7b2a;
          color:#000;
	}

#topbar1 {
	background:transparent;
	color:#fff;
	height:32px;
	overflow:hidden;
	line-height:24px;
	}

#wrap1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;   
          background:transparent;
	}

a {text-decoration:none;}

a:hover {text-decoration:underline;}

textarea {font-family: Tahoma; font-size:12px;}

#wrap4 {
	padding:0 15px;
	max-width:864px;
	}

#aboutme {z-index:-1;}