body 
	{background-color:black; color:white}
	
h1
	{text-align: center; color:yellow; font-family:arial}
	
h2 {color:orange;}

h3
	{color:yellow; font-family:arial}

h4
	{color:yellow; font-family:arial}
	
proper
	{color:green}

div.listing {
	vertical-align: middle;
		}
		
div.listing img {
    float: left;
	width: auto;
    max-height: 300px;
    margin-left: 10px;
    margin-right: 10px;
		}
		
div.foot {
		clear: left;
		}
		
.details {

    text-align: left;
	vertical-align: middle;
	}

.eptitle {
	clear:left;
	padding: 5px;
	text-align: left;
	color: yellow;
	font-size: x-large;
	font-weight: bold;
	}

div.text {
	float: left;
	margin: 30px	
}
	
/* unvisited link */
a:link
	{color:blue}
	
/* visited link */
	a:visited
{color:purple}

/* used to center an image at the top of a page, like the Archer villain page */
img.top {
    display: block;
    margin-left: auto;
    margin-right: auto;
	width: 500
	}

/* prevents the bullets in a list from colliding with a floated image */
ul {overflow: hidden;}

/* used for the links at the bottom of pages to navigate to other parts of the site */
bottomlink {
	color:yellow;
	font-family:arial;
	font-weight:bold
	}

/* used to indent text when a bullet isn't preferred */
div.indented {margin-left: 15px;}

/* a 2-column table of bulleted items*/
div.table2 {
	column-count: 2;
	vertical-align: top;
	display: list-item;
    list-style-type: disc;
    list-style-position: inside
	}
		
/* bright text, used on the mail page */
bright {color:yellow}

/* used to create an image gallery on the Villains page */
div.gallery {
    margin: 5px;
    width: 200;
	float: left;
}

div.gallery img {
    width: auto;
    height: 200px;
	    display: block;
    margin-left: auto;
    margin-right: auto;
}

div.desc {
    padding: 5px;
    text-align: center;
}