body {
	font-family: sans-serif;
	background: #151515;
	color: #ffeebb;
	#color: oldlace;
}



/* bold in Markdown (**text**)
strong {
    color: #11EEEE;
}
*/
    
main {
	max-width: 800px;
	margin: auto;
}

img {
	max-width: 50%;
    display: block;
    margin: auto;
}

header h1 {
	text-align: center;
    font-family: serif;
}

h2 {
    color: oldlace;
    font-family: serif;
}

footer {
	text-align: center ;
	clear: both;
    max-width: 800px;
    margin: auto;
}

a {
    color: #FFFF33;
    text-align: center;
    /*text-decoration: none;*/
}

/* Hover colour for links */
a:hover {
    color: beige;
    text-decoration: underline;
}

/* List item spacing between each item */
li {
    #margin-bottom: 1.25em;
    #margin-top: 0.5em;
}

/* > symbol in Markdown */
blockquote {
    border: solid;
    border-width: 1px;
    padding-left: 16px;
    font-style: italic;
}


/* For TAGLIST.HTML */
.taglist {
	text-align: center ;
	clear: both ;
}

/* Image preview */
.imgpreview {
    max-width: 50%;
    float: left;
    padding-right: 1em;
}

/* https://stackoverflow.com/questions/5198392/css-float-floating-an-image-to-the-left-of-the-text */
/* Block for each recipe on the main page */
.post-container {
    margin: 20px 20px 0 0;
    overflow: auto
}

.article-date {
    display: inline-block;
    font-style: italic;
    font-size: medium;
}

/* For NEXTPREV.HTML */
#nextprev {
	/* The container for both the previous and next articles. */
}
#prevart {
	float: left ;
	text-align: left ;
}
#nextart {
	float: right ;
	text-align: right ;
}
#nextart,#prevart {
	max-width: 33% ;
}