@charset "utf-8";

/***************************** 
CSS Version 1.0
Pandora's Wonderland
Author: Remote Control Design
*****************************/

/****************************************
	Basics
****************************************/


* 				{margin: 0; padding: 0;}
img 			{border:0;}
.clear 			{clear: both;}
a, a:visited 	{text-decoration: none; outline: none; color: #999999;}
a:hover 		{color: #FFFFFF;}
body 			{font-family:Arial, Helvetica, sans-serif; color:#ffffff; background: #333333 url(../images/bg-repeat.jpg) repeat scroll 0 0 ;}

/****************************************
	Typography
****************************************/

h1				{background: url(../images/pw-title.png) no-repeat scroll 0 0; text-indent: -9999px; height: 55px; padding-bottom: 15px;} 
h2				{font-family: "Times New Roman", Times, serif; font-size:34px; color:#fe0379; text-indent:-9999px; }
h3				{font-family: "Gotham-Book", Arial, Helvetica, sans-serif; font-size:18px; text-transform: uppercase; padding: 5px 0 10px 15px;}
h2.events 		{background:url(../images/events-header.png) no-repeat scroll 0 0; margin: 40px 0 10px 15px;}
h2.pastevents 		{background:url(../images/pastevents-header.png) no-repeat scroll 0 0; margin: 40px 0 10px 15px;}
h2.contact 		{background:url(../images/contact-header.png) no-repeat scroll 0 0; margin: 40px 0 10px 15px;}

/****************************************
	Structure
****************************************/
#page-wrap		{width: 800px; margin: 0 auto;}
#header			{margin-top: 50px;}
#content		{height: 475px; background:#1c1b1b; position:absolute; width:800px;}
#left-column	{width: 562px; float:left; position: absolute; left: 0; top: 0; height: 475px;}
#left-columnb	{width: 562px; z-index:10; float:left; position: absolute; left: 0; top: 0; height: 475px;}
#right-column 	{width: 355px; z-index:10; position: absolute; right:0; top: 0;}
#right-columnb 	{width: 355px; position: absolute; right:0; top:0; background-color:#1c1b1b;}
#image_rotate	{position: absolute; list-style-type: none; list-style-image: none; list-style-position: outside;}
p				{padding:5px 15px; width: 500px; font-size:12px; line-height:1.6em;}
ul#content-list	{list-style:none; font-size:12px; padding:5px 15px;}
#rcd-link		{position:absolute; top:640px; font-size:10px; color:#ffffff;}

/****************************************
	Main Navigation - 3 menu option
****************************************

#main-nav											{position: relative; height: 32px; width:800px; background:#1c1b1b;}
#header-nav											{list-style-type: none;}
#header-nav	li										{display: inline;}
#main-nav ul#header-nav li a						{text-indent: -9999px; float: left; display: block; height: 32px; background: url(../images/nav-main.gif) no-repeat; }

#main-nav ul#header-nav li.home a 					{ left: 0; width: 265px; background-position: 0 0; }
#main-nav ul#header-nav li.events a 				{ left: 265; width: 265px; background-position: -265px 0; }
#main-nav ul#header-nav li.contact a 				{ left: 530; width: 265px; background-position: -530px 0; }

#main-nav ul#header-nav li.home a:hover 			{ background-position: 0 -64px; }
#main-nav ul#header-nav li.events a:hover 			{ background-position: -265px -64px; }
#main-nav ul#header-nav li.contact a:hover			{ background-position: -530px -65px; }

body#home #main-nav ul#header-nav li.home a 		{ background-position: 0 -32px; }
body#events #main-nav ul#header-nav li.events a		{ background-position: -265px -32px; }
body#contact #main-nav ul#header-nav li.contact a	{ background-position: -530px -32px; }

****************************************/

/****************************************
	Main Navigation Event - 4 Menu option
****************************************/

#main-nav-event														{position: relative; height: 32px; width:800px; background:#1c1b1b;}
#header-nav-event													{list-style-type: none;}
#header-nav-event	li												{display: inline;}
#main-nav-event ul#header-nav-event li a							{text-indent: -9999px; float: left; display: block; height: 32px; background: url(../images/nav-main.gif) no-repeat; }

#main-nav-event	 ul#header-nav-event	 li.home a 					{ left: 0; width: 150px; background-position: 0 0; }
#main-nav-event	 ul#header-nav-event	 li.events a 				{ left: 200; width: 250px; background-position: -150px 0; }
#main-nav-event	 ul#header-nav-event	 li.contact a 				{ left: 400; width: 200px; background-position: -400px 0; }
#main-nav-event	 ul#header-nav-event	 li.extra a 				{ left: 600; width: 200px; background-position: -600px 0; }

#main-nav-event	 ul#header-nav-event	 li.home a:hover 			{ background-position: 0 -64px; }
#main-nav-event	 ul#header-nav-event	 li.events a:hover 			{ background-position: -150px -64px; }
#main-nav-event	 ul#header-nav-event	 li.contact a:hover			{ background-position: -400px -64px; }
#main-nav-event	 ul#header-nav-event	 li.extra a:hover			{ background-position: -600px -64px; }

body#home #main-nav-event	 	ul#header-nav-event	 li.home a 		{ background-position: 0 -32px; }
body#events #main-nav-event	 	ul#header-nav-event	 li.events a	{ background-position: -150px -32px; }
body#contact #main-nav-event	ul#header-nav-event	 li.contact a	{ background-position: -400px -32px; }
body#extra #main-nav-event	 	ul#header-nav-event	 li.extra a		{ background-position: -600px -32px; }

/****************************************
	Extra thumbnails
****************************************/

#left-columnb #extra-pics 			{position:absolute; right:105px; top:130px;}
#left-columnb #extra-pics dl		{display:block; width:230px; padding:0px; margin:0px;}
#left-columnb #extra-pics dl dd		{display:inline; margin: 0 7px 5px 0; float:left; padding:0px;}
#left-columnb #extra-pics dl dd img	{}

#left-columnb .buybtn				{padding:10px 0 0 15px; border:0px;}


/***************************************
Contact form
***************************************/

#form-box					{background-color:#262525; width: 400px; height:235px; margin:10px 0 0 15px;}
#contact-form .field  	   { float: left; width: 400px; color:#ffffff; font-size:11px; margin:10px 5px 0 0;}
#contact-form .field label { float: left; width: 180px; padding-left: 10px;}
#contact-form .field label span { color:#666666;}
#contact-form .field input { float: left; width: 200px; border:#fe0379 1px solid;}
#contact-form .form-button { float: left; padding: 5px 0 0 189px;}
#contact-form .select-field { float: left; width:205px;}
#contact-form .field .message-box { float: left; width: 200px; height:100px; border:#fe0379 1px solid;}