/* set the background color to the body of the page, 
removes extra space from the top of the page, 
adds a font family to ensure that their are muultiple font options 
based on what is available for the browser, 
specifies the font size and the space between lines */
body {
    background-color: #efeee7;
    margin: 0;
    padding: 0;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 18px;
    line-height: 150%;
}
/* sets the color of the text and background shading for the heading text, 
sets the margin to move text to the top of the page, 
centers the headline text, and makes the black shaded area 
bigger by adding padding, increases the font size */
h1 {
    color:#efeee7;
    background-color:#333333;
    margin: 0;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px; 
    font-size: 28px;
}
/*set the font size for the headers and subheaders */
h2 {
    font-size: 24px;
}
/*set the format for the color of links*/
a {
    color: #d21034;
}
/* sets the width, takes away margins and auto centers */
.container {
    width: 1024px;
    margin:  0 auto;
}
/*sets text next to each other by floating or 
wrapping text and setting widths of columns, moves text 
from edge of picture and sets the size of the picture*/
#main-bio,
#contact-info,
#bio-image {
    float: left;
}
#main-bio {
    width: 70%;
}
#contact-info {
    width: 30%;
}
#bio-image {
    margin-right: 20px;
    width: 200px;
    height: 200px;


}