body {
	font-family: Verdana, "Sans Serif";
	background-color: #ce930b;
	color: black;
	background-image: url(background_body.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

div.parentpages {
	border: 2px solid black;
	padding: 0.25em 1em 0.25em 1em;
	margin: 60px 100px 0.5em 100px;
	background-color:#FFFFAA;
	color: black;
	font-size:95%;

	background-image: url(background_trumplabel.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

div.maincontent {
	background-color: #ffedc6;
	border: 2px solid black;
	color: black;
	margin: 0.5em 100px 0 100px;
	padding: 0.5em 1em 0.5em 1em;
	
	background-image: url(background_maincontent.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

div.copyright {
	margin: 0 100px 0 100px;
	padding: 0 2em 0 2em;
	font-size: 75%;
}

h1 {
	margin-top: 0;
	letter-spacing: 0.20em;
}

h2.subtitle {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
	letter-spacing: 0.20em;
}

h2 {
	margin-top: 2em;
	border-top: 2px solid black;
	clear: both;
}

h3.pcname {
	margin-bottom: 0;
	clear: both;
}

p.pcplayer {
	margin-top: 0;
	margin-bottom: 0.5em;
	font-style: italic;
}

p.signed {
	margin-left: 40%;
}

div.quoteblock {
	padding: 0.2em 0.5em;
	background-color: #eecda6;

}

div.quotequote {
	font-style: italic;
}

div.quoteattribution {
	margin-left: 4em;
}



div.trumpouter {
	border: 2px solid black;
	background-color: white;
	padding: 12px;
	/* Sadly Mozilla only, but does exactly what I want so easily! */
	-moz-border-radius: 20px;
}

div.trumpinner {
	border: 2px solid black;
	padding: 0;
	margin: 0;
	/*margin: 0.5em;*/
	background-color:yellow;
	color: black;
}

/* Removes whitespace for non-present decendors below images */
img {
	vertical-align: bottom;
}

.intalign {
	text-align: right;
}

div.trumplabel {
	border: 2px solid black;
	padding: 0.1em 0.3em 0.1em 0.3em;
	/*margin: 0.5em;*/
	background-color:#FFFFAA;
	color: black;
	font-size:90%;
	margin-top: 1em;
	width: 15em;

	background-image: url(background_trumplabel.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

div.floatright {
	float: right;
	clear: right;
	padding: 0;
	border: 0;
	margin-top: 1em;
	margin-bottom: 0.3em;
	margin-left: 0.5em;

	/* The following value to overridden later to work around an IE bug */
	margin-right: -50px;
}

div.floatleft {
	float: left;
	clear: left;
	padding: 0;
	border: 0;
	margin-top: 1em;
	margin-right: 0.5em;
	margin-bottom: 0.3em;

	/* The following value to overridden later to work around an IE bug */
	margin-left: -50px;
}

p.arethuquote {
	font-style: italic;
}

p.outofcharacternote {
	font-style: italic;
	margin-left: 1em;
	text-align: justify;
}

/*
IE can't be trusted to do the right thing with
negative margins.  As a result it _badly_ mangles
the page.  *sigh* Fortunately it also can't be
trusted to correctly parse child selectors, so
let's use the second bug to work around the first.
 */

html>body div.floatright {
	margin-right: -100px;
}

html>body div.floatleft {
	margin-left: -100px;
}