v/*
     Edit by Trungnm87
	*/

body {  CURSOR: url(http://files.myopera.com/trungnm87/img/Catani2.cur);
     	background:#000 url('http://files.myopera.com/trungnm87/img/bg.gif');
	text-align:center;
	font-family: Tahoma, Arial,'trebuchet ms',helvetica,sans-serif;
	font-size12;
      
       
  
 }



#footer p {
	margin:0;
	padding:0;
	}

#footer, #footer a {
	color:#999;
	}

#wrap0 {
	width:100%;
	}

#wrap1{
       font-family: Tahoma, Arial,'trebuchet ms',helvetica,sans-serif;
	font-size:12px;
	margin:0 auto;
	width:960px;
	max-width:100%;
	}
#wrap3{
       font-family: Tahoma, Arial,'trebuchet ms',helvetica,sans-serif;
	font-size:12px;
	margin:0 auto;
	width:960px;
	max-width:100%;
	}

.jsHelp {
	background:#fff;
	padding:4px 8px;
	font-size:11px;
	color:#000;
	font-family:tahoma, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif;
	font-size:12px;
	}

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

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

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

#top {
	max-width:920px;
	width:auto;
	height:310px;
	margin:0 -15px;
	background:url('http://files.myopera.com/trungnm87/img/banner.gif') top center no-repeat;
	}

#top h1 {
        font-family: Tahoma, Arial,'trebuchet ms',helvetica,sans-serif;
	font-size:12px;
	display:none;
	padding-top:32px;
	font-size:2.3em;
	line-height:1.1;
	margin:0;
	}

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

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

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

#subtitle {
          



        font-family: Tahoma, Arial,'trebuchet ms',helvetica,sans-serif;
	font-size:12px;
	display:none;
	margin:0;
	font-style:italic;
	color:#999;
	}

#menu {
	height:27px;
	margin:0;
	padding:0;
	}

#menu ul {
	height:27px;
	margin:0;
	padding:0;
	margin-left:450px;
	}

#menu li {
	float:left;
	list-style:none;
	line-height:100px;
	font-size:0.9em;
	text-align:center;
	}

#menu a {
	display:block;
	width:70px;
	height:100px;
	overflow:hidden;
	color:#fff;
	text-decoration:none;
	}

#menu a:hover, #menu a#selected {
	color:#87a8b7;
	font-weight:bold;
	}

#menu_blog a, #menu_archive a, #menu_albums a {
	background:url() top left no-repeat;
	background-position:0 0;
	}

#menu_blog a:hover, #menu_blog a#selected, #menu_archive a:hover, #menu_archive a#selected, #menu_albums a:hover, #menu_albums a#selected {
	background:url() top left no-repeat;
	background-position:0 -27px;
	}

#menu_links a {
	width:95px;
	background:url() top left no-repeat;
	background-position:0 0;
	}

#menu_links  a:hover, #menu_links  a#selected {
	background:url() top left no-repeat;
	background-position:0 -27px;
	}

#menu_friends a, #menu_about a {
	background:url() top left no-repeat;
	background-position:0 0;
	}

#menu_friends a:hover, #menu_friends a#selected, #menu_about a:hover, #menu_about a#selected {
	background:url() top left no-repeat;
	background-position:0 -27px;
	}

#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-left:-230px;
	padding-bottom:12px;
	float:right;
	}

#main {
	min-height:400px;
	margin-left:260px;
	color:#87a8b7;
	}

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

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

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

#albumslides {
	height:175px;
	}

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

#albumslides {
	position:relative;
	background:none !important;
	border:1px #506674 solid;
	}

#albumslides a {
	position:absolute;
	display:block;
	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 {
	text-align:center;
	}

.alignjustify {
	text-align:justify;
	}

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

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

embed {
	clear:both;
	display:block;
	margin:10px 0;
	}

.aligncenter embed {
	margin:0 auto;
	}

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

th {
	text-align:left;
	}

#side th {
	text-align:center;
	}

pre {
	display: block;
	padding:12px;
	width:100%;
	margin:0 0 0.85em 0;
	overflow:auto;
	border:1px dashed #555;
	}

