@import "common.css";

.recipe dt { margin-bottom: 1em; }
.recipe dd { margin-left: 20px; }

.ingredients {
	float: left;
	width: 260px;
}
.ingredients dd {
	margin-left: 0;
}
.ingredients table {
	width: 260px;
	background-color: #ffd;
	font-size: 1em;
}
.ingredients td {
	padding: .2em .5em;
	border-bottom: 1px dotted #666;
	font-size: 1.2em;
}
.ingredients td.name { width: 7em; }
.ingredients p {
	margin: 0 0 .5em;
	padding-left: 1em;
	color: #f00;
	font-size: 1.2em;
	text-indent: -1em;
}
.steps {
	float: right;
	width: 390px;
}
.steps dd {
	margin-left: 0;
}
.steps ol {
	margin: 0;
	padding-left: 2em;
	font-size: 1.4em;
}
.steps li {
	margin-bottom: .5em;
	line-height: 1.1;
}
.note dt {
	margin-bottom: .5em;
}
.note dd {
	margin-left: 1em;
}
.note dd p,
.note dd ul { font-size: 1.2em; }
.note dd ul { padding-left: 1em; }