/* =====

Designer:	"BlueW";

Site:	"http://www.codeysworld.com/";

Path:	"./codey/the-hunger/";

File:	"the-hunger-styles.css";

Date:	"2007-05-11";

Date:	"2008-02-12";

===== */



/*

@_color-list "rm-colors" {

	#000000	"css3:black";

	#ffffff	"css3:white";

	#e0ffff	"css3:white";

	#00aaaa

	#005555

	#ffff00	"css3:yellow";

	#660033

	#cc0066

}; // @_color-list "rm-colors"

*/



/* Font Definitions */

@font-face {

	font-family: "Comic Sans MS";

	panose-1: 3 15 7 2 3 3 2 2 2 4;

}

@font-face {

	font-family: "Calibri";

	panose-1: 2 15 5 2 2 2 4 3 2 4;

}

@font-face {

	font-family: "Tempus Sans ITC";

	panose-1: 4 2 4 4 3 13 7 2 2 2;

}



body {

	background-color: black; 

	color: white; 

	font-family: "Calibri", "Arial", "Helvetica", sans-serif; 

	font-size: medium; 

	text-align: left;

}

p, blockquote, ol, ul, li, dl, dt, dd {

	background: transparent; 

	color: black; 

	font-family: "Calibri", "Arial", "Helvetica", sans-serif; 

}

p.pFirst {

	margin-top: 0.5in;

}

p.pFirst:first-letter {

	color: black;

	background-color: #404040;

	font-family: "Tempus Sans ITC", "Comic Sans MS", sans-serif; 

	font-weight: bold;

	font-size: 300%; 

	float: left;

	margin-right: 6pt;

	padding: 6pt;

}

h1, h2, h3, h4, h5, h6 { 

	background: transparent;

	color: black;

	font-family: "Tempus Sans ITC", "Comic Sans MS", sans-serif; 

	text-align: center; 

	margin-top: 0pt;

	margin-bottom: 0pt;

}

.white { background: transparent; color: white; }

.black { background: transparent; color: black; }

h1 { font-size: xx-large; }

h2 { font-size: x-large; }

h3 { font-size: large; }

h4 { font-size: medium; }

h5 { font-size: small; }

h6 { font-size: x-small; }

.separator { 

	background: transparent;

	color: silver;

	font-weight: bold;

	text-align: center;

	margin-top: 12pt;

	margin-bottom: 12pt;

}



table { border-collapse: collapse; }

td, th { background: transparent; color: black; vertical-align: top; }



.storyHeader, div.storyHeader, table.storyHeader { 

	margin: 0.00in auto 0.25in auto; 

	text-align: center;

	width: 800px; 

	height: 336px; 

	color: white;

	background-color: black;

	background-image: url(images/the-hunger-illo.jpg);

	background-repeat: no-repeat;

}

.storyFooter, div.storyFooter, table.storyFooter { 

	margin: 0.25in auto 0.00in auto; 

	text-align: center;

	width: 800px; 

	/* height: 336px; */

	color: white;

	background-color: #333333;

	background-image: none;

	/* background-repeat: no-repeat; */

}

.storyHeader td, .storyHeader th { 

	background: transparent; 

	color: black; 

	vertical-align: top; 

}

.storyFooter td, .storyFooter th { 

	background: transparent; 

	color: black; 

	vertical-align: middle; 

}



a { background: transparent; color: black; font-weight: bold; padding: 0pt 3pt; }

a[href] { text-decoration: underline; }

a:link { background: transparent; color: #666666; }

a:visited { background: transparent; color: #999999; }

a:active, a:hover { background: transparent; color: black; }



a				img { border: none; }

a[href]		img { border: 2px solid black; }

a:link		img { border: 2px solid #666666; }

a:visited	img { border: 2px solid #999999; }

a:active		img, 

a:hover		img { border: 2px solid black; }



.storyHeader a, 

.storyFooter a 

	{ background: transparent; color: white; font-weight: bold; padding: 0pt 3pt; }

.storyHeader a[href], 

.storyFooter a[href] 

	{ text-decoration: underline; }

.storyHeader a:link, 

.storyFooter a:link 

	{ background: transparent; color: #cccccc; }

.storyHeader a:visited, 

.storyFooter a:visited  

	{ background: transparent; color: #999999; }

.storyHeader a:active, 

.storyHeader a:hover, 

.storyFooter a:active, 

.storyFooter a:hover 

	{ background: transparent; color: white; }

.storyBody {

	padding: 0.25in 0.25in;

}



.storyHeader a				img, 

.storyFooter a				img 

	{ border: none; }

.storyHeader a[href]		img, 

.storyFooter a[href]		img 

	{ border: 2px solid black; }

.storyHeader a:link		img,  

.storyFooter a:link		img 

	{ border: 2px solid #666666; }

.storyHeader a:visited	img,  

.storyFooter a:visited	img 

	{ border: 2px solid #999999; }

.storyHeader a:active	img, 

.storyFooter a:active	img, 

.storyHeader a:hover		img,  

.storyFooter a:hover		img 

	{ border: 2px solid white; }



.trail, div.trail, table.trail {

	margin: 0.125in auto;

	width: 100.0%;

}

table.trail td, table.trail th {

	width: 20.0%;

	padding: 3pt;

	background: white;

	color: black;

	font-family: "Calibri", "Arial", "Helvetica", sans-serif; 

	font-size: large;

	font-weight: bold;

	text-align: center;

}



.endnote { 

	border-top: 1pt solid black; 

	padding-top: 9pt; 

	margin: 36pt 10% 9pt 10%;

	text-align: center;

	font-family: "Calibri", "Arial", "Helvetica", sans-serif; 

	font-weight: normal;

	font-style: normal;

}



.flag { 

	border: none; 

	background: silver;

	color: black;

	font-family: "Tempus Sans ITC", "Comic Sans MS", sans-serif; 

	font-size: small;

	font-weight: bold;

	padding: 0pt 3pt; 

}

.flag a, a.flag { padding: 0pt 3pt; }



.notes, div.notes, table.notes { 

	font-size: small; 

} 

ol.notes, ul.notes, .notes li, li.notes, ol.notes li, ul.notes li { 

	font-size: small; 

}

.margin0 { 

	margin-top: 0pt;

	margin-bottom: 0pt;

}

.margin1 { 

	margin-top: 12pt;

	margin-bottom: 12pt;

}

.list0, ol.list0, ul.list0 {

	list-style: none;

}

.imageCenter {

	margin: 0pt 9pt;

	text-align: center;

	font-family: "Calibri", "Arial", "Helvetica", sans-serif; 

	font-weight: normal;

	font-style: italic;

}



.poem, ol.poem, ul.poem { 

	background: transparent;

	color: black;

	list-style: none; 

	margin: 0; 

	padding: 0; 

}

.poem li, ol.poem li, ul.poem li {

	background: transparent;

	color: black;

	list-style: none; 

	margin: 0; 

	padding: 0; 

}



/* Column Definitions */



.colx1 { width:  16.67%; }

.colx2 { width:  33.33%; }

.colx3 { width:  50.00%; }

.colx4 { width:  66.67%; }

.colx5 { width:  83.33%; }

.colx6 { width: 100.00%; }



/* 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; 

		background: white; 

		color: black; 

	}

} /* // @media print */

@media screen {

	div.page { 

		width: 800px; 

		margin: 0.75in 0.75in; 

		background: white; 

		color: black; 

	}

} /* // @media screen */