@charset "utf-8";
/* 
	references from: http://my.opera.com/chauquynhhan/
                       : http://my.opera.com/cungdan_tienhyeu220/
	
        Modified by    : Http://my.opera.com/Erwandi01/
        Date           : 27-february-2009
        Note           : Jika berminat silakan ijin ke yang empunya CODE CSS-
                         SELAMAT MENCOBA SAMPAI MATA PANASSSSS...:D
                         ----------------------------------------------------
                         Tidak lupa juga ucapan Terima kasih buat sobatku NIQN
                         YANG TDK PERNAH BOSAN MEMBERIKAN PETUNJUK :up:

*/


/* :: MAIN LAYOUT :: */

body {
	background:URL(http://files.myopera.com/Erwandi01/proyek/bodymlm.jpg);
	margin:0;
	padding:0;
	font-family: Arial-italic, Tahoma,'trebuchet ms',helvetica,sans-serif; /*Font  blog*/
	font-size:14px;
	line-height:145%;
	text-align:center;
	color:#333333;
	}
#wrap1 {
margin:0 auto;
width:802px !important;
background:#333333;
padding-top:12px;
}	


#wrap2 { 
	margin:0 auto;
	width:785px !important;
	margin-bottom:0px;

background:url(http://files.myopera.com/Erwandi01/proyek/wrap2000.jpg)repeat;
	
	}
#wrap3 {
background: url(wrap2001.jpg);
}							
#topbar1 {
	background: url(user0000.htm) top center no-repeat;
	color:#fad894;
width:882px;
	height:30px;
	overflow:hidden;
	line-height:24px;
margin:0 auto;
	}

img {
	border:none;
	}

.mobile, .hide {
	display:none;
	}

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

#topbar2, #toplogin div {
	width:778px;
	max-width:100%;
	min-width:700px;
	margin:0 auto;
	text-align:left;
	}

#topbar1 img {
	margin-right:4px;
	}

#topbar1 a, #topbar1 .tpad {
	padding-right:7px;
	text-decoration:none;color:#9BA1B1;
	}

#topbar1 a:hover {
	text-decoration:underline;color:#9BA1B1;
	}

#topbar1 a:link, #topbar1 a:visited {
	color:#9BA1B1;
	}

#topbar2 a.yellow:link, #topbar2 a.yellow:visited {
	color:#9BA1B1;
	}

#topbar1 p, #toplogin p {
	margin:0;
	font-size:12px;
font-weight:normal;
	padding:5px 0;color:#9BA1B1;
	}

#toplogin {
	border-top:1px solid #555;
	background:transparent;
	color:#9BA1B1;
	padding:2px 0;
	border-bottom:1px solid #000;
	}

#toplogin label {
	padding-right:4px;
	}

#toplogin input {
	font-size:11px;
	border:none;color:#9BA1B1;
	}

div#topbar1 a.hidemobile {display:none}


#edittitle {
	padding-top:29px;
	}


#top {
	font-size:11px;
	width:780px	!important;
	height:290px; /*banner*/
	text-align:left;
	color:#fff;
	background: url(http://files.myopera.com/Erwandi01/proyek/inibanerku.jpg) bottom right no-repeat; /*erwandi banner - Bgr banner*/
	}

#top2 {
		padding-left:250px; padding-top:10px;
 /*eRWANDI-BLOG */
	}

#top h1 {
	
margin:0;
	width:500px;
	font-size:26px;
	font-family: Tahoma, arial, helvetica,sans-serif; /*Font tahoma*/
	line-height:normal;
	font-weight:bold;
	padding-top:0px; /*kacau ya */
	}

#subtitle {
	display:none;
	}

#menu {
	
width:210px;
	height:220px;
	float:left;
background: transparent url(menu0000.htm) top center no-repeat;
padding-top:10px;
	}

#menu ul, #menu li {
	
	list-style-position:outside;
	list-style:none;
	line-height:42px;
	font-size:12px;
	text-transform:uppercase;
text-align:left;
	}

