body{
    background-image:url('Gambar/4.jpg');
    background-repeat:no-repeat;
    background-size:100% 100%;
    min-height:500px;
    font-family:Arial,Hervetica,Sans-serif;
    font-size:12px;
    margin:20px;
    padding:0;
}

input ,form,textarea,h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0;
}
h1{
    font-size:18px;
}

h2{
    font-size:14px;
    color:#999999
}
h3{
    font-size:13px;
    border-color:solid 1px #DEDEDE;
}
a:link,a:visited{
    color:#0033CC;
}
a:hover{
    text-decoration:none;
}

/* CSS  untuk Header  */

#container{
    width:750px;
    margin:0 auto;

}
#topbar{
    width:auto;
    display:block;
    height:40px;
    background:#A9F5F2;
    top:10px;
}
#navbar{
    width:auto;
    display:block;
    height:28px;
}

#navbar a{
    height:28px;
    line-height:20px;
    padding:0p;
    display:inline;
}

/* css untuk body */

#main {
    width:auto;
    display:block;
    padding:10px 0;
    background:#CCC;
}

#column_left {
    width:400px;
    margin-right:20px;
    float:float;
}
#column_right {
    width:160px;
    margin-right:20px;
    float:float;
}

#column_right_adsense{
    width:120px;
    float:left;
}
div.spacer{
    clear:both;
    height:10px;
    display:block;
}

/* css untuk footer */
#footer{
    width:auto;
    display:block;
    padding:10 px 0;
    font-size:11px;
    color:#666666
}

@media screen and(max-width:780px){
    #container{
        width:100%;
    }
    #topbar{
        width:100%;
    }
    #main{
        width:100%;
    }
    #column_left{
        width:98%;
    }
    #column_right{
        width:100%;
    }
    #footer{
        width:100%;
    }
}