body {
    background: #000;
    color:      #ddd;
    font-size: 10pt;
    margin:     0px auto;
    width: 990px;
}
table {
	width: 100%;
}
a {
    color: #D4FF2A;
    text-decoration: none;
}
hr { color:  #c8c8c8; }
.code code {
    background: #ccc;	
}
blockquote, .code code {
    border:     1px solid #ccc ;
}
blockquote {
    background: #444 ;
    color:   #fff;    
}
.info, .num, .tgl {
    color: #bbb;
}
/* judul situs */
#main-header {
    height: 144px;	
}
#header {
    background: transparent url('images/logo.jpg') no-repeat ;
    text-align: center;
    width: 990px;
}
#header h1 {
    font-size:   16pt;
    padding-top: 60px;
}
#header h4 {
    font-size:   10pt;
    font-weight: bold;
    padding-top: 90px;
}
#header h1, #header h4 {
    color: #ddd;
}
/* menu halaman */
#pages {
    background: transparent;
    font-size: 	8pt;    
    font-weight:	bold;
    margin-top: 110px;
    text-transform: uppercase;
    text-align: center;
}
#pages li {
    padding: 0px 10px;
    display: inline;
}
#pages a, #footer a {
	color: #FF0000;		
}
/* tengah */
#middler {
    background:     transparent url('images/body.jpg') center repeat-y ;
    padding-top:    10px;
    padding-bottom: 0px;
}
#middler th, #middler td {
    vertical-align: top;
}
/* footer */
#footer {
    background: transparent url(images/mid-footer.jpg) center repeat-x;
    color:      #ddd;
    font-size:  8pt;
    height:     144px;    
    text-align: center;
    vertical-align: middle;
}
#footer-bl {
    background: transparent url(images/left-footer.jpg) center no-repeat;
	width: 72px;		
}
#footer-br {
    background: transparent url(images/right-footer.jpg) center no-repeat;
    width: 72px;
		
}
/* Sidebar */
.sidebox, .sidebar, .sidebar marquee {
    width: 234px;
}
.sidebar marquee {
    height: 100px;
}
.sidebar {
    -moz-border-radius: 10px;
    border:             0px solid;
    color:              #ccc;
    font-size:          8pt;       
}
.sidebar h4 {
    color:              #fff;
    font-size:          8pt;
    font-weight:        bold;    
	height: 		30px;	    
	padding-top: 	15px;
    text-align:		center;    
}
.sidebar .bottom {
	height: 20px;
	padding: 10px 25px; 
}
.left-bar h4 { background: transparent url('images/left-bar-header.jpg') no-repeat top; }
.right-bar h4 { background: transparent url('images/right-bar-header.jpg') no-repeat top; }
.left-bar .items { background: transparent url('images/left-items.jpg') repeat-y center ; }
.right-bar .items { background: transparent url('images/right-items.jpg') repeat-y center ; }
.left-bar .bottom { background: transparent url('images/left-bar-footer.jpg') no-repeat bottom; }
.right-bar .bottom { background: transparent url('images/right-bar-footer.jpg') no-repeat bottom ; }
.sidebar .items {
    padding: 0px 25px;	    
}
.sidebar li {
    background: transparent url(images/bullet.gif) no-repeat left top;
    list-style:   none;
    padding-left: 15px;
}
.sidebar li a {
    display: block;
}
.sidebar li:hover {
	background: #222;
}
.sidebar td {
    padding: 1px 0px;
}
.links h4, .form th {
    text-align: left;
}
.sidebar ul, .links ul {
    line-height: 150%;
}
.avatar1, .avatar2,.avatar3 {
    background: transparent ;
}
.sidebar input, .sidebar select {
    margin: 2px;
}
.sidebar input[type="checkbox"] {
    margin: 0;
}
.sidebar textarea {
    -moz-border-radius: 5px;
    font-family:        Tahoma;
    font-size:          8pt;
    margin-bottom:      2px;
}
select, input[type="text"], input[type="password"], textarea {
    background: #000 ;
    border:     1px solid #666 ;
    color:      #fff;
}
#postbox, #comments, .dl {
    -moz-border-radius: 10px;
}
#shoutbox td {
    padding: 5px 0px;
}
#shoutbox td, .sidebar td, .form th, .form td {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.form thead th {
    background:   #dedede ;
    border-style: solid;
    border-width: 1px 0px;
    color:        #000;
}
.dl .inf { color: #aaa; }
#shoutbox small { color: #969696; }

.tombol, .page-navi a, .post-menu a, #control-panel a {
    -moz-border-radius: 5px;
    background:         #444;
    border:             2px solid #222;
    color:              #fff;
    cursor:             pointer;
    font-size:          8pt;
    padding:            2px 6px;
}
.tombol:hover, .page-navi a:hover, .post-menu a:hover, #control-panel a:hover {
    border-color: #111;
    background: #222;
}
a:hover, #pages a:hover, #footer a:hover, .page-navi .current {
    color: #3366FF;
}
.page-navi .current {
    font-weight: bold;
}
.fade { background: transparent url(images/fade-in.jpg) top repeat-x ; }
.fade-out { background: transparent url(images/fade-out.jpg) bottom repeat-x ; }
.fade-l { background: transparent url(images/fade-left.jpg) left repeat-y ; }
.fade-r { background: transparent url(images/fade-right.jpg) right repeat-y ; }
.ol, .page-navi {
    border-width: 2px;
    border-style: solid;
}
.w {
    background:   #222;
    border-width: 1px 0px;
    border-style: solid;
}
.w, .ol, .tl, .bl, .rl, .ll, .page-navi {
    border-color: #555;
}
.usign,
.form th, .form td, .form thead th,
.sidebar,
.sidebar h4,
.sidebar li,
.sidebar td,
#shoutbox td {
	border-color: #444;	
}
.ico-cat, .ico-tgl, .ico-epo, .ico-cmn, .ico-eco, .ico-rep {
    background: url(images/icons.gif) no-repeat ;
    padding-left: 20px;
}
.ico-cat {
    background-position: 0 -32px;
    color:               #FF6600;
}
.ico-tgl {
    background-position: 0 -48px;
}
.ico-epo {
    background-position: 0 -64px;
}
.ico-cmn {
    background-position: 0 -96px;
}
.ico-eco {
    background-position: 0 -128px;
}
.ico-rep {
    background-position: 0 -144px;
}