header, footer, section, nav, article {
display: block;
}
/* SET SOME properties for the BODY
margin auto gets you a centred web page*/
BODY {
margin: 0 auto;
width: 940px;
font-family: broadway;
font-size: 30px;
}
H1 {
color: YELLOW;
}
H2 {
text-align: center;
color: green;
}
HEADER#Banner {
width: 700
px;
height: 100px;
margin: 5px auto;
border: 1px solid #000000;
text-align: center;
background-color: blue;
background-image:url(../../maryjoys/936247_467301933354739_1963175374_n.jpg)
}
FOOTER {
width: 400px;
height: 100px;
margin: 5px auto;
border: 1px solid #000000;
text-align: center;
background-color: white;
background-image:url(../images.png)
NAV {
width: 940px;
height: 50px;
float: left;
font-family: broadway;
border: 1px solid #000000;
background-color: #D0DBF0;
}
NAV ul {
margin: 0px auto;
padding: 15px;
list-style-type: none;
}
NAV li {
display: inline;
}
NAV li a {
float: center;
text-align: center;
border-right: 2px solid #00DBF0;
width: 100px;
font-size: 20px;
padding: 0px 10px;
color: #0000FF;
text-decoration: none;
}
NAV li a:hover {
color: #00DBF0;
}
SECTION#Wrapper {
margin-top: 100px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 50px;
}
ARTICLE#Article_1 {
width: 900px;
height: 500px;
background-color: #ADAAAA;
}
HEADER#Header_Article_1 {
width: 900px;
height: 60px;
background-color: #DCDCDC;
}
SECTION#Section_Article_1 {
width: 850px;
height: 400px;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
background-color: #F8EBEB;
}