CSS

CSS code

h1{color:#c00;
margin-left:30px; font-family:times;
font-size:200%; font-style: italic;

}

body{background:#ffc; font-style: italic;
font-size:125%

}

p {color:#600;font:italic bold 20px times

}

a:link{color:darkgreen}
a:visited{color:gold

}
a:hover{color:gold

}

ul{color:black

}
ul li{list-style-type: circle;color:#c00

}

#box1{
border-bottom: 1px solid gray;
width: 400px;


}

#box2{padding: 5px;
font: italic bold 15px times, sans-serif;
border: 5px solid;
border-color:#600;
background: #993;
width: 75em;

}

a.uniquelink:link{padding: 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
border: 2px solid;
border-color: #633 #630 #630 #633;
background:#c93;
width: 12em;
color:#633
}
a.uniquelink:hover{color:#ff9

}

To to this project, I first changed all the colors around to see what i what everything was. I then went on w3school.com and played around with the different ideas. After that I used Listamatic to find different list ideas. After I found a few I liked I put them into the code and messed with them till I liked the outcome. I then made some minor adjustments and called it done.