/*step 3c*/
html {
/*background-image: -moz-linear-gradient(left, #6D7A54 0%, #C1C6B6 100%);
background-image: -webkit-linear-gradient(left, #6D7A54 0%, #C1C6B6 100%);
background-image: -o-linear-gradient(left, #6D7A54 0%, #C1C6B6 100%);*/
background-image: linear-gradient(to right, #6D7A54 0%, #C1C6B6 100%);
}
/* the styles for the elements */
body {
font-family: Verdana, Arial, Helvetica; /*step 4*/
font-size: 100%;
width: 990px; /*step 4*/
/*990 = 580 section + 410 aside*/
/*section : 535+20+25 = 580*/
/*aside: 350+20+20+20 = 410*/
/*margin: 1em auto; */ /*step 3a*/
/*step 4*/
background-color: white;
margin: 1em auto; /*top and bottom, right and left - center*/
padding: 1em 0;
border: 1px solid black;
}
/*step 4*/
section, aside, h1, h2, h3, p, ul {
margin: 0;
padding: 0;
}
section, aside {
margin-top: 1.5em;
margin-bottom: 1em;
}
a { font-weight: bold; }
a:link { color: green; }
a:hover, a:focus { color: blue; }
a:visited { color: #ef9c00; } /*step 3a*/
ul { margin-left: 1.5em;
margin-bottom: 1.5em; } /*step 4*/
/*shorthand property
4 numbers: top right bottom left
3 numbers: top, right and left; bottom
2 numbers: top and bottom, right and left
1 number: all 4s*/
li {
font-size: 95%;
padding-bottom: .35em;
} /*step 4*/
p {
font-size: 95%;
padding-bottom: .5em;
}/*step 4*/
em {
font-weight: bold;
}
/* the styles for the header */
/*step 3c*/
header {
padding-bottom: 2em;
border-bottom: 2px solid #ef9c00;
}
header img {
float: left;
margin-left: 20px;
}
header h1 {
color: #ef9c00;
text-shadow: 2px 3px 0 black; /*step 4*/
margin-left: 120px; /*step 4 same as h2*/
margin-bottom: 0.25em; /*step 03a*/
}
header h2 {
color: green;
font-style: italic;
margin-left: 120px; /*step 4 same as h1*/
}
/* the styles for the section */
section {
width: 535px; /*may mess up things a bit initially*/
margin-left: 20px;
padding-right: 25px;
float: right;
}
section h2{
font-size: 170%;
margin-bottom: .35em; /*step 4*/
/*background-color:yellow; to see the box*/
}
section h3 { /*step 4*/
font-size: 130%;
margin-bottom: .35em;
}
#contact_us { margin-top: 1.5em; } /*step 3a*/
a.date_passed { color: gray; } /*step 3a*/
/*step 04*/
aside {
width: 350px;
float: right;
padding: 20px;
background-color: #E4E6DF;
margin-right: 20px;
}
aside h2 {
font-size: 125%;
padding-bottom: .5em;
}
aside h3 {
font-size: 100%;
color: green;
padding-bottom: .5em;
}
aside p {
margin-bottom: .5em;
}
/*step 04*/
/* the styles for the footer */
footer { /*step 3c*/
clear: both; /*step 04*/
margin-top: 1em;
border-top: 2px solid #ef9c00;
padding-top: 0.7em;
} /*step 3a*/
footer p {
font-size: 80%;
text-align: right;
margin-right: 20px;
}