@charset "UTF-8";

/*
Theme Name: Ghostfire Games
Theme URL:	http://www.ghostfiregames.com
Author: Mitchell Renton
Author URI: http://www.cellardoor-design.co.uk
*/

@import "http://www.ghostfiregames.com/gladiator/wp-content/themes/ghostfire/css/reset.css";


/*   /// COLORS ///   *

orange		#fcaf17
grey		#7b7c80
dark grey	#131414

/*   /// GENERAL ///   */

.aligncenter 		{ display:block; margin:0 auto }
.left 				{ float:left }
.right 				{ float:right }
.middle				{ text-align: center; }
.wp-caption 		{ border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
div					{ position: relative; }
br.clear 			{ clear:both; display:block; height:1px; margin:-1px 0 0 0 }
strong 				{ font-weight: bold }
em 					{ font-style: italic }
a img 				{ border:none }
body				{ background: #000000; font: 62.5% Verdana, Geneva, Tahoma, sans-serif ; color: #ffffff; }

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */




/*   /// TYPOGRAPHY ///   */

h1, h2, h3, h4, h5	{ font-family: Baskerville, "Times New Roman", Times, serif; }
h1					{ font-size: 2.2em; }
h2					{ font-size: 2.3em; padding-bottom: 10px; font-variant: normal; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif  }
h3					{ font-size: 2.5em; padding-bottom: 10px; color: #fcaf17;  } 
h4					{ font-size: 1.6em; padding-bottom: 10px; }
h5					{ font-size: 1.4em; padding-bottom: 10px; }
p					{ 	
						color: #fff;
						font: 1.2em Verdana, Geneva, Tahoma, sans-serif ;
						line-height: 19px;
						padding-bottom: 15px; 
						
						}
a					{ color: #fcaf17; text-decoration: none; }
a:hover				{ text-decoration: underline; }




/*   /// LAYOUT ///   */

#container		{ 	
					margin: 17px auto; 
					width: 960px; 
					}
#header			{ 	
					height: 155px;
					margin: 0 80px; 
					width: 800px; 
					}
#navigation		{
					width: 800px;
					margin: 0 80px;
					}

#splash			{
					background: url('images/home-header-image.jpg') no-repeat; 
					height: 529px;
					width: 960px;
					}
					
#rage_splash	{
					background: url('images/rage-header-image.jpg') no-repeat; 
					height: 539px;
					width: 960px;
					}
					
#helix-splash	{
					background: url('images/helix-header.jpg') no-repeat; 
					height: 539px;
					width: 960px;
					}
					
#contact_splash	{
					position: relative;
					background: url('images/contact-header-image.jpg') no-repeat; 
					height: 539px;
					width: 960px;
					}

					
#intro-text		{
					position: absolute;
					bottom: 0;
					left: 525px;
					background: url('images/png-bg.png') repeat; 
					float: right;
					padding: 20px 80px 20px 20px;
					width: 335px;
					color: #fff;
					font-size: 1.1em;
					}

					
#rage-intro-text	{
					position: absolute;
					bottom: 0;
					right: 525px; 
					background: url('images/png-bg.png') repeat; 
					padding: 20px 20px 20px 80px;
					width: 335px;
					color: #fff;
					font-size: 1.1em;
					}

#content		{
					border-bottom: 1px solid #131414;
					margin: 0 auto;
					margin-bottom: 20px;
					padding-bottom: 25px;
					width: 800px;
					}

#video			{
					clear: both;
					margin-left: 75px;
					height: 526px;
					width: 650px;
					}
					
#helix-video			{
					clear: both;
					height: 506px;
					width: 625px;
					}
					
.left-content	{
					float: left;
					width: 390px;
					padding-right: 10px;
					}
					
.right-content, .right-content-skills	{
					float: left;
					width: 390px;
					padding-left: 10px; 
					}
					
.trailer		{
					clear:both;
					}
					

/*   /// HEADERS ///   */

#header h1 a	{ 
					background: url('images/ghostfire-games-logo.jpg') no-repeat; 
					display: block;
					float: left;
					height: 89px; 
					text-indent: -9999px;
					width: 256px;  
					}

