/* main page structure and size. two columns. */

body, form, #footer p {
	margin:0;
	padding:0;
	}

#wrap0 {
	width:100%;
	}

#wrap1, #wrap3 {
	margin:0 auto;
	width:960px;
	max-width:100%;
	}

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

#wrap3, #top, #content, #footer {
	min-width:720px;
	}

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

#top {
	max-width:920px;
	width:auto;
	margin:0 -15px;
	}

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

#top2 {
	height:170px;
	padding-left:30px;
	}

#top2 form {
	padding-top:28px;
	}

#top2 input[type=text] {
	width:300px;
	margin:4px 0;
	}

#subtitle {
	margin:0;
	}

#menu {
	height:28px;
	}

#menu ul {
	margin:0 0 0 30px;
	}

#menu li {
	float:right;
	list-style:none;
	line-height:28px;
	font-size:1.1em;
        padding-right:25px;
	}

#menu a:link, #menu a:visited, #menu a:active {
	display:block;
	padding:0 12px;
        text-decoration:none;
	}

#top #menu a:hover, #menu #selected:link, #menu #selected:visited {
	background-position:0 -28px;
	}

#side, #footer {
	font-size:0.85em;
	}

#content, #footer {
	clear:both;
	position:relative;
	width:860px;
	max-width:100%;
	text-align:left;
	margin:0 auto;
	}

#content {
	padding:20px 0;
	}

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

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

#main, #side {
	padding-bottom:10px;
	}

#sidewrap {
	width:230px;
	float:left;
	overflow:hidden;
	}

#albumslides img {
	width:214px;
	height:161px;
	}

#albumslides {
	height:175px;
	}

#myphoto img, #albumslides img {
	display:block;
	margin:7px;
	}

#albumslides {
	position:relative;
	}

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

.clearfix:after {
	content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: 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;
	}

p img, .smilie, input {
	vertical-align:middle;
	}

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

.clear {
	clear:both;
	}

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

.nomarg {
	margin:0 !important;
	}

#meta img, .smilie {
	margin:0 3px;
	}

.left, .col1 {
	float:left;
	}

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

.col1, .col2, #meta {
	width:49%
	}

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

img, acronym, abbr {
	border:none;
	}

.w100, table {
	width:100%;
	}

pre, td, th, table, input, select {
	font-size:1em;
	}

th {
	text-align:left;
	}

#side th {
	text-align:center;
	}

pre, code {
	font-family:monospace;
	}

pre {
	display: block;
	padding:12px;
	width:100%;
	margin:0 0 0.85em 0;
	overflow:auto;
	}

blockquote {
	margin:8px 0 2px 10px;
	padding:4px 0 3px 26px;
	font-style:italic;
	}

.whisper {
	font-style:italic;
	padding-left:26px;
	margin:10px;
	line-height:1.2;
	}

.whisper i  {
	display:none;
	}

a:hover, #side a:hover {
	text-decoration:none;
	cursor:pointer;
	}

h1 {
	font-size:1.85em;
	margin:0 0 0.3em 0;
	line-height:1.2;
	}

h2, h3, h4, h5, h6 {
	font-size:1.5em;
	margin:0.5em 0 0.2em 0;
	line-height:1.2;
	}

h4, h5, h6 {
	font-size:1.2em;
	}

#side h2, #side caption {
	font-size:1.1em;
	padding:5px 0 5px 8px;
	margin:0 0 1px 0;
	font-weight:bold;
	}

#side caption {
	padding:3px 0 3px 8px;
	}

#side h2, #side h3 {
	margin-bottom:8px;
	}

#side h2 a {
	text-decoration:none;
	}

#side h2 a:hover {
	text-decoration:underline;
	}

#side h3 {
	font-size:1.1em;
	}

p {
	margin:0.85em 0;
	font-size:1em;
	}

ol, ul {
	margin:0 0 1em 1.2em;
	padding:0;
	}

ol {
	margin-left:2em;
	}

img.right {
	margin-left:1.5em;
	}

li {
	margin:0;
	padding:0;
	list-style-position:outside;
	font-size:1em;
	}

img.left {
	margin-right:1.5em;
	}

.small {
	font-size:0.85em;
	}

.large {
	font-size:1.3em;
	}

.huge {
	font-size:2em;
	}

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

.nobullets {
	margin-left:0;
	list-style-position:outside;
	list-style:none;
	}

div.avatar {
	float:left;
	width:54px;
	height:54px;
	overflow:hidden;
	text-align:center;
	margin:0 0.7em 0.7em 0;
	}

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

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

.arrow-prev {
	margin-right:4px;
	}

.arrow-next {
	margin-left:4px;
	}

#blogtools {
	margin:0;
	}

/* calendar */

