/*
-----------------------------------------------------
Wizards.com:  planes.css
Copyright (c) 2008 Wizards of the Coast
http: //www.wizards.com/
-----------------------------------------------------
*/

@import url("styles.css");
@import url("../headlines.css");
@import url("planes_slider.css");

/* Main content */
/* ----------------------------------------------- */

#centerColumn {
	position: relative;
	padding-bottom: 20px;
}
#centerColumn .content {
	float: left;
	padding: 600px 110px 0;
	width: 580px;
	color: #fff;
	background-repeat: no-repeat;
	background-color: #000;
}
#centerColumn .content h3 {
	font-size: 1.5em;
	margin: 1em auto;
	font-weight: bold;
	color: #fff;
}
#centerColumn .content p {
	color: #fff;
	font-size: 1.083em;
}
#centerColumn .content ul {
	list-style-type: disc;
	margin: 0 0 0.5em 1.5em;
	color: #fff;
}
#centerColumn .content ul li {
	color: #fff;
	font-size: 1.083em;
}
#centerColumn .content ul li a {
	color: #6ff;
	text-decoration: none;
}
#centerColumn .content ul li a:hover {
	text-decoration: underline;
}


/* The Planes of Existence background links */
/* ----------------------------------------------- */

#centerColumn ul.planeslinks {
	background-color: transparent; /* background styles broken out because background-image defined in CMS */
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 58px;
	list-style-type: none;
	position: absolute;
	left: 0;
	top: 0;
	margin: 18px 0 0 78px;
	display: inline; /* fixes ie6 double margin bug */
	width: 665px;
	height: 482px;
}
#centerColumn ul.planeslinks li a {
	display: block;
	width: 140px;
	height: 140px;
	position: absolute;
}
#centerColumn ul.planeslinks li.mirrodin a {
	top: 293px;
	left: 61px;
	width: 160px;
	height: 160px;
}
#centerColumn ul.planeslinks li.alara a {
	top: 157px;
	left: 91px;
	width: 101px;
	height: 113px;
}
#centerColumn ul.planeslinks li.lorwyn a {
	top: 151px;
	left: 481px;
	width: 106px;
	height: 128px;
}
#centerColumn ul.planeslinks li.zendikar a {
	top: 294px;
	left: 439px;
	width: 281px;
	height: 165px;
}
#centerColumn ul.planeslinks li.ravnica a {
	top: 96px;
	left: 379px;
	width: 95px;
	height: 85px;
}
#centerColumn ul.planeslinks li.dominaria a {
	top: 93px;
	left: 200px;
	width: 85px;
	height: 86px;
}
#centerColumn ul.planeslinks li.kamigawa a {
	top: 77px;
	left: 289px;
	width: 83px;
	height: 86px;
}

#centerColumn ul.planeslinks li.innistrad a {
	top: 333px;
	left: 239px;
	width: 202px;
	height: 188px;
}

/* Footer (Related Content links) */
/* ----------------------------------------------- */

#centerColumn .content .footer {
	clear: both;
	width: 416px;
	margin: 0 auto;
}