/* 
The following two rules govern overall width.

div.all {max-width: 58em;}

@media (max-width: 60em) {
img {width: auto; height: auto;}
}
 */

p.headerfooter {font-size: larger; text-align: center; line-height: 1.5; border: 4px solid rgba(0, 128, 0, 1); background-color: rgba(204, 255, 255, .50); padding: 1em;}

div.headerfooter {font-size: larger; text-align: center; line-height: 1.5;}

p.image {text-align: center;}

p.caption {text-align: center; font-style: italic; width: 85%; margin: -.75em auto 1.5em auto;}

p.ingredient {margin: 0 0 0 5%; text-indent: -5%;}

div.Annebox {border: 1px solid black; padding: 1em 0; clear: both;}

div.writing p {text-indent: 5%; line-height: 1.5; margin: 0 5%;}

div.bookrow {text-align: center; width: 90%; margin:auto; max-width: auto; border: 2px solid rgba(0, 0, 255, 1); background-color: rgba(204, 204, 255, .50);}

img.left {float: left; margin: 0 1em 1em 0;}

img.right {float: right; margin: 0 0 1em 1em;}

h1, h2, h3 {text-align: center;}

h4.returnlink, p.returnlink {text-align: center;}

table.video {background-color: rgba(204, 204, 255, .50);}


/* LINKS */

a:link {color: revert;}

a:visited {color: revert;}

a:active {color: revert;}