/*
AUTHOR:		Truzenzuzex[BC] aka Brian Stewart (www.bsmanagement.com or www.cap-n-yo-ass.com)

CHANGES:	2004-nov-01: initial experiments
			2004-nov-14: pull styles added
			2004-nov-23: cleanups while testing with CSE HTML Validator

Many ideas borrowed from other sites. I learn best by tweaking and experimenting on things I saw on other sites, and then trying to optimize them.
*/
html {
	background-image: url(images/bc-skull-88.gif);
	background-color: #000000;
	background-repeat: repeat;
	background-attachment: fixed;
}

body {
	color: #FFCC99;
	font-family: Tahoma, "Arial Narrow", Arial, serif;
	font-size: medium;
	text-align:center;
}

.pagewrapper {
	background-color: #400000;
	width: 80%;
/*	margin: auto; */
	padding: 15px 25px 15px 25px;
   border: 14px double #3333CC;
	margin: 25px auto 25px auto;
}

h1 {
	color:#FFFFFF;
	text-align:left;
	font-variant:small-caps;
	letter-spacing: 0.5em; word-spacing: 0.5em;
	border-bottom: 3px double #FF6666;
	width: 80%;
}

h2 {
	color: #FF99CC;
}

h3, h4 {
	color: #CC9999;
}

h5, h6 {
	color: #FFCCCC;
}

/* hyperlinks dotted underlines */
a, a:focus, a:link, a:visited, a:active {
	color: #FF0033;
	border-bottom:1px dotted #FF0033;
	text-decoration: none;
}

/* transform hover link to an outline dotted box */
a:hover {
	color: #FF6633;
	text-decoration:none;
	text-transform:none;
	border: 1px dotted #FFCC66;
}

/* change the mouse cursor to a arrow-question mark to clue users that they can see the definition of the highlighted item, added the bottom border in otder to make it display under IE6, which I didn't know until I saw under FireFox */
acronym {
	cursor: help;
	border-bottom:1px dashed #999999;
}

/* justify paragraph text, and auto indent the beginning of each */
p {
	text-align:justify; 
	text-indent: 3em;
}

/* modify <tt> into all caps look */
tt {
	font-variant: small-caps;
}

/* indent the UL, set default burst image and adjust font/line-spacing */
.maplist {
	line-height: 1.5em;
	text-align:left;
	text-indent: 5%;
	list-style-position: inside;
	list-style-image: url(images/burst.gif);
	font-size:smaller;
	font-family: Verdana, "Times New Roman", Times, serif;
	letter-spacing: 3px;
}

/* on hover -- show rotating burst image when hovering over the list item, which only works in smarter browsers (such as firefox, not IE6.x) */
.maplist li:hover {
	list-style-image: url(images/burst_rotate.gif);
	padding-left:20px;
}

/* anyone I reference by name */
.friends {
	color:#6699FF; 
	font-family:"Lucida Casual", "Lucida Handwriting", cursive, sans-serif
}

/* any game MODs I reference by name */
.mods {
	color:#FFCC66; 
	font-family: "Lucida Handwriting", "Lucida Casual", cursive, sans-serif
}

/* emulate  <tt> */
.mono {	
	font-family: monospace;
	font-variant: small-caps;
	font-size:smaller;
} 

/* this pulls the object left/right depending on additional class selector, used for insetting inline with running paragraphs. */
.pull {
	width:260px; padding: 2px 16px 2px 6px; 
}

/* done this way with a DIV normally instead of BLOCKQUOTE because I didn't like the margins. Also did this so I didn't have to put HRs in the quote area which wouldn't color on anything but IE. */
.qt {
	margin: auto 10px auto 10px; 
	border-top: solid 2px #3333CC;
	border-bottom: solid 2px #3333CC;
	clear: both;
}

/* push to the right */
.pr {
	float:right;
}

/* push to the right */
.pl {
	float:left;
}

/* pull quote text, pretty it up */
.pq {
	color:#FFFF00;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:oblique; 
	font-size:large;
}

/* pull quote author's name */
.pw {
	color:#FFFFFF;
	font-size:small;
}

/* ********* START: kingpinforever.com CSS hijack *********/
.kpfooter {
	background-color: #000000;
	width: 70%;
	margin: auto;
	padding: 5px 5px 5px 5px; 
   border: 14px double #3333CC;
	font-family: monospace;
	font-variant: small-caps;
	font-size:smaller;
}

.kpfooter select, .kpfooter input {	
	font-family: monospace;
	font-variant: small-caps;
	font-size:smaller;
} 
/* ********* END: kingpinforever.com css hijack *********/