h2#latest-news	{
					background: url('images/headers/latest-news.gif') no-repeat;
					display: block;
					height: 31px;
					text-indent: -9999px;
					width: 214px;
					}

h2#features		{
					background: url('images/headers/features.gif') no-repeat;
					display: block;
					height: 18px;
					text-indent: -9999px;
					width: 88px;
					}
					
h2#trailer		{
					background: url('images/headers/trailer.gif') no-repeat;
					display: block;
					height: 17px;
					margin-top: 25px;
					text-indent: -9999px;
					width: 72px;
					}
					
h2#screenshot	{
					background: url('images/headers/screenshots.gif') no-repeat;
					display: block;
					height: 18px;
					margin-top: 25px;
					text-indent: -9999px;
					width: 126px;
					}
					
h2#action		{
					background: url('images/headers/in-action.gif') no-repeat;
					display: block;
					height: 18px;
					text-indent: -9999px;
					width: 98px;
					}
					
h2#bio			{
					background: url('images/headers/bio.gif') no-repeat;
					display: block;
					height: 18px;
					text-indent: -9999px;
					width: 37px;
					}
					
h2#contact		{
					background: url('images/headers/contact.gif') no-repeat;
					display: block;
					height: 18px;
					text-indent: -9999px;
					width: 120px;
					}
					
h2#about		{
					background: url('images/headers/about.gif') no-repeat;
					display: block;
					height: 18px;
					text-indent: -9999px;
					width: 196px;
					}
					
h2#game-info		{
					background: url('images/headers/game-info.gif') no-repeat;
					display: block;
					height: 20px;
					text-indent: -9999px;
					width: 105px;
					}
					
h2#faq		{
					background: url('images/headers/faq.gif') no-repeat;
					display: block;
					height: 22px;
					text-indent: -9999px;
					width: 176px;
					}
					
h2#Forums		{
					background: url('images/headers/forums.gif') no-repeat;
					display: block;
					height: 32px;
					text-indent: -9999px;
					width: 126px;
					}
					
h2.helix		{
					background: url('images/headers/helix.gif') no-repeat;
					display: block;
					height: 32px;
					text-indent: -9999px;
					width: 98px;
					}
					
h2.music		{
					background: url('images/headers/music.gif') no-repeat;
					display: block;
					height: 18px;
					text-indent: -9999px;
					width: 63px;
					}
					
h2#rage-of-the-colossus, #pillar-of-fire, h2#lightning-charge, h2#shield-charge, h2#phantom-zone, h2#eclipse, h2#lightning-storm, h2#aerial-assault, h2#divine-light, h2#meteor, h2#magic-shield, h2#tornado 	{
							display: block;
							height: 50px;
							margin: 0 auto;
							text-indent: -9999px;
							width: 600px;
}
														
h2#beholder		{
					background: url('images/headers/beholder.gif') no-repeat;
					display: block;
					height: 44px;
					margin: 0 auto;
					padding-bottom: 40px;
					text-indent: -9999px;
					width: 202px;
					}

h2#chimera		{
					background: url('images/headers/chimera.gif') no-repeat;
					display: block;
					height: 44px;
					margin: 0 auto;
					padding-bottom: 40px;
					text-indent: -9999px;
					width: 182px;
					}

h2#illusionist		{
					background: url('images/headers/illusionist.gif') no-repeat;
					display: block;
					height: 44px;
					margin: 0 auto;
					padding-bottom: 40px;
					text-indent: -9999px;
					width: 228px;
					}

h2#medusa		{
					background: url('images/headers/medusa.gif') no-repeat;
					display: block;
					height: 44px;
					margin: 0 auto;
					padding-bottom: 40px;
					text-indent: -9999px;
					width: 171px;
					}
					
h2#minotaur		{
					background: url('images/headers/minotaur.gif') no-repeat;
					display: block;
					height: 44px;
					margin: 0 auto;
					padding-bottom: 40px;
					text-indent: -9999px;
					width: 212px;
					}
					
