/*=====
    CSS for dept-fun.php example

    assumption: this follows a link to normalize.css

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

/*--
    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: 21.5em;
    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 any textfields and/or
    select drop-downs
--*/

input, select
{
    margin-bottom: 0.3em;
}

/*-- and LESS space uner 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;
}

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

footer
{
    font-size: 0.5em;
}

/*-- end of dept-fun.css --*/