﻿body {
	background: url('/Global/Images/background_gradient.jpg') repeat-x;
	font-size: 75%; /* Makes default size of text 12px on most older browsers */
	line-height: 1.5em;
	font-family:Arial;
	background-color:#231f20;
}

html>body { /* Makes default size of text 12px on Firefox, Safari, IE7, Opera, etc. */
	font-size: 12px;
}

a img { border-style: none; }

a:link { color: blue; }
a:visited { color: purple; }
a:focus
a:hover,
a:active { color: blue; }

/* Header Main Navigation */
/* ----------------------------------------------- */

#mainNav, #mainNav ul { /* First level menus */
	float: left; /* for IE: puts container back in the flow w/children that are floated */
	list-style: none;
	line-height: 1;
	background: #000;
	padding: 0;
	margin: 0;
	z-index: 9999;
}

#mainNav a {
	font: 12px Arial, Helvetica, sans-serif; /* fixed size on the chrome */
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 3px 30px 3px 3px;
}

#mainNav { /* First level menus */
	background: #333;
}

#mainNav {
	width: 1000px; /* for IE 5/Win (width + padding) */
	w\idth: 930px; /* for other IE versions */
	padding-left: 70px;
}

#mainNav a {
	font-weight: bold;
	font-size: 13px;
	line-height: 1.923em;
}

/* adding style to main nav "Wizards of the Coast" link to remove
   full width linkage */
#mainNav a { display: block; width: 135px; height: 25px; }

/* Logo */
/* ----------------------------------------------- */

h1#WizardsLogo img {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 3;
}
h1#WizardsLogo img a {
	display: block;
	width: 94px;
	height: 60px;
}

h1#WizardsLogo img {
	top: 9px;
	left: 15px;
	width: 57px;
}
h1#WizardsLogo img a {
	width: 57px;
}

/* Wrapper / Main Content */
/* ----------------------------------------------- */

#wrap { /* wraps around container (for applying a background style/color/image to centered content */
	float: left;
	background:url('/Global/Images/background_repeat.gif') repeat-y;
}

#container { /* wraps around header, main content and footer */
	position: relative; /* makes logo (and everything else) absolutely positioned relative to this wrapper */
	width: 1020px;
	z-index:2;
	margin:0 auto;
}

#MasterMainContent {
	clear: both; /* clears the float from the main navigation */
	background: url('/Global/Images/background.jpg') no-repeat;
	min-height: 1024px;	
}

* html #MasterMainContent {
	height:1024px;
}

#bannerGraphic img {
	display: block; /* gets rid of 3px of white space under image */
}

#glow { /* the glow area that can be repeated */
	float: left;
	background: transparent url("/Global/Images/background_glow_tile.gif") top center repeat-y;
}

#glowStatic { /* the top of the glow area that can not be repeated */
	padding: 0 10px;
	float: left;
	background: transparent url("/Global/Images/background_glow.gif") top center no-repeat;
}

#mainWrapper {
	width: 945px;
	margin: 0 auto;
	padding-top: 30px;
}

#mainWrapper h2 {
	font-size: 2.2em;
	font-weight:bold;
}

/* Search control */
/* ----------------------------------------------- */

.searchControl {
	position: absolute;
	top: 5px;
	right: 25px;
	z-index: 3;
}
.searchControl input {
    border: 1px solid #c3c3c3;
    border-top-color: #7c7c7c;
    border-bottom-color: #ddd;
    background: #fff;
    color: #000;
	font-size: 0.917em;
	margin: 0;
}
.searchControl .textBox { 
	width: 150px; 
}
.searchControl .emptyTextBox { 
	width: 150px; 
	font-style: italic; 
}
.searchControl .submitButton {
	background-color: #676d75;
	color: #fff;
	border: 1px solid #676d75;
}

#bannerGraphic {
	height: 70px;
	width: 1000px;
	position: relative;
	background-image: url("http://www.wizards.com/Magic/Assets/banner_multiverse.jpg");
	z-index: 1;
}
#bannerGraphic h2#MagicLogo {
	position: absolute;
	top: 22px;
	left: 5px;
}

/* Footer */

/* ----------------------------------------------- */
#footerNav ul { /* needs to be the width of all of the navigational items combined */
	list-style: none;
	line-height: 1;
	padding: 0;
	width: 430px; /* may need modification later if items are added but this needs a width in order to center properly */
	margin: 0 auto;
	font-size: 11px;
}

#footerNav a,
#footerNav span { /* First level menu links */
	display: block;
	font: 11px Arial, Helvetica, sans-serif; /* fixed size on the chrome */
	color: #000;
	text-decoration: none;
	padding: 6px 10px 6px 10px;
}

#footerNav li {
	float: left;
	padding: 0;
}

/* Footer links/copyright statement */
/* ----------------------------------------------- */
#footerNav {
	margin: 0 auto;
}

#footerNav p {
	clear: both;
	text-align: center;
	font-size: 11px; /* fixed size on the chrome */
}

#footerText, #footerText p {
	font: 11px Arial, Helvetica, sans-serif; /* fixed size on the chrome */
	text-align:center;
}

#footerText a {
	text-decoration:none;
}

#footerNav a {
	color:Blue;
}

#footerNav a:hover, 
#footerText a:hover {
	text-decoration:underline;
}

#footerAddText p {
	text-align: left;
	font-size: 11px; /* fixed size on the chrome */
}

#footerNav p a { /* back out of styles assigned above */
	display: inline;
	padding: 0;
}


