@font-face {
	Font-family: "Cormorant Infant";
	src: url("fonts/CormorantInfant-SemiBold.ttf");
	Font-weight: normal;
}

body {
	Margin: 0;
	Padding: 0;
	Font-family: "Cormorant Infant", serif;
	Font-size: 14pt;
}

header, nav {
	Text-align: center;
	Border-width: 0.5ex;
	Border-bottom-style: ridge;
	Padding-bottom: 1ex;
	Margin-bottom: 1ex;
}

header form { Position: relative; Top: -1ex; }
nav ul { Margin: 0; Padding: 0; }
nav li { Display: inline-block; Padding: 1ex; }

div.body-text { Display: table; Width: 100%; Border-spacing: 2em 3ex; }

main, aside {
	Display: table-cell;
	Border-width: 0.5ex;
	Border-style: ridge;
	Margin: 1em 2.5%;
	Padding: 1em 2.5%;
	Line-height: 1.5em;
}
main { Width: 70%; }
aside { Width: 30%; }

footer {
	Text-align: center;
	Border-width: 0.5ex;
	Border-top-style: ridge;
	Padding: 1ex;
	Margin-top: 1ex;
}

@media (max-width: 720px) {
	div.body-text, main, aside { Display: block; Width: auto; }
}

h1 { Font-size: 2em; }
h2 { Font-size: 1.5em; }
h3 { Font-size: 1.3em; }

h1, h2, h3 { Font-weight: bold; Letter-spacing: 0.1em; }

body {
	Background-color: #663931;
	Color: #eec39a;
}
header, nav, main, aside, footer { Border-color: #fbf236; }
main, aside {
	Background-color: #eec39a;
	Color: #222034;
}
nav a, header a, footer a, h1 {
	Color: #fbf236;
	Font-weight: bold;
	Letter-spacing: 0.1em;
	Text-decoration: none;
	Text-shadow: 0.1ex 0.1ex 0 #222034;
}
nav a:hover, header a:hover, footer a:hover { Color: #fff; }

input { Background-color: #eec39a; }
input, button {
	Font-family: "Cormorant Infant", serif;
	Font-size: 12pt;
	Color: #222034;
	Border-color: #fbf236;
	Padding: 0.5ex 1ex;
	Font-weight: bold;
}
button {
	Background-color: #663931;
	Color: #fbf236;
}

main a, aside a { Color: #306082; }
main a:hover, aside a:hover { Color: #5b6ee1; }
main a:active, aside a:active { Color: #639bff; }
main a:visited, aside a:visited { Color: #76428a; }

/* PmWiki-specific classes */
a.urllink { Font-variant: small-caps; }