body:before {
 content:url(icon/bismillah.png);
 display:block;
 text-align:center;
 color:purple;
 font-weight:bold;
 border:1px dashed #333;
 margin:0 1px 1px 1px; padding:2px 0;
 background:url.(icon/g2.png) repeat-x 50% bottom
 }

body {
 background:url(icon/img01.gif);
 margin:1px;
 padding:1px;
 color:#fff;
 border:1px solid #333;
 text-align:left
 }

a {
 color:white
 }


/*HEADER*/

#header:before {
 content:"Selamat Datang Di";
 display:block;
 color:#ccff66;
 background:url(icon/gr1.png) repeat-x 50% top;
 margin:0 0 10px 0;
 padding-bottom:3px;
 padding-top:1px;
 text-align:center
 }

#header {
 background:transparent;
 color:khaki;
 text-align:center;
 border:1px solid #333;
 margin:0 1px 1px 1px
 content:;
 }

#header a {
 text-align:center
 }




/*SEARCH*/
#search_form {
 border:1px solid #333;
 margin-top:1px;
 padding:2px 2px;
 background:black;
 text-align:center
 }

#search_form [type=text] {
 width:65%;
 color:khaki;
 background:black;
 border:1px solid #333;
 margin:2px 0;
 padding:2px 0
 }

#search_form [type=submit] {
 color:khaki;
 background:black;
 border:1px solid #333;
 width:30%;
 margin:2px 0;
 padding:2px 0
 }


/*KATEGORI*/
#category-top h2 {
 background:black url(icon/gr1.png) repeat-x 50% top;
 text-align:center; color:; margin:1px 1px 15px 1px;
 padding:5px 0;
 border:1px solid #333;
 }

#category-top {
 background:url(icon/nirvana.png)  right bottom no-repeat;
 border:1px solid #333;
 margin:0px 1px 0 1px;
 padding:0 0 10px 0;
 text-align:left;
 color:white;
 }

#category-top a {
 color:khaki
 }

#category-top ol {
 list-stile:none;
 margin:0 5px 0 5px;
 }

#category-top li {
 list-style-image: url(icon/smile.png);
 list-style-position:inside;
 background:transpararent;
 border-bottom:1px solid #333;
 margin:4px 4px 4px 0;
 text-indent:-20px;
 }


/*POSTING*/
.post {
 margin-top:1px;
 padding:4px;
 background:transparent url(icon/img02.png);
 color:gray;
 border:1px solid #333;
 text-align:left
 }

.post p {
 padding:1px
 }

.title {
 text-align:center;
 color:#00ccff;
 font-size:span;
 background:black url(icon/gr1.png) repeat-x 50% top;
 margin:1px;
 padding:2px 1px 2px 2px;
 border:1px solid #333
 }

.post .title:after {
 content:"";
 display:block; text-align:left;
 color:#009900;
 font-size:small;
 margin:0;
 padding:1px 2px;
 background:url(icon/gr2.png) repeat-x 50% bottom
 }

.comment {
 margin-top:1px;
 padding:0px;
 background:gray;
 color:#fff;
 border:1px solid #333;
 text-align:left
 }

.comment p {
 padding:4px
 }

.post a {
 color:darkcyan
 }

/*NAVIGATION*/
#navigation {
 background:black
 color:gray;
 font-size:small;
 border:1px solid #333;
 margin-top:1px;
 padding:0; text-align:left
 }

#nav_shortcut a {
 content:"DOWN" url(icon/down.png) url(icon/down.png);
 color:khaki
 }

#nav_shortcut p {
 display:none
 }

#nav_shortcut {
 margin:1px 0;
 border:1px solid darkgreen;
 background:black url(icon/gr1.png) repeat-x 50% top;
 padding:4px 2px; text-align:left; color:darkgreen
 }

#nav_shortcut p {
 text-align:left
 }

#navigation h2, #blogroll h2, #comments h2, .comment h2 {
 background:black url(icon/gr1.png) repeat-x 50% top;
 text-align:center;
 color:#ffffff;
 margin:1px;
 padding:1px;
 border:1px solid #333;
 }

#navigation ol, #blogroll ol, .post ol {
 list-style:none;
 background:transpararent;
 text-align:left;
 color:gray;
 margin:0;
 padding:0;
 border:none
 }

#navigation h3 {
 background:black url(icon/g1.png) repeat-x 50% top;
 text-align:left;
 color:#fff;
 margin:1px;
 padding:1px;
 border:1px solid darkgreen
 }

#navigation h4 {
 background:black url(icon/gr1.png) repeat-x 50% top;
 text-align:left;
 color:#fff;
 margin:1px;
 padding:1px;
 border:1px solid #333
 }

#navigation h5 {
 background:black url(icon/b1.png) repeat-x 50% top;
 text-align:left;
 color:#fff;
 margin:1px;
 padding:1px;
 border:1px solid #333
 }

#navigation h6 {
 background:black url(icon/b1.png) repeat-x 50% top;
 text-align:center;
 color:khaki;
 margin:1px;
 padding:1px 10px;
 border:1px solid #333;
 }

#navigation a {
 color:#cc6633
 }


/*FOOTER*/

#footer:before {
 content:url(http://waplist.org/872/1/online.gif);
 display:block;
 color:#fff;
 border:none;
 background:url(icon/gray1.png) repeat-x 50% bottom;
 padding:0 0 3px 0;
 text-align:center
 }


#footer {
  background:transpararent url() repeat-x 50% top;
 border:1px solid #333;
 margin:1px 0 0 0;
 padding:2 0 3px 0;
 text-align:center;
 }

#footer p {
 color:#777888;
 margin:0;
 padding:5px
 }

#footer small:after {
 content:url(icon/xtgem.png);
 display:block;
 text-align:center;
 background:transpararent center top no-repeat;
 margin:0 auto;
 padding:15px 0 0 0;
 color:#777888
 }

#footer a {
 color:#777888
 }

#footer:after {
 content:"moeL79";
 display:block;
 text-align:center;
 font-height:bold;
 background:url() repeat-x 50% bottom;
 margin:0;
 padding:4px;
 color:gray;
 font-size:small
 }