TUGAS MODUL 4 PEMROGRAMAN WEB

.css

body{
margin: 10px auto;
width: 750px;
}
header,nav,section,footer{
display:block;

}
header {
background-image:url(asu.gif);
height:80px;
border-top :2px solid blue;
border-bottom :2px solid blue;
}

nav{

height:50px;

}

section{

height:400px;
border-right:5px solid royalblue;


}

article{
float:left;
width:185px;
height:375px;
border:5px solid black;
}
aside{
background-color:royalblue;
float:right;
width:550px;
height:385px;
}
aside1{
float:right;
background-color:white;
width:550px;
height:250px;
padding:1px;

}
aside2{
float:right;
width:550px;
height:125px;
border-right:2px solid blue;
border-bottom:2px solid blue;

}
black{
float:left; margin-bottom:10px;
padding:0px; width: 100%;
overflow: hidden; background: #345bea;
background: -moz-linear-gradient(top, #111 0%, #000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111), color-stop(100%,#000));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111', endColorstr='#000',GradientType=0 );
-moz-box-shadow: 1px 1px 10px #111;
-webkit-box-shadow:1px 1px 10px #111;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}

black ul{
margin: 0; padding: 0; padding-left: 10px;
font: bold 10px Verdana;
list-style-type: none; }

black li{
display: inline; margin: 0;}

black li a{
float: left; text-decoration: none;
margin: 0; padding:12px; color: white;}

.black li a:visited{color: white; }
.black li a:hover, .black li.selected a{color:#ccff00;}

searchboxo{
width:250px; float:right; padding: 4px; margin:0px; }

searchboxo form input.searchinput{
background: #fff; padding:6px; margin:0px; width: 160px;
border: solid 1px #999; outline: none;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
-moz-box-shadow: inset 0 1px 3px #111;
-webkit-box-shadow: inset 0 1px 3px #111;
box-shadow: inset 0 1px 3px #aaa; }

searchboxo form input.submitbutton{
cursor:pointer; width: 60px;
background: #FCFCFC;
background: -moz-linear-gradient(top, #FCFCFC 0%, #E8E8E8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC), color-stop(100%,#E8E8E8));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFCFC', endColorstr='#E8E8E8',GradientType=0 );
border:1px solid #d8d8d8;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
color:#000; padding:4px; text-shadow:1px 1px #fff;}


footer{
background-image:url(asu.gif);
height:40px;
border-top :2px solid blue;
border-bottom :2px solid blue;
}
footer1{
float:right;
height:20px;
width:150px;
}