/* FRED Style Sheet */
/* Written 2007 by Randall Morey */

/* general */
body					{ text-align: center; background-color: #400A39; }
hr					{ display: none; }
a					{ color: #400A39; outline: 0; }
#wrapper			{ position: relative; width: 795px; height: 595px; margin: 25px auto; background: url(/base/media/images/bg.jpg) no-repeat; }

/* diagnostic
a{outline: 1px solid deeppink;}*/

/* logo and homepage link */
h1					{ margin: 0; padding: 0; }
h1 a					{ position: absolute; top: 12px; left: 251px; width: 310px; height: 125px; text-indent: -9999px; background: url(/base/media/images/logo.jpg) no-repeat; }
.home h1 a,
h1 a:hover			{ background-image: url(/base/media/images/logo-over.jpg); }
.note				{ padding: 25px; }

/* nav */
#nav a, #nav strong	{ position: absolute; z-index: 2; width: 105px; height: 120px; text-indent: -9999px; background-repeat: no-repeat; }
#nav .home			{ display: none; }
#nav .shop *			{ top: 46px; left: 14px; background-image: url(/base/media/images/nav-shop.jpg); }
#nav .conspire *		{ top: 7px; left: 141px; background-image: url(/base/media/images/nav-conspire.jpg); }
#nav .pester-us *	{ top: 7px; right: 132px; background-image: url(/base/media/images/nav-pester.jpg); }
#nav .rules *		{ top: 46px; right: 14px; background-image: url(/base/media/images/nav-rules.jpg); }

#nav .shop strong, #nav .shop a:hover			{ background-image: url(/base/media/images/nav-shop-over.jpg); }
#nav .conspire strong, #nav .conspire a:hover	{ background-image: url(/base/media/images/nav-conspire-over.jpg); }
#nav .pester-us strong, #nav .pester-us a:hover	{ background-image: url(/base/media/images/nav-pester-over.jpg); }
#nav .rules strong, #nav .rules a:hover			{ background-image: url(/base/media/images/nav-rules-over.jpg); }

/* footer */
#footer				{ position: absolute; bottom: 25px; left: 52px; width: 691px; height: 21px; font: 8px Georgia; color: white; /*text-indent: -9999px; background: url(/base/media/images/footer.gif) no-repeat;*/ }
* html #footer		{ bottom: 10px; }

/* nifty card-flip functionality (homepage) */
#card-buttons li a	{ position: absolute; width: 135px; height: 150px; text-indent: -9999px; background-repeat: no-repeat; }
#cb-torture a		{ top: 355px; left: 24px; background-image: url(/base/media/images/card-button-torture.jpg); }
#cb-foul a			{ top: 193px; left: 80px; background-image: url(/base/media/images/card-button-foul.jpg); }
#cb-spazz a			{ top: 132px; left: 238px; background-image: url(/base/media/images/card-button-spazz.jpg); }
#cb-crank a			{ top: 137px; left: 425px; background-image: url(/base/media/images/card-button-crank.jpg); }
#cb-powder-puff a	{ top: 201px; left: 585px; background-image: url(/base/media/images/card-button-powder-puff.jpg); }
#cb-laze a			{ top: 354px; left: 641px; background-image: url(/base/media/images/card-button-laze.jpg); }

#cb-torture a:hover		{ background-image: url(/base/media/images/card-button-torture-over.jpg); }
#cb-foul a:hover			{ background-image: url(/base/media/images/card-button-foul-over.jpg); }
#cb-spazz a:hover		{ background-image: url(/base/media/images/card-button-spazz-over.jpg); }
#cb-crank a:hover		{ background-image: url(/base/media/images/card-button-crank-over.jpg); }
#cb-powder-puff a:hover	{ background-image: url(/base/media/images/card-button-powder-puff-over.jpg); }
#cb-laze a:hover			{ background-image: url(/base/media/images/card-button-laze-over.jpg); }

#page div.torture			{ background-image: url(/base/media/images/card-torture.jpg); }
#page div.foul			{ background-image: url(/base/media/images/card-foul.jpg); }
#page div.spazz			{ background-image: url(/base/media/images/card-spazz.jpg); }
#page div.crank			{ background-image: url(/base/media/images/card-crank.jpg); }
#page div.powder-puff		{ background-image: url(/base/media/images/card-powder-puff.jpg); }
#page div.laze			{ background-image: url(/base/media/images/card-laze.jpg); }

/* content */
#content				{ position: absolute; bottom: 68px; left: 190px; width: 440px; height: 400px; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; }
#content a				{ display: block; position: absolute; left: 0; width: 400px; height: 20px; }

.shop #content a						{ top: 105px; }
.shop #content h2					{ text-indent: -9999px; }
.shop #content p						{ padding-top: 75px; padding-bottom: 25px; font-size: 125%; }
.shop #content table  					{ border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
.shop #content .note					{ padding-top: 25px; }				
.conspire #content .home a			{ top: 145px; }
.conspire #content .myspace a			{ top: 185px; }
.conspire #content .youtube a			{ top: 220px; }
.pester-us #content a				{ top: 195px; }
.pester-us #content .wholesale-info a	{ top: 235px; }
.rules #content a					{ top: 250px; width:440px; }

.home #content			{ background-image: url(/base/media/images/content-home.gif); background-position: 50% 100%; }
.shop #content			{ text-indent: 0; color: white; background-image: url(/base/media/images/content-shop.gif); }
.conspire #content		{ background-image: url(/base/media/images/content-conspire.gif); }
.pester-us #content		{ background-image: url(/base/media/images/content-pester.gif); }
.rules #content			{ background-image: url(/base/media/images/content-rules.gif); }