blockquote {
	margin:8px 0 2px 10px;
	padding:4px 0 3px 26px;
	font-style:italic;
	background:transparent url('http://my.opera.com/community/graphics/themes/quotes2.gif') 2px 5px no-repeat;
	color:#aaa;
	}

.whisper {
	font-style:italic;
	padding-left:26px;
	margin:10px;
	background:transparent url('http://my.opera.com/community/graphics/whisp2.gif') center left no-repeat;
	padding:1px 0 4px 21px;
	color:#ffae00;
	}

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:12px;
        width : 235px;
	height:23px;
	padding:0;
	margin:0;
	padding-top:1px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	background:#30434f url('http://files.myopera.com/trungnm87/img/bg_h2caption.gif') 0px 0px no-repeat;
	color:#d1d1d1;
	}

#side .userlist a:link, #side .userlist a:visited, #side .userlist a:active {
	background:url('http://files.myopera.com/rapphim/tuan/sidepic2.gif');
	color:#eee;
	}

#side a:link, #side a:visited {
	color:#788d99;
	text-decoration:none;
	}

#side a:hover {
	color:#fff;
	text-decoration:none;
	}

#side .userlist a:hover {
	background-position:100% -104px;
	}

#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 h2 a:link, #side h2 a:visited {
	color:#fff;
	}

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

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;
	border:1px solid #666;
	background:#000;
	}

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

textarea {
	width:100%;
	height:150px;
	margin:0;
	background:#111;
	color:#fff;
	}

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

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

#blogtools {
	margin:0;
	}

/* calendar */

#calendar {
	border-spacing:1px;
	margin-bottom:20px;
	background:none;
	border-bottom:0px solid #999;
	}

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

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

#side caption {
	font-size:11px;
    width:235px;
	height:23px;
	padding:0;
	margin:0;
	padding-top:0px;
	margin-bottom:5px;
	padding-bottom:5px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	background:#30434f url('http://files.myopera.com/trungnm87/img/bg_h2caption.gif') 0px 0px no-repeat;
	color:#d1d1d1;
	}


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

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

#qp {
	margin:0;
	padding:0;
	margin-bottom:20px;
	}

#myphoto {
	width:100px;
	height:110px;
	margin-top:5px;
	margin-left:58px;
	background:url('http://files.myopera.com/trungnm87/img/bg_myphoto.gif') top left no-repeat; /*bg of my photo*/

	}

#myphoto img {
        display:none;
	width:110px;
	height:110px;
	margin-top:5px;
	margin-left:65px;
	}

#qp h2 {
	background:none;
	margin:0;
	color:#5a717e;
	}

#qp li {
	float:left;
	width:48%;
	font-size:0.9em;
	border:1px solid #333;
	}

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

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

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

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

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

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

#qp #mystatus {
	width:auto;
	margin-bottom:7px;
	}

#side input[type=text], #searchbox {
	width:160px;
	}

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

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

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

/* 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;
	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;
	}

#side #visitors a:link, #side #visitors a:visited, #side #visitors a:active {
	background:url('http://files.myopera.com/rapphim/tuan/visitor2.gif') no-repeat;
	color:#eee;
	}

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

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

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

#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;
	background:transparent url('http://my.opera.com/community/graphics/themes/latestposts1.gif') left center no-repeat;
	border-bottom:1px solid #506674;
	}

/* latest comments */

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

#newcomments a {
	text-decoration:none;
	}

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

#newcomments a.username:link, #newcomments a.username:visited {
	color:#ffae00;
	}

#newcomments li {
	clear:both;
	padding:6px 0;
	border-top:1px solid #506674;
	}

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

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

/* blog */

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

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

.post .sticky {
	float:right;
	margin:0;
	font-size:0.85em;
	padding:0 5px 0 8px;
	height:26px;
	line-height:20px;
	color:#999;
	/*background:url('http://my.opera.com/community/graphics/themes/sticky2.gif') top right no-repeat;*/
	}

.tagicon {
	float:right;
	margin-left:5px;
	width:19px;
	height:15px;
	}

.post .title {
	margin:0;
	background: url('http://files.myopera.com/trungnm87/img/bg_h2caption.png')  no-repeat;
	font-size:12px;
	color:#e12626;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:30px;
	text-decoration:none;
	}

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

