* {
	margin-top: 0;
}

h1, h2, h3 {
	font-weight: normal;
	color: #FFFFFF;
}

h1 { font-size: 197%; }
h2 { font-size: 167%; }
h3 { font-size: 100%; font-weight: bold; }

p, ul, ol {
	font-size: 100%;
}

p {
}

ul {
}

ol {
}

a {
	color: #7EBCFF;
}

a:hover {
	text-decoration: none;
}

/* Header */

#header {
	width: 924px;
	height: 140px;
	margin: 0 auto;
}

#header h1 {
	visibility: hidden;
}

/* Menu */

#menu {
	width: 924px;
	height: 20px;
	margin: 0 auto;
	background: #0F1720;
	border: 1px solid #999999;
	border-bottom: 0px;
}

#menu div {	
	color: #0f0;
}

#menu .satu {
	padding: 0px;
 	width: 600px;
 	float: left;
 	font-size: 95%;
	overflow: hidden;
}

#menu .dua {
 	width: 310px;
 	float: right;
	overflow: hidden;
}

#menu .dua div {
 	height: 18px;
 	border-left: 1px solid #999999;
 	padding: 2px 8px 0px 4px;
 	text-align: right;
 	font-size: 98%;
 	font-weight: bold;
}

/* Page */

#page {
	width: 924px;
	margin: 0 auto;
	background: #0F1720;
	border: 1px solid #999999;
}

/* Content */

#content {
	float: left;
	width: 605px;
	padding: 1px 10px 10px 10px;
	overflow: hidden;
}
#content a {
	text-decoration: none;
}

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

#content img {
	padding: 4px;
	border: none;
}

#content .gallery img {
	padding: 4px;
	border: 1px solid #999999;
}

#content ul {
/*	list-style-type: square; */
}

#content .judul {
	margin: 0;
	margin-bottom: 10px;
	padding: 4px 0px 4px 0px;
	border-bottom: 1px solid #999999;
	text-align: left;
	font-size: 100%;
	font-weight: bold;
	color: #DFE8F2;
}

#content .isi {
	line-height: 1.5;
}

#content .pengirim {
	text-align: right;
	font-weight: bold;
	color: #DFE8F2;
	font-size: 90%;
}

#content .pengirim img {
	float: right;
	border: 1px solid #999999;
	margin: 4px;
	padding: 1px;
	width: 98px;
	height: 98px;
}

#content .komentar {
	font-style: italic;
	color: #DFE8F2;
}

#content .info {
	padding-top: 2px;
	padding-bottom: 20px;
	border-top: 1px solid #999999;
	color: #999999;
	font-size: 90%;
}

#content .status {
	color: #0f0;
	font-size: 95%;
}

#content table {
	font-family: helvetica, arial, sans-serif;
    font-size: 12px;
}

#content table img {
	margin: 0px;
	padding: 0px;
}

/* Boxed Style */

#boxed {
	border: 1px solid #2872A6;
}

#boxed .title {
	margin: 0;
	padding: 2px 10px;
	background: #2872A6;
	font-size: 100%;
	font-weight: bold;
}

#boxed .list {
	padding: 8px;
}

#boxed .list ul {
	margin: 0;
	padding: 0;	
	list-style: none;
}

#boxed .list li {
	margin: 0;
	padding-top: 8px;
}

#boxed .list h3 {
	margin: 0;
	font-size: 90%;
}

#boxed .list p {
	margin: 0;
	text-align: justify;
}

#boxed .list a {
	text-decoration: none;
}

#boxed .list a:hover {
	text-decoration: underline;
}

#boxed .forum {
	padding: 8px;
}

/* Sidebar */

#sidebar {
	/* T:R:B:L */
	padding-top: 1px;
}

#sidebar .sideleft {
	float: left;
	width: 186px;
	padding: 0px 0px 0px 0px;
	border-right: 1px solid #999999; 
	overflow: hidden;
}

#sidebar .sideright {	
	float: right;
	width: 110px;
	padding: 0px 0px 0px 0px;
	border-left : 1px solid #999999;
	overflow: hidden;
}

#sidebar ul {
	margin: 0;
	padding: 0;	
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
	padding: 10px; 
}

#sidebar li li {
	margin: 0;
	padding: 5px 0;
}

