body {
	min-width: 48em;
}

/* @group Banner */

div.title {
	text-align: center;
}
div.title h1 {
	margin-top: 0;
	font-size: 380%;
	margin-bottom: 0;
}
div.title p, div.title ul, ul.twitter a, div.title p a {
	font-style: italic;
	margin-top: 0;
	color: burlywood;
}
div.title h1 a {
	color: black;
}
div.title img {
	border: none;
}
div.title blockquote {
	width: 68%;
	margin: auto;
}

img#leftlogo, img#rightlogo {
	width: 10%;
	/* vertical-align: middle; */
	padding: 0;
}
img#leftlogo {
	padding-right: .1em;
	float: left;
}
img#rightlogo {
	padding-left: .1em;
	float: right;
}

ul.twitter {
	list-style-type: none;
	width: 60%;
	margin: auto;
	text-align: justify;
	margin-bottom: .4em;
}

ul.twitter li {
	padding-bottom: .2em;
}

ul.twitter li+li {
	padding-top: .2em;
	border-top: inset .1em;
}

ul.marquee {
	text-align: center;
	width: 70%;
}

ul.marquee li {
	display: inline;
}

ul.marquee li+li {
	padding-left: 1.5em;
	border-top: none;
}

/* @end */

/* @group Index */
dl.children dt, dl.children dd {
	padding-left: 0;
}

dl.children dt {
	border-width: .2em;
	border-color: #77AA77;
	border-style: double;
	border-left: none;
	border-right: none;
	border-bottom-style: dashed;
	border-bottom-width: .05em;
	margin-top: .7em;
	clear: both;
	text-indent: 0;
	background-color: #FDC82F;
	margin-bottom: .5em;
}
div.blurb dl dt {
	clear: none;
}
dl.children dd p {
	margin-top: 0;
}

dl.children dl dt {
	border: none;
	background-color: inherit;
	font-size: 100%;
	font-style: italic;
	font-variant: small-caps;
}
div#main p.morelink {
	margin-top: 1em;
	margin-bottom: 0;
	text-align: center;
}

div.upload {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
div.upload object {
	width: 100%;
	height: 32em;
}

/* @end */

/* @group Article */

div#content {
	clear: both;
	border-top: solid 1px black;
}

div#content h1 {
	margin: 0;
	font-size: 180%;
}

div#main p {
	text-align: justify;
}

div#main p.author, div#main p.caption {
	margin: 0;
	padding-left: .1em;
	padding-right: .1em;
	text-align: center;
}

div.maintext {
	clear: both;
}

span.snark {
	text-decoration: line-through;
}

/* @end */

/* @group Article Specials */

/* @group Spoiler */
div.spoiler {
	border-style: dashed;
	border-width: .1em;
	border-color: #77AA77;
	border-left-style: none;
	border-right-style: none;
}
div.spoiler:before, div.spoiler:after {
	display: block;
	text-align: center;
	background-color: #FDC82F;
}
div.spoiler:before {
	content: "begin spoiler (use cursor to display)";
}
div.spoiler:after {
	content: "end spoiler";
}

div.spoiler div.spoils {
	display: none;
}

div.spoiler:hover div.spoils {
	display: block;
}

div.spoiler:hover div.unspoils {
	display: none;
}
div.spoiler:hover:before {
	content: "begin spoiler";
}

/* @end */

/* @group Question-Answer */

div.letters {
	border-style: dashed;
	border-width: .2em;
	border-color: #FDC82F;
	border-left-width: 0;
	border-right-width: 0;
}

p.question {
	font-style: italic;
}

p.answer {
	margin-left: 1em;
}

/* @end */


/* @end */


/* @group Pullouts */

div.sidebar {
	background-color: #FDC82F;
	float: right;
	max-width: 38%;
	border-width: .15em;
	border-color: black;
	border-style: double;
	clear: both;
	padding-left: 1ex;
	padding-right: 1ex;
	margin-left: 1em;
	margin-top: .7em;
}

div.sidebar, div.sidebar table {
	font-size: 78%;
}

div.sidebar.even {
	float: left;
	margin-left: 0;
	margin-right: 1em;
}

div.sidebar h3 {
	margin-top: .15em;
	margin-bottom: .3em;
}

div.sidebar p {
	margin-top: .3em;
	margin-bottom: .3em;
}

div.sidebar p + p {
	margin-top: .6em;
}

div.sidebar table {
	margin: auto;
}

div.sidebar ul.twitter {
	width: 100%;
	padding: 0;
	color: black;
}
div.sidebar ul.twitter a {
	color: inherit;
}

div.example {
	width: 60%;
	margin: auto;
	float: none;
}

div.example.smaller {
	width: 36%;
}

div.icon {
	width: 16%;
}

div.maintext blockquote {
	font-style: italic;
}
div.maintext blockquote em {
	font-weight: bold;
}

div.countdown {
	text-align: center;
	padding: .5em;
}
div.countdown span.target {
	white-space: nowrap;
}

