body{margin:0px 0px 0px 0px;font-family:trebuchet ms, verdana, sans-serif;background-color:white;}

h1  { font-size: 14px; padding-top: 10px }
h2 {color: green; font-size:18px;}
h3 {font-size:24px;font-weight:bold; padding-top:10px;}
a{text-decoration:none}
a:hover{border-bottom:dashed 1px green}
p { font-size: 12px; line-height:22px;}
@media all {
#leftcontent { background-color: white; margin-right: 15px; margin-top; 20px; padding: 0; width: 72%; float: left; border-top: 0 dashed #000; border-right: 2px dashed #000; border-bottom: 0 dashed #000 }
}
@media handheld {
  #leftcontent{border-right:0px dashed #000;float:none;margin:0 5% 0 5%;width:90%;}
}
@media all {
  #rightcontent{font-size:12px;height:100%;margin-left:0px;text-transform:none;padding-right:10px;background-color:white;}
}
@media handheld {
  #rightcontent{margin:0 5% 0 5%;}
}
#rightcontent img  { text-align: center; margin: 20px; width: 100px }
ul { list-style-type: none }
ul li { list-style-type: none; margin-left:-40px; font-size:12px; }
#recipe h1  { color: green; font-size: 24px; margin-bottom: 10px }
#recipe h2    { color: gray; font-size: 12px; font-weight: lighter }
#recipe h3   { color: green; font-size: 18px; margin-bottom: 10px }
#recipe p { font-size: 12px; line-height:22px; margin-right:10px; }
#recipe img  { text-align: right; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; width: 200px; float: right }
#ingredients { }
#ingredients ul   { text-align: left; margin-left: 16px }
#ingredients ul li    { font-size: 12px; list-style-type: disc; margin-bottom: 3px }
#directions { }
#directions ol  { margin-left: -20px; margin-right: 10px; }
#directions ol li  { font-size: 12px; margin-bottom: 10px }
#pattern h1 { color: green; font-size: 24px; margin-bottom: 10px }
#pattern h2 { color: gray; font-size: 12px; font-weight: lighter }
#pattern h3 { color: green; font-size: 18px; margin-bottom: 10px }
#pattern p { font-size: 12px; line-height:22px; margin-right:10px; }
#pattern img  { text-align: right; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; width: 200px; float: right }
#materials ul  { text-align: left; margin-left: 48px }
#materials ul li  { font-size: 12px; list-style-type: disc; margin-bottom: 3px }
#instructions ul   { text-align: left; margin-right: 10px; }
#instructions ul li  { font-size: 12px; list-style-type: none; margin-bottom: 10px }