h2#old-master	{
					background: url('images/headers/old-master.gif') no-repeat;
					display: block;
					height: 44px;
					margin: 0 auto;
					padding-bottom: 40px;
					text-indent: -9999px;
					width: 271px;
					}
					
h2#red-dragon	{
					background: url('images/headers/red-dragon.gif') no-repeat;
					display: block;
					height: 44px;
					margin: 0 auto;
					padding-bottom: 40px;
					text-indent: -9999px;
					width: 269px;
					}
					
h2#snake-charmer	{
					background: url('images/headers/snake-charmer.gif') no-repeat;
					display: block;
					height: 44px;
					margin: 0 auto;
					padding-bottom: 40px;
					text-indent: -9999px;
					width: 344px;
					}
					
h2#unknown	{
					background: url('images/headers/unknown.gif') no-repeat;
					display: block;
					height: 44px;
					margin: 0 auto;
					padding-bottom: 40px;
					text-indent: -9999px;
					width: 203px;
					}
					
h2#story	{
					background: url('images/headers/story.gif') no-repeat;
					display: block;
					height: 18px;
					text-indent: -9999px;
					width: 60px;
					}
				

					
					
					
/*   /// PRIMARY NAVIGATION /// */

#navigation	{ height: 30px; }

ul#nav 		{ background:url('images/nav.gif'); position: absolute; top: 0px; left: 0px }
ul#nav li 	{ float: left; list-style-type: none }
ul#nav li a { height:30px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#navHome a, li#navRage a, li#navHelix a, li#navForums a, li#navContact a {background: url('images/nav.gif') }

li#navHome a						{ background-position: -0px 0; width: 96px; left: 0px }
li#navHome a:hover					{ background-position: -0px -30px }
body#pageHome li#navHome a 			{ background-position: -0px -30px }

li#navRage a						{ background-position: -96px 0; width: 266px; left: 96px }
li#navRage a:hover					{ background-position: -96px -30px }
body#pagerage-of-the-gladiator li#navRage a 			{ background-position: -96px -30px }

li#navHelix a						{ background-position: -362px 0; width: 141px; left: 362px }
li#navHelix a:hover					{ background-position: -362px -30px }
body#pagehelix li#navHelix a 		{ background-position: -362px -30px }

li#navForums a						{ background-position: -504px 0; width: 155px; left: 504px }
li#navForums a:hover				{ background-position: -504px -30px }
body#pageforums li#navForums a 		{ background-position: -504px -30px }

li#navContact a						{ background-position: -659px 0; width: 142px; left: 659px }
li#navContact a:hover				{ background-position: -659px -30px }
body#pagecontact li#navContact a 	{ background-position: -659px -30px }


/*   /// SECONDARY NAVIGATION /// */

.rage-navigation				{ width: 900px; height: 35px; margin: 0 30px 30px 30px; }

ul#rage-nav 		{ background:url('images/rage-nav.gif'); position: absolute; top: 0px; left: 0px }
ul#rage-nav li 		{ float: left; list-style-type: none }
ul#rage-nav li a 	{ height:35px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#rage-home a, li#rage-story a, li#rage-bosses a, li#rage-skills a, li#rage-media a, li#rage-faq a {background: url('images/rage-nav.gif') }

li#rage-home a										{ background-position: 0 0; width: 154px; left: 0px }
li#rage-home a:hover								{ background-position: 0 -35px }
body.pageRage-rage-of-the-gladiator li#rage-home a 	{ background-position: -0px -35px }

li#rage-story a										{ background-position: -154px 0; width: 147px; left: 154px }
li#rage-story a:hover								{ background-position: -154px -35px }
body.pageRage-story li#rage-story a 				{ background-position: -154px -35px }

li#rage-bosses a									{ background-position: -301px 0; width: 150px; left: 301px }
li#rage-bosses a:hover								{ background-position: -301px -35px }
body.pageRage-boss li#rage-bosses a 				{ background-position: -301px -35px }

