/*
Final Project
Emma Bell
5/28/16
*/

fieldset { /* sets general style of form fields such as text style, background, border and position */
    background-color: lightgoldenrodyellow;
    border: 2px solid forestgreen;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    margin: 1% 4% 10% 4%;
    width: 40%;
}
fieldset#questionaire { /*gives second form field a smaller bottom margin so the buttons are directly underneath the border */
    margin: 1% 3% 0% 3%;
}
legend { /*applies style, formatting, and padding to the legends (headings) of each field */
    color: darkgreen;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    background-color: powderblue;
    padding: 2px 0px;
    width: 100%;
}
label { /* applies style, formatting, and margins to each label */
    clear: left;
    display: block;
    float: left;
    font-size: 14px;
    color: forestgreen;
    background-color: lightgoldenrodyellow;
    margin: 1px;
    width: 35%;
}
h1 { /*formats survey instructions */
    font-weight: bold;
    font-style: italic;
    font-size: 13px;
    color: darkgreen;
    background-color: lightgoldenrodyellow;
    text-align: center;
}
h2 { /*formats survey questions */
    color: darkgreen;
    background-color: lightgoldenrodyellow;
    font-size: 16px;
    font-weight: bold;   
}
input { /*formats the user's input */
    display: block; 
    float: left; 
    font-size: 15px; 
    margin: 7px 0px;
    width: 40%;
}
input#state { /*formats size of text box */
    width: 6%;
}
input#zip { /*formats size of text box */
    width: 10%;
}
textarea { /*formats position and size of the text box */
    display: block;
    font-size: 14px;
    font-weight: bold;
    float: left;
    height: 160px;
    margin: 7px 5px;
    width: 60%;
}
form p { /* centers the button text */
    text-align: center;
    clear: left;
}
input[type="submit"], input[type="reset"], button[type="button"] { /*formats the size, font, color, and display of the buttons */
    display: inline;
    float: none;
    height: 40px;
    width: 150px;
    background-color: powderblue;
    color: darkgreen;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
}