/* Created using Style Master from Western Civilisation CSS1 { 238 6 451 409 } */
/* Basic text selectors */

body
{background-color: white;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:  1em}

p
{font-size:  1em}

h1
{background-color: black;
border: thin #fbaf0c solid;
color: #fbaf0c;
font-size:  1.5em;
font-weight: bold;
padding-bottom:  1em;
padding-left:  1em;
padding-top:  1em}

h2
{font-size:  1.3em;
font-weight: bold}

h3
{font-size:  1.2em;
font-weight: bold}

h4
{font-size:  1.1em;
font-weight: bold}

strong
{font-style: oblique;
font-weight: normal}

em
{font-style: normal;
font-weight: bold}

q
{font-style: italic}

blockquote
{background-color: black;
border: thin black solid;
color: white;
font-weight: bold;
padding-bottom:  .5em;
padding-left:  .5em;
padding-right:  .5em;
padding-top:  .5em}

cite
{margin-left:  25%}

/* These are for the recipes page */

.description
{font-weight: bold}

.serves
{text-decoration: underline}

.ingredients
{background-color: #00a0c6;
border: thick black solid;
margin-left:  20%;
margin-right:  20%;
padding:   3%}

.method
{background-color: #fbaf0c;
border: thick black solid;
margin-bottom:  3%;
margin-top:  3%;
padding:   3%}

.step
{}

/* These are for the links */

a:link
{}

a:visited
{}

a:active
{}

a:hover
{}

/* Gets rid of default borders around linked images. */

a:link img {border: none;}

a:visited img {border: none;}

a:hover img {border: none;}


/* These are for the tables on the books page and also the spice info pages */

table
{background-color: black;
border: thin black solid;
font-size:  1em;
height:  200px;
margin-bottom:  3%;
width:  100%}

td
{background-color: black;
border: thin #fbaf0c solid;
color: #fbaf0c;
font-size:  1em;
font-weight: bold;
margin:   0px;
padding:   1%;
width:  25%}

table img
{border:  1px black solid}

/* This is to make the text area whre they enter their recipe larger than the default */

textarea
{height:  10em;
width:  50%}