/* =====
Designer:	"BlueW";
Site:	"http://www.codeysworld.com/";
Path:	"./colinian/the-tale-of-snow-white/";
File:	"the-tale-of-snow-white-styles.css";
Date:	"2007-02-20";
===== */

/* Color Definitions */
/* // Pseudocode not CSS3
@_color-list "my-colors" {
	#000000	"css3:black";
	#ff0000	"css3:red";
	#0000ff	"css3:blue";
	#000080	"css3:navy";
	#ff00ff	"css3:fuchsia";
	#800080	"css3:purple";
	#ffc0cb	"css3:pink";
	#dda0dd	"css3:plum";
	#f0f8ff	"css3:aliceblue";
} // @_color-list "my-colors";

/* Style Definitions */

@font-face {
	font-family: "Trebuchet MS";
}
@font-face {
	font-family: "Comic Sans MS";
}

body {
	background-color: #CCCCFF;
	background-image: none; /* each page sets its background-image */
	background-repeat: no-repeat;
	color: #663399;
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	font-size: 1.1em;
	text-align: left;
}
p, blockquote, ol, ul, li, dl, dt, dd {
	background: transparent;
	color: #000099;
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
}
dt { font-weight: bold; }

h1, h2, h3, h4, h5, h6 { 
	font-family: "Comic Sans MS", sans-serif; 
}
h1 {
	font-size: 300%;
	text-align: center;
}
h2 { font-size: xx-large; }
h3 {
	font-size: 100%;
	margin-bottom: 0.75in;
	text-align: center;
}
.blurb  {
	font-size: 0.9em;
	font-style: italic;
}

h4 { font-size: large; }
h5 { font-size: medium; }
h6 { font-size: 100%; }

table { border-collapse: collapse; }
td, th { 
	background: transparent; 
	color: black; 
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	vertical-align: top; 
}
a { 
	background: transparent; 
	color: black; 
	text-decoration: none; 
	/* font-weight: bold; */
}
a[href] { text-decoration: underline; }
a:link { background: transparent; color: blue; text-decoration: underline; }
a:visited { background: transparent; color: purple; text-decoration: none; }
a:active { background: transparent; color: fuchsia; text-decoration: none; }
a:hover { background: transparent; color: fuchsia; text-decoration: underline; }

.trail, div.trail, table.trail {
	border: 1px solid purple;
	background: plum;
	color: black;
	font-family: "Comic Sans MS", sans-serif;
	font-size: medium; /* 12pt; */
	margin: 0.25in 0.0in;
	padding: 3pt 6pt;
} 
ol.horizontal, ul.horizontal {
	display: block; 
	list-style: none;
	margin: 0pt 0pt;
	padding: 0pt 3pt;
}
ol.horizontal li, ul.horizontal li {
	display: inline; 
	list-style: none;
	margin: 0pt 0pt;
	padding: 0pt 3pt;
}

.flag { 
	border: 0.75pt solid navy;
	background: aliceblue; 
	color: navy;
	font-family: "Comic Sans MS", sans-serif; 
	font-size: small;
	font-weight: bold;
	padding: 0pt 3pt; 
}
.flag a, a.flag { padding: 0pt 3pt; }
.notes, ol.notes, ul.notes { 
	font-size: small; 
	border-top: 0.75pt solid navy; 
} 
.notes li, li.notes, ol.notes li, ul.notes li { 
	font-size: small; 
}

.margin0 {
	margin-top: 0;
	margin-bottom: 0;
}
.imageCenter {
	margin: 1.0em auto;
	text-align: center;
}
hr  {
	height: 3px;
	background: #000099;
	color: #000099;
}

.notes {
	border-top: 3pt solid purple;
	border-bottom: 3pt solid purple;
	background: aliceblue; 
	color: black;
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	font-size: small;
	margin: 0.5in 10%;
	padding: 6pt 6pt;
	text-align: center; 
}

/* Page Definitions */

@page usLetter {
	size: 8.5in 11.0in; /* // 215.9mm 279.4mm; */
	margin: 1.0in 1.0in 1.0in 1.0in; /* // 254mm; */
}
div.usLetter { page: usLetter; }
@page isoA4 {
	size: 210mm 297mm; /* // 8.2677in 11.6929in; */
	margin: 254mm 254mm 254mm 254mm; /* // 1.0in; */
}
div.isoA4 { page: isoA4; }
@media print {
	div.page { page: usLetter; }
} /* // @media print */
@media screen {
	div.page { width: 80%; margin: auto auto; }
} /* // @media screen */