h1, h2, h3, h4, h5, h6, pre, code {font-size: 1em;}

html, body,
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, li,
form, input, table {
	margin: 0;
	padding: 0;
	}

html {
	background: #99ccff url("../graphics/bgsplit.png") repeat-x left -6px;
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 100%;
	height: 100%;
	width: 100%;
	}

body {
	margin: 0 auto;
	padding: 0 0 .5em;

	/*scrollbar-face-color:       #99ccff;  Main Scroll Bar  - Light Blue */
	/*scrollbar-highlight-color:  #ffffff;  Left/Top Inside  - White */
	/*scrollbar-3dlight-color:    #99ccff;  Left/Top Border  - Light Blue */
	/*scrollbar-shadow-color:     #3399ff;  Right/Low Border - Med Blue */
	/*scrollbar-darkshadow-color: #0033cc;  Right/Low Outer  - Dark Blue */
	/*scrollbar-track-color:      #C8DCFF;  Rest of Track    - Very Pale Blue */
	/*scrollbar-arrow-color:      #ffff00;  Up & Down Arrows - Bright Yellow */
	}


/* -------------------------------------------------------------------------- */
/* ---------------------------- generic elements ---------------------------- */
/* -------------------------------------------------------------------------- */

a {
	color: #2756cd;
	text-decoration: none;
	}

	a:hover {color: #0000ff;}
	a img {border: none;}

p {margin: 0 .5em;}
p:first-letter {margin-left: 1em;}

table {
	border-collapse: collapse;
	}

ul, ol {
	margin-left: 20px;
	}


/* -------------------------------------------------------------------------- */
/* ------------------------------ site layout ------------------------------- */
/* -------------------------------------------------------------------------- */

.aspform {
	margin: 0 auto;
	/*width: 753px;
	max-width: 1200px;*/
	padding: 0 .5em;
	}

.toptab {
	background-color: #ffffff;
	border: 1px solid #000;
	border-bottom: none;
	color: #000000;
	font-family: Courier New, Monospace;
	font-size: .7em;
	letter-spacing: .1em;
	margin: .5em 0 0 8.15em;
	padding: .2em 0;
	text-align: center;
	width: 8em;
    }

.float-area {
	/*float: left;
	margin-left: -77px;
	width: 100%;*/
	}

	.menu-area {
		float: left;
		/*margin-left: 75px;*/
		position: fixed;
		width: 5.2em;
		}

		/* ie6 \*/ * html .menu-area {position: static;}/* */
		/* ie7 */ *:first-child+html .menu-area {position: static;}

	.content-area {
		margin-left: 5.7em;
		}


/* -------------------------------------------------------------------------- */
/* ------------------------------- site style ------------------------------- */
/* -------------------------------------------------------------------------- */

.menu {
	background: #f0f8ff;
	border: 1px solid #000000;
	color: #000000;
	font-size: .7em;
	line-height: 1.5em;
	padding: .2em .3em;
	}

	.menu ul + h2 {margin-top: 1em;}
	.menu ul {
		list-style: none;
		margin: 0;
		}

.content {
	background: #ffffff;
	border: 1px solid #000000;
	color: #000000;
    }

	.content .banner {
		/*background: url("../graphics/toppicbg.png") no-repeat top center;*/
		background: #0f8ffc;
		text-align: center;
		}

	.content h2 {
		background: #dddddd;
		border-color: #000000;
		border-style: solid;
		border-width: 1px 0;
		color: #000000;
		margin: 1em 0;
		padding: .2em 1em;
		}

	.content .banner + h2 {margin-top: 0;}

	.content p:last-child {margin-bottom: 1em;}

	.content .fv,
	.content .gv {
		background: #ffffff;
		color: #000000;
		margin: 0 .5em .5em;
		}

	.gv th {background: #eeeeee;}

	.content th,
	.content td {
		border: 1px solid #aaaaaa;
		padding: .1em .3em;
		}
	.content td + td + td {text-align: center;}

	.content .fv {
		border: none;
		padding: 0;
		}

	.content .gv input[type=checkbox] {height: 1.5em;width: 1.5em;}
	.content .gv input[checked=checked] {height: auto;width: auto;}

.gallery {
	display: none;
	/*margin-left: -75px;
	margin-top: 25px;
	padding-left: 100%;*/
	}

.bottomtab {
	background: #e0e8f8;
	border: 1px solid #000000;
	border-top: none;
	clear: both;
	color: #000000;
	font-size: .7em;
	/*margin: 0 77px 0 auto;*/
	margin: 0 0 0 auto;
	text-align: center;
	width: 30em;
	}


/* -------------------------------------------------------------------------- */
/* ------------------------------ miscellaneous ----------------------------- */
/* -------------------------------------------------------------------------- */

.overflow {
	border: solid 1px #000000;
	/*border-bottom: none;*/
	margin: .5em;
	overflow-x: scroll;
	}

	.overflow .gv {
		margin: 0;
		}


/* -------------------------------------------------------------------------- */
/* ------------------------------ vg - griffon ------------------------------ */
/* -------------------------------------------------------------------------- */

.griffon-menu {
	list-style: none;
	margin-top: 1em;
	}

.griffon-menu li {
	float: left;
	margin: 0 1em;
	}

.griffon-menu a {
	border-color: #000000;
	border-style: solid;
	border-width: 2px 0 0;
	color: #000000;
	margin-bottom: 1px;
	padding: .2em .2em;
	}

	.griffon-menu a:hover {
		border-width: 2px 0 1px 0;
		color: #0000ff;
		margin-bottom: 0;
		}

.griffon-gv th + th + th {}

	/* ie7 */ *:first-child+html .griffon-gv th + th + th {
		text-align: left;
		writing-mode: tb-rl;
		filter: flipv fliph;
		}


/* -------------------------------------------------------------------------- */
/* ------------------------------- vg - items ------------------------------- */
/* -------------------------------------------------------------------------- */

.item-area {
	background: /*#e3e6ed;*/#0b1024;
	border: solid 1px #333333;
	color: #ffffff;
	font-weight: bold;
	margin: .5em 1em;
	max-width: 30em;
	padding: .2em .4em;
	}

.item-info {
	margin: 0;
	}

.item-info li {
	display: block;
	}

.item-type {}
.item-slot,
.item-speed,
.item-weight {
	float: right;
	}

.item-damage span {color: #f1c83e;}
.item-stat {color: #00ff73;}
.item-coh,
.item-require,
.item-level {color: #b8b8b8;}
.item-coh span {color: #ffff00;}
.item-coh .item-cohname {color: #00a4ed;}

.item-require span,
.item-level span {color: #ffffff;}

/*.item-area {
	list-style: none;
	margin: .5em 0;
	}

	.item-area img {border: solid 1px #000000;}

.item-info {
	background: #e3e6ed;/*#0b1024;/*
	border-color: #333333;
	border-style: solid;
	border-width: 0 1px 1px;
	color: #000000;
	}

	.item-info caption {
		background: #e3e6ed;
		border-color: #333333;
		border-style: groove solid none;
		border-width: 3px 1px 0;
		font-weight: bold;
		padding: .2em .3em 1em;
		text-align: left;
		}

		/* firefox /* html:not([lang*=""]) caption {margin-left: -1px;}

		.item-uncommon {color: #0269b4;}
		.item-rare {color: #ffff32;}
		.item-heroic {color: #fbba18;}

	.item-info td {border: none;}

	.item-name {}
	.item-type {}
	.item-level {}
	.item-stat {color: #137f4f;}

	.item-hand,
	.item-weight {
		text-align: right;
		}
	.item-text {color: #555555;}

.drop-info {
	float: right;
	}

.item-drop {
	background: #fcfbf0 none no-repeat 5px center;
	border: solid 1px #cccccc;
	color: #000000;
	display: table;
	font-size: .8em;
	margin: 0 1em 1em 0;
	padding: .5em .3em .2em 45px;
	text-align: center;
	}

	.item-drop p:first-letter {margin: 0;}

	.item-drop .item-common {color: #0495cb;font-weight: bold;}

	.item-percent {}
*/


/* -------------------------------------------------------------------------- */
/* ------------------------------ contain float ----------------------------- */
/* -------------------------------------------------------------------------- */

.class:after,
.griffon-menu:after,
.item-area:after,
.item-drop:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}

	/* ie6 \*/
	* html .class,
	* html .griffon-menu,
	* html .item-area,
	* html .item-drop {height: 0;}/* */

	/* ie7 */
	*:first-child+html .class,
	*:first-child+html .griffon-menu,
	*:first-child+html .item-area,
	*:first-child+html .item-drop {min-height: 0;}