CSS elements for CSS Designer page

body element:

1. set the font-family to Georgia, serif
2. set the text color to black (#000000)
3. set the line-height to 140% (em 1.4)
4. set the margin to 30px (all-around)
5. set the background-image to page-bg.gif
   • it should not repeat
   • and it should stay fixed
6. set the background-color to #F7F3DE

header element, h1 selector:

1. set the font-size to 350%
2. set the color to #7C1A00
3. set the padding to 40px
4. set the left-paddingto 120px
5. set the background-image to header-image-1.gif
   • position it at the top left
   • and it should not repeat

#container id (for section element):

1. set the margin-bottom to 30px

nav element:

1. set the float to left
2. set the width to 150px

nav element, ul tag:

1. set the paddingto 0px
2. set the margin to 0px
3. set the list-style-type to none
4. set the color to #7C1A00

nav element, li tag:

1. set the margin to 10px
2. set the border width to 1px
3. set border-style to solid
4. set the border-color to #7C1A00
5. set the background-color to #FFE597

nav element, a tag:

1. set the color to white
2. set the background-color to #8C9273
3. set the padding to 3px
4. set the right-padding to 60px
5. set the text-decoration to none

nav element, a:hover pseudo-class:

set the background-color to #7C1A00

#content id (for article element):

1. set the background-image to trans-bg.gif
2. set the border to 1px solid #CCCCCC
3. set the margin-left to 180px
4. set the padding to 10px

footer element:

1. set the clear to both
2. set the text-align to center

footer element, li tag:

1. set the display to inline
2. set the padding to 10px

global h1 element:

1. set the color to #8C9273

global h2 element:

• set the border-left to 20px solid #8C9273
• set the border-bottom to 5px solid #8C9273
• set the padding-left to 5px

global h3 element:

1. set the background-image to header-star-1.gif, the image should not repeat
2. set the padding-left to 20px

global blockquote element:

1. set the background-color to #FFE597

ul element:

1. set the list-style-type to square

global a element:

1. set the color to #7C1A00
2. set the font-weight to bold

global a:hover pseudo-class:

1. set the background-color to #FFE597