<?xml version="1.0"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">

<xsl:template match="/">
   <xsl:apply-templates />
</xsl:template>

<xsl:template match="/">
<html>
 <head>
  <title>Trillium University Culinary School - Recipe </title>
<style type="text/css">
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; background-color: #ffffb0;}
a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #FF00FF; text-decoration: none}
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #000033; text-decoration: none}
a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #0000FF; text-decoration: none}
a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #999999; text-decoration: none}
h3: {font-size: 1.5em}
</style>
 </head>
   <body >
     <xsl:apply-templates />
   </body>
</html>
</xsl:template>



<xsl:template match="recipe">

<a href="../../index.html"><img src="../../images/tu.gif" border="0" /> INDEX</a>

<table width="100%"><tr><td>
<b>Category:</b>  <xsl:value-of select="category" />
</td>
<td align="right">
<b>Preperation time:</b>  <xsl:value-of select="prep_time" />
</td>
</tr>

<tr>
<td colspan="2"><center>
<p style="font-size: 1.25em">
   <span style="font-size: 1.2em">
     <xsl:value-of select="title" /></span>
</p>
</center></td></tr>

<tr>
<td colspan="2"><center>
<xsl:value-of select="description" />
</center></td></tr>


<tr>
<td colspan="2"><center>
<b>Cook:</b>  <xsl:value-of select="cook" />
</center></td></tr>

</table>



<xsl:apply-templates />
</xsl:template>





<xsl:template match="illustration">
<center>
   <xsl:element name="img">
      <xsl:attribute name="src">
      <xsl:value-of select="@href"/>
      </xsl:attribute>
      <xsl:apply-templates/>
   </xsl:element>
</center>
</xsl:template>






<xsl:template match="ingredients">
<h3>Ingredients:</h3>
<p>
        <xsl:for-each select="item">
  		<xsl:value-of/><br/>		
		</xsl:for-each>
</p>
</xsl:template>


<xsl:template match="directions">
<h3>Directions:</h3 >
   <p><ol>
        <xsl:for-each select="step">
  		<li><xsl:value-of/></li>
		</xsl:for-each>
  </ol>
</p>
</xsl:template>

<xsl:template match="yield">
<p>
  <b>Yield:</b>
   <xsl:value-of/><br/>
</p>
</xsl:template>

<xsl:template match="comment">
<p>
  <b>Comments:</b>
   <xsl:value-of/><br/>
</p>
</xsl:template>


</xsl:stylesheet>
