html, body, ol, ul, dl, dt, dd, img, h1, h2, h3, h4, h5, h6, p, form {
	margin: 0; 
	padding: 0;
	border: 0;
}
ol, ul, dl, dd {
	position: relative;
}

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	font-family: Tahoma, Arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	font-size: 12px;
	text-align: center;
	background: white;
}


h1,
h2,
h3 {
	color: maroon;
	text-transform: uppercase;
}
h1 {
	padding: 0 0 10px;
	font-size: 18px;
}
h2 {
	font-size: 16px;
	padding: 8px 0;
	margin-top: 8px;
	margin-right: 10px;
/*	border-top: 1px solid #9FA5AC;    /* grey */
}
h3 {
	font-size: 13px;
	text-transform: none;
	padding-top: 6px;
}
h4 {
	padding: 8px 0 0;
	font-size: 12px;
}
h5 {
	padding: 6px 0 0;
}
h6 {
	padding: 4px 0 0;
}
p {
	padding: 0 0 10px;
}

dl {
	margin-bottom: 10px;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 0 20px;
	padding: 0 0 10px;
}
blockquote {
	margin: 0 20px 0; 
}
form {
	display: inline;
}





a:link, 
a:visited {
	text-decoration: none;
	color: #BFAD19;    /* gold */
}
a:hover, 
a:active {
	color: orange;
}

/* ------- +++ ------- */

#createdBy {
	display: none;
}

.closer {
	position: absolute;
	right: -1px;
	top: 1px;
}
	.closer a {
		position: relative;    /*  needed to have top/bottom borders show in IE  */
		padding: 1px 3px;
		color: white;
		background: black;
		border: 1px solid #888;    /* dark grey  */
	}
	.closer a:hover,
	.closer a:active {
		color: black;
		background: #BFAD19;    /* gold */
	}


.colHalf {
	position: relative;
	float: left;
	width: 47%;
	margin-right: 2%;
	border: 0px solid red;
}

ol.plain,
ul.plain {
	list-style: none;
}

.alignLeft {
	float: left;
}
img.alignLeft {
	float: left;
	padding: 0 8px 4px 0;
}
ul.alignLeft li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
.alignRight {
	float: right;
}
img.alignRight {
	float: right;
	padding: 0 0 4px 8px;
}

.note {
	font-size: 11px;
	color: #666;
}
.fileDetails {
	font-size: 10px;
	color: #555;
}
.hidden {
	display: none;
}
.warning {
	color: #FF0000;
}

.ERROR {
	color: #FF00FF;
	background: #FFEEFF;
}


/* ------- +++ ------- */




#pgContents {
	position: relative;
	font-size: 12px;
	margin: 0px auto;
	text-align: left;
/*	width: 870px; */
	width: auto;
}

#header {
	height: 195px;
	text-align: center;
	background: url(../images/series/zGraphicNovels/pgHeaderBG.jpg) 50% top no-repeat #E1EEF2;    /* pale blue */
}

#nPrimary {
	z-index: 100;
	position: relative;
	height: 51px;
	padding-top: 7px;    /*  leaves room for bg img */
	font-weight: bold;
	color: #CCC;
	background: url(../images/navBG.gif) left top repeat-x black;
}
	#nPrimary a:link,
	#nPrimary a:visited {
		color: white;
	}
	#nPrimary a:hover {
		color: #F8DA58;    /* light gold */
	}
	#nPrimary img {
		border: 0px solid red;
	}
	#nPrimary li {
		position: relative;
		display: inline;
		padding: 0 2px 0 4px;
	}
		#nPrimary li.first {
			  padding-right: 6px;
		}





#content {
	z-index: 10;
	position: relative;
	padding-right: -80px;
	background: url(../images/contentBG.gif) -3px top repeat-y white;
	border-top: 1px solid black;
}
#contentExtra {    /* positions sidebar image at bottom of "column"; randomized and restated on every page */
/*	background: url(../images/contentExtraBG/01.jpg) 20px bottom no-repeat; */
	border: 0px solid red;
}



.blockContents {
	position: relative;
	z-index: 10;
	clear: left;
	position: relative;
	padding: 0 0 20px;
	border: 0px solid black;
}
	.blockContents li {
		margin-left: 20px;
	}


