/* html5 css file, Copyright © Pro HTML5 Programming */
body {
font-family:Edwardian Script ITC,Chiller,Helvetica,sans-serif;
margin: 0px auto;
max-width:900px;
}
header {
color: #FF3366;
text-align:center;
}
header h2 {
margin: 0px;
}
h1 {
font-size: 72px;
margin: 0px;
}
h2 {
font-size: 24px;
margin: 0px;
text-align:center;
color: #666699;
}
h3 {
font-size: 18px;
margin: 0px;
text-align:center;
color: #66FF00;
}
nav {
display:block;
width:35%;
float:left;
}
nav a:link, nav a:visited {
display: block;
border-bottom: 3px solid #666699;
padding: 20px;
text-decoration: none;
font-weight: bold;
margin: 5px;
}
nav a:hover {
color: #666699;
background-color: #666699;
}
nav h3 {
margin: 20px;
color: white;
}
#container {
background-color: #eee;
}
section {
display:block;
width:65%;
float:left;
}
article {
background-color: #eee;
display:block;
margin: 10px;
padding: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
aside {
display:block;
width:5%;
float:left;
}
aside h3 {
margin: 15px;
color: white;
}
aside p {
margin: 15px;
color: white;
font-weight: bold;
font-style: italic;
}
footer {
clear: both;
display: block;
background-color: #9966CC;
color:#0000;
text-align:center;
padding: 15px;
}
footer h2 {
font-size: 14px;
color: white;
}
/* links */
a {
color: #9966CC;
}
a:hover {
text-decoration: underline;
}