#menu li {
margin:0px;
padding:0;
/*width:150px;*/
list-style-positionutside;
list-style:none;
line-height:42px;
font-size:12px;
text-transform:uppercase;
	background:transparent url(menu0000.htm) bottom center no-repeat;
	}

#menu a:link, #menu a:visited, #menu a:active {
	display:block;
	color:white;
	text-decoration:none;

text-align:center;

font-weight:bold;
	
	}

#menu a:hover, #menu #selected {
	
	color:white;
	}



.menu_home {
display:none;
}

#content, #footer {
	clear:both;
	position:relative;
	width:778px !important;  /*

width of content*/
	text-align:left;color:white;
	margin:0 auto;
	}

#content {
	padding-top:10px;
	background-image:url(kynttil_.gif); /* - Bgr of content*/
	background-repeat: no-repeat;
	background-position: top right;
	}

#content li {
	margin:0;
	list-style-position:inside;
	}

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

#main {
	margin-left:215px; /* blog */
	margin-right:7px;
	padding-bottom:220px;
	width:550px;
	}
/* footer*/
#footer {
	clear: both;
	width:100%;
	
	POSITION: relative;
	left: 0px; 
height:12px;
background:#9BA1B1;

	}
/*End  footer*/
#footer p {
	color:#9BA1B1;
margin-top:0;
padding-top:15px;
	}

#meta {
	float:left;
padding-right:250px;
	width:25%
	}

#footer a:link, #footer a:visited, #footer a:active {
	color:white;
	text-decoration:none;color:#9BA1B1;
	}

#footer #get {
	text-decoration:underline;color:#9BA1B1;
	}

#footer #get:hover {
	text-decoration:none;color:#9BA1B1;
	}

/* :: SIDEBAR :: */
.sidebox {
	BORDER-RIGHT: #738294 1px solid; BORDER-TOP: #738294 1px solid; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-BOTTOM: 17px; BORDER-LEFT: #738294 1px solid; BORDER-BOTTOM: #738294 1px solid
}
#side H2 A:link {
	COLOR: #fff; TEXT-DECORATION: none
}
#sidewrap {
	width:195px;
	float:left;
	font-size:11px;
	margin-top:5px;
	overflow:hidden;
margin-left:10px;
padding-bottom:200px;
	}

#side a:link, #side a:visited, #side a:active {
	color:#9BA1B1;
	text-decoration:none;color:#9BA1B1;	
	}
	
#side a:hover {
	text-decoration: underline;color:#9BA1B1;
	}	
#side li {	
	font-size:11px;
	list-style-type: none;
	color:#9BA1B1;
	}
	
#side li a:hover{
	text-decoration:underline;color:#9BA1B1;
	}
	
#side h2, #side caption {
	color:white;
	background:url(user0000.htm) top left no-repeat; /* box - bgr of title all box in sidebar*/
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase; /*title*/
	margin:0 0 1px 0;
	padding:6px 2px 2px 0px;
	text-align:center;
	}

#side h2.feedheader {
	padding:6px;
	}

#side h2 a:link, #side h2 a:visited, #side h2 a:active {
	color:#9BA1B1; /* box (mau trang)*/
	text-decoration:none;
	}

.sidebox {
	background:url(WELCOME0.jpg) center bottom no-repeat; /* - bgr all box*/
	margin-bottom:15px;
	}

.sidebox .pad {	
	background:url(user0000.htm) bottom center no-repeat; /*box*/
	padding:6px 6px 30px 6px;
	margin-top:1px;
	/*background-color:#333333;*/
	}

.sidebox p {
	margin:0;
	color:#9BA1B1;
	}

#side h3 {
	font-size:11px;color:#9BA1B1;
	margin-bottom:0;
	}
/* :: GENERAL RULES :: */


.mobile {
	display:none;
	}

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

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

a:hover {
	text-decoration: underline;
	color:#9BA1B1;
	}

a.username:link, a.username:visited, a.username:active {
	color:#9BA1B1;
	}

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

.smilie {
	margin:0 3px;
	}

img {
	max-width:100%;
	}

.hide, .handheld {
	display:none;
	}

table {
	width:100%;
	}

