/* CSS Style Sheet for the Week 2 Homework 2 Assignment */
/* Greg Buchmann */



/* Rothenburg-Decorative WebFont family from https://www.fontsquirrel.com/ */

@font-face {
font-family: 'Rothenburg-Decorative';
src: url( '../fonts/Rothenburg-Decorative/rothenbg.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-stretch: normal;
}


/* Raleway WebFont family from https://www.fontsquirrel.com/ */

@font-face {
font-family: 'Raleway';
src: url('../fonts/raleway/Raleway-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-stretch: normal;
}



/* RougeScript WebFont family from https://www.fontsquirrel.com/ */

@font-face {
font-family: 'RougeScript';
src: url('../fonts/rouge-script/RougeScript-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-stretch: normal;
}


/* Html Body selector */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}



/* Html Table selector */

table {
border: none;
width: 750px;
padding: 0;
margin: auto;
}



/* Html H1 Header selector */

h1 {
font-family: 'Raleway', Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
font-variant: small-caps;
color: #0066cc;/*cool blue*/
}



/* Html H3 Header selector */

h3 {
color: #191970;/*midnight blue*/
font-size: 26px;
font-weight: normal;
font-variant: small-caps;
}


/* Html H4 Header selector */

h4 {
font-family: 'RougeScript', Arial, Helvetica, sans-serif;
color: #000000;/*black*/
font-size: 24px;
font-style: normal;
font-weight: bold;
font-variant: small-caps;
}


/* Html hr horizontal rule selector */

hr {
border: none;
border-top: 1px solid #000000;/*the border*/
height: 2px;
}


/* Html img image selector */
/*image style*/

img {
float: right;
border: 2px solid #000000;
border-right: 4px solid #000000;
border-bottom: 4px solid #000000;
margin: 0px 5px 10px 10px;
}



/* Style all descendents of the paragraph tag to be BOLD */

p * {
font-weight: bold;
}



/* Style all paragraphs that are siblings and follow another with grey color */

p + p {
color: grey;
}


/* Style the first letter of the first paragraph with Rother-Decorative stylized script font ( if available ) */

p:first-of-type::first-letter {
font-family: 'Rothenburg-Decorative', Arial, Helvetica, sans-serif;
color: blue;
font-size: 48px;
}



/* Html a anchor selectors */
/* hyperlink styles */

/* link and dynamic types */

a:link {
color: #0066cc;/*cool blue*/
}

a:visited {
color: red;
}

a:hover {
text-decoration: none;
color: orange;
font-weight: bold;
}

a:active {
text-decoration: underline;
color: #0066cc;/*cool blue*/
}

/* structural and other ( lang ) types */

nav a:first-of-type {
color: black;
}

a:lang(fr) {
color: green;
}




/* class selectors */

/* emphasis 1 */

.emphasis1 {
padding: 3px 3px 3px 3px;
border: 3px black solid;
margin: 6px 6px 6px 0px;
}


/* emphasis 2 */

.emphasis2 {
padding: 2px 2px 2px 2px;
border: 2px black solid;
margin: 5px 5px 5px 0px;
}


/* id selectors */

/* copyleft 1 */

#copyleft1 {
font-size: 12px;
font-style: italic;
text-align: left;
}


/* copyleft 2 */

#copyleft2 {
font-size: 16px;
font-style: oblique;
text-align: left;
}