body
{
	font-family:			Arial, Verdana, Tahoma, sans-serif;
	background-color:		#ffffff;
	color:					#000000;

	margin:					2em;
	padding:				2em;
	
	background-image:		url(/styles/balloon/backgrounds/snowyrock.png);
}

img
{
	vertical-align:			middle;
	border:					0;
}

select
{
	width:					100%;
}

strong
{
	font-family:			Georgia, Verdana, sans-serif;
}

form
{
	margin:					0px;
	padding:				0px;
}

ol, ul
{
	margin-top:				1px;
	margin-bottom:			0px;
}

ul
{
	list-style-type:		disc;
}

ul ul
{
	list-style-type:		circle;
}

ul ul ul
{
	list-style-type:		square;
}

h1, h2, h3, h4, h5, h6
{
	font-family:			Georgia, Verdana, sans-serif;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child
{
	margin-top:				0px;
}

a, a:link, a:visited
{
	color:					#0000cc;
}

a:hover
{
	color:					#0000ff;
}

.title
{
	font-family:			Georgia, Verdana, sans-serif;
}

.boss
{
	font-weight:			bold;
	color:					#990000;
}

.undead
{
	font-weight:			bold;
	color:					#009900;
}

.center
{
	text-align:				center;
}

.right
{
	text-align:				right;
}

.floatright
{
	float:					right;
}

.important
{
	border:					0.3em solid #000000;
	color:					#000000;
	background-color:		#ffffff;
	padding:				0.2em;
	margin-bottom:			1em;
}

.whiteout, .whiteout a
{
	color:				#666666;
/*	text-decoration:		line-through;*/
}

.ie
{
	border:					0.3em solid #ff0000;
	background-color:		#ffffff;
	color:					#ff0000;
	padding:				0.2em;
	margin-bottom:			1em;
}

.ie a
{
	color:					#ff0000;
	font-weight:			bold;
	text-decoration:		none;
}

.pagination
{
	display:				inline;
}

.page
{
	border:					2px solid #ccc;
	background-color:		transparent;
	cursor:					pointer;
	margin-bottom:			0.3em;
}

.page:hover
{
	border-color:			#999;
}

.selectedpage
{
	border:					2px solid #000;
	background-color:		transparent;
	cursor:					pointer;
	margin-bottom:			0.3em;
}

.selectedpage:hover
{
	border-color:			#00F;
}

.hblue, .hblue a
{
	font-weight:			bold;
	color:					#00F;
}

.hred, .hred a
{
	font-weight:			bold;
	color:					#F00;
}

.hbold, .hbold a
{
	font-weight:			bold;
}

.item
{
	background-color:		#ffffff;
	color:					#000000;
	border:					1px solid #000000;
	float:					right;
	padding:				3px;
	margin-left:			6px;
	margin-bottom:			6px;
}

.description
{
	font-style:				italic;
}

.requirements, .rewards
{
	font-family:		Georgia, Verdana, sans-serif;
	font-style:			italic;
}

#menu
{
	border-right:			1px solid #cfcfcf;
}

#menu ul
{
	list-style-type:		none;
	margin-left:			0px;
	padding:				0px;
}

#menu li
{
	margin-left:			1em;
}

#menu > ul > li
{
	margin-left:			0px;
	margin-bottom:			0.5em;
}

#menu ul ul
{
	list-style-type:		square;
}

#menu h1, #menu h2, #menu h3, #menu h4, #menu h5, #menu h6
{
	margin-bottom:			0px;
}

#c_talker
{
	background-repeat:		no-repeat;
	margin-top:				5px;
}

#c_arrow
{
	position:				relative;
}

.imagebox
{
	width:					auto;
	/* *Sigh* IE sucks */
	_width:					230px;
	overflow:				auto;
	text-align:				right;
}

ul.wraplist
{
	margin:					0px;
	padding:				0px;
	width:					100%;
}

ul.wraplist li
{
	margin:					0px;
	padding:				0px;
	display:				inline;
	list-style-type:		none;
}

ul.wraplist span
{
	margin:					0.5em;
	padding:				0px;
	_display:				inline-block;
	display:				table-cell;
	text-align:				center;
	vertical-align:			bottom;
}

#c_nw
{
	background-image:	url(/styles/balloon/0/nw.png);
	background-repeat:	no-repeat;
	width:				6px;
	height:				6px;
}

#c_n
{
	background-image:	url(/styles/balloon/0/n.png);
	background-repeat:	repeat-x;
	height:				6px;
}

#c_ne
{
	background-image:	url(/styles/balloon/0/ne.png);
	background-repeat:	no-repeat;
	width:				6px;
	height:				6px;
}

#c_w
{
	background-image:	url(/styles/balloon/0/w.png);
	background-repeat:	repeat-y;
	width:				6px;
	min-height:			12px;
}

#c_c
{
	background-image:	url(/styles/balloon/0/c.png);
	padding:			3px;
}

#c_e
{
	background-image:	url(/styles/balloon/0/e.png);
	background-repeat:	repeat-y;
	width:				6px;
	min-height:			12px;
}

#c_sw
{
	background-image:	url(/styles/balloon/0/sw.png);
	background-repeat:	no-repeat;
	width:				6px;
	height:				6px;
}

#c_s
{
	background-image:	url(/styles/balloon/0/s.png);
	background-repeat:	repeat-x;
}

#c_se
{
	background-image:	url(/styles/balloon/0/se.png);
	background-repeat:	no-repeat;
	width:				6px;
	height:				6px;
}

#c_arrow
{
	background-image:	url(/styles/balloon/0/arrow.png);
	background-repeat:	no-repeat;
	width:				13px;
	height:				13px;
}

.hblue
{
	color:				#00F;
}

.hred
{
	color:				#F00;
}

.boss
{
	color:				#900;
}

.undead
{
	color:				#090;
}


#charbox
{
	position:			relative;
	
	left:				50%;
	margin-left:		-100px;
	
	width:				200px;
	height:				200px;
	
	border:				1px solid #000000;
	background-color:	#ffffff;
}

#charbody
{
	position:			absolute;
	z-index:			1;
	
	left:				100px;
	top:				100px;
	
	width:				1px;
	height:				1px;
	
	background-repeat:	no-repeat;
}

#chararm
{
	position:			absolute;
	z-index:			3;
	
	left:				100px;
	top:				100px;
	
	width:				1px;
	height:				1px;
	
	background-repeat:	no-repeat;
}

#charhead
{
	position:			absolute;
	z-index:			2;
	
	left:				100px;
	top:				100px;
	
	width:				1px;
	height:				1px;
	
	background-repeat:	no-repeat;
}

#itembox
{
	width:				100%;
	background-color:	#ffffff;
}