html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #111;
}

/* Main Page */


/* Main Page Gear Table */
tr:first-child{background-color: black;}
tr:nth-child(even){background-color: #333;}
tr:nth-child(odd){background-color: #444;}
tr{
	height: 1.3em;
}
.tabletitlearea{
	margin: 0 auto;
	color: white;
	text-align: center;
	font-size: 3em;
}
.geartable{
	margin: 0 auto;
	background-color: grey;
	font-family: sans-serif;
	color: white;
	border: 5px solid black;
	border-left: 20px solid black;
	border-right: 20px solid black;
	border-collapse: collapse;
}
.geartableheader{
	background-color: black;
	text-align: left;
	color: white;
}
.armorcolumn{padding-left: 1em;}
.slotcolumn{}
.namecolumn{}
.majorstatcolumn{}
.minorstatcolumn{}
.bosscolumn{}
.notecolumn{
	border-left: 1px solid black;
}
.geartable a:link{color: #888;}
.geartable a:visited{color: #999;}

/* Gear Page */
/* Background */
.backgroundcharacterimage{
	margin: 0 auto;
	width:1600px;
	height: 1200px;
	background-position: center;
	background-color: inherit;
	background:url("../img/dozzurarmory.jpg");
}

/* Gear icons */
.gear_icon{
	width: 50px;
	height: 50px;
	position: relative;
	top: 5px;
	background-color: blue;
	border: 3px solid purple;
	border-radius: 5px;
}
.gear_box{
	width:56;
	height:66;
	background-color: inherit;
}
.gear_slots{
	position: relative;
	width: 1000px;
	height: 1000px;
	margin: 0 auto;
	background-color: inherit;
}
.left_gear_slots{
	width:56px;
	height: 528px;
	top: 300px;
	left: 100px;
	position: absolute;
	background-color: inherit;
}
.right_gear_slots{
	width:56px;
	height: 528px;
	position: absolute;
	top: 300px;
	right: 100px;
	background: red;
}
.bottom_gear_slots{
	width:200px;
	height: 56px;
	position: absolute;
	top: 1000px;
	right: 400;
	background: red;
}
/* Gear Option Formatting */
.gear_option{
	height: inherit;
	overflow-x: visible;
	background-color: grey;
	border: inherit;
	border-color: inherit;
	color: white;
	font-size: 15px;
}
.gear_nonselectable{
	position: relative;
	width:inherit;
	height: inherit;
	background-image: inherit;
	background-color: inherit;
}
.gear_select{
	position: relative;
	overflow-x: visible;
	width:inherit;
	height: inherit;
	background-image: inherit;
	background-color: grey;
	border: 0px;
	background-image:url("../gear/questionmarkicon.jpg");
}



/* Main Page Formatting */

/*  Bar */
.main-page-nav-bar{
	margin: 0 auto;
	font-size: 2em;
	font-family: sans-serif;
	color: white;
}
.main-page-nav-list{
	font-size: inherit;
	padding-left: 0;
	list-style: none;
	margin: 0 auto;	
	display: inline-block;
}
.main-page-nav-li{
	width: 200px;
	height: 1.1em;
	font-size: inherit;
	text-align: center;
	display: inline-block;
	list-style: none;
	background: #333;
	float: left;
	padding: 0px;
	border-left: #111 8px solid;
	border-top: #111 8px solid;
	border-bottom: #111 8px solid;
}
.main-page-nav-li:last-child{
	border-right: #111 8px solid;	
}
.main-page-sub-nav-li{
	font-size: .6em;
	width: 90px;
	border-left: #111 3px solid;
	border-top: #111 3px solid;
	border-bottom: #111 3px solid;
}
.main-page-sub-nav-li:last-child{
	border-right: #111 3px solid;	
}
.main-page-nav-li a:link{
	color: inherit;
	text-decoration: none;
}

.main-page-nav-li a:visited{
	color: inherit;
	text-decoration: none;
}
.current-page-selected{
	background: #651d1d;
}

/* Weakauras */
.weakauras-main{
	color: white;
}
.weakauras-main a:link{
	color: inherit;
	text-decoration: none;
}

.weakauras-main a:visited{
	color: inherit;
	text-decoration: none;
}
.weakaura-li{
	padding: 8px;
	list-style: square;
	color: inherit;
	font-size: 1.5em;
}
.weakaura-li-sub{
	list-style: square;
	color: yellow;
	font-size: 1.2em;
	padding-bottom: 5px;
}
.weakaura-header-li{
	list-style: square;
	color: #3fffe4;
	font-size: 1.5em;
	font-family: sans-serif;
}

/* Title of page */

.pagetitle{
	color: white;
	margin-top: 0px;
	margin-left: 30px;
	font-size: 3em;
	padding-left: 40px;	
	padding-top: 30px;
	font-family: serif;
	text-decoration: none;
}
.pagetitlelink{	
	color: white;
	text-decoration: none;
}
.pagetitlelink a:link{	
	color: white;
	text-decoration: none;
}
.pagetitlelink a:visited{	
	color: white;
	text-decoration: none;
}
.blurtag{
	color: #ff1780;
	text-decoration: none;
	padding-left: 15px;
}
.blurtag a:link{
	color: #ff1780;
	text-decoration: none;
}
.blurtag a:visited{
	color: #ff1780;
	text-decoration: none;
}

/* Wraps */
.wrap{
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	background: #222;
	border: #333 solid 3px;
	border-top: 0;
	border-bottom: 0;
}
.centerwrap{
	width: 90%;	
	min-width: 1000px;
	margin: 0 auto;
	background: inherit;
}

.mainbody{
	width: 100%;
	background-color: inherit;
	margin: 0;
	float: left;
}

.leftbar{
	width: 20%;
	float: left;
	background: green;
}

.topbar{
	width: 100%;
	min-width: 850px;
	padding-top: 0;
	background: inherit;
	margin: 0 auto;

}

.rightbar{
	width: 20%;
	float: right;
	background: yellow;
}

.footer{
	margin: 0;
	padding: 0;
	background: #111;
	height: 50px;
	clear:both;
	border: #333 solid 3px;
}
.footertext{
	text-align: center;
	color: white;
	font-size: 1.5em;	
	padding-left: 80px;
	line-height: 50px;
}