.title a:hover {
	color:#fff;
	}

.postdate, .post .tags {
	font-size:0.85em;
	margin:0.25em 0 1em 0;
	margin-left:8px;
	text-transform:uppercase;
	}

.postdate {
	color:#aaa;
	background:url('http://files.myopera.com/rapphim/tuan/clock.jpg') top left no-repeat;
	padding-left:25px;
	height:15px;
	margin-top:5px;
	}

.post .tags {
	margin-top:5px;
	background:url('http://files.myopera.com/rapphim/tuan/tags.jpg') top left no-repeat;
	padding-left:25px;
	height:20px;
	}

.post .tags a:link {
	text-decoration:none;
	color:#aaa;
	}

.post .tags a:hover {
	text-decoration:none;
	color:#fff;
	}

.postinfo {
	clear:both;
	margin-top:5px;
	font-weight:bold;
	text-transform:uppercase;
	color:#aaa;
	}

.editthis a:link, .editthis a:visited, .editthis {
	color:#777;
	}

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

.content {
	clear:both;
	text-align:justify;
	}

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

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

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

.postnav {
	clear:both;
	height:2em;
	line-height:2em;
	margin-top:16px;
	border-bottom:1px solid #506674;
	}

.postnav .prv {
	width:49%;
	float:left;
	}

.postnav .nxt {
	width:49%;
	float:right;
	text-align:right;
	}

.postnav a:link, .postnav a:visited {
	color:#ffae00;
	text-decoration:none;
	}

.postnav a:hover {
	color:#fff;
	}

.pagenav {
	clear:both;
	text-align:right;
	margin:0;
	padding-top:20px;
	border-top:1px solid #333;
	}

.pagenav-info {
	text-align:right;
	font-size:0.9em;
	color:#444;
	}

.pagenav a:link, .pagenav a:visited, .pagenav a:active, .pagenav b {
	padding:1px 5px;
	margin:0 1px;
	text-decoration:none;
	font-weight:bold;
	background:#000;
	color:#fff;
	border:1px solid #444;
	}

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

.trackbacks {
	clear:both;
	}

.trackbacks h2 {
	margin-top:10px;
	font-size:1em;
	}

.trackbacks ul {
	clear:both;
	margin:10px 0 0 2px;
	}

.trackbacks a {
	color:#333;
	}

.trackbacks li {
	list-style-position:outside;
	list-style:none;
	padding:2px 0 2px 15px;
	font-size:11px;
	color:#777;
	background:transparent url('http://my.opera.com/community/graphics/themes/latestposts1.gif') left center no-repeat;
	}

.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;
	background:#000 url('http://my.opera.com/community/graphics/icons/attach2.gif') center left no-repeat;
	}

/* comments */

.comments {
	clear:both;
	}

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

.comment1 {
	background:#171717;
	border:1px solid #333;
	}

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

.comments .bot {
	padding:10px;
	}

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

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

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

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

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

a:link, a:visited, a:active {
	color:#fff;
	}

.url {
	color:#192;
	}

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

#mylinks .grey {
	color:#aaa;
	}

.sidelinx li {
	border-bottom:1px solid #506674;
	padding:3px 0 3px 15px;
	background:transparent url('http://my.opera.com/community/graphics/themes/latestposts1.gif') left center no-repeat;
	}

.feedlinx li {
	background:none;
	padding:3px 0 3px 0;
	text-align:justify;
	}

#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;
	text-decoration:none;
	color:#fff;
        font-size:1em;
        font-color:fff;
	}

.feedurl {
	display:none;
	}

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

#favlinks {
	color:#999;
	}

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

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

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

#side .size4 a {
	color:#ffea00;
	}

#side .size5 a {
	color:#ffae00;
	}

/* friends */

#friendmenu {
	float:right;
	margin:0 0 10px 0;
	text-align:right;
	font-size:11px;
	}

#myfriends {
	width:100%;
	}

#myfriends ul {
	clear:both;
	}

