/* CSS document used for the third web project */
/* Author: Benjamin Fullerton
Course: ITWP-1000
File: photostyle.css */
/* Information on using external CSS style sheet is located in Chapter 3. 
Information on media queries is located in Chapter 7.
Information on tables and CSS formatting for tables is located in Chapter 8. */

html {
    margin-left: 10%;
    margin-right: 10%;
    background-color: antiquewhite;
}

nav {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-weight: bold;
}

hr {
    border-color: black;
}

h1 {
    text-align: center;
    font-family: "Comic Sans MS", cursive, sans-serif; 
}

h2 {
    text-align: center;
    font-family: "Comic Sans MS", cursive, sans-serif;
}

nav {
    text-align: center;
    font-size: 20px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;   
}

/* IDs (unique) and Classes (same) */

p.caption {
    size: 6px;
    font-style: italic;
    text-align: center;
}

div.background {
    background: url("images/corkboard.jpg") repeat;
    border: 2px solid black;
}

div.background p {
    margin: 5px;
    color: black;
    font-family: Arial, Helvetica, sans-serif
}

div.transbox {
    margin: 15px auto;
    background-color: whitesmoke;
    border: 1px solid black;
}

div.transbox_contest {
    margin: 15px auto;
    background-color: whitesmoke;
    border: 1px solid black;
    text-align: center;   
}

div.transbox p {
    margin: 10px;
    background-blend-mode: multiply;
    text-indent: 10px;
}

div.transbox script {
    text-align: center;
}