/***********************************************************
 www.charlesperry.info
 
 styles.css

 this file is loaded by all pages in this site

 by charles perry

 last updated  july 2020
***********************************************************/


/* Set the default font */
body
{
    font-family: Arial, sans-serif;
    font-size: 100%;
}


/* Set other fonts */
.bold-font
{
    font-weight: bold;
}


.italic-font
{
    font-style: italic;
}


.underlined-font
{
    text-decoration: underline;    
}


/* Styling for web links */
a:link
{
    color: blue;
}


a:visited
{
  color: blue;
}


/* Styling for <figure> elements */
figure
{
    margin-left: 0;
}


/* Styling for <div> elements */
.nav-button-div
{
    margin-top: 1.2em;
    margin-bottom: 1.5em;
}


/* Styling for the main page header */
.page-header
{
    margin-bottom: 0;
}


/* Styling for text */
.email-address-format
{
    color: blue;
    text-decoration: underline;
}


.web-url-format
{
    color: blue;
    text-decoration: underline;
}


/* Styling for <button> elements */
.nav-button
{
    display: inline;
    font-family: Arial, sans-serif;
    font-size: 120%;
}


/* Styling for a bulleted list */
.bulleted-list
{
    /* No list style required - we use our own bullet character */
    list-style-type: none;
    
    /* Use a large font for readability */
    font-size: 150%;
}


/* Add our custom bullet */
.bulleted-list > li::before
{
    content: "●";
    padding-right: 4mm;
}


/* Leave a space between the list items */
.bulleted-list > li
{
    margin-top: 6mm;
    margin-bottom: 6mm;
}


/* Styling for a numbered list */
ol.numbered-list > li
{
    font-weight: bold;
    margin-top: 5mm;
}


ol.numbered-list > li > ul > li
{
    font-weight: normal;
    list-style-type: square;
}


/* Styling for a list of links */
.list-of-links
{
    list-style-type: none;
    padding-left:0;
}


/*************************************************
 * Styling for a fairly simple table, used in
 * several pages for display of tabular data.
 *
 * A consistent design of table
 *************************************************/

table.basic-table
{
    /* Layout is determined by code, not content */
    table-layout: fixed;

    /* Set borders to collapse */
    border-collapse: collapse;

    /* Border is not necessary around the table itself */
    border: none;
}


/* Style the caption (if there is one) */
table.basic-table > caption
{
    border: 1px solid black;
    text-align: center;
}


/* Table headings - set the border and the background color */
table.basic-table > thead > tr > th
{
    /* Set the border */
    border: 1px solid black;

    /* Set the background color */
    background-color: aqua;
}


/* Table data rows - set a border */
table.basic-table > tbody > tr > td
{
    border: 1px solid black;
}


/* Set the shading color */
table.table-shading-background-color
{
    background-color: lightgray;
}


/* End of file */