/* Set basic element styles */
img { border:none }

a {
	text-decoration: none;
	color: #f60;
}

a:visited { color:#ececa3; }
a:hover { color:#eb5252; }

body {
	margin: auto;
	padding: 14px;
	width: 700px;

	background-color: #4c565e;

	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	overflow: hidden;

	margin: 0px;
	padding: 0px 1ex;
	font-size: 18px;
	height: 18px; /* Take that, old gecko! */

	background-color: black;
	letter-spacing: 0.5ex;
	font-weight: 150;

	text-align: left;
	color: #f6b33d;
	font-family: monospace;
}

h2 span {
	padding-top: 50px;
	display: block;
}

/* Create special elements and classes */
.clearer { clear:both }
br.clearer { line-height:0px }
.leftcol { float:left }
.rightcol { float:right }

.nl {
	margin: 0px;
	padding: 0px;

	background-color: black;
	text-align: center;

	list-style-type: none;
}

.nl li {
	display: inline;
	margin: 0px;
	padding: 0em 0.5ex;
	color: #B7BFC7;
}

.nl a { color:#b7bfc7; text-decoration:none }
.nl a:link, .nl a:visited, { color:#b7bfc7 }
.nl a:hover { color:#eb5252 }

.content {
	margin: 1em 0px;
	background-color: black;
	color: #b7bfc7;
}

.content div {
	border: solid 5px black;
	background-color: #23272b;
	padding: 5px;
}

.content .clearer {
	border: none;
	padding: 0px;
}

/* added by Ray */

.character {
	margin: 1em 0px;
	background-color: b7bfc7;
	color: #black;
}

.character div {
	background-color: #b7bfc7;
	padding: 5px;
}

.character .clearer {
	border: none;
	padding: 0px;
}

/* END added by Ray */

/* Correct a word wrapping bug in the ad bar */
#adbar {
	text-align: center;
	font-size: 0px;
}

#adbar * {
	margin:0px;
	padding:0px;
}

#adbar img { padding:14px 0px  }

#adbar .glowwrap img {
	background-image: url(parts/banner_bg.gif);
	padding: 14px 12px;
}

/* Style the top banner */
#banner {
	background-color: black;
	text-align: center;
}

#banner h2 {
	color: #b7bfc7;
	font-family: monospace;
}

#banner .nl {
	padding-bottom: 5px;
}

/* Style the footer */
#credits {
	background-color: #757b81;
	color: #e4e4d6;
	padding-bottom: 0.5ex;
}

#credits h2 {
	color: #f6b33d;
	background-color: black;
}

#credits p {
	margin: 0px;
	text-align: center;
	padding: 0.5ex;
	font-family: Arial, helvetica, sans-serif;
	font-size: x-small;
}

/* Overload header texts */
#banner h2 span { background: url(http://akiko.megatokyo.com/steamrat/burn/parts/mt3-bar-comic.gif) no-repeat }
#credits h2 span { background: url(http://akiko.megatokyo.com/steamrat/burn/parts/mt-blk_bar-credits.png) no-repeat }