body, html {
	background-color: #eeeeee;
	background-image: url(.//grainy.jpg);
	color: black;
}

.hideme {
	display: none;
}

.menu {font-size: 83%; font-family: Arial, Helvetica, sans-serif;}

h1, h2 {font-family: Georgia, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
h1 {text-align: center}
#article h3 {font-family: Georgia, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

h4 {font-family: Arial, Helvetica, sans-serif;}
.stats {font-size: 83%; font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;}
sup {font-size: 67%;}

.whatsnew { font-size: 83%; font-family: Arial, Helvetica, sans-serif;}
a.reallynew { background: yellow;}
.navbar, .popup {font-family: "Trebuchet MS", "Comic Sans MS", Arial, Helvetica, sans-serif; font-weight: bold;}
address {font-size: 83%; font-family: Arial, Helvetica, sans-serif;}
.footnote {margin-left: .25in; text-indent: -.25in;}
.source {font-size: 83%; font-family: Arial, Helvetica, sans-serif;}


.evenrow {
	background-color: #dddddd;
}
.oddrow {
	background-color: #eeeecc;
}
.stats th {
	text-align: left;
	border-bottom: 1pt black solid;
}

th.subhead {
	background-color: #eeeecc;
}

.indexbar {font-size: 67%; font-family: Arial, Helvetica, sans-serif;
	border: 1px black solid;
	padding-left: 3pt; padding-right: 3pt;
	background-color: #eeeeee;}
.indexbar a {
	text-decoration: none;
}

.gallery, .caption, td.castlist {font-size: 83%; font-family: Arial, Helvetica, sans-serif;}


.update {color: green;}
.new {color: blue;}
.label {color: #0000a0;}

.sections {
	font: bold 83% Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 0em;
	padding-top: 3pt;
	padding-bottom: 6pt;
	margin-bottom: 0pt;
	background-color: #eeeedd;
}
.submenu {
	font: bold 83% Arial, Helvetica, sans-serif;
	padding-bottom: 3pt;
	border-bottom: 1px black solid;
	text-align: center;
	margin-top: 0pt;
	padding-top: 3pt;
	border-top: 1px #999999 solid;
	background-color: #ccccbb;
}

ul.flashdots li {
	margin-top: 1em;
	list-style-image: url(./smalldot.gif);
}
li.flashdot {
	list-style-image: url(./smalldot.gif);
}
li.dcdot {
	list-style-image: url(./small-dc.gif);
}
li.comicdot {
	list-style-image: url(./comicdot.png);
}
li.elsedot {
	list-style-image: url(./elsedot.gif);
}
li.outlink {
	list-style-image: url(./outlink.png);
}
dt {
	margin-top: 1em;
}

#main {
	margin-left : 220px;
	margin-right : 10px;
	margin-top : 0;
}
#sidebarcontainer {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 170px;
}
#sidebarcontainer table {
	width: 170px;
}
#navcontrol {
	float: right;
/*	position: absolute;
	right: 1em;
	top: .5em;
	*/
	text-align: center;
	width: 60px;
}
#header {
	text-align: center;
}
#header h1 {
	margin: 0;
	padding: 0;
}
#article {
	background-color: #f0f0f0;
	border-top: 1px #808080 solid;
	border-bottom: 2px black solid;
	border-left: 1px #808080 solid;
	border-right: 2px black solid;
	padding: .5em;
}
#sidebarmenu {
	border-top: 1px #808080 solid;
	border-left: 1px #808080 solid;
	border-right: 2px black solid;
	border-bottom: 2px black solid;
	background-color: #ddddcc;
	font-size: 83%;
	font-family: Arial, Helvetica, Sans-serif;
	padding: 0;
	/*
	padding-left: 3px;
	padding-right: 3px;
	*/
}
#sidebarmain {
	padding-left: 3px;
	padding-right: 3px;
}

.bottommenu  {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 83%;
	border-top: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	background-color: #eeeeee;
	margin-top: 2em;
}
.disclaimer  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 83%;
	border-top: 1pt black solid;
	border-bottom: 1pt black solid;
}

#footer address {
	border-top: 1pt black solid;
}

ul.right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	float: right;
	border: 1px #999999 solid;
	background-color: #eeeeee;
	margin: 3pt;
	padding: .5em;
}
ul.right li {
	margin-left: 0em;
	padding-left: 0em;
	display: block;
}

a:link {color: #c00000;}
a:visited {color: #800000;}

td.divider { border-left: 2pt black solid; font-size: 83%; font-family: Arial, Helvetica, sans-serif;}

.blogsyndicate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .67em;
	background-color: #ccccbb;
	border-left: 1px solid #999966;
	border-top: 1px solid #999966;
	border-right: 1px solid #eeeedd;
	border-bottom: 1px solid #eeeedd;
	padding: .3em;
}
.blogsyndicate h5 {
	font-size: 1.2em;
	margin-top: 0px;
}

a:hover {color:#0080ff;}


@media all {
	.quote {
		margin-left: 3em;
		margin-right: 3em;
		margin-top: .5em;
		margin-bottom: .5em;
	}
}

@media screen {
	#main {
		margin-left : 14em;
		margin-right : 1em;
		margin-top : 0;
		max-width: 40em;
	}
	#sidebarcontainer {
		left: .25em;
		top: .25em;
		width: 13em;
	}
	#sidebarcontainer table {
		width: 13em;
	}
	#sidebarmain {
		display: block;
		background-image: url(./sidebar-flash.png);
		background-repeat: no-repeat;
	}
	#sidebarmain.speedsters {
		background-image: url(./sidebar-flash.png);
	}
	#sidebarmain.heroes {
		background-image: url(./sidebar-argus.png);
	}
	#sidebarmain.villains {
		background-image: url(./sidebar-kadabra.png);
	}
	#sidebarmain.supporting {
		background-image: url(./sidebar-linda.png);
	}
	#sidebarmain.alternate {
		background-image: url(./sidebar-alt-key.png);
	}
	#sidebarmain.misc {
		background-image: url(./sidebar-flashdot-right.png);
	}
	#sidebarmain form {
		padding-bottom: 1em;
	}
	#article {
		background-image: url(./article-cornerstrike.png);
		background-repeat: no-repeat;
		background-position: right top;
	}
	#sidebarcontainer>p {
		display: block;
	}

}

.searchword {
	background: #ffff66;
}

.farscape {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}

/*
Yech.  "Internet Explorer 4.0: - If an @media media type is not understood,
        only the first CSS declaration in the block is ignored. Subsequent
	declarations are treated as though they apply to the current media."
	-- http://www.blooberry.com/indexdot/css/syntax/atrules/media.htm

*/
@media print {
	#sidebarcontainer, #navcontrol {display: none; visibility: hidden;}
}
@media print {
	#main {margin-left: 3pt; margin-right: 3pt;}
}
@media print {
	#article {border-right: 0; border-left: 0;}
}
@media print {
	.noprint {display: none; visibility: hidden;}
}