250 CHAPTER 5 More HTML5
body {
background-color: hsl(255, 95%, 95%);
font-family: Cambria,'Times New Roman' , serif;
color: #0068AC;
}
header {
height: 100px;
background-image: url('../Images/ContosoLogo.png');
background-repeat: no-repeat;
margin-top: 10px;
}
#headerText {
position: absolute;
top: 0px;
left: 80px;
width: 100%;
margin-top: 10px;
}
h1 {
font-size: 64px;
line-height: 55px;
}
h2 {
font-size: 18px;
line-height: 20px;
font-style: italic;
}
nav {
float: left;
width: 20%;
min-width:125px;
}
div[role="main"] {
float: left;
width: 60%;
}
aside {
float: left;
width: 20%;
min-width:125px;
}
footer {
clear: both;
width: 100%;
height: 70px;
font-size: small;