#sidebar {
	z-index: 20;
	position: relative;
	float: left;
	width: 155px; 
	padding: 30px 10px 160px;    /* accommodates for #contentExtra bg img */
	border-right: : 10px dashed red;
}
	#sidebar a:link,
	#sidebar a:visited,
	#seriesListBttns a:link,
	#seriesListBttns a:visited {
		color: #F8DA58;    /* light gold */
		text-decoration: none;
	}
	#sidebar a:hover,
	#seriesListBttns a:hover {
		color: white;
	}

	#sidebar .block {
		border: 0px solid red;
	}
		#sidebar .block h2 {
			color: #364046;    /* charcoal */
			text-transform: lowercase;
			height: 24px;
			font-size: 22px;
			padding: 0;
		}
			#sidebar .block h2 i {
				display: none;
			}
		#sidebar .tell h2 { background: url(../images/subtitle/tellIt.gif) top left no-repeat; }
/*		#sidebar .about h2 { background: url(../images/subtitle/about.gif) top left no-repeat; } */
/*		#sidebar .series h2 { background: url(../images/subtitle/series.gif) top left no-repeat; } */
		#sidebar .creators h2 { background: url(../images/subtitle/meetNgreet.gif) top left no-repeat; }
		#sidebar .freebies h2 { background: url(../images/subtitle/freeStuff.gif) top left no-repeat; }
		#sidebar .exclusives h2 { background: url(../images/subtitle/exclusives.gif) top left no-repeat; }



#main {    /* hacked for IE */
	float: right
	width: auto; 
	margin-left: 175px; 
	padding: 30px 20px 20px; 
	border: 0px solid orange;
}




#seriesListBttns {
	position: relative;
	float: right;
	margin-top: -30px;
	width: 380px;
	text-align: center;
	background: url(../images/seriesListBttnsBG.gif) left 250px repeat-y white;
	overflow: none;
}
	#seriesListBttns .blockContents {
		position: relative;
		text-align: center;
		z-index: 200;
		margin: -155px auto -150px;    /* accommodates large bg graphic */ 
		color: white;
		width: 228px;    /* bttn width + (borders * 2) */
		background: none;
		border: 0px solid red;
	}
	#seriesListBttns ol {
		margin: 0;
	}
	#seriesListBttns li {
		list-style: none;
		margin: 0;
	}
		#seriesListBttns li img {
			width: 224px;
		}
		#seriesListBttns li a:link,
		#seriesListBttns li a:visited {
			display: block;
			height: 55px;
			width: 224px;
			border: 2px solid #547182;    /* dark blue */
		}
		#seriesListBttns li a:hover {
			border: 2px solid #F8DA58;    /* light gold */
		}
	#seriesListBttns .top {
		z-index: 10;
		width: 380px;
		height: 257px;
		position: relative;
		background: url(../images/seriesListBttnsTopBG.gif) left top no-repeat;
		border: 0px solid red;
	}
	#seriesListBttns .bottom {
		z-index: 9;
		width: 380px;
		height: 302px;
		position: relative;
		background: url(../images/seriesListBttnsBottomBG.gif) left bottom no-repeat;
	}


#seriesListIntros .seriesIntro {
	position: relative;
	clear: left;
}
	
	#seriesListIntros .seriesIntro img {
		float: left;
		margin: 0 10px 5px 0;
		width: 100px;
		border: 0px solid red;
	}
	#seriesListIntros .seriesIntro h2,
	#seriesListIntros .seriesIntro h4,
	#seriesListIntros .seriesIntro p {
		margin-left: 110px;
	}


#seriesHeader {    /* hacked for IE */
	position: relative;
	float: left;
	width: auto; 
	padding: 10px;
	padding-left: 200px; 
	margin: 10px 0 20px 0;
	background: #C1D0D8;    /* light blue; restated in seriesInfo.php */
	border: 6px solid #8EA7B5;
}

#seriesTrailer {    /* used by seriesInfo.php; automatically replaced by swfobject */
	margin-left: 10px;
	border: 0px solid red;
}



#colWrapper {
	width: auto;
	position: relative;
	float: left;    /*  needed to keep left and right cols floating properly */
	border: 0px solid red;
}