li#rage-skills a									{ background-position: -451px 0; width: 154px; left: 451px }
li#rage-skills a:hover								{ background-position: -451px -35px }
body.pageRage-skills li#rage-skills a 				{ background-position: -451px -35px }

li#rage-media a										{ background-position: -605px 0; width: 151px; left: 605px }
li#rage-media a:hover								{ background-position: -605px -35px }
body.pageRage-media li#rage-media a 				{ background-position: -605px -35px }

li#rage-faq a										{ background-position: -756px 0; width: 144px; left: 756px }
li#rage-faq a:hover									{ background-position: -756px -35px }
body.pageRage-faq li#rage-faq a 					{ background-position: -756px -35px }


					
/*   /// SPLASH ///   */

#rage-logo	{
						padding: 15px 80px 0 0;
						}
						
#splash h2, #rage_splash h2	{
								font-size: 1.8em;
								}
				

						

/*   /// CONTENT AREA ///   */

div.full-underline	{ 
						background: url('images/full-underline.gif') no-repeat;
						height: 1px;
						margin-bottom: 40px;
						width: 800px; 
	 					}
	 					
div.half-underline	{ 
						background: url('images/half-underline.gif') no-repeat;
						height: 1px;
						margin-bottom: 40px;
						width: 384px; 
	 					}
	 					

body#pageHome div.post			{
						border-bottom: 1px solid #131414;
						}
						
div.post				{
							margin-bottom: 25px;
							}
						
img.post-img		{
						border: 3px solid #fff;
						float: left;
						margin: 0 10px 10px 0;
						}

div.post h2 span	{
						color: #fcaf17;
						font-size: 75%;
						margin-left: 10px;
  						}
  						
div.post h2 a	{
						color: #fff;
						font-variant: small-caps;
						text-decoration: none;
  						}
  						
div.post h2 a:hover	{
						text-decoration: underline;
  						}
 
div.post-copy		{
						float: left;
						width: 560px;
						}
					
div.post-image img		{
						border: 3px solid #fff;
						float: right;
						height: 139px;
						margin: 0 0 25px 0;
						width: 218px;
						} 

							
ul#screenshots li		{
							display: inline;
							width: 200px;
							}

ul#screenshots li a		{
							width: 200px;
							}						


ul#screenshots li a img {
							border: 2px solid #fff;
							margin-bottom: 20px;
							}
							
.nudge-image			{
							margin-right: 90px;
							}
							

/*   /// BOSS SECTION ///   */

#boss-wrap	{	
				position: relative;
				margin-bottom: 55px;
				}

.boss-image	{
				width: 650px;
				height: 460px;
				margin: 0 auto;
				}
					
.boss-prev a	{
				position: absolute;
				top: 15px;
				left: 0;
				width: 65px;
				height: 60px;
				text-indent: -9999px;
				background: url('images/prev.png') no-repeat 0 0;
				}
				
.boss-prev-none	{
				position: absolute;
				top: 15px;
				left: 0;
				width: 65px;
				height: 60px;
				text-indent: -9999px;
				background: url('images/prev.png') no-repeat -195px 0;
				}
				
.boss-prev a:hover	{
						 background-position: -65px 0;
						}
						
.boss-prev a:active	{
						background-position: -130px 0;
						}
								
.boss-next a	{
				position: absolute;
				top: 15px;
				right: 0;
				width: 65px;
				height: 60px;
				text-indent: -9999px;
				background: url('images/next.png') no-repeat 0 0;
				}
				
.boss-next a:hover	{
						 background-position: -65px 0;
						}
						
.boss-next a:active	{
						background-position: -130px 0;
						}
						
.boss-next-none	{
				position: absolute;
				top: 15px;
				right: 0;
				width: 65px;
				height: 60px;
				text-indent: -9999px;
				background: url('images/next.png') no-repeat -195px 0;
				}
							

							
/*   /// SKILL SECTION ///   */

#map-container	{
					margin: 20px 0 20px 90px;
					}

#map {
	margin:0;
	padding:0;
	width:619px;
	height:355px;
	background:url(images/skill-tree.bmp) top left no-repeat #fff;
	font-family:arial, helvetica, sans-serif;
	font-size:1.4em;
}