#myfriends li {
	width:192px;
	overflow:hidden;
	max-width:32%;
	display:inline;
	float:left;
	margin-bottom:12px;
	line-height:16px;
	background:#111 url('http://my.opera.com/community/graphics/themes/friend2a.gif') top left no-repeat;
	}

#myfriends li b {
	display:block;
	margin-bottom:3px;
	}

#myfriends li div {
	width:100%;
	overflow:hidden;
	height:221px;
	position:relative;
	background:transparent url('http://my.opera.com/community/graphics/themes/friend2b.gif') top right no-repeat;
	}

#myfriends li a {
	display:block;
	padding:10px 12px 0 11px;
	text-decoration:none;
	}

#myfriends li a:hover b {
	text-decoration:underline;
	}

#myfriends .mid {
	margin:0 2%;
	}

#myfriends li img {
	margin-bottom:3px;
	}

#myfriends li span {
	display:block;
	font-size:10px;
	margin-bottom:2px;
	color:#999;
	}

#myfriends .online {
	position:absolute;
	bottom:4px;
	right:4px;
	padding:0 6px;
	background:#000;
	color:#ff1;
	}

#myfriends .status {
	height:32px;
	overflow:hidden;
	}

#myfriends .pagenav {
	border:none;
	text-align:left;
	padding:3px;
	}

#myfriends li:hover {
	background-position:0px -249px;
	}

#myfriends li div:hover {
	background-position:100% -249px;
	}

#myfriends[id] li a:hover {
	color:#fff;
	}

/* 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;
	}

#poll li .smilie {
	border:none;
	height:auto;
	}

#pollresults span {
	color:#999;
	}

#pollresults img {
	height:9px;
	}

#pollresults li {
	border-bottom:1px solid #506674;
	}

/* countdowns */

.cdwn {
	padding:5px 0 4px 21px;
	background:transparent url('http://my.opera.com/community/graphics/themes/clock2.gif') center left no-repeat;
	border-bottom:1px solid #506674;
	}

/* profile */

#profile h2 {
	color:#ffae00;
	}

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

#userpic {
	float:right;
	width:320px;
	height:239px;
	background:#111 url('http://files.myopera.com/rapphim/tuan/userpic2.png');
	}

#userpic img {
	display:block;
	margin:9px 26px 15px 27px;
	}

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

#ff b {
	display:block;
	}

#ff li, #grouplist td {
	padding:6px 0;
	border-top:1px solid #506674;
	}

#grouplist td {
	color:#999;
	}

#ff ol {
	margin:0;
	}

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

#ff ul {
	margin:0;
	}

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

/* 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;
	background:url('http://files.myopera.com/rapphim/tuan/chat3bla.gif') bottom left no-repeat;
	}

.chatpic {
	float:right;
	}

#shoutbox p {
	padding:0 0 14px 0;
	margin:0;
	clear:left;
	text-align:left;
	background:url('http://files.myopera.com/rapphim/tuan/chat1bla.gif') bottom left no-repeat;
	color:#999;
	}

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

#shoutbox blockquote {
	clear:both;
	margin:0;
	padding:0 10px;
	font-style:normal;
	background:url('http://files.myopera.com/rapphim/tuan/chat2bla.gif') top left repeat-y;
	color:#eee;
	}

#shoutbox .me p {
	background-image:url('http://files.myopera.com/rapphim/tuan/chat1blb.gif');
	}

#shout-list img {
	border:2px solid #506674;
	}

/* search */

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

.s-desc, .s-desc a:link, .s-desc a:visited {
	color:#aaa;
	}

/* services */

.srvheader {
	clear:both;
	padding:15px 0 13px 0;
	margin:10px 0 8px 0;
	font-size:12px;
	border-top:1px solid #444;
	}

.srvheader img {
	float:left;
	margin-right:10px;
	}

.srvheader h2 {
	font-size:1.85em;
	}

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

.srvheader h2 a:hover {
	text-decoration:underline;
	}

.srvheader h2, .srvheader p {
	line-height:1.2;
	margin:1px 0 0 0;
	}

.services li {
	margin-left:16px;
	background:transparent url('http://my.opera.com/community/graphics/widgets/gear4.gif') top left no-repeat;
	}

.services li div {
	padding:1px 0 20px 55px;
	}