p {
	margin:10px 0;
	}

td, th {
	text-align:left;color:#9BA1B1;
	vertical-align:top;
	}

pre, td, th, input, select {
	font-size:11px;color:#9BA1B1;
	}

code,pre {
		display: block;        
    padding:10px 6px;
    margin:0 0 10px 0;
    border: 1px dashed #aaa;
    background:transparent;
    overflow: scroll;
width:450px;
		}

strong, b, em {
	font-weight:bold;
	}

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

em {
	font-style:normal;color:#9BA1B1;
	}

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

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

h1 {
	font-size:20px;
	margin:0 0 8px 0;color:#9BA1B1;
	}

h2 {
	font-size:20px;
	margin:0 0 12px 0;
color:#9BA1B1;
	}

h3 {
	font-size:13px;
	margin:12px 0 7px 0;color:#9BA1B1;
	}

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

img, abbr, acronym {
	border:none;
	}


ol, ul, li {
	font-size:12px;color:#9BA1B1;
	margin:0 0 10px 0;
	padding:0;
	}

#content li ul, #content li ol {
	margin:10px 0 10px 20px;
	}

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

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

.nomarg {
	margin:0 !important;
	}

.clear {
	clear:both;
	}

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

.left {
	float:left;
	}

.right {
	float:right;
	}

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

img.right {
	margin-left:15px;
	}

.small {
	font-size:11px;color:#9BA1B1;
	}

.block {
	display:block;
	}

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

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

.pagenav {
	clear:both;
	}

.pagenav a {

	color:#9BA1B1;
	}

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

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

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

.col1 {
	float:left;
	}

.col2 {
	float:right;
	}

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

.submit {
	font-size:11px;
	font-weight:bold;
	padding:3px 15px;color:red;
	}

.w100 {
	width:100%;
	}

.subheader {
	margin-top:-6px;
	}

.watchthis {
	padding-right:6px;
	}

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

/* :: ALBUM SLIDESHOW :: */
 

#albumslides, #albumslides a, #albumslides img {
	width:190px;
	height:2px;
	}

#albumslides {
	position:relative;
	background:transparent;
	}


	
/* :: ALBUM  :: */

.albums {
	margin-top:18px;
	}

.albums p {
	margin:0;
	padding:0 0 8px 0;
	}
/*.albums h3 {
	margin:15px 0 10px 0;
	font-size:13px;
	}*/

.albums .clear {
	margin:0;
	}

.album1 {
	clear:both;
	background:transparent url(btsbintg.gif) center bottom no-repeat;
	padding:10px 10px 50px 5px;
	margin-bottom:15px;
	}

.album2 {
	clear:both;
	margin:15px 0;
	padding:10px 10px 50px 10px;
background:transparent url(btsbintg.gif) center bottom no-repeat;
	}
	
.albumthumb1, .albumthumb2 {
	float:left;
	width:285px;
	height:221px;
	background:transparent;
	}
	
.albumimage {
	margin:17px 22px;
	border-top:5px solid #ddd;
	border-bottom:5px solid #ddd;
	border-right:7px solid #ddd;
	border-left:6px solid #ddd;
        height:168px;
        width:224px;
	}

.albumnfo {
	margin-left:160px;
	/*border:1px dotted #9BA1B1; */
	padding:60px 4px; 
	}		

.albumnfo .tags {
	font-size:10px;color:#9BA1B1;
	line-height:normal;
	text-transform:uppercase;
	}

.albdesc {
	width:100%;
	overflow:hidden;
	}

.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:none;
	list-style-position:outside;
	padding-left:13px;
	}
	
/* - ALBUM CONTENT - */
	
#mypix {
	clear:both;
	width:100%;
	}

#mypix .thumb1, #mypix .thumb2 {
	width:49%;
	overflow:hidden;
	float:left;
	margin-top:5px;
	}

#mypix .thumb1 {
	clear:both;
	}
	
#mypix .thumb2 {
	float:right;
	}
		
#mypix div p {
	font-size:10px;
	margin:5px 0 0 0;
	padding:1px 5px;
	border:1px solid #9BA1B1;
	color:#000;
	background:#da9393;
	} 