/* @group long quote */
div.longquote {
	border: inset .1em;
	padding-left: .5em;
	padding-right: .5em;
}
div.longquote p:first-child {
	margin-top: .5em;
}
/* @end */


/* @end */

/* @group stats */
table.results td {
	text-align: right;
	width: 1.5em;
}
table.summary td {
	text-align: center;
}
table.results, table.summary {
	margin: auto;
	margin-top: 1em;
	margin-bottom: 1em;
}
/* @end */

/* @group Links */

p.response {
	border-top: solid .1em;
	font-style: italic;
}

dl.linklist {
	margin-top: 0;
}
dl.linklist dd {
	margin-left: 0;
}
span.bloglink {
	font-weight: normal;
}
body#post div#links {
	padding: .5em;
	font-size: 82%;
	column-count: 2;
	column-gap: 2em;
	text-align: justify;
}
body#post div#links h2 {
	break-after: avoid;
}
div#links dl dd {
	margin-left: .6em;
}
div.linklist h2 {
	font-weight: normal;
	font-variant: small-caps;
	margin-left: -.4em;
}

ul.archive {
	list-style-type: none;
	padding-left: 1em;
}

/* @end */

/* @group Serial Progression */

ol.progression {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}
ol.progression li {
	padding: .4em;
	margin: 0;
	margin-bottom: .5em;
	background-color: #77AA77;
	border-style: inset;
	border-width: .1em;
	border-color: #444444;
	position: static;
}
ol.progression li a:link {
	color: #FDC82F;
}
ol.progression li a:visited {
	color: #DDDDDD;
}
ol.progression li.preceding {
	float: left;
	padding-left: .2em;
}
ol.progression li.succeeding {
	float: right;
	padding-right: .2em;
}
div#links {
	clear: both;
}

/* @end */

/* @group Sidebar */

div#sidebar {
	padding-left: 0;
	padding-right: 0;
	top: 1em;
}
div#sidebar h3 {
	background-color: #FDC82F;
	padding-left: .5em;
}
div#sidebar li {
	padding: .1em;
	padding-left: 2em;
}
div#sidebar li.current {
	background-color: green;
}
div#sidebar li.current a {
	color: white;
}
div#sidebar div#search {
	padding-left: 1em;
}
div#sidebar li a {
	text-decoration: none;
}

div.recentMedia {
	margin: .1em;
	padding: .2em;
}

div.recentMedia p {
	margin: .2em;
	font-size: 80%;
	font-style: italic;
	text-align: center;
}

div#sidebar img {
	width: 100%;
	height: auto;
	display: block;
}

/* @end */

/* @group Review */

blockquote.review {
	border-bottom: .1em solid black;
	font-style: italic;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: .5em;
}

/* @group Review Info */
div.reviewinfo {
	margin-bottom: 1em;
}
table.ratings, table.moreinfo, div.features {
	border: solid .1em black;
	margin: 0;
	padding: .3em;
	margin-bottom: .2em;
}
table.ratings td, table.ratings th {
	vertical-align: bottom;
}
table.moreinfo {
	width: 100%;
	clear: both;
}
div.features {
	float: right;
	margin-left: 1em;
}
div.features h3 {
	margin: 0;
	border-bottom: .1em inset grey;
	text-transform: capitalize;
	font-variant: small-caps;
}

div.infolinks {
	background-color: #FDC82F;
	float: right;
	width: auto;
	max-width: 25%;
	border-width: .15em;
	border-color: black;
	border-style: dashed;
	font-size: 75%;
	clear: both;
	margin-left: 1em;
}

ul.infolinks {
	list-style-type: none;
	padding: .5em;
	padding-top: 0;
	margin: 0;
	margin-left: 1em;
	text-indent: -1em;
}

div.infolinks h3 {
	background-color: green;
	color: white;
	margin-top: .15em;
	margin-bottom: .3em;
	padding: .1em;
	text-align: center;
}

/* @end */

/* @group Recent Purchases */

div.recentPurchases {
	width: 18%;
	min-width: 14em;
	position: absolute;
	right: 0;
	background-color: #649C62;
	border: solid 1px;
	height: 2em;
	overflow: hidden;
}

div.recentPurchases:hover {
	height: auto;
}
div.recentPurchases h2 {
	padding-left: .5em;
	margin-top: .2em;
	font-size: 120%;
}

div.recentPurchases ul {
	padding-left: 1em;
	list-style-type: none;
}

/* @end */

ul.formats, ul.links {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#main div.recommendation p {
	font-style: italic;
	text-align: right;
	margin: 0;
}

div.recommendation p.title {
	font-variant: small-caps;
	font-weight: bold;
}

ul.links li {
	display: inline;
	margin: 0;
	padding: 0;
	padding-right: .4em;
	height: 100%;
}
ul.links li+li {
	border-left: solid .1em black;
	padding-left: .4em;
}

table.reviewlist th {
	width: 28%;
	text-align: left;
}

