/* @override 
	https://george.merseine.nu:1600/library/css/blog.css
	http://www.hoboes.com/library/css/blog.css
*/

body {
	min-width: 58em;
}

/* @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;
}
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;
}
/* @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;
}
/* @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;
	text-align: center;
}

div.maintext {
	clear: both;
}
/* @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;
	font-size: 75%;
	clear: both;
	padding-left: 1ex;
	padding-right: 1ex;
	margin-left: 1em;
	margin-top: .7em;
}

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.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;
}
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;
}
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;
}
li.current a {
	color: white;
}
div#sidebar div#search {
	padding-left: 1em;
}
div#sidebar li a {
	text-decoration: none;
}
/* @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.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 */

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 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.commentary {
	border-top-style: inset;
	border-top-width: .1em;
	width: 80%;
	margin-left: auto;
	font-style: italic;
}
div.commentary p {
	margin-top: .2em;
}

div.triple, div.double {
	clear: both;
}
div.triple img, div.double img {
	width: 33%;
	height: auto;
	vertical-align: top;
}
div.double img {
	width: 49%;
}
/* @end */

/* @group Recipe */

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

div.ingredients {
	float: left;
	width: 40%;
	margin-right: 10%;
	padding-right: 1em;
	border: inset .1em;
	background-color: #FDC82F;
}
div.ingredients, div.steps {
	font-size: 92%;
}
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;
}
/* @end */