#mypix div p.right {
	border-left:none;
	/*background:#f5f5f5;*/
	}

#mypix div div {
	padding:6px;
	height:212px;
	border:1px solid #9BA1B1;
	/*background:#fff;*/
	}

#mypix div div img {
	display:block;
	max-height:212px;
	max-width:280px;	
	width:100%;
	height:100%;
	}

#mypix .bigthumb {
	width:100%;
	height:100%;
	}

#mypix .toolicons {
	border:none;
	padding:0;
	/*background:#fff;*/
	}

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

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

/* - VIEW IMAGE - */


.comments {
	margin-top:15px;
        background:transparent;
	}

#newcomment {
	margin-top:25px;
        background:transparent;
	}

#belowimage {
	clear:both;
	padding-top:10px;
	}

.preview {
width:87px;
float:left;
text-align:center;color:#9BA1B1;
margin:2px 0 0px 0;
}

.preview a {
text-decoration: none;color:#9BA1B1;
display: block;
padding:3px 3px 3px 3px;
}

.preview img {
overflow:hidden;
}

.preview div {
width:85px;
height:85px;
background:transparent;
border:1px solid #9BA1B1;
}

#desc {
	margin-bottom:10px;
	border:1px solid #9BA1B1;
	padding:0 5px;
	}



/* blog */

#blogtools {
	background:transparent;
padding-top:20px;
padding-left:20px;
	}

.whisper {
	color:#555;
	background:transparent url(whisp000.gif) 5px 7px no-repeat;
	padding:7px 21px;
	border:1px dotted #9BA1B1;
	margin:10px 5px;
	}

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

blockquote.bbquote, .post blockquote {
	background:transparent url(user0000.htm) top left no-repeat;
	padding: 30px 5px 5px 33px;
	margin:0px 5px;
	color:#555;
	font-style:italic;color:#9BA1B1;
	}

.post {
	clear:both;
	padding-bottom:50px;
margin-bottom:20px;
margin-top:5px;
	width:100%;
	overflow:hidden;
	background: url(btsbintg.gif) bottom center no-repeat ; /*batas antar postingan*/

	}

#firstpost { padding-bottom:50px;
	padding-top:0;	background: url(btsbintg.gif) bottom center no-repeat ; /*batas antar postingan*/

	/*margin:0;*/
	}
.post .sticky {
	float:right;
	margin:0;
	font-size:0.85em;color:#9BA1B1;
	padding-bottom: 50px;
	height:26px;
	line-height:20px;
background: url(btsbintg.gif) bottom center no-repeat ; /*batas antar postingan*/
	}
	
.post .sticky {
display:none;
	}
.tagicon {
	float:right;
	margin-right:30px;
margin-top:50px;
	}

.post .title {
	margin:0;
	line-height:1;
	font-size:18px;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
color:white;
	background:transparent; /*transparant*/
	}

.title a:link, .title a:visited {
	text-decoration:none;#9BA1B1;
	}
.title a:link, .title a:visited, .tags a:link, .tags a:visited {
	color:#9BA1B1;
	}
.title a:hover {
	color:#9BA1B1;
	text-decoration:underline;
	}
.postdate { /*post tanggal*/
	font-size:0.85em;
	/*margin:0.25em 0 1em 0;*/
	margin:0;
	color:#9BA1B1;
	text-transform:uppercase;
	padding: 0px 20px ;	/* bai*/
	background:transparent;
	}

.tags { /*Tag */
	margin:0px;
	font-size:0.85em;
	text-transform:uppercase;
		padding: 0px 20px ;	/*Cach */
	background: transparent;
	}
	
.postinfo {
	clear:both;
	margin-top:1em;
	font-weight:bold;color:#9BA1B1;
margin-left:5px;
	}

.postinfo img, .editthis img {
	margin:0 5px -1px 0;
	}
.editthis {
	padding-left:10px;
	}
.postcomments {
	padding-left:5px;
	}