#calendar {
	border-spacing:1px;
	margin-bottom:20px;
	}

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

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

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

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

#nextmonth, #prevmonth {
	padding:4px 1px;
	width:48%;
	}

#nextmonth {
	text-align:right;
	}

/* sidebar */

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

#side caption a:hover {
	text-decoration:underline;
	}

#myphoto {
	margin:7px 0;
	}

#qp li {
	float:left;
	width:48%;
	font-size:0.9em;
	}

#qp li a, #qp span {
	display:block;
	line-height:21px;
	height:21px;
	}

#qp span {
	padding-left:31px;
	}

#qp #s-msg {
	float:right;
	}

#qp a:hover {
	background-position:0 -21px;
	text-decoration:underline;
	}

#searchbox {
	width:160px;
	}

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

.sidebox, #albumslides {
	margin:0 0 15px 0;
	}

#side p, #side dl, #side ul {
	margin:0;
	}

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

/* friends in sidebar */

.userlist li {
	float:right;
	width:112px;
	height:104px;
	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;
	}

/* recent visits */

#visitors a {
	text-decoration:none;
	display:block;
	height:72px;
	width:74px;
	}

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

#visitors img {
	margin-top:5px;
	}

#visitors li {
	height:72px;
	width:74px;
	float:left;
	margin:0 0 4px 0;
	text-align:center;
	}

#visitors span {
	width:64px;
	height:15px;
	line-height:15px;
	overflow:hidden;
	margin:0 5px;
	}

#visitors .mid {
	margin:0 4px 4px 4px;
	}

/* latest posts */

#latestposts ul {
	margin-top:-6px;
	}

#latestposts li {
	padding:3px 0 3px 15px;
	}

/* latest comments */

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

#newcomments a {
	text-decoration:none;
	}

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

#newcomments li {
	clear:both;
	padding:6px 0;
	}

.userpic {
	width:49px;
	height:38px;
	margin:0 1px 6px 5px;
	float:right;
	}

.userpic img {
	display:block;
	margin:2px;
	}

/* blog */

.post {
	clear:both;
	padding:15px 0;
	width:100%;
	overflow:hidden;
	}

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

.post .sticky {
	float:right;
	margin:0;
	font-size:0.85em;
	padding:0 25px 0 8px;
	height:26px;
	line-height:20px;
	}

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

.post .title {
	margin:0;
	line-height:1;
	}

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

.postdate, .post .tags {
	font-size:0.85em;
	margin:0.25em 0 1em 0;
	}

.post .tags {
	margin-top:-1em;
	}

.postinfo {
	clear:both;
	margin-top:1em;
	font-weight:bold;
	}

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

.content {
	clear:both;
	}

.groupblog .postdate, .groupblog .post .tags {
	font-size:0.8em;
	}

.groupblog .avatar {
	margin-bottom:0.9em;
	}

.groupblog .post .title {
	font-size:1.5em;
	}

.postnav {
	clear:both;
	height:2em;
	line-height:2em;
	margin-top:16px;
	}

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

.pagenav a:link, .pagenav a:visited, .pagenav a:active, .pagenav b {
	padding:1px 5px;
	margin:0 1px;
	text-decoration:none;
	font-weight:bold;
	}

.pagenav b, #main .pagenav a:hover {
	padding:1px 5px;
	}

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

.comments {
	clear:both;
	}

.comment1, .comment2 {
	clear:both;
	margin:15px 0;
	width:100%;
	overflow:auto;
	}

.comments .bot {
	padding:10px;
	}

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

.comment-by {
	clear:both;
	font-size:0.85em;
	margin:0;
	padding-top:6px;
	}

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

#message {
	height:300px;
	}

/* tags */

#tagcloud ul {
	width:100%;
	overflow:hidden;
	}

#tagcloud li {
	float:left;
	line-height:22px;
	height:26px;
	padding-right:12px;
	white-space:nowrap;
	}

.size1 {
	font-size:9px;
	}

.size2 {
	font-size:11px;
	}

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

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

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

/* links */

.sidelinx li {
	padding:3px 0;
	}

#applinks {
	clear:both;
	margin-top:15px;
	}

#mylinks {
	width:100%;
	}

#mylinks h2 {
	margin:30px 0 15px 0;
	}

#mylinks h2.firstheader {
	margin-top:0;
	}

#mylinks .newsfeed {
	margin:-8px 0 8px 0;
	}

#mylinks p {
	margin:0;
	}

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

#mylinks .linkinfo {
	margin-bottom:15px;
	}

.newsfeed span, .newsfeed a {
	text-decoration:none;
	}

.feedurl {
	display:none;
	}

/* friends */

#myfriends {
	width:100%;
	}

#myfriends li {
	width:192px;
	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:underline;
	}

#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-position:100% -214px;
	}

