/*=====
    CSS for Week 8 - Lecture 2 examples

    assumption: this follows a link to normalize.css

    by: Sharon Tuttle
    last modified: 2016-03-09
=====*/

/*--
    give the body a little left and right margin
--*/

body
{
    margin-left: 1em;
    margin-right: 1em;
}

/*--
    center the form's fieldset, and add a little space
    on the inner bottom AND outside bottom
--*/
    
fieldset
{
    width: 20em;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: .3em;
    margin-bottom: .3em;
}

/*-- so the fieldset's legend text fits on one line...! --*/

legend
{
    font-size: 90%;
}

/*-- make the labels (and their textfields) line-up nicely --*/

label
{
    float: left;
    text-align: right;
    width: 8em;
    margin-right: 0.5em;
}

/*-- put a LITTLE space between the textfields --*/

input
{
    margin-bottom: 0.3em;
}

/*-- and LESS space under the form's submit button --*/

input[type="submit"]
{
    margin-bottom: 0;
}

/*-- use a div to allow centering of the form's submit button --*/

div.submit
{
    margin-left: auto;
    margin-right: auto;
    width: 6em;
}

/*-- 
    put a tasteful border on the results' table,
    not TOO close to the table contents
--*/

table, tr, th, td
{
    border: thin solid black;
    padding: 0.25em;
}

/*-- and right-justify just the numeric columns --*/

td.numeric
{
    text-align: right;
}

/*-- 
    make the footer less obtrusive (while still including it) 
--*/

footer
{
    font-size: 0.5em;
}

/*-- end of lect08-2.css --*/