.content {
        background: transparent url(postcont.htm) bottom right no-repeat;
	clear:both;
	padding:30px 10px 100px 10px;
        font-family: Arial, "Courier New", Courier, Tahoma, monospace;
	font-size:13px;color:#9BA1B1;
	}

.groupblog .postdate, .groupblog .post .tags {
	font-size:13px;color:#9BA1B1;
	}

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

.groupblog .post .title {
	font-size:13px;color:#9BA1B1;
	}

.postnav {
	clear:both;
	height:2em;
	line-height:2em;
	margin-top:16px;
	font-size:11px;color:#9BA1B1;
        padding:0 5px;
	}

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

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

.pagenav {
	clear:both;
	text-align:left;
	margin:0;
	padding-top:20px;color:#9BA1B1;
padding-left:10px;
	}

.pagenav-info {
	text-align:left;
	font-size:0.9em;
	color:#9BA1B1;
padding-left:10px;
	}

.pagenav a:link, .pagenav a:visited, .pagenav a:active, .pagenav b {
	padding:1px 2px;
	margin:0 1px;
	text-decoration:none;
	font-weight:normal;
	background:transparent;
	color:#9BA1B1;
	
	}

.pagenav b, #main .pagenav a:hover {
	padding:1px 2px;
	background:transparent;
	
	color:#9BA1B1;
	}

.trackbacks h2 {
	font-size:1em;color:#9BA1B1;
	}

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

.trackbacks li {
	list-style-position:outside;
	list-style:none;
	padding-left:15px;
	font-size:0.85em;color:#9BA1B1;
	}

.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;color:#9BA1B1;
	}

.attach {
	display:block;
	float:left;
	padding:0 6px 0 12px;
	}


	}

/* comments */
#comment {
 height:300px;
 background:url(http://files.myopera.com/Erwandi01/cobatrus/operabaru.jpg);
  }
.comment1, .comment2 {
	clear:both;
	margin:15px 0;
	width:100%;
	overflow:auto;
padding-center: 50px;
background: url(btsbintg.gif) bottom center no-repeat;
	}

.ownercomment {
	font-style:bold italic;color:silver;
}

#newcomment h2 span:after {
    content:", please. Thanks for your time!";
}
.comments .bot {
	padding:10px;color:#9BA1B1;
	}

.comments .text {
	margin:0 0 0 69px;color:#FFFFFF;
	}

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

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

/* :: TAG CLOUD :: */

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

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

#tagcloud a:link, #tagcloud a:visited, #tagcloud a:active {
	color:#9BA1B1;
	}

#tagcloud .size1 {
	font-size:11px;
	font-weight:bold;color:#9BA1B1;
	}

#tagcloud .size2 {
	font-size:11px;font-weight:bold;color:#9BA1B1;
	}

#tagcloud .size3  {
	font-size:11px;
	font-weight:bold;color:#9BA1B1;
	}

#tagcloud .size4  {
	font-size:11px;
	font-weight:bold;color:#9BA1B1;
	}

#tagcloud .size5  {
	font-size:11px;
	font-weight:bold;color:#9BA1B1;
	}

/* calendar */
#calendar {
 background:url(background:url(http://files.myopera.com/Erwandi01/proyek/Lightning.gif) top right no-repeat;
 }
#calendar td {border:1px solid #9BA1B1;text-align:center;}
#calendar {border-spacing:1px;margin-bottom:20px;}

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

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

#calendar td a {font-weight:bold;}
#calendar td a:hover {color:#9BA1B1; /*kalender*/text-decoration:underline;}

#calendar tfoot td text-align:left;border:none;background:url(WELCOME0.jpg) bottom center no-repeat;padding-bottom:30px;color:#9BA1B1;}

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

#nextmonth {text-align:right;}

/* :: PROFILE :: */

#profile {
	width:95%;
padding:20px;
	}

#profile h2 {
	font-size:12px;color:white;
	background:transparent;
	padding:05px 5px;
	margin:0;
	color:#9BA1B1;
	}

#profile-top {
	background: transparent url(user0000.htm) right bottom no-repeat;
	margin-bottom:15px;color:white;
	}

#profile p {
	margin:0 0 7px 0;color:white;
	}

