/* Migrations.css */
@import url("reset.css");

/* Fonts */
@font-face { 
	font-family: "dropcap-font";
	/*src: url("/theme/images/Gingerbread.ttf");   /* NOT GPL COMPATABLE */
	/*src: url("/theme/images/Vinque.ttf");        /* NOT GPL COMPATABLE */
	src: url("/theme/images/BlackChancery.ttf"); /* Public Domain */
}
@font-face {
	font-family: "title-font";
	src: url("/theme/images/BlackChancery.ttf"); /* Public Domain */
}
@font-face {
	font-family: "banner-font";
	src: url("/theme/images/Vinque.ttf");        /* NOT GPL COMPATABLE */	
}

body {
	background: #CD853F;
	background:	url("/theme/images/paper.png"),
							linear-gradient(to bottom, rgba(222,174,100, .7), rgba(222,174,100, .95) 15em),
							url("/theme/images/mapHerodotWorld.png"),
							rgb(222,174,100);
	margin: 2em 5% 2em;
	font-size: 100%;
	font-family: "serif";
	line-height: 1.6;
}

/* Images shalt not be larger than their containers, nor shall they be distorted. So say we all.*/
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

/* Quotes Nonsense */
blockquote, q {
	quotes: "“" "”" "‘" "’";
}
blockquote:before, q:before {
	content: open-quote;
}
blockquote:after, q:after {
	content: close-quote;
}

a {
	color: midnightblue;
	text-decoration: none;
}



/* Site Header */
#banner {
	text-align: center;
}
#banner h1 {
	font-family: "banner-font";
	font-size: 350%;
}
#banner :link,
#banner :visited {
	color: black;
	text-decoration: none;
}


/* Menu */
#menu {
	font-family: "title-font";
	font-size: 1.3em;
	margin-top: 1em;
	margin-bottom: 2em;
	
	clear: both;
	display: inline-block;
	
	border-bottom: 2px solid black;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

#menu > ul > li {
	display: inline;
	white-space: nowrap;
	margin: 1em;
	
	padding: 0 1.9em;
	background: url("/theme/images/thistle-l.png") no-repeat center left,
							url("/theme/images/thistle-r.png") no-repeat center right;
	background-size: 1.8em;
}

#menu a {
	color: black;
}



/* Title of blog posts. */
.entry-title{
	font-family: "title-font";
	font-variant: normal;
}

.page-title{
	font-family: "title-font";
	font-variant: normal;
}

time {
	font-size: 80%;
	font-variant: small-caps;
}


/* Lists in the main text. */
main ul {
	list-style: none;
	margin-left: 0;
	margin-bottom: 0.5em;
	padding-left: 2em; /* Indent wrapped text.*/
	text-indent: -2em;
}
main ul li:before {
	content: "\BB"; /* » */
	padding-right: 0.3em;
}
main ol {
	padding-left: 2em;
}


/* "Normal" links. */
main a:visited {
	color: midnightblue;
}
main a:hover,
main a:focus,
main a:active {
	color: midnightblue;
}


main p {														/* "Normal" paragraphs. */
	margin-top: 1em;
	margin-bottom: 1em;
	text-indent: 1.5em;
	text-align: justify;
}
main p.poetry {											/* Poetry paragraphs. */
	text-indent: 0;
	padding-left: 3em;
}
main p.noindent {
	text-indent: 0;
}
main p.dropcaps{										/* Dropped-capped paragraphs. */
	text-indent: 0;
}
main .dropcaps:first-letter {				/* The drop-cap itself. */
	font-size: 400%;
  font-family: "dropcap-font";
	line-height: 0.5;
}

/* Headings in the main text. */
main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
	font-variant: small-caps;
	font-weight: bold;
}
main h1 a,
main h2 a,
main h3 a,
main h4 a,
main h5 a,
main h6 a {
	color: black;
}
main h1 {
	font-size: 150%;
}
main h2 {
	font-size: 140%;
}
main h2 {
	font-size: 130%;
}
main h3 {
	font-size: 120%;
}
main h4 {
	font-size: 110%;
}
main h5 {
	font-size: 100%;
	font-weight: normal;
}
main h6 {
	font-size: 90%;
	font-weight: normal;
}



/* Alignment in main text. */ 
main .alignleft {
	display: inline;
	float: left;
	clear: left;
	margin-right: 1em;
	max-width: 30%;
}
main .alignright {
	display: inline;
	float: right;
	clear: right;
	margin-left: 1em;
	max-width: 30%;
}
main .aligncenter {
	max-width: 30%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}



/* Image Stuff */
main figure {
	padding: .5em .5em .1em .5em; /* Bottom needs to be smaller to look even, Why? I don't know. */
	border: 1px solid;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}

main figure figcaption {
	font-style: italic;
	margin-top: .5em;
}

img.icon {
	vertical-align: middle; 
	height: 2em;
}




/* Article */
article {
	margin-top: 1em;
	overflow: hidden; /* To contain any floating objects that may poke out the bottom. */
}

article .entry-content + footer {
	margin-top: 1em;
	border-top: solid 1px;
	clear: both;
}
article .post-info abbr,
article .post-info address {
	display: inline;
}


div.comment header {
	font-weight: bold;
	font-size: 120%;
	font-variant: small-caps;
}


hr {
	clear: both;
	border: 0;
	height: 4em;
	
	background: url("/theme/images/swirlycue.png") no-repeat top center;
	background-size: contain;
}
hr.quill {
	clear: both;
	border: 0;
	height: 8em;
	
	background: url("/theme/images/quill.png") no-repeat top center;
	background-size: contain;
}


#pageFooter {
	clear: both;
	margin-top: 2em;
}

nav.paginator {
	font-family: "title-font";
	font-size: 200%;
	font-weight: lighter;
}
nav.paginator ul {
	list-style: none;
}
nav.paginator ul li {
	display: inline;
}

#pageFooter #about {
	margin-top: 2em;
	border-top: solid 2px;
}