#sidebar h2 {
	margin: 0;
	margin-bottom: 2px;
	padding: 4px;
	background: #000000;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	text-transform: lowercase;
	text-align: left;
	font-size: 100%;
	font-weight: bold;
	color: #DFE8F2;
}

#sidebar h3 {
	margin: 0;
	font-size: 90%;
}

#sidebar h4 {
	font-weight: normal;
 	font-size: 95%;
}

#sidebar p {
	margin: 0;
	text-align: justify;
}

#sidebar .info {
	color: #0f0;
}

#sidebar a {
	text-decoration: none;
	font-size: 95%;
}

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

/* Footer */

#footer {
	width: 736px;
	height: 40px;
	margin: 0 auto;
	border: 1px solid #999999;
	border-left: 188px solid #999999;
	margin-top: 10px;
	font-size: .95em;
	font-weight: bold;
	color: #fff;
}

#footer * {
	margin: 0;
	padding: 2px 5px;
}

#footer .info {
	width: 350px;
	float: left;
}

#footer .link {
	width: 250px;
	float: right;
	text-align: right;
}

#footer img {
	border: none;
}

#footer a {
	color: #0F1720;
}

/* LINK LOGO (OK) */

#linklogo {
	text-align:center;
	display:block;
}
#linklogo a {
	text-decoration: none;
	border: none;
}

.box img {
	width:98px;
	height:98px;
	border: solid 1px #999999;
}

.boxf img {
	width:98px;
/*	height:98px; */
	border: solid 1px #999999;
}

.banner img {
	width:175px;
	height:98px;
	border: solid 1px #999999;
}

/************************ TABLE LIST **************************/

#table_list {
	float: left;
	background-color: #9C9A9C;
}

#table_list th {
    border: 0px;
	color: #0F1720;
	text-align: center;
    font-weight: bold;
	padding:1px;
}

#table_list th div {
    text-align: left;
}

#table_list td {
	background-color: #0F1720;
	padding:1px;
}

#table_list td div {
}

#table_list img {
	margin: 0;
	padding: 0;
}

#table_list br {
}

/************************ ANGGOTA **************************/

#anggota {
	width: 602px;
	float: left;
	border: 1px solid #999999;
	overflow: hidden;
}

#anggota .title {
	margin: 0;
	padding: 2px 10px;
	background: #999999;
	font-size: 100%;
	font-weight: bold;
}

#anggota .list {
	width: 450px;
	float: left;
	padding: 8px;
	overflow: hidden;
	margin: 0;
}

#anggota .list ul {
	margin: 0;
	padding: 0;	
	list-style: none;
}

#anggota .list li {
	margin: 0;
	padding: 0;
}

#anggota .list h3 {
	margin: 0;
	font-size: 90%;
}

#anggota .list p {
	margin: 0;
	text-align: justify;
}

#anggota .foto {
	width: 105px;
	float: right;
	overflow: hidden;
	text-align: right;
	margin: 0;
	padding: 2px;
}

#anggota .foto img {
	border: 1px solid #999999;
	margin: 0;
	padding: 1px;
	width: 98px;
	height: 98px;
}

#anggota .list img {
	padding: 2px 0px 0px 0px;
	margin: 0px;
}

/************************ DISKUSI **************************/

#diskusi {
	border: 1px solid #999999;
	overflow: hidden;
}

#diskusi .penulis {
	margin: 0;
	padding: 2px 10px;
	background: #999999;
	font-size: 100%;
	font-weight: bold;
}

#diskusi .pesan {
	padding: 8px;
	overflow: hidden;
	margin: 0;
}

#diskusi .pesan p {
	font-size: small;
}

/************************ FORM **************************/
.butt {
	border:1px solid #9C9A9C;
	background-color: transparent;
	color: #9C9A9C;
	cursor:hand;
	cursor:pointer;
	font-family: tahoma, arial, sans-serif;
    font-size: 98%;
}

.text {
    padding: 2px;
    border: 1px solid #9C9A9C;
    font-family: tahoma, arial, sans-serif;
    font-size: 98%;
    background-color:transparent;
	color: #9C9A9C;
}

.textarea {
    padding: 2px;
    border: 1px solid #9C9A9C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:transparent;
	color: #9C9A9C;
}

/************************ MAIN MENU **************************/

#in_menu {
	padding: 0px;	
}

#in_menu td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	border: 1px solid #999999;
	text-align: left;	
	clear: both;
	float: none;
}