#userinfo {
	float:right;
	width:320px;	
	padding:2px 6px;
	}

#userinfo dl {
	margin:4px 0;
	}

#userinfo dt {
	clear:both;
	float:left;
	width:96px;
	margin:0;
	padding-top:4px;
	}

#userinfo dd {
	margin:0 0 0 96px;
	padding:4px 0 2px 0;
	}
#userpic {
	BORDER-RIGHT: #738294 1px solid; BORDER-TOP: #738294 1px solid; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; MARGIN: 10px; BORDER-LEFT: #738294 1px solid; WIDTH: 332px; BORDER-BOTTOM: #738294 1px solid; HEIGHT: 252px
}
#userpic {
	float:left;
	width:332px;
	height:252px;
	background:transparent;
	margin:10px;
	}

#userpic img {
	display:block;
	margin:6px;
	}

#profile .col1, #profile .col2 {
	margin-top:0;
	}

#profile-col1 {
	float:left;
	width:48%;
	overflow:hidden;
	}

#profile-col2 {
	float:right;
	width:50%;
	overflow:hidden;
	}

#profile .box, #profile table {
	padding:6px;
	background: transparent url(user0000.htm) right bottom no-repeat;
	margin-bottom:15px;
	}

#profile th, #profile td {
	padding:2px 0;
	}

#profile-col2 li {
	list-style:none;
	list-style-position:outside;
	line-height:20px;
	clear:both;
	}

a.overflow {
	display:block;
	width:100%;
	overflow:hidden;
	}
#grouplist .status {color:white;font-size:17px; }
	width:50%;
	}
#grouplist a {
	display:block;
	width:100%;
	overflow:hidden;
	}
 #grouplist td {font-style:italic;font-weight:color:white;font-size:14px; }
.userlist img {
	float:right;
	margin:1px 4px 0 0;
	}

#ff {
	padding-bottom:10px;
	}

#ff .h {
	margin:8px 0 0 0;
	font-weight:bold;
	}

#ff .t {
	margin:2px 0 5px 0;
	padding-bottom:8px;
	}

#ff .rule {
	padding-bottom:5px;
	}

#myspots li {
	padding:0 0 4px 20px;
	background:transparent url(myspot00.gif) 2px 3px no-repeat;
	}

#myspots h3 {
	clear:both;
	margin-top:0;
	border-bottom:1px dotted #9BA1B1;
	}

.spotimg div {
	background:#fff;
	border:1px solid #aaa;
	margin:0 5px 5px 5px;
	float:left;
	overflow:hidden;
	width:103px;
	}

.spotimg div.spot3rd {
	margin:0 8px 5px 8px;
	}

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

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

#friendlist li {
	padding:0 0 4px 20px;
	list-style:none;
	background:transparent url(friendli.gif) 0px 3px no-repeat;
	}

#aboutgroup {
	clear:right;
	max-width:462px;color:#9BA1B1;
	}

#groupinfo dl {
	margin:0;
	}

#groupinfo dt {
	clear:-right;
	float:right;
	margin:0 4px 0 0;
	font-weight:bold;color:#9BA1B1
	}

#groupinfo dd {
	margin:0;
	font-weight:normal;
	}

#groupprofile #userpic {
	margin:0 0 20px 20px;
	}

#apply {
	clear:left;
	}

/* :: QUICK PROFILE :: */

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

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

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

#myphoto {
	width:190px;
margin-left:2px;
	overflow:hidden;
	background:#transparent;
	}

#myphoto img {
	max-width:190px;
	display:block;
	}

/* :: FRIENDS :: */

#myfriends {
	width: 602px
	}
.myfriend {
	/*background: url(friendpi.htm) #fff no-repeat left top; */
	float: left; 
	width: 175px; 
	margin-left: 8px
	}
.mypic {
	margin: 2px 0px 0px 5px; 
	height: 141px
	}
.mypic img {
	display: block; 
	width: 170px; 
	height: 128px
	}
.myfriend .txt {
	height: 70px;
	}
.myfriend h3 {
	margin: 2px 0px 2px 15px
	}