#map a { cursor: default; }
			
#map li a {
	position:absolute;
	display:block;
	/*
	   Specifying a background image
	   (a 1px by 1px transparent gif)
	   fixes a bug in older versions of
	   IE that causeses the block to not
	   render at its full dimensions.
	*/
	background:url('images/blank.gif');
	text-decoration: none;
}

#map li a span { display:none; }

#map li a:hover span {
	position:relative;
	display:block;
	width:200px;
	left:20px;
	top:20px;
	padding:5px;
	border:1px solid #fcaf17;
	background: url('images/png-bg.png');
	color:#fff;
	-moz-border-radius: 5px;
	webkit-border-radius: 5px;
}

#map a.deadly_hits {
	top:47px;
	left:28px;
	width:41px;
	height:50px;
	
}

#map a.aerial_assault {
	top:47px;
	left:81px;
	width:41px;
	height:50px;
}

#map a.critical_strikes {
	top:47px;
	left:136px;
	width:41px;
	height:50px;
}

#map a.counterattack_mastery {
	top:107px;
	left:28px;
	width:41px;
	height:50px;
}

#map a.pillar_of_fire {
	top:107px;
	left:81px;
	width:41px;
	height:50px;
}

#map a.focused_retaliation {
	top:167px;
	left:28px;
	width:41px;
	height:50px;
}

#map a.eclipse {
	top:167px;
	left:81px;
	width:41px;
	height:50px;
}

#map a.furious_attacks {
	top:167px;
	left:136px;
	width:41px;
	height:50px;
}

#map a.vampiric_swings {
	top:227px;
	left:81px;
	width:41px;
	height:50px;
}

#map a.meteor {
	top:288px;
	left:81px;
	width:41px;
	height:50px;
}

#map a.reinforced_armor {
	top:47px;
	left:232px;
	width:41px;
	height:50px;
}

#map a.shield_charge {
	top:47px;
	left:286px;
	width:41px;
	height:50px;
}

#map a.enhanced_recovery {
	top:47px;
	left:338px;
	width:41px;
	height:50px;
}

#map a.magic_shield {
	top:107px;
	left:286px;
	width:41px;
	height:50px;
}

#map a.mystical_block {
	top:107px;
	left:338px;
	width:41px;
	height:50px;
}

#map a.hardened_will {
	top:167px;
	left:286px;
	width:41px;
	height:50px;
}

#map a.shield_block_mastery {
	top:167px;
	left:338px;
	width:41px;
	height:50px;
}

#map a.last_stand {
	top:227px;
	left:232px;
	width:41px;
	height:50px;
}

#map a.divine_light {
	top:227px;
	left:286px;
	width:41px;
	height:50px;
}

#map a.crystalline_prison {
	top:288px;
	left:286px;
	width:41px;
	height:50px;
}

#map a.mystical_generation {
	top:47px;
	left:436px;
	width:41px;
	height:50px;
}

#map a.lightning_charge {
	top:47px;
	left:490px;
	width:41px;
	height:50px;
}

#map a.mystical_swings {
	top:47px;
	left:545px;
	width:41px;
	height:50px;
}

#map a.energetic_opening {
	top:107px;
	left:436px;
	width:41px;
	height:50px;
}

#map a.lightning_storm {
	top:107px;
	left:490px;
	width:41px;
	height:50px;
}

#map a.fortified_will {
	top:167px;
	left:436px;
	width:41px;
	height:50px;
}

#map a.ancient_tornado {
	top:167px;
	left:490px;
	width:41px;
	height:50px;
}

#map a.electric_swings {
	top:167px;
	left:545px;
	width:41px;
	height:50px;
}

#map a.boundless_energy {
	top:227px;
	left:490px;
	width:41px;
	height:50px;
}

#map a.rage_of_the_colossus {
	top:288px;
	left:490px;
	width:41px;
	height:50px;
}

						
				
				
/*   /// HELIX CONTENT ///   */

#helix-nav				{
							float: left;
							width: 150px;
							}
							
