/* CSS Style Sheet for ITWP 1050 CSS Class

     Project #1
     Author: Edith Harvey
     Date: 10/24/20

     filename: styles.css

     Assignment is taking a non-css styled site and adding CSS features through embedded, in-line external style sheets.

*/

/* this creates styling for tables with colored borders and background colors */
table {
     border: medium solid #336699; /* dark blue */
     background-color: #ff9900; /* orange */
}

/* creates a doubled black border around all img tag items */
img {
     border: double #000000; /* black */
}

/* styles the li elements in lists for padding of 15px on right and 0 on the other sides */
li {
     padding-top: 0;
     padding-bottom: 0;
     padding-left: 0;
     padding-right: 15px;
}

/* I wanted the footer to be centered on the page instead of choked up with the MLB logo */
footer {
     text-align: center;
}

/* new class created for the fun facts section of the site */
.funfacts {
     font-family: Arial, Helvetica, sans-serif;
     background-color: #336699; /* dark blue */
     padding: 8px 8px 8px 8px;
     color: white;
     text-align: center;
}

/* new class for logos, so those images have no borders instead of img settings above */
.logos {
     border: none;
}

/* id selector instead of a class one */
/* an ID can only be used once on a web page, even though you can have multiple id selectors */
#content {
     background-color: #336699; /* dark blue */
     padding: 5px 5px 5px 5px;
     color: #ffffff; /* white */
     width: auto;
}

/* id selector for a "wiki" section of the site */
#wiki {
     color: #cccccc; /* grey */
     font-style: italic;
}

/* link anchor tag styles */
/* general anchor tag link */
a {
     text-decoration: underline;
     color: #000000; /* black */
     font-size: 90%;
}
/* all links before clicked */
a:link {
     color: #000000; /* black */
     text-decoration: none;
}
/* visited link style */
a:visited {
     color: #336699; /* dark blue */
     text-decoration: none;
}
/* hovering over link style */
a:hover {
     color: #ff9900; /* orange */
     text-decoration: none;
     font-weight: bold;
     font-size: 100%;
}
a:active {
     color: #ff9900; /* orange */
     text-decoration: underline;
     font-weight: bold;
}