/*
 * started : 12-NOV-2018
 * updated : 18-NOV-2018
 */

/*
 * CSS styles intended for the cookery section of the website.
 */

.recipe
{
	width: 1000px;
	margin: auto;
}

.cookery_summary
{
	display: flex;
	justify-content: flex-start;
	border: 1px solid blue;  /* For debugging */
}

.ingredients
{
	display: flex;
	justify-content: center;
	border: 1px solid red;  /* For debugging */
}

.ingredient_list
{
	margin-right: 10px;
}

.method
{
	border: 1px solid green;  /* For debugging */
}

.method ol
{
   /* I've added padding to the unsigned list, because otherwise,
	 * rather incongruously, the bullets appear outside the
	 * left-hand edge of my margin. */
	padding-left: 3rem;
	/* list-style-position: inside; */
}

.cookery_notes
{
	width: 600px;
}