style.css (site1)

body {
    background-color:black;
    font-family:courier;
}
h1,h2 {
    font-family:Verdana;
    color:#4095BF;
}
h2 {
    color:#4095BF;
}
header {
    background-color:#4095BF;
    color:white;
    width:800px;
    padding:10px;
    margin-left:auto;
    margin-right:auto;
}
/*force the ordered list to appear inline, horiztonally */
nav ul li {
    display:inline-block;
    background-color:yellow;
    padding:10px;
    font-size:1.2em;
    width:15%;
    text-align:center;
    color:#000;
}
nav a {
    color:darkgray;
}
footer {
    background-color:white;
    font-size:.7em;
    width:800px;
    padding:10px;
    margin-left:auto;
    margin-right:auto;
}
/*the id is used to make layout on the center of the page*/
#wrapper {
    background-color:darkgray;
    width:800px;
    margin-left:auto;
    margin-right:auto;
    color:white;
    padding:10px;
}
/*the class to use on divs to make them appear next to each other*/
/*the width of these divs is set to be half the width of the wrapper, minus 5 for margin and 5 for padding*/
.left {
    float:left;
    display:inline-block;
    background-color:white;
    width:290px;
    margin:5px;
    padding:5px;
    clear:both;
    color:black;
    height:100%;
}
.right {
    display:inline-block;
    width:400px;
    margin:5px;
    padding:5px;
}
#notes dt {
    font-weight:bold;
    color:#4095BF;
    font-size:1.2em;
}