/* poll */

#poll li {
	padding:2px 0;
	}

#poll ul {
	margin-bottom:8px;
	}

#pollsubmit {
	font-weight:bold;
	}

#poll p {
	margin:2px 0;
	}

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

/* countdowns */

.cdwn {
	padding:5px 0 4px 21px;
	}

/* profile */

#personal li {
	padding-bottom:4px;
	}

#userpic {
	width:300px;
	height:230px;
	float:right;
	}

#userpic img {
	display:block;
	margin:12px 15px 18px 18px;
	}

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

#ff b {
	display:block;
	}

#ff li, #grouplist td {
	padding:6px 0;
	}

#ff ol {
	margin:0;
	}

#ff ol li {
	list-style-position:inside;
	}

/* opera */

#getopera h2 {
	margin:0 0 1px 0;
	}

/* shoutbox */

#shout {
	width:160px;
	}

#shoutbox form {
	padding-bottom:10px;
	}

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

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

#shoutbox li {
	padding:0 0 11px 0;
	margin-bottom:10px;
	line-height:1.3;
	}

.chatpic {
	float:right;
	}

.me .chatpic {
	float:left;
	}

#shoutbox .me p {
	text-align:right;
	}

#shoutbox p {
	padding:0 0 14px 0;
	margin:0;
	clear:left;
	text-align:left;
	}

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

#shoutbox blockquote {
	clear:both;
	margin:0;
	padding:0 10px;
	font-style:normal;
	}

/* search */

.s-result {
	margin-top:11px;
	padding-top:1px;
	}


/* Structure Overrides */

#wrap4 {
  background:#FFFAEE url(http://files.myopera.com/caotiep/files/bn.jpg) top center no-repeat;
  }

#side h2,#side caption {
	text-transform:none;
	font-size:1.5em;
	padding-left:0;
	}

#myphoto img, #albumslides img {
	margin:0;
  padding:8px 8px 12px 8px;
	}

#albumslides {
	height:181px;
	}

.userlist li {
	height:105px;
	}

.userlist img {
	display:block;
	padding:0;
	margin:0;
	}
	
.userlist a {
	padding:5px 3px 9px 5px;
	}
	
#visitors li a:hover {
	background-position:100% -76px;
	}

#visitors a {
	height:76px;
	}

#visitors li {
	margin-bottom: 8px;
	}

.userpic {
	width:51px;
	height:42px;
	}

.userpic img {
	margin:3px;
	}

div.avatar {
	width:58px;
	height:60px;
	}
		
.avatar img {
	margin:3px auto;
	}

/* Normal Stuff */

#top2 {
	padding:9px 0 0 44px;
	height:502px;
	}

body {
	background:#4D4D4D center 32px no-repeat;
	color:#FFFAEE;
	}

#menu a:link, #menu a:visited, #menu a:active {
	color:#DCC4A0;
	font-weight:bold;
	}

a:link, a:visited, a:active, #calendar tbody a:link, #calendar tbody a:visited, #newcomments a.username:link, 
#newcomments a.username:visited#menu a:hover, #menu #selected:link, #menu #selected:visited {
	color:#6d45a2;
	}

#side h2, #side caption {
	letter-spacing:0;
	}

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

#side .size1 a {
	color:#581577;
	}

#side .size2 a {
	color:#602786;
	}

#side .size3 a {
	color:#673795;
	}

#side .size4 a {
	color:#6d45a2;
	}

#side .size5 a {
	color:#7654b3;
	}

.title a:hover {
	color:#6d45a2;
	}

#side input[type="text"] {
	opacity:0.5;
	}

/* for white background */

#wrap1 {
	font-family:Verdana,Helvetica,Arial,sans-serif;
	color:#090210;
	font-size:13px;
	}

h1,h2,#side caption {
	letter-spacing:-1px;
	}

#top h1 {
	font-family:Verdana,Helvetica,Arial,sans-serif;
	letter-spacing:0;
	line-height:1;
	color:#ffffc0;
	}

#subtitle {
	font-style:italic;
	color:#fff;
	}

#myphoto[id],#albumslides[id] {
	background:transparent url(http://my.opera.com/community/graphics/themes/123/myphoto.png);
	}

#qp li {
	border:1px solid #d5ccde;
	}

#add-frnd a {
	background:#fff url(http://my.opera.com/community/graphics/themes/addfriend1.gif) top left no-repeat;
	}

#s-msg a {
	background:#fff url(http://my.opera.com/community/graphics/themes/sendmsg1.gif) top left no-repeat;
	}