.services p {
	margin:2px 0 0 0;
	}

.services .srvmore {
	font-size:11px;
	padding-left:18px;
	}

.srvmore {
	background:transparent url('http://my.opera.com/community/graphics/widgets/more2.gif') top left no-repeat;
	}

.services .srvdesc, .srvfooter {
	font-size:11px;
	}

.srvdesc {
	padding-top:8px;
	}

.srvfooter {
	clear:both;
	padding:20px 0 10px 0;
	border-top:1px solid #444;
	}

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

.services a:hover {
	text-decoration:underline;
	}

#srvnfo {
	font-size:12px;
	}

#side #srvfriendslist {
	margin-top:8px;
	}
	
.srvmore a:link, .srvmore a:visited, .srvdesc, .srvheader p {
	color:#888;
	}

.srvheader h2 a:link, .srvheader h2 a:visited {
	color:#fff;
	}
	
/*--------------------------------------commont-----------------------------------------------*/
/* login n signup */

#login-here {
	clear:both;
	margin:20px 0;
	background:#1e1e1e;
	border:1px solid #444;
	padding:10px;
	}

#login-here h2 {
	margin-top:0;
	}

#login-here form div {
	float:left;
	width:250px;
	font-size:11px;
	margin-right:3px;
	}

#login-here form .cc1, #usrname {
	width:135px;
	margin-right:12px;
	}

#login-here label {
	display:block;
	}

/* quick login */

#loginbox {
	border:1px solid #666;
	background:#111;
	padding:10px;
	margin:10px 0;
	line-height:16px;
	font-size:11px;
	text-align:left;
	color:#fff;
	}

#loginbox input {
	margin:0 8px -1px 4px;
	font-size:10px;
	}

#loginbox a {
	float:right;
	margin-left:4px;
	}

/* ratings */

.rate-it {
	float:right;
	width:230px;
	font-size:11px;
	color:#333;
	text-align:right;
	}

.rate-it p {
	margin:0;
	}

.rate-it img {
	border:none;
	}

p.rate-text {
	color:#aaa;
	font-size:11px;
	margin:0 64px 0 0;
	}

#stardiv {
	margin:3px 5px 0 0;
	display:inline; /* IE fix */
	float:right;
	width:55px;
	height:10px;
	margin-left:2px;
	overflow:hidden;
	background:transparent url('http://my.opera.com/community/graphics/stars0.gif') top left no-repeat;
	}

.rate5 {
	background-image:url('http://my.opera.com/community/graphics/stars5.gif') !important;
	}

.rate4 {
	background-image:url('http://my.opera.com/community/graphics/stars4.gif') !important;
	}

.rate3 {
	background-image:url('http://my.opera.com/community/graphics/stars3.gif') !important;
	}

.rate2 {
	background-image:url('http://my.opera.com/community/graphics/stars2.gif') !important;
	}

.rate1 {
	background-image:url('http://my.opera.com/community/graphics/stars1.gif') !important;
	}

/* albums */

#bigimg {
	position:relative;
	width:100%;
	}

#zoom {
	position:absolute;
	bottom:0;
	right:6px;
	}

/* get opera */

#side #getopera p {
	margin:7px 0;
	}

/* comments */

#addsmilies {
	position:relative;
	}

#addsmile {
	float:right;
	margin-right:1px;
	}

#addsmilies #smilies {
	position:absolute;
	z-index:999;
	width:276px;
	height:370px;
	background:#333;
	border:1px solid #777;
	top:-374px;
	right:0px;
	line-height:30px;
	}

#addsmilies #smilies div {
	padding:12px;
	}
	
/* ----------:: ALBUM ::---------- */

#albumsheader {
	display:none;
	}

.albums {
	margin-top:0;
	}

.albums p {
	margin:0;
	padding:0 0 8px 0;
	}

.albums .clear {
	margin:0;
	}

.album1 {
	clear:both;
	margin:0;
	margin-bottom:5px;
	background:url('http://files.myopera.com/rapphim/tuan/albums.jpg') top left no-repeat;
	height:250px;
	}