#helix-nav ul			{
							padding-top: 7px;
							}

#helix-nav ul li		{
							font-size: 1.2em;
							padding-bottom: 10px;
							}

#helix-nav ul li a		{
							color: #333;
							}
							
#helix-nav ul li a:hover{
							color: #fcaf17;
							text-decoration: none;
							}

#helix-content			{
							border-left: 1px solid #333;
							float: left;
							padding-left: 24px;
							width: 625px;
							}
							
#helix-content ul		{
							margin: 0 0 15px 15px;
							}

#helix-content ul li		{
							font-size: 1.2em;
							padding-bottom: 7px;
							list-style: square;
							}
							
#pagehow-to-play a.how-to-play	{ color: #fcaf17;  }
#pagemedia a.media				{ color: #fcaf17;  }
#pagetrack-list a.track-list	{ color: #fcaf17;  }
#pagefaq a.faq					{ color: #fcaf17;  }
#pagesupport a.support			{ color: #fcaf17;  }

.post h4				{  
							font-size: 2em;
							color: #cccccc;
							}
							
							
/*   /// BLOG POSTS /// */

.alt 					{
							border-bottom:1px solid #131414;
							border-top:1px solid #131414;
							}
							
h3#comments				{
							color: #333;
							font-variant: normal;
							font: 1.5em Verdana;
							margin-top: 35px;
							}
							
.commentlist img		{
							float: right;
							border: 1px solid #fcaf17;
							}

.commentlist li			{
							margin: 3px 0;
							padding: 9px 0 5px;
							}
							
.commentlist cite, .commentlist cite a	{
											font-size: 1.2em;	
											text-transform: capitalize;
											}
							
#commentform input, #commentform textarea		{
							background: #000;
							border: 1px solid #fcaf17;
							color: #fff;
							padding: 3px;
							}
					
#commentform textarea		{
								width: 784px;
								padding: 7px;
								}

#submit				{
						cursor: pointer;
						}

#submit:hover, p.grey, label		{
										color: #333;
										}

h3#respond				{
							margin: 15px 0;
							}
							
img.alignright		{
						float: right;
						margin: 10px 0 5px 20px;
						padding: 2px;
						border: 1px solid #fcaf17;
						}
						
img.alignleft		{
						float: left;
						margin: 10px 20px 5px 0;
						padding: 2px;
						border: 1px solid #fcaf17;
						}
						
img.aligncenter		{
						margin: 10px auto;
						padding: 2px;
						border: 1px solid #fcaf17;
						}
						
/*   /// LIGHTBOX ///   */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('images/lightbox/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('images/lightbox/nextlabel.gif') right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

						
/*   /// NEWSLETTER FORM ///   */

#theForm			{
						float: right;
						text-align: right;
						}

.confirmation	{
						color: #fff;
						padding-bottom: 5px;
						font-size: 1.4em;
						font-variant: small-caps;
						}
						
#theForm label			{
						color: #fff;
						padding-bottom: 5px;
						font-size: 1.2em;
						font-variant: small-caps;
						}
						
#theForm input		{
						background: #000;
						border: 1px solid #fcaf17;
						color: #fff;
						padding: 3px;
						width: 140px;
						}

#theForm #submit-form		{
						cursor: pointer;
						float: right;
						margin-top: 10px;
						width: 70px;
						}
						
#submit-form:hover		{
						color: #333;
						}

						
/*   /// FOOTER ///   */

						
#footer			{
						margin: 0 auto;
						width: 800px;
						height: 64px;
						border-bottom: 1px solid #131414;
						margin-bottom: 10px;
						}

#footer p		{ 
						text-align: right;
						padding-top: 10px;
						}

#footer ul	li	{ float: left; width: 48px; height: 48px; margin-right: 8px; }

#cellardoor { margin: 0 0 15px 0; height: 40px; }
#cellardoor ul li a		{ float: right; background: url('images/cellardoor.png') no-repeat top; width: 133px; height: 40px; text-indent: -9999px; display:block; margin: 0 80px 10px 0;  }
#cellardoor ul li a:hover { background-position: bottom; }