/* Warhammer Herald - global.css */
/* ============================================ */
/* author: Jason Krieger */
/* ============================================ */


/*  Main Site Structure */
/* ============================================ */

html { height: 100% }

body {
	background: #000000 url('http://mythicmktg.fileburst.com/war/us/all/global/images/main_content-bg-v2.gif') top center repeat-y;
	color: #ffffff;
	font-size: 0.8em;
	font-family: Veranda, Arial, Geneva, sans-serif;
	height: 100%;
	margin: 0px;
	padding: 0px;
	}

img { border: 0px; }
a img { border: 0px; }

:focus { outline: 0; } 

/*  Global Nav */
/* ============================================ */

#gnav-container {
	background: #000000;
	color: #999999;
	font-size: 10px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%;
	}

	.gnav {
		background: #000000 url('http://mythicmktg.fileburst.com/war/us/global/gnav_mythic-logo.gif') no-repeat;
		margin: 0px auto;
		padding: 6px 0px 4px 45px;
		text-align: left;
		width: 600px;
		float: left;
		}

	.gnav a, gnav a:link, gnav a:visited {
		color: #999999;
		text-decoration: none;
		}

	.gnav a:hover {
		color: #990000;
		text-decoration: underline;
		}
		
	.gnav a.active {
		color: #990000;
		text-decoration: underline;
		}
		
	.lang-select {
		width: 140px;
		height: 24px;
		float: right;
		text-align: right;
		margin: 0px 0px 0px 0px;
		background: #212121;
		}
		
	
/*  Main Site - BG Fixes */
/* ============================================ */

.bg-fix-gnav {
	background: #000000;
	height: 24px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;

	}

.bg-fix-hill {
	background: url('http://mythicmktg.fileburst.com/war/us/all/global/images/header_bg-v2.jpg') top center no-repeat;
	height: 333px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 24px;
	}

.bg-fix-header {
	background: url('http://mythicmktg.fileburst.com/war/us/all/global/images/header_base-metal-v2.jpg') top center no-repeat;
	height: 68px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 142px;
	}


/* Header */
/* ============================================ */

#header-container {
	background: url('http://mythicmktg.fileburst.com/war/us/all/global/images/header_bg-v2.jpg') top center no-repeat;
	height: 184px;
	margin: 0px auto;
	text-align: center;
	width: 985px;
	position: relative;
	}
	
	.header-base {
		background: url('http://mythicmktg.fileburst.com/war/us/all/global/images/header_base-metal-v2.jpg') top center no-repeat;
		height: 68px;
		margin: 0px auto;
		padding: 0px;
		width: 985px;
		position: absolute;
		left: 0px;
		top: 118px;
		z-index: 0;
		}
	
	.header-logo {
		width: 437px;
		height: 127px;
		position: absolute;
		left: 55px;
		top: 0px;
		z-index: 1;
		}
		
	.header-char {
		width: 450px;
		height: 127px;
		position: absolute;
		left: 534px;
		top: 0px;
		z-index: 1;
		}
		
	.navbar {
		height: 67px;
		margin: 0px auto;
		width: 732px;
		position: absolute;
		left: 125px;
		top: 117px;
		z-index: 2;
		}
	

/* Header - Main Nav */
/* ============================================ */

	ul#nav {
		position: relative;
		top: 0px;
		left: 0px;
		width: 732px;
		margin: 0px;
		height: 67px;
		list-style-type: none;
		overflow: hidden;
		}

	body#home ul#nav  { background: transparent url('http://mythicmktg.fileburst.com/war/us/en/global/images/new-nav_matrix.gif') no-repeat 0 0; }
	body#herald ul#nav { background: transparent url('http://mythicmktg.fileburst.com/war/us/en/global/images/new-nav_matrix.gif') no-repeat 0 -67px; }
	body#realm ul#nav  { background: transparent url('http://mythicmktg.fileburst.com/war/us/en/global/images/new-nav_matrix.gif') no-repeat 0 -134px; }
	body#forum ul#nav  { background: transparent url('http://mythicmktg.fileburst.com/war/us/en/global/images/new-nav_matrix.gif') no-repeat 0 -201px; }

	ul#nav li a {
		position: absolute;
		top: 0px;
		width: 183px;
		text-indent: -9000px;
		text-decoration: none;
		padding: 67px 0px 0px 0px;
		overflow: hidden;
		height: 0px !important;
		height /**/:67px; /* IE5/Win */
		background: transparent url('http://mythicmktg.fileburst.com/war/us/en/global/images/new-nav_matrix.gif') no-repeat;
		}

	body#home li#hom a 				{ background-position: 0 0; width: 183px; left: 0; }
	body#home li#hom a:hover		{ background-position: 0 0; }
	body#home li#her a 				{ background-position: -183px -268px; left: 183px; }
	body#home li#her a:hover		{ background-position: -183px 0px; }
	body#home li#rlm a 				{ background-position: -366px -268px; left: 366px; }
	body#home li#rlm a:hover		{ background-position: -366px 0; }
	body#home li#for a 				{ background-position: -549px -268px; left: 549px; }
	body#home li#for a:hover		{ background-position: -549px 0; }

	body#herald li#hom a				{ background-position: 0 -268px; width: 183px; left: 0; }
	body#herald li#hom a:hover		{ background-position: 0 -67px; }
	body#herald li#her a				{ background-position: -183px -67px; left: 183px; }
	body#herald li#her a:hover		{ background-position: -183px -67px; }
	body#herald li#rlm a				{ background-position: -366px -268px; left: 366px; }
	body#herald li#rlm a:hover		{ background-position: -366px 0; }
	body#herald li#for a				{ background-position: -549px -268px; left: 549px; }
	body#herald li#for a:hover		{ background-position: -549px 0; }

	body#realm li#hom a 				{ background-position: 0 -268px; width: 183px; left: 0; }
	body#realm li#hom a:hover		{ background-position: 0 -67px; }
	body#realm li#her a 				{ background-position: -183px -268px; left: 183px; }
	body#realm li#her a:hover		{ background-position: -183px -134px; }
	body#realm li#rlm a 				{ background-position: -366px -134px; left: 366px; }
	body#realm li#rlm a:hover		{ background-position: -366px 134px; }
	body#realm li#for a 				{ background-position: -549px -268px; left: 549px; }
	body#realm li#for a:hover		{ background-position: -549px 134px; }
	
	body#forum li#hom a 				{ background-position: 0 -268px; width: 183px; left: 0; }
	body#forum li#hom a:hover		{ background-position: 0 -67px; }
	body#forum li#her a 				{ background-position: -183px -268px; left: 183px; }
	body#forum li#her a:hover		{ background-position: -183px -134px; }
	body#forum li#rlm a 				{ background-position: -366px -268px; left: 366px; }
	body#forum li#rlm a:hover		{ background-position: -366px 134px; }
	body#forum li#for a 				{ background-position: -549px -201px; left: 549px; }
	body#forum li#for a:hover		{ background-position: -549px 134px; }


