/* Marian's Favorite Recipes CSS */
/* collated by Marian in 2002 */
/* coded for Web by Marian's daughter in 2008 */


body {width: 90%; text-align: center; margin: 0px auto; padding: 0px;}
h1,h2,h3,h4,h5,h6 {margin: 0px; padding: 0px;}
#header {background-color: red; font-family: fantasy; font-size: 20pt;}
#index {border: dotted blue 1px;; position: relative; float: left; width: 149px; font-size: smaller;}
ul {list-style-type: none; text-align: left; margin-left: 0px; padding-left: 0px;}
ul li { margin-left: 10px;}
table {width: 99%; padding: 0px; border: solid red 1px;}
#mainContent {margin-left: 151px;background-color: silver;}
.recipeLinks {font-size: smaller;margin: 5px 0px;}
.recipeTitle{background-color: orange;}
.recipeSource {background-color: teal;}
.ingredients {background-color: #ffe7ba; width: 28%; vertical-align: top; border-bottom: dotted blue 1px;}
.ingredients ul {list-style-type: none; text-align: left; margin-left: 0px; padding-left: 0px; font-size: smaller;}
ul li {margin-left: 10px;}
.instructions {background-color: #ff0000; vertical-align: top; border-bottom: dotted blue 1px; width: 70%}
.instructions p {text-align: left; margin-left: 20px;}
.return {text-align: right; font-size: smaller;}
#footer {border: solid blue 1px; clear: both; font-size: smaller;}
#footer p {margin: 0px;}
#contactInfo {background-color: yellow; clear: both;}
#dateInfo {font-variant: small-caps; font-size: smaller; background-color: green;}
.bio, .web {text-align: left; margin: 20px;}
.bio a {font-size: larger;}
.bio p, .web p { background-color: #cccffc;}
.name {color: red; font-weight: bold; font-size: larger;}
.husband {color: blue; font-weight: bold;}
.child {color: purple; font-weight: bold;}
/* .printRecipe {@ media {printRecipe.css}} */
/* CHALLENGE: How do I create a button that will print each recipe/table separately? */