body, ul, li, p, h1, h2, h3, h4, h5, h6, a, img, dt, dd {

    margin: 0;

    padding: 0;

}



li.comment img.avatar {display:none;}

li.comment {list-style:none;}

.fn {font-weight:bold;}



body {

    background: #FFF;

    font: 12px Tahoma, Verdana, Arial;

    color: #646363;

    line-height: 18px;

}

img { border: none; }

a:hover { text-decoration: none;}



p {

padding-bottom:10px;

}



abbr { font-size: 10px; }



h2 { color: #FFF; font-size: 14px; text-align: right; }

h3 { color: #e83128; font-size: 18px; letter-spacing: 0.7px;}

h4 { color: #FFF; }

h5 { color: #646363; font-size: 12px; }

h6 { font-size: smaller; color: #FFF; text-align: right; font-weight: normal; }



.bord { border: 1px solid #888; }

.bord3 { border: 3px solid #d6d6d6; }



.mr-top { margin-top: 10px; }

.mr-right { margin-right: 20px; }



.ft-left { float: left;}

.ft-right { float: right;}

.clear { clear: both; }



#wrapper {

    margin: 0 auto;

    width: 950px;

}

/*************************************************

HEADER



*************************************************/

#header {

    position: relative;

    height: 81px;

    width: 950px;

    background: url(images/bg-header.jpg) top center repeat-x;

}

    .logo {

        position: absolute;

        top: 10px;

        left: 18px;

        width: 205px;

        height: 59px;

        background: url(images/logo.gif) left top no-repeat;

    }

/*************************************************

navigasi



*************************************************/

#navigasi {

    position: absolute;

    bottom: 0;

    right: 20px;

    /*width: 280px;*/

    width: 665px;

    height: 35px;

    background: url(images/bg-nav.gif) bottom no-repeat;

}

    ul.nav { margin-left: 18px; padding-top: 6px;}

    .nav li{

        display: inline;

        list-style: none;

    }

        .nav li a { 

            padding: 0 10px 0;

            font: 16px Tahoma, Verdana, Arial; 

            font-weight: 500; 

            color: #FFF; 

            text-decoration: none;

            }
		.nav li form{
			display:inline;
		}
		.nav li form span{
			background:#E83129;
			padding:2px 4px 0px 4px;
			border:1px solid red;
			margin-left:8px;
		}
		.inputbox {
			width:100px;
			height:12px;
			margin-left:7px;
		}
		.submit-search {
			width:16px;
			height:16px;
			background:url(images/search.png) no-repeat;
			border:none;
			cursor:pointer;
		}

/*************************************************

content



*************************************************/

#container {

    position: relative;

    width: 950px;

    padding-top: 20px ;

    min-height: 300px;

    background: url(images/bg-strip.gif) top repeat-x;

}

    .column-a {

        float: left;

        width: 700px;

        margin-bottom: 15px;

    }

    

    .column-a img {

        border: 3px solid #e4e4e4;

    }

    .comment-area {

        padding: 10px;

        background: #e2e2e2;

    }

    

    .white { 

        margin-top: 6px;

        padding: 10px;

        background: #FFF;

        }

    .comments {

        /*margin-top: 15px;*/

        border-top: 1px solid #888;

        

        }

        .submit {

            border: none;

            cursor: pointer;

            width: 114px;

            height: 22px;

            color: #FFF; 

            margin-left: 211px;

            background: url(images/bg-button.gif) no-repeat;

            padding-right: 50px;

        }

    .posted {

        margin-top: 10px;

        position: relative;

        border: 3px solid #e4e4e4;

        padding: 15px;

        width: 664px;

        }

      .posted img {

        border: 3px solid #e4e4e4;

      }

        .read-more {

            color: #ff0000;

            font-weight: bold;

            text-decoration: none;

            }

        .date {

            position: absolute;

            top: -3px;

            left: -37px;

            width: 30px;

            height: 55px;

            padding: 10px 4px 0 0;

            background: url(images/date.gif) no-repeat;

            line-height: normal;

            }

  

/*************************************************

GALLERY



*************************************************/

.gallery {

    margin: 0 auto;

    width: 500px;

    height: 340px;

    }

    .gallery a {

        padding-top: 5px;

        text-decoration: none;

        color: #646363;

    }

    .gal-photo {

        padding: 10px 30px;

        }

        .photo {

            float: left;

            width: 108px;

            height: 108px;

            margin: 0 15px 15px 0;

        }

/*************************************************

SIDEBAR



*************************************************/

    .column-b {

        float: right;

        width: 237px;

        margin-bottom: 15px;

    }

    

    .twitter ul {

        background-color: #EDEDED;   

        padding: 10px; 

    }

    

    .twitter li {

        list-style: none;

        border-bottom:1px dotted #008D99;

    }

    

    .twitter h2 {

        padding: 5px;

    }

    

    .twitter a {

        text-decoration: none;

        color: #F76F08;

    }    

            

        .title-category {

            width: 237px;

            height: 32px;

            background: url(images/categories.gif) top no-repeat;

        }

        .category-area {

            border-top: 3px solid #e83128;

            width: 237px;

            background: #dfdfdf;

            margin-bottom: 15px;

        }

            .list-a li{

                padding: 8px 0;

                list-style: none;

                background: url(images/grad.gif) bottom left no-repeat;

                }

                .list-a li a {

                    padding: 0 0 0 14px;

                    color: #616161;

                    font: 12px Tahoma, Verdana, Arial;

                    text-decoration: none;

                    }

                    .list-a li a:hover { color: #222; }

                    

        .featured-article {

            position: relative;

            margin-bottom: 15px;

            border-top: 3px solid #e83128;

            width: 220px;

            background: #616161;

            padding: 10px 7px 32px 10px;

            }

            .title-featured {

                width: 149px;

                height: 13px;

                margin-bottom: 8px;

                background: url(images/featured-article.gif) left top no-repeat;

            }

            .featured-article p {

                color: #FFF;

            }

                .more {

                    position: absolute;

                    right: 0;

                    bottom: 0;

                    width: 68px;

                    height: 23px;

                    background: #e83128;

                }

                    .more a { color: #FFF; text-decoration: none; padding-left: 30px;}

                    

        .title-archive {

                width: 237px;

                height: 32px;

                background: url(images/archive.gif) top no-repeat;

            }

            .archive-area {

                border-top: 3px solid #e83128;

                width: 220px;

                background: #dfdfdf;

                padding: 10px 7px 14px 10px;

                }

                .list-archive li {

                    list-style: none;

                    padding: 3px 0;

                }

                    .list-archive li a {

                        color: #616161;

                        font: 14px Tahoma, Verdana, Arial;

                        text-decoration: none;

                    }

                    .list-archive li a:hover { color: #222; }

                    

        .title-keep-update {

            width: 237px;

            height: 28px;

            background: url(images/keep-update.gif) top no-repeat;

            }

            .keep-area {

                width: 220px;

                padding: 10px 7px 14px 10px;

                background: #e83128;

                height: 50px;

                }

                .rss, .tweet, .fb, .stumble {

                    float: left;

                    display: block;

                    width: 47px;

                    height: 48px;

                    margin-right: 5px;

                }

                .rss { background: url(images/rss.png) no-repeat; }      

                .tweet { background: url(images/tweet.png) no-repeat; }  

                .fb { background: url(images/fb.png) no-repeat; }  

                .stumble { background: url(images/stumble.png) no-repeat; }   

                      

/*************************************************

footer

*************************************************/

#footer {

    position: relative;

    clear: both;

    background: #e83128;

    height: 44px;

}

    .foot-nav {

        position: absolute;

        top: 12px;

        left: 15px;

    }

    .sitemap li {

        display: inline;

        list-style: none;

    }

        .sitemap li a {

            padding: 0 10px 0;

            font: 14px Tahoma, Verdana, Arial; 

            font-weight: 100; 

            color: #FFF; 

            text-decoration: none;

        }



/*************************************************

AF

*************************************************/

img.alignright {

	margin: 0 7px 7px 0;

	_margin: 0 7px 0 0;

	*margin: 0 7px 0 0;

}



img.alignleft {

	margin: 0 7px 7px 0;

	_margin: 0 7px 0 0;

	*margin: 0 7px 0 0;

}



.alignright {

	float: right;

}



.alignleft {

	float: left;

}



.aligncenter, div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

    margin-top: 4px;

    margin-bottom: 4px;

}