/* Body Structure */
/* ============================================ */

#wrapper {
   background: url('http://mythicmktg.fileburst.com/war/us/all/global/images/main_content-bg-v2.gif') top center repeat-y;
	height: auto !important;
   height: 100%;
	margin: 0px auto;
	min-height: 100%;
   position: relative;
   width: 985px;
	}

#content-container {
	margin: 0px auto;
	padding: 0px 0px 310px 0px; /* makes room for footer, +10px to height of footer image */
	text-align: center;
	width: 985px;
	}


/* Body Structure - Left Column (sub-nav)*/
/* ============================================ */

#content-left {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 157px;
	}

	.subnav {
		margin: 0px 0px 15px 0px;
		padding: 0px;
		}

	.subnav .cat-title {
		margin: 0px;
		padding: 0px;
		}

	.subnav .nav-selection {
		margin: 0px;
		padding: 0px;
		width: 157px;
		}

		.subnav .nav-selection .header {
			background: url('http://mythicmktg.fileburst.com/war/us/global/nav_child-header.gif') top center no-repeat;
			height: 17px;
			margin: 0px;
			padding: 0px;
			width: 157px;
			}

		.subnav .nav-selection .listbox {
			background: url('http://mythicmktg.fileburst.com/war/us/global/nav_child-bg.jpg') repeat-y;
			margin: -1px 0px 0px 0px;
			padding: 0px;
			width: 157px;
			}

			.subnav .nav-selection .listbox .selection {
				color: #999999;
				font-size: 10px;
				margin: 0px;
				padding: 5px 0px 5px 0px;
				word-spacing: 1px;
				line-height: 13px;
				}

				.subnav .nav-selection .listbox .selection a, .selection  a:link, .selection  a:visited {
						color: #999999;
						text-decoration: none;
						}

					.subnav .nav-selection .listbox .selection a:hover {
						color: #f5c400;
						text-decoration: none;
						}

		.subnav .nav-selection .footer {
			background: url('http://mythicmktg.fileburst.com/war/us/global/nav_child-footer.gif') top center no-repeat;
			height: 12px;
			margin: 0px;
			padding: 0px;
			width: 157px;
			}


/* Body Structure - Middle Column*/
/* ============================================ */

#content-center {
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	text-align: center;
	width: 660px;
	}
	
	
/* Body Structure - Right Column*/
/* ============================================ */


#content-right {
	float: right;
	padding: 0px;
	margin: 0px 1px 0px 0px;
	width: 157px;
	}

	.rightbar-box1 {
		margin: 0px 0px 15px 0px;
		padding: 0px;
		width: 157px;
		}

	.rightbar-box2 {
		margin: 0px;
		padding: 0px;
		width: 157px;
		}

	.rightbar-box3 {
		margin: 0px;
		padding: 0px;
		width: 157px;
		}


/* Footer*/
/* ============================================ */


#footer-container {
	background: url('http://mythicmktg.fileburst.com/war/us/global/footerv3_bg.gif') top center no-repeat;
	height: 300px;
	margin: -300px auto 0px; /*be sure to adjust the padding in CONTENT CONTAINER to allow for spacing */
	position: relative;
	text-align: center;
	width: 984px;
	}

	.footer {
		color: #666666;
		text-align: center;
		padding: 120px 0px 0px 0px;
		margin: 0px;
		}
		
		.footer .footer-row1 {
			width: 810px;
			text-align: center;
			margin: 0px auto;
			padding: 0px;
			}
			
			.footer .footer-row1 img{
				margin: 0px 10px;
				}
		
		.footer .footer-row2 {
			width: 810px;
			text-align: left;
			margin: 40px auto 0px auto;
			}
			
			.footer .footer-row2 .legal-img {
				float: left;
				margin: 5px 5px 0px 10px !important;
				margin: 5px 3px 0px 5px;
				}
			
			.footer .footer-row2 .legal-type {
				float: left;
				margin: 5px 0px 0px 0px;
				font-size: 12px;
				line-height: 20px;
				}
				
				.footer .footer-row2 .legal-type a, .legal-type a:link, .legal-type a:visited {
					color: #666666;
					text-decoration: none;
					font-weight: bold;
					}

				.footer .footer-row2 .legal-type a:hover {
					color: #990000;
					text-decoration: underline;
					font-weight: bold;
					}
					
			.footer .footer-row2 .mythic {
				float: right;
				margin: -10px 10px 0px 0px !important;
				margin: -10px 5px 0px 0px;
				}