.myfriend P {
	padding-left: 5px; margin: 0px 0 0 10px;
	}
.myfriend blockquote {
	display: none
	}
.myfriend h2 {
	margin: 0px;
	}
.myloc {
	font-size: 11px; 
	margin: 0px 0px 4px; 
	color: #9BA1B1;
	}
.friendof {
	font-size: 11px; 
	margin: 0px 0px 4px; 
	color: #9BA1B1;
	}
.friendof {
	font-size: 10px
	}
#fnet h3 {
	padding-right: 5px; 
	padding-left: 5px; 
	ont-size: 15px; 
	background: #5da15b; 
	margin-bottom: 0px; 
	padding-bottom: 3px; color: #9BA1B1; 
	padding-TOP: 3px; 
	border-bottom: #cde6cc 5px solid
	}
#fnet2 h3 {
	background: #447c64; 
	border-bottom: #bbd6c3 5px solid
	}
#fnet3 h3 {
	background: #3f6e85; 
	border-bottom: #bed1d4 5px solid
	}
.fpic {
	border-right: #000 1px solid; 
	border-top: #000 1px solid; 
	float: left; 
	border-left: #000 1px solid; 
	width: 84px; 
	margin-right: 10px;
	border-bottom: #000 1px solid; 
	height: 64px
	}
.fpic img {
	display: block; 
	margin: 2px
	}
.fname {
	margin: 0px
	}

/* :: LINKS :: */

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

#mylinks {
	width:95%;
padding-left:10px;
	}

#mylinks h2 {
	margin:30px 0 15px 0;
	font-size:15px;
	text-transform:uppercase;
	background:transparent;
	padding:2px 5px;
	color:#6C0900;
border-bottom: 2px solid #9BA1B1;
	}

#mylinks h2.firstheader {
	text-transform:uppercase;
	margin-top:0;
	background:transparent;
	padding:2px 5px;
	color:#9BA1B1;

	}

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

#mylinks p {
	margin:0;
	font-size:12px;color:#9BA1B1;
	}

#mylinks .grey {
	color:#9BA1B1;
	}

#mylinks .col1, #mylinks .col2 {
	overflow:hidden;
	background:url(user0000.htm) right bottom no-repeat;
	}

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

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

.url {
	color:#9BA1B1;
	}

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

.feedurl {
	display:none;
	}


/* :: EVENTS :: */

.cdwn {
	padding:2px 0;
	}

.cdwn p {
	margin:0;
	}
/* :: ARCHIVE :: */

#arc {
	width:95%;
padding:20px;
	}

.month {
	margin-bottom:12px;
	}

.month, #cloud {
	background:transparent;
	}

.mpad, #cloud div {
	padding-bottom:5px;
	background:transparent;
	width:100%;
	}

#arc h3 {
	margin:0;
	font-size:13px;
height:25px;
padding-top:5px;
padding-left:5px;
	text-transform:uppercase;
	background:transparent;
color:#FFCC00;border-bottom:2px solid #fff;
	}

#arc h3 a:link, #arc h3 a:visited, #arc h3 a:active {
	text-decoration:none;
	color:#9BA1B1;
	}

#arc h3 span {
	display:block;
	background:transparent;
	padding:3px 10px;
	}

#arc .month ul {
	margin:10px 10px 0 10px;
	padding:0;
	}

#arc .month li {
	list-style-position:outside;
	list-style:none;
	line-height:19px;
	padding:0 12px 7px 5px;
	color:#9BA1B1;

	}

#arc a:link, #arc a:visited, #arc a:active {
	color:#9BA1B1;
	}

/* :: TAG CLOUD :: */

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

#cloud ul {
	margin:5px 10px 0 10px;
	padding:0;
	width:75%;
	}

#cloud li {
	list-style-position:outside;
	list-style:none;
	line-height:26px;
	height:30px;
	margin:0;
	padding-right:12px;
	white-space:nowrap;
	}

#cloud a:link, #cloud a:visited, #cloud a:active {
	color:#9BA1B1;
}

.size1 {
	font-size:12px;
        font-weight:bold;color:#9BA1B1;
	}