table.reviewlist tr {
	vertical-align: top;
}
table.reviewlist td.photo img {
	width: 100%;
	height: auto;
}
table.reviewlist tr.info td {
	font-weight: bold;
}
table.reviewlist td.final {
	text-align: right;
}
table.reviewlist tr.blurb td {
	text-align: justify;
	padding-bottom: 1em;
}
tr.blurb a {
	font-style: italic;
}

table.tracks {
	float: right;
	margin-left: 1em;
	border: solid .1em;
	padding: .2em;
	font-size: 80%;
	/* this doesn't apply in either Safari or Firefox June 7 2009 */
	/* see test case "max-width for tables" in programming/html */
	max-width: 40%;
}

table.tracks tr {
	vertical-align: top;
}
table.tracks td {
	text-align: right;
	padding: 0;
}
table.tracks td+td {
	text-align: left;
	padding-left: .4em;
}

div.series {
	border: solid black 1px;
	width: 42%;
	margin-left: 10%;
	margin-bottom: 1em;
}
div.series.wide {
	width: 52%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
div.series h2 {
	font-size: 120%;
	text-align: center;
	background-color: #77AA77;
}
div.series ol {
	margin: 1em;
	padding: 0;
}
div.series li {
	font-weight: bold;
}
div.series li.current, div.series li.current a {
	color: #77AA77;
}
div.series li.future {
	color: grey;
}

div.commentary {
	border-top-style: inset;
	border-top-width: .1em;
	width: 80%;
	margin-left: auto;
	font-style: italic;
}
div.commentary p {
	margin-top: .2em;
}

/* @end */

/* @group Recipe */

div.recipe {
	clear: both;
	break-inside: avoid;
}
div.recipe.secondary {
	border: solid;
	padding: .5em;
	background-color: #FDFDE0;
}

div.recipe img {
	float: right;
	width: 33%;
	height: auto;
	border: solid black .1em;
	margin-bottom: .5em;
}
div.recipe.even img {
	float: left;
}

div.recipe h2 {
	padding-left: .5em;
	padding-right: .5em;
	border: none;
}
div.recipe.illustrated h2, div.recipe.illustrated p.recipeinfo {
	width: 64%;
}
div.recipe.illustrated.even h2, div.recipe.illustrated.even p.recipeinfo {
	margin-left: 34%;
}

p.recipeinfo {
	border: solid;
	border-left: none;
	border-right: none;
	padding: .5em;
}

div.instructions {
	clear: both;
}
div.ingredients, div.steps {
	display: inline-block;
	vertical-align: top;
	font-size: 92%;
	width: 48%;
}
div.ingredients {
	margin-right: 2%;
	border: inset .1em;
	background-color: #FDC82F;
}
div.ingredients h3, div.steps h3 {
	margin-top: 0;
	padding-left: 1em;
}

div.steps ol li {
	margin: .1em;
}
div.recipetext {
	clear: both;
	border-top: solid;
}

img.goodfood {
	position: absolute;
	right: 0;
	top: 10%;
	height: 80%;
}

div.samplerecipe {
	border: inset .1em;
	background-color: #FDC82F;
	padding: 1em;
	padding-bottom: 0;
	padding-top: 0;
}

div.samplerecipe li {
	position: static;
	list-style-type: none;
	display: inline;
}

/* @end */

/* @group comments */
/* @group form */
table.form {
	width: 80%;
	margin-left: 0%;
}

form#comment_form textarea, form#comment_form input {
	width: 100%;
}

form#comment_form textarea {
	height: 20em;
}

tr.submit td {
	text-align: center;
}
form#comment_form input.comment_submit {
	width: 15em;
}
/* @end */

/* @group display */
ul.comments {
	list-style-type: none;
	font-size: 94%;
	text-align: justify;
}
ul.comments li {
	border: solid .1em black;
	padding: .5em;
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	margin-bottom: 1em;
	background-color: #FFE;
}
ul.comments li:nth-child(even) {
	background-color: #FFD;
}
ul.comments li.highlight {
	font-weight: normal;
	background-color: #FF8;
	border-width: .2em;
}

div.comment_hash {
	position: absolute;
	left: -4.3em;
	width: 4em;
	text-align: right;
	margin-top: .9em;
}
li div.comment_hash a {
	text-decoration: none;
}
ul.comments blockquote {
	background-color: #EED;
	padding-left: .6em;
	padding-right: .6em;
	border-left: solid .2em #884;
}
ul.comments a {
	text-decoration: underline;
}
p.comment_tag {
	text-align: right;
}

/* @end */

/* @group preview */
ul.comments.preview li {
	background-color: #FFE;
}
ul.comments.preview h3 {
	text-align: center;
	border: solid .2em #3C0;
	border-left: none;
	border-right: none;
}
ul.comments p {
	margin-bottom: .5em;
}
ul.comments p.comment_tag {
	margin-bottom: 0;
	margin-top: 0;
}
span.fingerprint {
	color: #bbb;
}

p#delay_notice {
	margin-right: 0;
	}
p#delay_notice.completed {
	background-color: #3C0;
}
/* @end */
/* @end */