            /* Wapka.org free website builder */
body {
	background: #757575;
	font-family: Verdana, Geneva, sans-serif;
	src: ;
	font-size: 12px;
	color: #ddd;
	margin: 0px auto;
}
.content-wrapper {
max-width:900px;
background:#555;
margin: auto;
-webkit-box-shadow: 0px 13px 13px 0px rgba(0,0,0);
-moz-box-shadow: 0px 13px 13px 0px rgba(0,0,0);
box-shadow: 0px 13px 13px 0px rgba(0,0,0);}
.tableup {text-align:center;width:100%;padding-top:3px;}
.tableup td div {padding-top:2px;}
a {color:gold;text-decoration:none;}
a:hover, a:active {color:#d8043c;text-decoration:none;
	text-shadow:1px 2px 2px #000}
.kelapa {
background:#444;
margin:0px 0px 0px 0px;
padding:4px 0px 8px 0px; 
border-bottom: 2px solid gold;
text-align:left
}
.kelapa a {
padding: 9px 10px 8px 10px;
font-weight:bold;
font-size:16px;
text-shadow: 2px 2px 1px #c00;
color:#fff;
text-shadow:2px 2px 2px #555;
background:gold;
border-radius:0px 8px 0px 0px
}
.user{text-align: right;
margin:0px 0px 0px 0px;
padding:7px 10px 5px 10px;
background:#3b5998;
border-bottom:4px solid #d8043c}
.user span{margin:0px 1px;
padding:4px 4px}
.user span a{color:#000}
.header-menu{ text-align:left;
background:#383636;
margin:0px 0px;
padding:10px 4px 10px 4px;}
.header-menu span {background:gold;
padding:6px 6px;
margin:0px 1px;
border-radius:4px 4px 4px 4px}
.header-menu span:hover {background:#d8043c;
padding:6px 6px;
margin:0px 1px;
border-radius:4px 4px 4px 4px;color:#fff;text-shadow:none}
.header-menu span a{color:#000}
#wasu {
background:#3b5998
}
.notd:hover {
background:#c32025;
transition: all 0.5s ease 0s;
text-transform:uppercase;
opacity:0.9;}
#content {text-align:left; background:#555; margin:0 0 5px 0;}
#post {text-align:left;}
.meta {margin:0 0;
	padding:8px 8px;
	background:#3b5998;
	border-bottom:4px solid #1b3978;
	color:#fff;
	font-weight:bold;
	display:block}
.meta2 {padding:5px 5px;
	text-align:left;
	border-bottom:1px dashed;
	color:#000}
.isi {padding:5px 5px;
	margin:0px 0;
	text-align:left;
	color:#000}
.isi h3 {font-size:12px;
	background:#3b5998;
	color:#fff;
	padding:10px 5px 10px 5px;
	margin:0 -5px;
	text-align:center;
	text-transform:uppercase;
	border-radius:0px 0px}
.lain-lain {background:#e9ebee;
	padding:10px 10px;
	margin:0px 5px 0px 5px;
	text-align:left;
	border:1px solid #000;
	color:#000}
.lingkaran{margin:0px 5px 5px 5px;
	padding:0px 0px;
	border-radius:none;
	box-shadow:-2px 2px 2px #333}
.lingkaran2{margin:0px 5px 5px 5px;
	padding:0px 0px;
	border-radius:none;
	background:#444;
	box-shadow:-2px 2px 2px #222}
.lapislist {border-top: 1px solid #111;border-left: 1px solid #111;border-bottom: 1px solid #111;border-right: 1px solid #111;margin:3px 2px 3px 2px;}
.list {
background:#383838;border-top: 1px solid #555555;border-left: 1px solid #555555;border-bottom: 1px solid #555555;border-right: 1px solid #555555;padding:4px 0px 0px 0px;margin:0px 0px 0px 0px;
text-align:left;
	display:block;}
.list a {text-shadow:1px 2px 2px #111}
.postable {table-layout: fixed;}
.postable td {color: #ddd;
vertical-align:top;
}
.otable td a {color:#ddd;font-size:18px;}
.otable td:link {color:#000;}
.type {
font-size:16px;
background:gold;border:1px solid #222;border-bottom:4px solid #333;color:#222;text-shadow: 2px 2px 2px #eee;margin:3px 0px 0px 0px;
	padding:8px 8px 8px 8px;
	text-align:left;
	text-transform:uppercase;
	font-weight:bold;}
.view {margin:0 0;
	padding:10px 8px 10px 8px;
	text-align:center; display:block;
	background:#ffffff;
	border-top:1px solid #d4d4d4}
.view a {padding:5px 5px;
	background:#3b5998;
	border-radius:5px 5px;
	color:#fff}
.down {margin:5px 0px}
.down a {padding:4px 5px;
	background:#3b5998;
	border-radius:5px 5px;
	color:#fff;
	text-shadow:none}
.down a:hover {color:#FFFFFF}
.search-form{
background:#444;
color:#ffffff;
padding:10px;
text-align:center;
}
.search-form form [type=text]{background:#333;
	color:#999;
	border:1px solid #000;
	border-right:none;
	width:76%;
	padding:4px 3px;
	margin:2px 0px 0px 5px;
	border-radius:5px 0px 0px 5px;}
.search-form form a{color:#999;}
.search-form form [type=submit]{background:gold;
	width:15%;
	margin:5px 5px 5 5px;
	padding:4px 3px;color:#222;
	border:1px solid #111;
	border-radius:0px 6px 6px 0px;
	text-align:center}
.search-form form:hover [type=submit]:hover {background:#d8043c;
	width:15%;
	margin:5px 5px 5 5px;
	padding:5px 3px 5px 3px;color:#ddd;
	border:1px solid #111;
	border-radius:0px 6px 6px 0px;
	text-align:center}
.navi {background:transparent;
	padding:00;
	margin:0px 0px 0px 0px;
	color:#000;
	box-shadow:-2px 2px 2px #333}
.iklan{font-size:12px;
	background:#3b5998;
	color:#fff;
	padding:8px 8px 8px 8px;
	margin:0 0px;
	text-align:left;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:4px solid #1b3978}
.navi ul {padding:0px ;
	margin:0 0;
	text-align:left}
.navi ul li:nth-child(odd) {background:#444;border-top:1px solid #585858;border-bottom:1px solid #585858;border-left:1px solid #1f1f1f;border-right:1px solid #1f1f1f;text-align:left;
	display:block; 
	margin:0px 0px; 
	padding:8PX 5PX;
	color:gold;
	list-style:none}
.navi ul li:nth-child(even) {background:#505050;
border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f;border-left:1px solid #1f1f1f;border-right:1px solid #1f1f1f;margin:0px;
text-align:left;
	display:block;
	padding:8PX 5PX;
	color:gold;
	list-style:none}
/*--------------lister--------------*/
.lister:nth-child(odd) {background:#444;border-top:1px solid #585858;border-bottom:1px solid #585858;border-left:1px solid #1f1f1f;border-right:1px solid #1f1f1f;text-align:left;
	display:block; 
	margin:0px 0px; 
	padding:5px 3px;
	color:gold;
	list-style:none}
.lister:nth-child(even) {background:#505050;
border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f;border-left:1px solid #1f1f1f;border-right:1px solid #1f1f1f;margin:0px;
text-align:left;
	display:block;
	padding:5px 3PX;
	color:gold;
	list-style:none}
.kategori {font-size:12px;
background:gold;border:1px solid #222;border-bottom:4px solid #d8043c;color:#222;text-shadow: 2px 2px 2px #eee;margin:3px 0px 0px 0px;
	padding:8px 8px 8px 8px;
	text-align:left;
	text-transform:uppercase;
	font-weight:bold;}
/*--------------MEDIA SCREEN--------------*/
@media screen and (min-width:800px) {
#sidebar {float:right;width:35%;padding:0px; background:#505050; height:100%}
#content {float:left;width:65%;padding:0px;}
#post {float:left;width:65%;padding:0px;}
.search-form form [type=text]{width:76%;padding:10px 5px}
.search-form form [type=submit]{width:15%;padding:10px 5px}
#kolom-3 {width:100%;border-top:2px dotted #888
  margin:15px 0px 15px 0px;}
.kolom {width:32%;
  margin:0% 0.6666667%;
  float:left;
  display:inline;
  word-wrap:break-word; overflow:hidden;}
}
#footer {background:#e9ebee; 
	margin: 0 0 0; 
	padding:0 0;
	clear:both;
	display:block;}
.footer-atas {padding:5px 10px;
	text-transform:uppercase;
	text-shadow:#ddd 1px 1px 1px;
	color:#222;
	background:gold;
	text-align:center}
.footer-atas a{color:#222}
.footer-bawah {text-align:center;
	padding:10px 10px 10px 10px;
	color:#fff;
	background:#343434}
.pagination{margin:0 0;
	padding:10px 10px;
	text-align:center; display:block;
	background:#444;
	border-top:1px solid #111;border-bottom:1px solid #111}
.pagination span{text-align:center;
	padding:3px;
	margin:2px}
.pagination a{text-align:center;
	background:gold;
	border-radius:5px 5px;
	color:#222;
	padding:8px;
	margin:2px;}
.pagination a:hover{text-align:center;
	background:#d8043c;
	border-radius:5px 5px;
	color:#ddd;
	padding:8px;
	margin:2px;}
	color:#fff;
	background:#343434}
/*--------------more--------------*/
.paging {margin:0 0;
	padding:12px 12px;
	text-align:center; display:block;
	background:#444;
	border-top:1px solid #111;border-bottom:1px solid #111}
.paging span{text-align:center;
	padding:3px;
	margin:2px}
.paging a{text-align:center;
	background:#d8043c;
	border-radius:5px 5px;
	color:#ddd;
	padding:8px;
	margin:2px;}
.paging a:hover{text-align:center;
	background:Gold;
	border-radius:5px 5px;
	color:#222;
	padding:8px;
	margin:2px;}
/*--------------Chat--------------*/
#komentar:nth-child(even) {position:relative;
	margin:0px 0px 0px 0px;
	padding:2px 60px 2px 40px;
	min-height:60px}
#komentar:nth-child(even) .foto {position:absolute; 
	top:5px; 
	right:0px}
#komentar:nth-child(even) .foto img{ height:50px; width:50px; 
	border-radius:40px;
	border:1px solid #3b5998}
#komentar:nth-child(even) .balon {background:#e4edff;
	border-radius:5px 5px;
	position:relative;
	padding:5px 5px;
	box-shadow:-2px 2px 2px #dfdfdf;
	text-align:right}
#komentar:nth-child(even) .balon:after {content:"";
	position:absolute;
	top:16px;
	right:-16px;
	border-top:8px solid transparent;
	border-left:8px solid #e4edff;
	border-bottom:8px solid transparent;
	border-right:8px solid transparent}
#komentar:nth-child(even) .nama {font-weight:bold;}
#komentar:nth-child(even) .isikomentar {}
#komentar:nth-child(even) .datakomentar {font-size:9px}
#komentar:nth-child(odd) {position:relative;
	margin:0px 0px 0px 0px;
	padding:2px 40px 2px 60px;
	min-height:60px}
#komentar:nth-child(odd) .foto {position:absolute; 
	top:5px; 
	left:0px}
#komentar:nth-child(odd) .foto img{ height:50px; width:50px; 
	border-radius:40px;
	border:1px solid #3b5998}
#komentar:nth-child(odd) .balon {background:#b2cbfe;
	border-radius:5px 5px;
	position:relative;
	padding:5px 5px;
	box-shadow:2px 2px 1px #dfdfdf}
#komentar:nth-child(odd) .balon:after {content:"";
	position:absolute;
	top:16px;
	left:-16px;
	border-top:8px solid transparent;
	border-left:8px solid transparent;
	border-bottom:8px solid transparent;
	border-right:8px solid #b2cbfe}
#komentar:nth-child(odd) .nama {font-weight:bold;}
#komentar:nth-child(odd) .isikomentar{}
#komentar:nth-child(odd) .datakomentar {font-size:9px}
#status {position:relative;
	margin:3px 0px 3px 0px;
	padding:5px 5px 5px 5px;
	border:1px solid #dfdfdf}
#status .statusfoto {position:absolute; 
	top:5px; 
	left:5px}
#status .statusfoto img{ height:50px; width:50px; 
	border-radius:40px;
	border:1px solid #3b5998}
#status .statusnama {padding:8px 0px 2px 60px;
	font-size:14px;
	font-weight:bold}
#status .statusdata {padding:2px 0px 13px 60px}
#status .statusisi {border-top:1px solid #dfdfdf;
	padding:5px 0px;
	font-size:14px}
#kolomkomentar {margin:3px 0px;
	padding:0px 88px 0px 0px;
	position:relative}
#kolomkomentar .tambahkan {font-weight:bold;
	padding:5px 0px}
#kolomkomentar [type=text]{background:#ffffff;
	color:#000;
	border:1px solid #dfdfdf;
	height:60px;
	width:100%;
	padding:5px 3px;
	margin:0px 0px 0px 0px;
	border-radius:5px 5px 5px 5px;}
#kolomkomentar [type=submit]{background:#3b5998;
	margin:0px 0px 5px 5px;
	padding:5px 8px;color:#fff;
	border:1px solid #dfdfdf;
	border-radius:5px 5px 5px 5px;
	text-align:center;
	position:absolute;
	bottom:0px;
	right:0px}
#update {margin:3px 0px;
	padding:0px 88px 0px 0px;
	position:relative}
#update .apayang {font-weight:bold;
	padding:5px 0px}
#update .menu {margin:0px -88px 0px 0px}
#update [type=text]{background:#ffffff;
	color:#000;
	border:1px solid #dfdfdf;
	height:60px;
	width:100%;
	padding:5px 3px;
	margin:0px 0px 0px 0px;
	border-radius:5px 5px 5px 5px;}
#update [type=submit]{background:#3b5998;
	margin:0px 0px 5px 5px;
	padding:5px 8px;color:#fff;
	border:1px solid #dfdfdf;
	border-radius:5px 5px 5px 5px;
	text-align:center;
	position:absolute;
	top:72px;
	right:12px}
#profil {padding:0px 0px;
	margin:3px 0px;}
#profil .atas {min-height:90px;
	position:relative;
	padding:5px 5px 5px 90px}
#profil .atas .profilfoto {position:absolute; 
	top:5px; 
	left:5px}
#profil .atas .profilfoto img { height:80px; width:80px; 
	border-radius:40px;
	border:1px solid #3b5998}
#profil .atas .nama {font-weight:bold;
	font-size:14px}