.album1 .editthis a:link, .album2 .editthis a:link {
	color:#d1d1d1;
	text-decoration:none;
	}
	
.album1 .editthis a:hover, .album2 .editthis a:hover {
	color:#fff;
	}

.album1 h2, .album2 h2 {
	padding:0;
	margin:0;
	padding-top:30px;
	}

.album2 {
	clear:both;
	margin:0;
	margin-bottom:5px;
	background:url('http://files.myopera.com/rapphim/tuan/albums.jpg') top left no-repeat;
	height:250px;
	}
	
.albumthumb1, .albumthumb2 {
	float:left;
	width:285px;
	height:250px;
	}

.album1 a:link{
	color:#000000;
	text-decoration:none;
	}

.album1 a:hover{
	color:#fff;
	text-decoration:none;
	}

.album2 a:link{
	color:#000000;
	text-decoration:none;
	}
	
.album2 a:hover{
	color:#fff;
	text-decoration:none;
	}
	
.albumimage {
	display:block;
	margin:0px;
	margin-left:20px;
	margin-top:17px;
	width:240px;
	height:180px;
	}

.albumnfo {
	margin-left:186px;
	padding:0 4px; 
	}		

.albumnfo .tags {
	font-size:12px;
	line-height:normal;
	text-transform:uppercase;
	background:none;
	border:none;
	}

.albdesc {
	overflow:hidden;
	text-align:justify;
	}

.albums .access {
	margin-top:5px;
	}

.editimg {
	margin:6px 0;
	}	

div.access {
	clear:both;
	margin-top:10px;
	border:1px dotted #cacac1;
	background:#dcdc9b;
	padding:5px;
	}

#albumlist li {
	list-style:decimal;
	color:#fff;
	list-style-position:inside;
	padding-left:13px;
	}

#albumlist li a:hover {
	text-decoration:underline;
	}

/* ----------:: ALBUM CONTENT ::---------- */
	
#mypix {
	clear:both;
	width:100%;
	}

#mypix .thumb1, #mypix .thumb2 {
	width:49%;
	height:240px;
	overflow:hidden;
	float:left;
	background:#f4f4f4;
	border:1px #e4e4e4 solid;
	margin-bottom:15px
	}

#mypix .thumb1 {
	clear:both;
	}
	
#mypix .thumb2 {
	float:right;
	}
		
#mypix div p {
	font-size:12px;
	color:#000;
	padding-left:10px;
	} 

#mypix div p.right {
	border-left:none;
	}

#mypix div div {
	display:block;
	padding:5px;
	}

#mypix div div img {
	width:285px;
	height:200px;
	}

#mypix .bigthumb {
	}

#mypix .toolicons {
	border:none;
	padding:0;
	}

#mypix a:link, #mypix a:visited {
	color:#000;
	text-decoration:none;
	}

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

/* ----------:: VIEW IMAGE ::---------- */

#frame1 {
	display:block;
	clear:both;
	width:600px;
	margin:0;
	padding:0;
	margin-top:10px;
	text-align:center;
	}

#frame2 {
	display:block;
	padding:0px;
	text-align:center;
	}

#frame3 {
	display:block;
	position:relative;
	width:600px;
	background:#171717; 
	text-align:center;
	overflow:hidden;
	}

#frame3 #bigimg {
	display:block;
	margin:5px auto;
	max-width:600px;
	padding-top:5px;
	text-align:center;
	}

#frame3 p {
	margin:0;
	padding:6px 0 3px 0;
	text-align:center;
	}

.comments {
	margin-top:15px;
	}

#newcomment {
	margin-top:25px;
	}

#belowimage {
	clear:both;
	padding-top:0px;
	width:600px;
	}

.preview {
	width:115px;
	float:left;
	text-align:center;
	margin:0;
	}

.preview img {
	margin:2px;
	width:111px;
	height:84px;
	}

.preview p img {
	margin-bottom:-1px;
	}

.preview div {
	width:80px;
	height:60px;
	}	
#desc {
	margin-bottom:10px;
	padding:5px;
	width:505px;
	}
#photocast p{
	color:#fff;
	}
#picnav h2 {
	color:#d1d1d1;
	}
	
.clearfix {
	color:#fff;
	}