body {font-family: Arial; font-size:100%; text-align:left;}
p {font-size:.9em; text-align:center;}
a {text-decoration:none}

.nav {position:absolute; top:20px; left:30px; width:176px; height:350px;  text-align:center;}
.nav .nextprev{position:absolute; top:300px; left:0px;  height:1.5em; width:100%; font-size:1.0em; }
.nav .nextprev .prev {position:absolute; left:22px;}
.nav .nextprev .pagename {font-size:.80em;}
.nav .nextprev .pagename:before {content:"Page "}
.nav .nextprev .next {position:absolute; right:24px;}
.bodytext {clear:left; top:10px; margin:5px 150px 0px 225px;}
.footer {position:static; clear:both; text-align:center; margin-top:110px; height:20px; width:100%; border:0px solid red;}
.toc {position:absolute; top:110px; left:0px; width:100%; text-align:center; font-size:1em; }
.alignleft {text-align:left;}
.alignright {text-align:right;}
.floatleft {float:left;}
.floatright{float:right;}
.smallgray{color:gray;font-size:.7em;font-weight:normal;}
.padleft {padding-left: 10px}

.splashpage{position:absolute;left:50%; top:5px;margin-left:-170px;width:347px; height:586px; text-align:center;}
.splashpage .splashcontent {position:absolute; top:245px; left: 45px; width:250px; font-size:1.0em;}
.splashpage .splashmessage{font-size:1.20em; color:gray; font-weight:bold;}
.splashpage .splashcontent .sitenav {margin-top:130px;}
.splashpage .splashcontent a{font-size:.95em;}
.splashpage .splashcontent p{margin: 8px 0px 2px 0px;}
.recipelist{position:absolute; top:600px; left:25%; width:50%; font-size:.85em; text-align:center;}

.dedication{top:20px; font-size:1.5em; text-align:center; line-height:110%;  border:0px dotted black }
.dedication .header {font-weight:bold; color:black; font-variant: small-caps;}
.dedication p {color:#333}

.recipe{clear:left; margin-top:32px; font-size:.8em;}
.recipe .name {font-size:1.5em; font-weight:bold;  text-align:center; color:black; font-variant: small-caps;}
.recipe .ingredient{clear:left; margin-top:2px; color: black;}
.recipe .instructions{clear:left; margin-top:20px;}
.recipe .yield{clear:left; margin-top:10px;}
.recipe .contributor{clear:left; text-align:right; margin-top:10px; margin-right: 120px; font-size:.75em; font-weight:bold;}
.recipe .component {clear:left; float:left; margin:10px 10px 10px 0px;}
.recipe .component .name {font-size:1em; font-weight:bold;  text-align:left; color:black; font-variant: small-caps;}
.recipe .component .ingredients {clear:left; margin-top:2px; color: black;}
.recipe .component .instructions {clear:left; margin-top:20px;}
.recipe p{text-align:left; margin-left:12px;}
.recipe p.addedverticalspace{margin-top:50px;}

.index {width:38em; margin-top:10px; font-size:1.0em; text-align:center; }
.index .indexname {font-size:1.5em; font-weight:bold;  text-align:center; color:black; font-variant: small-caps; margin-bottom:8px;}
.index .indexitem {display:block; width:99%; margin-top:7px; float:left; font-size:.9em;}
.index .name {float:left; font-weight:600; font-size:1.1em;}
.index .name a{text-decoration:none;}
.index .name a:link {color:#000000;}      /* unvisited link */
.index .name a:visited {color:#000000;}  /* visited link */
.index .name a:hover {color:#000000;}  /* mouse over link */
.index .name a:active {color:#000000;}  /* selected link */
.index .contributor {clear:left; margin-left:0em; float:left; text-align:left; color:gray; font-size:.75em; }
.index .contributor:before {content:" (contributed by "}
.index .contributor:after {content:")"}
.index .page {float:right; text-align:right;  font-size:.95em; }
.index .recipegroupheader {width:100%; color:black; margin-top:15px;  margin-bottom:1px;  border-top:1px dotted black}
.indexsortlinks{width:99%; margin-top:0px; margin-bottom:10px; font-size:.8em; text-align:center; font-weight:normal; }

.tableofcontents {clear:left; margin-top:32px; width:95%;}
.tableofcontents .name {font-size:1.5em; font-weight:bold;  text-align:center; color:black; font-variant: small-caps;}
.tableofcontents .tocLine{clear:left; position:relative; height:1.2em; margin-top:45px; color:black; border-bottom:1px dotted black;}
.tableofcontents .tocLineItem{float:left;  font-size:1.2em;}
.tableofcontents .startpage{float:right;  font-size:1.2em;}

.footer {position:relative; float:right; bottom:2em; left: 15px; color:gray; font-size:.75em;}