/* silahkan di intip gan, ini masih belajar */

body {
   font-family: Tahoma;
   font-size: 11px;
   background: #000000;
   color: #aaaaaa;
   padding: 2px;
   margin: 2px;
   max-width: 650px;
   
}
a {
   text-decoration: none;
   color: #00ffff;
}
a:hover, a:focus {
   text-decoration: none;
   color: #ccff66;
}
h1 {
color: #aaf202;
font-weight: bold;font-size: 44px;
}
.bodi {
background-color: #0d0d0d;
}
.search_cit {
   font-size: 11px;
   font-weight: bold;
   border-bottom: 1px #FF0000 dotted;
}
.main_menu
{
background: #000000 url(/E/menu_bg.gif);
border: 1px #333333 solid;
padding: 4px;
margin: 2px 2px 2px 4px;
border-left: 3px solid #333333;
}
.cit {
   font-size: xx-small;
   background: #FFFFFF url('cit.gif') repeat-y scroll left;
   padding-left: 18px;
   padding-right: 3px;
   margin: 5px;
   border: 1px #9291C7 solid;
   color: #444444;
   font-style: italic;
}
form {
   margin: 1px;
   padding: 0px;
}
.ank_n {
   font-weight: bold;
}
.ank_d {
   font-style: italic;
}
.status {
   color: #524383;
   font-weight: bold;
}
.icon48 {
   font-size: large;
   width: 48px;
   height: 48px;
   vertical-align: top;
   text-align: center;
}
.icon14 {
   font-size: xx-small;
   width: 14px;
   height: 14px;
   vertical-align: top;
   text-align: center;
}
.post {
   font-weight: normal;
   font-size: x-small;
   vertical-align: top;
   border: #333333 solid 1px;
   padding: 1px 0px 4px 6px;
   margin-top: 1px;
   margin-bottom: 1px;
}
.p_t {
   font-weight: bold;
   border: #333333 solid 1px;
   background-image: url(/E/bg_post.gif);
   background-repeat: repeat-x;
   background-position: top;
   background-color: #000;
}
.p_m {
   font-weight: normal;
   font-size: x-small;
   vertical-align: top;
   border: #333333 solid 1px;
background-image: url(/E/bg_text.gif);
   background-repeat: repeat-y;
   background-position: right;
}
.rekl {
   margin-top: 0px;
   text-align: center;
   font-weight: normal;
   color: #b5b4b4;
   margin-bottom: 0px;
   padding: 0px;
   border-bottom: 2px #333333 solid;
   border-top: 2px #333333 solid;
   background-color: #111111;
}
.rekl a:hover {
   color: #8e1111;
}
.rekl_main {
   text-align: left;
   font-weight: 11px;
   color: #b5b4b4;
   border-top: 2px #333333 solid;
   border-bottom: 2px #333333 solid;
   background-color: #111111;
   padding: 3px;
}
.news {
   text-align: left;
   font-weight: normal;
   color: #b5b4b4;
   border: 0px #FFB9B9 solid;
}
.menu {
   text-align: left;
   font-weight: normal;
   color: #b5b4b4;
   border: #333333 solid 1px;
  background-color: #252525;
   padding: 3px;
   margin-top: 3px;
}
.menu a {
   color: #6f6f6f;
   padding-left: 16px;
   background: url('p_menu.gif') no-repeat left;
}
.menu a:hover {
   color: #00ffff;
   padding-left: 16px;
   background: url('p_menu.gif') no-repeat left;
}
.str {
   margin: 1px;
   text-align: center;
   font-weight: normal;
   color: #b5b4b4;
   border: 1px #EEEEEE solid;
}
.footer {
color: #aaf252;
   margin: 0px;
   padding: 3px 0px 4px 6px;
   text-align: left;
font-size: small;
}
.header {
color: #aaf252;
margin: 0;
padding: 3px 0px 4px 6px;
}
.err {
   margin: 1px;
   margin-top: 0px;
   margin-bottom: 3px;
   text-align: center;
   font-weight: bold;
   color: #ff0000;
   border: 1px #ff0000 solid;
   background-color: #770000;
}
.msg {
   margin: 1px;
   margin-top: 0px;
   margin-bottom: 3px;
   text-align: center;
   font-weight: bold;
   color: #00ff00;
   border: 1px #00ff00 solid;
   background-color: #007700;
}
textarea {
   font-size: 11px;
   font-weight: bold;
   font-family: Arial;
   color: #0241e0;
   border: 1px #61b3c9 solid;
   background-color: #ffffff;
}
textarea:hover {
   font-size: 11px;
   font-weight: bold;
   font-family: Arial;
   color: #0241e0;
   border: 1px #52a1b6 solid;
   background-color: #ffffff;
}
input {
   font-size: 13px;
   padding: 0px 0px 0px 0px;
   padding-left: 2px;
   padding-right: 2px;
   margin-top: 2px;
   font-weight: bold;
   font-family: Arial;
   color: #0241e0;
   max-height: 20px;
   max-width: 120px;
   border: 1px #61b3c9 solid;
   margin-bottom: 3px;
   background-color: #ffffff;
}
input:hover {
   font-size: 13px;
   padding: 0px 0px 0px 0px;
   padding-left: 2px;
   padding-right: 2px;
   margin-top: 2px;
   font-weight: bold;
   font-family: Arial;
   color: #0241e0;
   max-height: 20px;
   max-width: 120px;
   border: 1px #52a1b6 solid;
   margin-bottom: 3px;
   background-color: #ffffff;
}
select {
   font-size: 11px;
   padding: 0px 0px 0px 0px;
   margin-top: 2px;
   font-weight: bold;
   font-family: Arial;
   color: #cccccc;
   max-height: 20px;
   max-width: 120px;
   border: 1px #111111 solid;
   margin-bottom: 3px;
   background-color: #444444;
}
select:hover {
   font-size: 11px;
   padding: 0px 0px 0px 0px;
   margin-top: 2px;
   font-weight: bold;
   font-family: Arial;
   color: #cccccc;
   max-height: 20px;
   max-width: 120px;
   border: 1px #111111 solid;
   margin-bottom: 3px;
   background-color: #444444;
}
.aut, .menu_razd {
   margin: 1px;
   padding: 2px;
   text-align: center;
   font-weight: normal;
   color: #b5b4b4;
   font-size: small;
   border: 2px #333333 solid;
   background-image: url(/E/bg_post.gif);
   background-position: top;
   background-repeat: repeat-x;
   margin-bottom: 3px;
   margin-top: 3px;
}
.judul {
   margin: 0px;
   padding: 3px 1px 4px 6px;   
font-weight: bold;
   color: #aaf2f2;
   }