#rightCol,
.rightCol {
	z-index: 100;
	position: relative;
	float: right;
	width: 220px;
	padding-left: 10px;
	margin: 0 0 10px 10px;
	background: white;
	border: 0px solid orange;
}
	#rightCol.bordered,
	.rightCol.bordered {
		border-left: 1px solid #9FA5AC;    /* grey */
	}

#characters,
#creators {
	padding: 10px;
	margin-bottom: 10px;
	background: lightyellow;
	border: 0px solid darkblue;
}
	#characters h3,
	#creators h3 {
		position: relative;
	}
.character {
	position: relative;
	clear: left;
}
	.character img {
		float: left;
		margin: 0 10px 5px 0;
		width: 50px;
		height: 50px;
		border: 0px solid red;
	}
	.character h4,
	.character p {
		margin-left: 60px;
	}


#trailerCode {
}
	#trailerCode h3 {
		clear: left;
	}
	#trailerCode img,
	#trailerCode textarea {
		float: left;
		width: 100px;
		height: 56px;
		margin-right: 10px;
		border: 0px solid red;
	}
	#trailerCode textarea {
		width: 300px;
		margin-right: 0;
	}


#wallpaperList {
}
	#wallpaperList h3 {
		clear: left;
	}
.wallpaper {
	float: left;
	padding-bottom: 10px;
	border: 0px solid red;
}
	.wallpaper img {
		margin: 0 10px 5px 0;
		width: 100px;
		height: 75px;
		border: 0px solid black;
	}


#creators {
}
	#creators ul li {
		list-style: none;
	}
	#creators .extras {
		margin-top: 6px;
		padding-top: 6px;
		border-top: 1px solid red;
	}

#webGraphics {
/*	float: left;
	border: 0px solid red;
*/}
	#webGraphics h3 {
		clear: left;
	}
	#webGraphics .book {
		float: left;
	}

.books {    /* hacked for IE */
	position: relative;
	margin-right: 230px;    /* accommodate #rightCol (width + padding + margin, etc) */
	border: 0px solid red;
}
.book {
	position: relative;
}
	.book h3 {
		clear: left;
	}
	.book img {
		float: left;
		margin: 0 10px 5px -152px;
		width: 142px;
		padding-bottom: 10px;
		border: 0px solid red;
	}
	#webGraphics .book img {
		float: none;
		margin: 0 10px 0 0;
		width: 71px;
		border: 0px solid red;
	}
	.book h3,
	.book p {
		margin-left: 152px;
	}
	.book p .bookReleaseDate {
		display: block;
		margin-top: 4px;
		font-weight: bold;
	}

.bookSpecial {
	z-index: 50;
	position: relative;
}
	.bookSpecial li a:link,
	.bookSpecial li a:visited {
		display: block;
		padding: 2px 4px;
		margin: 0 5px 4px 0;
		color: white;
		background: black;
		border: 1px solid white;
	}
	.bookSpecial li a:active,
	.bookSpecial li a:hover {
		color: black;
		background: white;
	}
	.bookSpecial {
		position: absolute;
		padding: 15px;
		top: 0;
		left: 0;
		width: 400px;
		background: #C1D0D8;    /* light blue */
		border: 1px solid #9FA5AC;    /* grey */
	}
		.bookSpecial img {
			width: auto;
			margin: 0;
		}
.bookExtra {
	z-index: 20;
	position: relative;
}


#emailInstructions {
	position: relative;
	padding: 10px;
	width: auto;
	width: 50%;
	background: #C1D0D8;    /* light blue */
	border: 1px solid #9FA5AC;    /* grey */
}




.creatorIntro {
	position: relative;
	clear: both;
	padding-bottom: 10px;
	border: 0px solid red;
}
.creatorIntro .rightCol {
	width: 160px;
}


#featuredArtist {
}
	#featuredArtist img {
		border: 1px solid black;
	}




#footer {
	clear: left;
	height: 51px;
	padding: 0 0 0 8px;
	background: #9FA5AC;    /* grey */
}
	#footer a:link,
	#footer a:visited {
		color: white;
	}
	#footer a:hover {
		color: black;
	}
	#footer li {
		list-style: none;
		float: left;
		margin: 0 30px 0 0;
		padding: 18px 0 0;
		border: 0px solid yellow;
	}
	#footer li img {
		margin-top: -18px;
	}