.post .sticky {
	color:#7a7580;
	background:transparent url(http://my.opera.com/community/graphics/themes/123/sticky.png) top right no-repeat;
	}

.userlist a:link, .userlist a:visited, .userlist a:active {
	background:transparent url(http://my.opera.com/community/graphics/themes/123/sidepic.png) top left no-repeat;
	font-weight:bold;
	}

.userlist a:hover {
	background-position:100% -108px;
	}

#visitors li {
	font-size:10px;
	}

div.avatar {
	background:transparent url(http://my.opera.com/community/graphics/themes/123/avatar.png);
	}

#calendar {
	border-collapse:collapse;
	}

#calendar td#today {
	background:#fff;
	}

#calendar td,#calendar th {
	border:1px solid #827e87;
	}

#calendar th {
	background-color:#827e87;
	color:white;
	}

.whisper {
	background:transparent url(http://my.opera.com/community/graphics/whisp1.gif) center left no-repeat;
	color:#6d45a2;
	}

.postdate, .post .tags, .postinfo {
	text-transform:uppercase;
	}

.pagenav a:link, .pagenav a:visited, .pagenav a:active, .pagenav b {
	background:#fff;
	color:#090210;
	border:1px solid #a49dab;
	}

.pagenav b, #main .pagenav a:hover {
	background:#090210;
	border:1px solid #090210;
	color:#fff;
	}

.pagenav-info {
	color:#938e99;
	}

.postinfo, pre {
	color:#938d99;
	}

.post, .pagenav {
	border-top:1px solid #d5ccde;        
	}

pre {
	border:1px dashed #a49dab;
	background:#eae8ed;
	}

blockquote {
	background:transparent url(http://my.opera.com/community/graphics/themes/quotes1.gif) 2px 5px no-repeat;
	color:#7654b3;
	}

.postnav {
	border:1px solid #e5dced;
	border-width:1px 0;
	}

.userpic {
	background:#000 url(http://my.opera.com/community/graphics/themes/123/userpic.png);
	}

#newcomments li {
	border-top:1px solid #e5dced;
	}

#visitors a:link, #visitors a:visited, #visitors a:active {
	background:#fff url(http://my.opera.com/community/graphics/themes/123/visitor.png) no-repeat;
	}

#latestposts li {
	background:#FFAEE url(http://my.opera.com/community/graphics/themes/latestposts1.gif)left center no-repeat;
	}

#latestposts li, #pollresults li {
	border-bottom:1px solid #DFE0E9;
        background:#FFAEE;
	}

.comment1 {
	background:#f6f6f6;
	border:1px solid #d5ccde;
	}

.comment2 {
	border:1px solid #d5ccde;
	}

.comment-by {
	color:#746f78;
	}

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

.permalink a:link, .permalink a:visited {
	color:#514e54;
	}

.del {
	color:#c00 !important;
	}

.attach {
	background:#fff url(http://my.opera.com/community/graphics/icons/attach.gif) center left no-repeat;
	}

.trackbacks li {
	color:#888;
	background:#FFAEE url(http://my.opera.com/community/graphics/themes/latestposts1.gif) left center no-repeat;
	}

/* countdowns */

.cdwn {
	background:transparent url(http://my.opera.com/community/graphics/themes/clock1.gif) center left no-repeat;
	border-bottom:1px solid #e5dced;
	}

/* shoutbox */

#shoutbox li {
	background:url(http://my.opera.com/community/graphics/themes/123/chatbottom.png) bottom left no-repeat;
	}

#shoutbox p {
	color:#938e99;
	background:url(http://my.opera.com/community/graphics/themes/123/chattop.png) bottom left no-repeat;
	}

#shoutbox .me p {
	background-image:url(http://my.opera.com/community/graphics/themes/123/chattopme.png);
	}

#shoutbox blockquote {
	background:url(http://my.opera.com/community/graphics/themes/123/chatcenter.png) top left repeat-y;
	color:#090210;
	}

/* links */

.url {
	color:#090210;
	}

.linkdesc {
	color:#333;
	font-style:italic;
	}

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

#mylinks .grey {
	color:#a49fab;
	}

.sidelinx li {
	border-bottom:1px solid #e7e7e7;
	}

/* friends */

#myfriends li {
	background:transparent url(http://my.opera.com/community/graphics/themes/123/frienda.png) top left no-repeat;
	}

#myfriends li div {
	background:transparent url(http://my.opera.com/community/graphics/themes/123/friendb.png) top right no-repeat;
	}

#myfriends li a,#myfriends .location {
	color:#090210;
	}

/* profile */

#ff ul {
	margin:0;
	}

#ff li, #grouplist td {
	border-top:1px solid #e5dced;
	}

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

#userpic {
	background:fff url(http://my.opera.com/community/graphics/themes/123/userpic2.png)no-repeat;
	}

/* opera */

#side #getopera h2, #side #myspots h2 {
	color:#bd3737;
	}

#getopera .pad {
	padding:2px 0;
	}