.logo {
   margin: 1px;
   padding: 3px;
   text-align: center;
   border: 2px #333333 solid;
      background-image: url(/E/menu_bg.gif);
}
.on {
   color: #006E00;
}
.off {
   color: #FF0000;
}



.blu {
 CLEAR: both;
 BACKGROUND-color:#001114;
 border: 1px solid;
 border-color: #00272e #001114 #00272e #001114;
 COLOR: #ffffff;
 text-align: center;
 PADDING-RIGHT: 3px;
 PADDING-LEFT: 3px;
 PADDING-TOP: 2px;
 PADDING-BOTTOM: 2px;
 LINE-HEIGHT: 1.3em;
 FONT-FAMILY: Verdana,sans-serif
} 
.blu a:link,a:visited { text-decoration: none; color : #FFF }
.blu a:active { text-decoration: none; color : #f00 }
.blu a:hover { text-decoration: underline; color : #F00 }

.blublu {
   font-size: 11px;
   font-weight: bold;
   border-bottom: 5px solid #00272e;
}

.blublack {
   font-size: 11px;
   font-weight: bold;
   border-bottom: 1px #000000 dotted;
}
.isi { 
 text-align: left; CLEAR: both; BACKGROUND-color:#000000; COLOR: #ffffff; 
 PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; 
 LINE-HEIGHT: 1.3em; PADDING-TOP: 10px; FONT-FAMILY: Verdana,sans-serif
}
.isi A {
 COLOR: #00ffff
}
.isi P {
 MARGIN: 4px 0px 10px
}
.isi .descr {
 MARGIN-BOTTOM: 6px; COLOR: #666
}
.isi LI {
 LIST-STYLE-IMAGE: url(img/li.gif); MARGIN-LEFT: 100px
}
.isi a:link,a:visited { text-decoration: none; color:#0FF }
.isi a:active { text-decoration: none; color:#CFF }
.isi a:hover { text-decoration: underline; color:#F00 }
.menoe { text-align: left; padding: 4px;
margin: 2px 2px 2px 4px; }
.mn { text-align: left; background-color: #0f0f0f; padding: 3px; }
.m1 { text-align: left; font-weight: bold; background-color: #1d1d1d; color: #ffffff; padding: 3px; margin: 4px;}
.menu1 { text-align: left; background-color: #1d1d1d; border: 1px solid #333333; padding: 3px; margin-top: 3px; }
.baru { font-weight:normal; margin: 1px 0; padding: 3px 1px 4px 6px; }
.list1, .b {
background-color : #101010;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #323232;
}
.list2 {
background-color : #212121;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #323232;
}
.menux {
   text-align: left;
   font-weight: normal;
   color: #b5b4b4;
   border: #333333 solid 1px;
  background-color: #252525;
   padding: 3px;
   margin-top: 3px;
}