.size2 {
	font-size:12px;
	font-weight:bold;color:#9BA1B1;
	}

.size3  {
	font-size:12px;
	font-weight:bold;color:#9BA1B1;
	}

.size4  {
	font-size:12px;
	font-weight:bold;color:#9BA1B1;
	}

.size5  {
	font-size:12px;
	font-weight:bold;color:#9BA1B1;
	}



/* :: TAGS :: */

#content .tags a:link, #content .tags a:visited, #content .tags a:active, .tag {
	color:#9BA1B1;
	}

#content .tags a:hover {
	color:#9BA1B1;
	}

.tagged {
	font-weight:bold;
	}

/* :: CARDS :: */

#ecard {
	position:absolute;
	width:126px;
	height:19px;
	bottom:2px;
	left:2px;
	}

/* :: POLL :: */

#poll ul {
	margin:0;
	}


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

#poll li input {
	vertical-align:middle;
	}

#pollsubmit {
	font-weight:bold;
	}

#poll p {
	padding:3px 0 0 0;
	margin:0;
color:#9BA1B1;
	}

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

/* :: SEARCH :: */

#searchbox {
	width:110px;
	}

#submitsearch {
	margin-bottom:-1px;color:#9BA1B1;
	}

#blogsearch input {
	margin-top:1px;
	vertical-align:middle;
	}
#blogsearch {
	height:80px;
	}
.s-result {
	margin-top:11px;
	border-top:1px dotted #999;
	padding-top:1px;
	}

.s-result a:link, .s-result a:visited {
	color:#9BA1B1;
	}
	
/* :: GET OPERA :: */

#side #getopera {display:none;	}


/* :: RECENT VISITORS :: */


#visitors li {
	float:left;
	width:60px;
	height:72px;
	}

#visitors img {
	margin:10px 1px 3px 7px;
	border:1px solid white;
	}

#visitors p {
	padding-left:7px;
	margin:0;
font-size:5px;
	}
/* :: FRIENDS IN SIDEBAR :: */

#friendz img {
	display:block;
	width:88px;
	height:66px;
	}

#friendz li {
	float:right;
	width:88px;
	overflow:hidden;
	margin:0;
	}

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

#shoutbox li {
	background:url(chat3gre.htm) bottom left no-repeat;
	}

#shoutbox p {
	background:url(chat1gre.htm) bottom left no-repeat;
	color:#9BA1B1;
	}

#shoutbox blockquote {
	background:url(chat2gre.htm) top left repeat-y;
	color:#9BA1B1;
	}

#shoutbox .me p {
	background-image:url(chat1gre.htm);
	}
	
/* shoutbox */

#shout {
	width:160px;
	}

#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;color:#9BA1B1;
	}
		
/* latest comments */

#newcomments ul {
	margin-bottom:-6px;
	}
#newcomments a {
	text-decoration:none;
	}

#newcomments li {
	clear:both;
	padding:5px 5px 5px 0px;
	margin-bottom:5px;
	}
.userpic {
	width:49px;
	height:38px;
	margin:0 1px 6px 5px;
	float:right;
	}

.userpic img {
	display:block;
	/*margin:2px;*/
	border:1px solid #333;
	padding:2px;
	}
	
/* LATEST POSTS */

#latestposts ul {
	margin-top:4px;
	}
#latestposts li {
	padding:3px 0 3px 0px;
	display:block;
	margin-bottom:2px;	
	}
#latestposts li a:hover {
	text-decoration:underline;
	/*background-color:#181a1b;*/
	}

	
/*LIEN KET SIDEBAR*/

.sidelinx li {
	padding:3px 0;
	display:block;
	}
.sidelinx li a:hover {
	color:#9BA1B1;
	}
/* :: PERSONAL ADD :: */

/*emotion*/

.img {
        display: inline!important;
        margin:0px 4px;
	}

/*er*/

#overall {
	width:520px; 
	margin:0;
	}
.col {
	width:250px; 
	padding:0 5px; 
	float:left;
	}

.comments {
	clear:both;
	}

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