#in_menu td a {
	display: block;
	height: 15px;
	/* T:R:B:L*/
	padding: 2px 2px 2px 4px;       
/*	color: #2872A6; */
	background-color: transparent;
	text-decoration: none;
	overflow: hidden;
}

#in_menu td a:hover {
	color: #000;
	background-color: #999999;
	text-decoration: none;
	font-weight: bold;
}

#in_menu td span {
	display: block;
	height: 15px;
	/* T:R:B:L*/
	padding: 2px 2px 2px 4px;       
	color: #000;
	background-color: #999999;
	font-weight: bold;
}

/************************ OTHER MENU **************************/

#on_menu {
	padding: 0px;
}

#on_menu div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;	
	clear: both;
	float: none;
}

#on_menu div a {
	height: 15px;
	display: block;
	text-decoration: none;
	overflow: hidden;
	font-size: 100%;
}

#on_menu div a:hover {
	color: #000;
	background-color: #999999;
	text-decoration: none;
}

.dropdown {
    padding: 2px;
    background-color: #000;
    border: 1px solid #9C9A9C;
    color: #9C9A9C;
    font-family: tahoma, arial, sans-serif;
    font-size: 98%;
}

/************************ INFO REDAKSI **************************/

#redaksi{
	width: 602px;
	float: left;
	border: 1px solid #999999; 	
	overflow: hidden;
}

#redaksi .title {
	margin: 0;
	padding: 2px 10px;
	background: #999999;
	font-size: 100%;
	font-weight: bold;
}

#redaksi .list {
	width: 460px;
	float: left;
	/* T:R:B:L */
	padding: 8px;
	overflow: hidden;
	margin: 0;
}

#redaksi .list ul {
	margin: 0;
	padding: 0;	
	list-style: none;
}

#redaksi .editor {
	padding-top: 2px;
	border-top: 1px solid #999999;
	font-size: 90%;
}

#redaksi .foto {
	float: left;
	overflow: hidden;
	margin: 0;
	/* T:R:B:L */
	padding: 2px;
}

#redaksi .foto img {
	border: 1px solid #999999;
	margin: 0;
	padding: 1px;
	width: 98px;
	height: 98px;
}

#redaksi .list img {
	margin: 0;
	padding: 0;
}

/**************** TOPIK ********************/
#topik {
}

#topik ul {
	margin: 0;
	padding: 0;	
	list-style: none;
}

#topik li {
	margin: 0;
	padding-top: 10px;
}

#topik h3 {
	margin: 0;
	font-size: 98%;
}

#topik p {
	margin: 0;
	text-align: justify;
}

#topik a {
	text-decoration: none;
}

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

/**************** PAGING ********************/

.tpaging {
	padding-top: 4px;
	padding-bottom: 20px;
	color: #ff0;
	font-weight: bold;
	font-size: 95%;	
}

.paging {
	padding-top: 20px;
	padding-bottom: 4px;
	color: #ff0;
	font-weight: bold;
	font-size: 95%;	
}

.paging a, .tpaging a {
	text-decoration: none;
	padding: 2px 4px;
	margin-left: 2px;
	border: 1px solid #2872A6;
}

.paging a:hover, .tpaging a:hover {
	text-decoration: none;
	color: #000;
	background-color: #999999;	
	border: 1px solid #999999;
	overflow: hidden;
}

.paging span, .tpaging span {
	/* T:R:B:L*/
	color: #000;
	padding: 2px 4px;
	margin-left: 2px;
	background-color: #999999;	
	border: 1px solid #999999;
}

/**************** CORNER ********************/
#corner {
}

#corner .title {
	margin: 0;
	padding: 2px 10px;
	background: #999999;
	font-size: 100%;
	font-weight: bold;
}

#corner ul {
	border: 1px solid #999999;
	margin: 0;
	padding: 10px;
	list-style: square;
}

#corner li {
	margin: 0;
	margin-left: 12px;
	padding-top: 10px;
}

/**************** COMMENT ********************/
#comment {
	padding: 10px;
}

#comment ul {
	padding: 0px;
	margin: 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	xfont-size: 11px;
	font-size: 95%;
}

#comment li {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #2872A6;
}

#comment h3 {
	margin: 0;
	font-size: 90%;
}

#comment p {
	margin: 0;
}