#profil .atas .follow{padding:4px 0px;}
#profil .atas .follow span {background:#3b5998;
	border-radius:5px 5px;
	padding:2px 5px}
#profil .atas .follow span a {color:#fff}
#profil .atas .moto {padding:0px 0px}
#profil .bawah {padding:2px 0px;
	margin:0px 0px}
#profil .bawah span {background:#3b5998;
	border-radius:5px 5px;
	padding:2px 5px}
#profil .bawah span  a {color:#fff}
.judul {margin:0 -5px;
	padding:8px 8px;
	background:#3b5998;
	border-bottom:4px solid #1b3978;
	color:#fff;
	font-weight:bold;
	display:block}
#teman {margin:0px 0px;
	padding:0px 0px}
#teman .listteman {min-height:50px;
	position:relative;
	padding:5px 5px 5px 60px;
	margin:3px 0px;
	border:1px solid #dfdfdf}
#teman .listteman .fototeman {position:absolute; 
	top:5px; 
	left:5px}
#teman .listteman .fototeman img { height:50px; width:50px; 
	border-radius:40px;
	border:1px solid #3b5998}
#teman .listteman .idteman {font-weight:bold;
	font-size:14px}
#teman .listteman .followteman {padding:4px 0px;}
#teman .listteman .followteman span {background:#3b5998;
	border-radius:5px 5px;
	padding:2px 5px}
#teman .listteman .followteman span a {color:#fff}
#bio {padding:5px 5px 5px 5px;
	margin:3px 0px;
	border:1px solid #dfdfdf}