#head-line { background: url(l1.png) repeat-x; height: 7px; }

div.center { text-align: center; }
div.wrap { width: 800px; text-align: left; margin: 0 auto; padding-bottom: 10px; }

#side { width: 180px; float: left; text-align: right; }
#side h3 { font: 2em Arial; color: steelblue; padding: 5px 5px 0 0; }
#side ul { margin: 5px 15px 5px 0; list-style: none; font: bold 1.1em "Trebuchet MS"; text-transform: lowercase; line-height: 180%; }
#side a { color: steelblue; }
#side .line { margin-left: 100px; border-top: 3px solid #9C0; }

#main { width: 620px; float: left; background: url(s1.png) top no-repeat; }
/* Used on single pages where the posts may be short */
.single { background: url(s1.png) left -150px no-repeat !important; }
#main .inside { padding: 0 10px; }
#main h3 { font: bold 1.4em "Trebuchet MS"; color: steelblue; padding: 3px 0 0 10px; margin-bottom: 5px; }
#main ul { font: 1em "Lucida Sans Unicode"; list-style: none; }
#main li .post { padding: 3px 5px 3px 25px; background: url(b8.png) 10px 5px no-repeat; }


/* Listing table */
table.list { width: 100%; }
table.list td.title a { display: block; padding: 2px 0 2px 20px; font: 1em "Lucida Sans Unicode",Tahoma,"Lucida Grande",sans-serif; background: url(b8.png) 5px center no-repeat; }
table.list td.timestamp { font: 0.8em Verdana; color: #888; }

/* Alternating row color */
tr.c1 td { }
tr.c2 td { background: beige url(../images/p1.png) repeat-x; border: 1px solid #F7EA69; border-width: 1px 0; }

.clear { clear: both; }

/* Main Article (ArtikelUtama) */
#main-art { font: 1em "Lucida Sans Unicode"; margin: 10px; background: #F4FAE3 url(../images/mainart2t.png) top no-repeat; border: 0 solid #E0F0AE; color: #777; }
#main-art h3 { padding: 0; font: bold 1.4em "Trebuchet MS"; }
#main-art h3 a { color: olivedrab; }
.main-art-content { padding: 10px 15px 0 15px; }
.main-art-footer { height: 15px; line-height: 15px; background: url(../images/mainart2b.png) bottom no-repeat; }

/* Items list */
.item-list { margin: 0 10px; background: #FAF7E4 url(../images/r_yellow_t.png) top no-repeat; }
.item-list-content { padding-top: 10px; }
.item-list-footer { height: 15px; line-height: 15px; background: url(../images/r_yellow_b.png) top no-repeat; }

/* Tabs */
.tabs { float: left; width: 100%; line-height: normal; }
.tabs ul { margin: 0; padding: 5px 10px 0 30px; list-style: none; }
.tabs li { display: inline; margin: 0; padding: 0; }
.tabs a { float: left; background:url("../images/tableft5.gif") no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none; }
.tabs a span { float: left; display: block; background: url("../images/tabright5.gif") no-repeat right top; padding: 3px 15px 3px 6px; color: #9D8F34; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a span { float: none; }
/* End IE5-Mac hack */
.tabs a:hover, .tabs li.active a { background-position: 0% -42px; }
.tabs a:hover span, .tabs li.active a span { color: #888; background-position: 100% -42px; }  

/* Text styles */
#main p { margin-bottom: 10px; }