/*
	Titanium Chef Website v2
	Mod7 Communications, Inc.
	for BC Dairy Foundation
	Authored by: Daryl Claudio, Tyler Egeto, TM
	
	
	
	Color Palette
	-------------
	Strong Cyan: 	#48d8f9
	Light Cyan:		#c2e6ee
	Off-white:		#f8fdff
	
	
	Font Stack
	----------
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	
		
	z-stack
	-------
	60	navigation
	
	
	Header Hierarchy
	----------------
	h1	reserved for main site title
	h2	page title
	h3	section title
	h4	paragraph title
	
*/

body {
background: #080b10 url(frontend/background-starfield-bottom.jpg) center bottom no-repeat scroll;
color: #FFFFFF;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}

#container {
background: url(frontend/background-starfield-top.jpg) center top no-repeat scroll;
min-height: 1100px;
height: 100%;
}

#wrapper {
text-align: left;
margin: 0px auto;
width: 960px;
height: 100%;
}

p, li, dt, dd { /* default styling */
color: #c2e6ee;
line-height: 18px;
font-size: 12px;
}

p { padding-bottom: 10px; }

a:link		{ color: #48d8f9; text-decoration: underline; }
a:visited	{ color: #48d8f9; text-decoration: underline; }
a:hover 	{ color: #8eeaff; text-decoration: underline; }

li {
	list-style-type: none;
}
img {
	border: 0 none;
}
.selected-image img {
	border:thin #FFFFFF solid;
	display:inline;
}

h2 { /* page title, sifr'd */
color: #fff;
font-size: 30px;
padding-bottom: 10px;
background: url(frontend/hr.png) center bottom no-repeat scroll;
margin-bottom: 20px
}

	#content-home h2 {
	background: url(frontend/hr-wide.png) center bottom no-repeat scroll;
	}

h3 { /* section title */
color: #f8fdff;
font-size: 18px;
font-weight: 600;
padding-bottom: 18px;
}

	h3 a:link, h3 a:visited { color: #f8fdff; text-decoration: none; }
	h3 a:hover { color: #48d8f9; text-decoration: underline; }
	h3 a:active { color: #8eeaff; text-decoration: underline; }

h4 { /* paragraph title */
color: #f8fdff;
font-size: 16px;
padding-bottom: 9px;
}

	h4 a:link, h4 a:visited { color: #f8fdff; text-decoration: none; }
	h4 a:hover { color: #48d8f9; text-decoration: underline; }
	h4 a:active { color: #8eeaff; text-decoration: underline; }

/* HEADER */

#header {
width: 960px;
height: 370px;
position: relative;
}

#header-home { /* to account for the wider width background */
width: 960px;
height: 370px;
position: relative;
}

	#header-presentedby {
	background: url(frontend/header-presentedby.png) 0 0 no-repeat scroll;
	display: block;
	height: 36px;
	text-indent: -9001px;
	width: 134px;
	position: absolute;
	top: 29px;
	left: 9px;
	}

	#site-title-en {
	background: url(frontend/header-titaniumchef-logo-en.png) 0 0 no-repeat scroll;
	display: block;
	width: 534px;
	height: 90px;
	position: absolute;
	top: 14px;
	left: 214px;
	}
	
	#site-title-fr {
	background: url(frontend/header-titaniumchef-logo-fr.png) 0 0 no-repeat scroll;
	display: block;
	width: 534px;
	height: 90px;
	position: absolute;
	top: 14px;
	left: 214px;
	}
	
		#site-title-en a,
		#site-title-fr a {
		text-indent: -9001px;
		display: block;
		width: 534px;
		height: 90px;
		}

/* Persistent user account nav (login/register || my account / logout) */

#persistent-account-nav-en,
#persistent-account-nav-fr {
position: absolute;
top: 20px;
right: 10px;
width: 125px;
height: 51px;
z-index: 50;
}

	#persistent-account-nav-en li,
	#persistent-account-nav-fr li {
	width: 125px;
	height: 17px;
	display: block;
	}
	
		#persistent-account-nav-en a,
		#persistent-account-nav-fr a {
		display: block;
		width: 125px;
		height: 17px;
		background: url(frontend/header-account-navigation.png) no-repeat scroll;
		text-indent: -9001px;
		}
		
		/* English */
			#persistent-account-nav-en a.pan-myaccount { background-position: 0 0;}
			#persistent-account-nav-en a.pan-register { background-position: -125px -17px; }
			#persistent-account-nav-en a.pan-login { background-position: -125px 0; }
			#persistent-account-nav-en a.pan-logout { background-position: 0 -17px; }
			#persistent-account-nav-en a.pan-french { background-position: 0 -34px; }
			
			#persistent-account-nav-en a.pan-myaccount:hover { background-position: 0 -54px; }
			#persistent-account-nav-en a.pan-register:hover { background-position: -125px -71px; }
			#persistent-account-nav-en a.pan-login:hover { background-position: -125px -54px; }
			#persistent-account-nav-en a.pan-logout:hover { background-position: 0 -71px; }
			#persistent-account-nav-en a.pan-french:hover { background-position: 0 -88px; }
		
		/* French <3 */
			#persistent-account-nav-fr a.pan-myaccount { background-position: -250px 0;}
			#persistent-account-nav-fr a.pan-register { background-position: -375px -17px; }
			#persistent-account-nav-fr a.pan-login { background-position: -375px 0; }
			#persistent-account-nav-fr a.pan-logout { background-position: -250px -17px; }
			#persistent-account-nav-fr a.pan-english { background-position: -125px -34px; }
			
			#persistent-account-nav-fr a.pan-myaccount:hover { background-position: -250px -54px; }
			#persistent-account-nav-fr a.pan-register:hover { background-position: -375px -71px; }
			#persistent-account-nav-fr a.pan-login:hover { background-position: -375px -54px; }
			#persistent-account-nav-fr a.pan-logout:hover { background-position: -250px -71px; }
			#persistent-account-nav-fr a.pan-english:hover { background-position: -125px -88px; }

/*
	Navigation
*/

#top-nav {
display: block;
width: 960px;
height: 21px;
position: absolute;
top: 101px;
left: 0;
z-index: 80;
}

	ul#navigation {
	display: block;
	width: 960px;
	height: 21px;
	position: relative;
	}

	/* English */
		.nav-en li {
		display: block;
		width: 129px;
		height: 21px;
		position: absolute;
		top: 0;
		}
		
			.nav-en li a {
			display: block;
			width: 129px;
			height: 21px;
			text-indent: -9001px;
			background: url(frontend/header-navigation-en.png) no-repeat scroll;
			}

		.nav-en li#nav-thegame { left: 6px; } /* placement */
		.nav-en li#nav-thegame a { background-position: 0 0; } /* static */
		.nav-en li#nav-thegame a.active { background-position: 0 -61px; } /* current page */
		.nav-en li#nav-thegame a:hover { background-position: 0 -29px; } /* hover */
		
		.nav-en li#nav-leaderboards { left: 179px; }
		.nav-en li#nav-leaderboards a { background-position: -129px 0; }
		.nav-en li#nav-leaderboards a.active { background-position: -129px -61px; }
		.nav-en li#nav-leaderboards a:hover { background-position: -129px -29px; }
		
		.nav-en li#nav-extras { left: 353px; }
		.nav-en li#nav-extras a { background-position: -258px 0; }
		.nav-en li#nav-extras a.active { background-position: -258px -61px; }
		.nav-en li#nav-extras a:hover { background-position: -258px -29px; }
		
		.nav-en li#nav-gallery { left: 502px; }
		.nav-en li#nav-gallery a { background-position: -387px 0; }
		.nav-en li#nav-gallery a.active { background-position: -387px -61px; }
		.nav-en li#nav-gallery a:hover { background-position: -387px -29px; }
		
		.nav-en li#nav-materials { left: 658px; }
		.nav-en li#nav-materials a { background-position: -516px 0; }
		.nav-en li#nav-materials a.active { background-position: -516px -61px; }
		.nav-en li#nav-materials a:hover { background-position: -516px -29px; }
		
		.nav-en li#nav-playthegame { left: 829px; }
		.nav-en li#nav-playthegame a { background-position: -645px 0; }
		.nav-en li#nav-playthegame a.active { background-position: -645px -61px; }
		.nav-en li#nav-playthegame a:hover { background-position: -645px -29px; }
		
	/* French */
	
		.nav-fr li {
		display: block;
		height: 21px;
		position: absolute;
		top: 0;
		}
		
			.nav-fr li a {
			display: block;
			height: 21px;
			text-indent: -9001px;
			background: url(frontend/header-navigation-fr.png) no-repeat scroll;
			}
	
		.nav-fr li#nav-thegame { left: 6px; width: 150px; } /* placement */
		.nav-fr li#nav-thegame a { background-position: 0 0; width: 150px; } /* static */
		.nav-fr li#nav-thegame a.active { background-position: 0 -44px; } /* current page */
		.nav-fr li#nav-thegame a:hover { background-position: 0 -22px; } /* hover */
		
		.nav-fr li#nav-leaderboards { left: 197px; width: 121px; }
		.nav-fr li#nav-leaderboards a { background-position: -191px 0; width: 121px; }
		.nav-fr li#nav-leaderboards a.active { background-position: -191px -44px; }
		.nav-fr li#nav-leaderboards a:hover { background-position: -191px -22px; }
		
		.nav-fr li#nav-extras { left: 354px; width: 167px; }
		.nav-fr li#nav-extras a { background-position: -348px 0; width: 167px; }
		.nav-fr li#nav-extras a.active { background-position: -348px -44px; }
		.nav-fr li#nav-extras a:hover { background-position: -348px -22px; }
		
		.nav-fr li#nav-gallery { left: 557px; width: 49px;}
		.nav-fr li#nav-gallery a { background-position: -551px 0; width: 49px; }
		.nav-fr li#nav-gallery a.active { background-position: -551px -44px; }
		.nav-fr li#nav-gallery a:hover { background-position: -551px -22px; }
		
		.nav-fr li#nav-materials { left: 642px; width: 155px; }
		.nav-fr li#nav-materials a { background-position: -636px 0; width: 155px; }
		.nav-fr li#nav-materials a.active { background-position: -636px -44px; }
		.nav-fr li#nav-materials a:hover { background-position: -636px -22px; }
		
		.nav-fr li#nav-playthegame { left: 833px; width: 123px; }
		.nav-fr li#nav-playthegame a { background-position: -827px 0; width: 123px; }
		.nav-fr li#nav-playthegame a.active { background-position: -827px -44px; }
		.nav-fr li#nav-playthegame a:hover { background-position: -827px -22px; }

/*
	Cycled
*/

#header-hero {
width: 960px;
position: absolute;
top: 121px;
}

	#header-cycled {
	width: 772px;
	height: 240px;
	overflow: hidden;
	margin-left: 96px;
	}

	#header-starfield {
	display: block;
	width: 864px;
	height: 240px;
	position: absolute;
	top: 0;
	left: 96px;
	z-index: 10;
	background: url(frontend/header-cycle-00-starfield.png) 0 0 no-repeat scroll;
	}
	
	#header-playnow-en,
	#header-playnow-fr {
	display: block;
	width: 864px;
	height: 230px;
	position: absolute;
	top: 0;
	left: 96px;
	z-index: 40;
	}
	
		#header-playnow-en a,
		#header-playnow-fr a {
		background: url(frontend/header-playnow-en-moxie.png) 0 0 no-repeat scroll;
		display: block;
		text-indent: -9001px;
		width: 282px;
		height: 101px;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 50;
		}
		
		#header-playnow-en a:hover,
		#header-playnow-fr a:hover {
		background: url(frontend/header-playnow-en-moxie.png) 0 -101px no-repeat scroll;
		z-index: 50;
		}
		
		#header-playnow-fr a {
		background: url(frontend/header-playnow-fr-moxie.png) 0 0 no-repeat scroll;
		}
		
		#header-playnow-fr a:hover {
		background: url(frontend/header-playnow-fr-moxie.png) 0 -101px no-repeat scroll;
		}

	#header-cycled-nav {
	position: absolute;
	left: 50%;
	bottom: -4px;
	z-index: 50;
	}
	
		#header-cycled-nav a {
		display: block;
		width: 10px;
		height: 11px;
		background: url(frontend/header-cycle-dots.png) 1px 1px no-repeat scroll;
		float: left;
		text-indent: -9001px;
		}
			
			#header-cycled-nav a.activeSlide,
			#header-cycled-nav a:hover {
			background: url(frontend/header-cycle-dots.png) 1px -17px no-repeat scroll;
			}

#guest-play-btn-en a, #guest-play-btn-fr a{
	overflow:hidden;
	display:block;
	height:117px;
	width:228px;
}

#guest-play-btn-en {
	text-indent:-5000px;
	background:url(theme_images/Launch-the-Game-en.jpg);
	background-repeat:no-repeat;
	margin:0px 0px;
	height:117px;
	width:228px;
}

#guest-play-btn-fr {
	text-indent:-5000px;
	background:url(theme_images/Launch-the-Game-fr.jpg);
	background-repeat:no-repeat;
	margin:0px 0px;
	height:117px;
	width:228px;
}

/*

	Content Wrapping

*/

#content {
position: relative;
z-index: 20;
}

	#centre-column {
	position: relative;
	background: url(frontend/content-background-repeat.png) repeat-y top center scroll;
	margin: 251px 0 0;
	padding: 0;
	z-index: 44;
	}
	
		#centre-column #centre-column-inner-wrapper {
		position: relative;
		z-index: 45;
		margin: 0 auto;
		top: -252px;
		min-height: 434px;
		height: auto !important;
		height: 434px;
		width: 500px;
		}

	.content-background-topcap {
	display: block;
	width: 100%;
	height: 281px;
	background: url(frontend/content-background-topcap.png) center top no-repeat scroll;
	position: absolute;
	z-index: 40;
	top: -281px;
	}
	
	.content-background-bottomcap {
	display: block;
	width: 100%;
	height: 157px;
	background: url(frontend/content-background-bottomcap.jpg) center bottom no-repeat scroll;
	position: absolute;
	z-index: 46;
	bottom: 0;
	} 

	/* Left and Right Sidebars */

	#left-column { /* aka subnavigation. */
	position: absolute;
	z-index: 46;
	width: 120px;
	top: -192px;
	left: 70px;
	}
	
		#left-column ul li {
		font-size: 18px;
		line-height: 22px;
		padding-bottom: 12px;
		}
		
			#left-column ul ul {
			border-top: solid 1px #00628e;
			margin-top: 4px;
			padding-top: 12px;
			}
		
				#left-column ul ul li {
				padding-left: 38px;
				font-size: 14px;
				line-height: 16px;
				padding-bottom: 10px;
				}
		
		#left-column li a:link,
		#left-column li a:visited { text-decoration: none; color: #fff; }
		#left-column li a:hover { text-decoration: underline; color: #48d8f9; }
		#left-column li a:active { text-decoration: underline; color: #c2e6ee; }
		
		#left-column li a.active:link,
		#left-column li a.active:visited,
		#left-column li a.active:hover,
		#left-column li a.active:active { color: #48d8f9; }

	#right-column {
	position: absolute;
	z-index: 46;
	width: 180px;
	top: -192px;
	right: 10px;
	}
	
	#left-column h4,
	#right-column h4 {
	text-transform: uppercase;
	font-size: 10px;
	color: #f8fdff;
	}
		
/* Homepage Layout */
	
#content-home {
position: relative;
z-index: 20;
}

	#content-home #centre-column {
	position: relative;
	background: url(frontend/content-home-background-repeat.png) repeat-y top center scroll;
	margin: 159px 0 0;
	padding: 0 0 45px;
	z-index: 44;
	}
	
		#content-home #centre-column #centre-column-inner-wrapper {
		position: relative;
		z-index: 45;
		margin: 0 90px;
		top: -160px;
		min-height: 434px;
		width: 780px;
		height: auto !important;
		height: 434px;
		}
	
	#content-home .content-background-topcap {
	display: block;
	width: 100%;
	height: 281px;
	background: url(frontend/content-home-background-topcap.png) center top no-repeat scroll;
	position: absolute;
	z-index: 40;
	top: -281px;
	}
	
	#content-home .content-background-bottomcap {
	display: block;
	width: 100%;
	height: 157px;
	background: url(frontend/content-home-background-bottomcap.jpg) center bottom no-repeat scroll;
	position: absolute;
	z-index: 46;
	bottom: 0;
	}

/*
	
	Footer

*/

#footer {
width: 820px;
height: 62px;
margin: 89px auto 0;
position: relative;
}

	#footer-inner-wrapper {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 780px;
	height: 18px;
	}
	
		#footer-inner-wrapper ul {
		display: block;
		width: 518px;
		height: 18px;
		list-style: none;
		position: relative;
		}
		
			/* English */
		
			#footer-inner-wrapper ul.footer-en li {
			display: block;
			position: absolute;
			top: 0;
			height: 18px;
			background: url(frontend/footer-en-navigation.png) no-repeat scroll;
			}
			
			#footer-inner-wrapper ul.footer-en a {
			display: block;
			height: 18px;
			text-indent: -9001px;
			}
			
				#footer-inner-wrapper ul.footer-en li#footer-contact-us { width: 69px; background-position: 0 0; left: 0; }
				#footer-inner-wrapper ul.footer-en li#footer-contact-us a { width: 69px; }
				#footer-inner-wrapper ul.footer-en li#footer-terms-of-use { width: 83px; background-position: -90px 0; left: 90px; }
				#footer-inner-wrapper ul.footer-en li#footer-terms-of-use a { width: 83px; }
				#footer-inner-wrapper ul.footer-en li#footer-privacy-policy { width: 86px; background-position: -195px 0; left: 195px; }
				#footer-inner-wrapper ul.footer-en li#footer-privacy-policy a { width: 86px; }
				#footer-inner-wrapper ul.footer-en li#footer-credits { width: 44px; background-position: -303px 0; left: 303px; }
				#footer-inner-wrapper ul.footer-en li#footer-credits a { width: 44px; }
				#footer-inner-wrapper ul.footer-en li#footer-help { width: 25px; background-position: -369px 0; left: 369px; }
				#footer-inner-wrapper ul.footer-en li#footer-help a { width: 25px; }
				#footer-inner-wrapper ul.footer-en li#footer-news { width: 34px; background-position: -413px 0; left: 413px; }
				#footer-inner-wrapper ul.footer-en li#footer-news a { width: 34px; }
				#footer-inner-wrapper ul.footer-en li#footer-switch { width: 53px; background-position: -465px 0; left: 465px; }
				#footer-inner-wrapper ul.footer-en li#footer-switch a { width: 53px; }
			
			/* French */
			
			#footer-inner-wrapper ul.footer-fr li {
			display: block;
			position: absolute;
			top: 0;
			height: 16px;
			background: url(frontend/footer-fr-navigation.png) no-repeat scroll;
			}
			
			#footer-inner-wrapper ul.footer-fr a {
			display: block;
			height: 16px;
			text-indent: -9001px;
			}
			
				#footer-inner-wrapper ul.footer-fr li#footer-contact-us { width: 75px; background-position: 0 0; left: 0; }
				#footer-inner-wrapper ul.footer-fr li#footer-contact-us a { width: 75px; }
				#footer-inner-wrapper ul.footer-fr li#footer-terms-of-use { width: 105px; background-position: -84px 0; left: 84px; }
				#footer-inner-wrapper ul.footer-fr li#footer-terms-of-use a { width: 105px; }
				#footer-inner-wrapper ul.footer-fr li#footer-privacy-policy { width: 125px; background-position: -198px 0; left: 198px; }
				#footer-inner-wrapper ul.footer-fr li#footer-privacy-policy a { width: 125px; }
				#footer-inner-wrapper ul.footer-fr li#footer-credits { width: 47px; background-position: -331px 0; left: 331px; }
				#footer-inner-wrapper ul.footer-fr li#footer-credits a { width: 47px; }
				#footer-inner-wrapper ul.footer-fr li#footer-help { width: 20px; background-position: -387px 0; left: 387px; }
				#footer-inner-wrapper ul.footer-fr li#footer-help a { width: 20px; }
				#footer-inner-wrapper ul.footer-fr li#footer-news { width: 118px; background-position: -416px 0; left: 416px; }
				#footer-inner-wrapper ul.footer-fr li#footer-news a { width: 118px; }
				#footer-inner-wrapper ul.footer-fr li#footer-switch { width: 33px; background-position: -542px 0; left: 542px; }
				#footer-inner-wrapper ul.footer-fr li#footer-switch a { width: 33px; }
			
			#footer-inner-wrapper #site-by-en,
			#footer-inner-wrapper #site-by-fr {
			display: block;
			width: 220px;
			position: absolute;
			top: 0;
			left: 560px;
			}
			
			#footer-inner-wrapper #site-by-fr {
			left: 595px;
			width: 191px;
			}
			
				#footer-inner-wrapper #site-by-en h5,
				#footer-inner-wrapper #site-by-fr h5 {
				display: block;
				text-indent: -9001px;
				background: url(frontend/footer-en-navigation.png) -560px 0 no-repeat scroll;
				margin: 0;
				padding: 0;
				width: 49px;
				height: 18px;
				position: absolute;
				top: 0;
				left: 0;
				}
				#footer-inner-wrapper #site-by-fr h5 {
				background: url(frontend/footer-fr-navigation.png) -595px 0 no-repeat scroll;
				width: 43px;
				}
				
				#footer-inner-wrapper #site-by-en h6,
				#footer-inner-wrapper #site-by-fr h6 {
				display: block;
				text-indent: -9001px;
				background: url(frontend/footer-en-navigation.png) -614px 0 no-repeat scroll;
				margin: 0;
				padding: 0;
				width: 166px;
				height: 18px;
				position: absolute;
				top: 0;
				left: 54px;
				}
				
				#footer-inner-wrapper #site-by-fr h6 {
				background: url(frontend/footer-fr-navigation.png) -640px 0 no-repeat scroll;
				width: 146px;
				left: 45px;
				}

/*************************************************************
*
*	Global misc styles
*
*************************************************************/

.section {
padding-bottom: 45px;
}

#right-column .section {
padding-bottom: 34px;
}

#right-column p.topchef {
color: #F8FDFF;
line-height: 1;
padding: 2px 0 0;
font-size: 12px;
}
	#right-column p.topchef a:link,
	#right-column p.topchef a:visited {
		color: #F8FDFF;
		text-decoration: none;
	}
	#right-column p.topchef a:hover {
		color: #FFF;
		text-decoration: none;
	}
	#right-column p.topchef a:active {
		color: #FFF;
		text-decoration: none;
	}
#right-column p.chef-details {
line-height: 18px;
padding: 0;
font-size: 12px;
color: #216372;
}

/* forms */

.itisthecaptcha {
margin-left: 170px;
}

input, textarea, select {
	margin-bottom: 4px;
}
input[type=text],
input.input,
input[type=password] {
	color: #d2e7f0;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px 8px;
	background: #0c121d;
	border: solid 1px #00628e;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
input.input:focus {
background: #0c121d;
border: solid 1px #0094d6;
color: #fff;
}

textarea {
color: #d2e7f0;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
padding: 4px 8px;
background: #0c121d;
border: solid 1px #005a82;
}

.centre-search-en,
.centre-search-fr {
position: relative;
width: 100%;
height: 40px;
}
	.centre-search-en p,
	.centre-search-fr p {
	padding: 5px 0 0 0;
	}

	.centre-search-en input#keywords,
	.centre-search-fr input#keywords {
	position: absolute;
	top: 0;
	right: 100px;
	}
	
	.centre-search-fr input#keywords { right: 104px; }
	
	.centre-search-en input.submit-horizontal,
	.centre-search-fr input.submit-horizontal {
	display: block;
	background: url(frontend/button-search.png) 0 0 no-repeat scroll;
	width: 92px;
	height: 28px;
	border: none;
	text-indent: -9001px;
	position: absolute;
	top: 0;
	right: 0;
	}
	.centre-search-fr input.submit-horizontal {
	background: url(frontend/button-fr-search.png) 0 0 no-repeat scroll;
	width: 100px;
	}
		.centre-search-en input.submit-horizontal:hover,
		.centre-search-fr input.submit-horizontal:hover {
		background-position: 0 -29px;
		cursor: pointer;
		}

#right-column input#keywords {
width: 162px;
}
	#right-column input.submit-en,
	#right-column input.submit-fr {
	display: block;
	background: url(frontend/button-search-small.png) 0 0 no-repeat scroll;
	width: 51px;
	height: 14px;
	border: none;
	text-indent: -9001px;
	margin-left: 6px;
	}
	
	#right-column input.submit-fr {
	background: url(frontend/button-fr-search-small.png) 0 0 no-repeat scroll;
	width: 69px;
	height: 14px;
	margin-left: 10px;
	}
	
		#right-column input.submit-en:hover,
		#right-column input.submit-fr:hover {
		background-position: 0 -13px;
		cursor: pointer;
		}

.checkbox, .radio {
	padding-right:10px;
	margin-bottom:0px;
}
.submit {
	margin-top:2px;
	margin-bottom:0px;
}

/* misc */

.sub-heading {
	font-size:18px;
	margin-bottom:5px;
	line-height:18px;
	color:#FFFFFF;
	display:inline;
	font-weight:900;
}
.bigger-body {
	font-size:14px;
	display:block;
}
.inline-list li{
	display:inline;
}

ul ul li {
	padding-left:20px;
}

.error-message-list {
	color:#78e1f9;
	line-height:16px;
	font-size:12px;
}
.label {
	color:#FFFFFF;
	font-weight:600;
}
.rank-label {
	color:#FFFFFF;
}
.env-image {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

.inline {
	display:inline;
	padding:5px;
}

/* Pagination */

.paginationControl {
width: 100%;
height: 38px;
padding-top: 30px;
position: relative;
}

	.paginationControl .button-next {
	display: block;
	width: 78px;
	height: 38px;
	position: absolute;
	top: 30px;
	right: 0;
	}
	
		.paginationControl .button-next a {
		
		background: url(frontend/buttons-prevnext.png) -79px 0 no-repeat scroll;
		display: block;
		width: 78px;
		height: 38px;
		text-indent: -9001px;
		}
			.paginationControl .button-next a:hover {
			background-position: -79px -39px;
			}

	
	.paginationControl .button-prev {
	display: block;
	width: 78px;
	height: 38px;
	position: absolute;
	top: 30px;
	left: 0;
	}
	
		.paginationControl .button-prev a {
		background: url(frontend/buttons-prevnext.png) 0 0 no-repeat scroll;
		display: block;
		width: 78px;
		height: 38px;
		text-indent: -9001px;
		}
			.paginationControl .button-prev a:hover {
			background-position: 0 -39px;
			}
	
	.paginationControl p {
	padding: 10px 0 0;
	text-align: center;
	}

/*************************************************************
*
*	Pages specific styles
*
*************************************************************/

/* homepage */

#content-home .leftcolumn {
float: left;
width: 540px;
padding-right: 20px;
}

#content-home .rightcolumn {
float: left;
width: 220px;
}

ul.blogentries {
background: url(frontend/news-latest-entry-background-topcap.jpg) 0 0 no-repeat scroll;
padding-top: 12px;
margin-bottom: 32px;
}

ul.blogentries li .entry-wrapper { /* blog entry panel, top 3 */
background: #0b0b0b;
border-top: 1px solid #0e1316;
border-bottom: 1px solid #000000;
padding: 18px 20px;
}

	ul.blogentries li h3 {
	font-size: 16px;
	padding-bottom: 12px;
	font-weight: 400;
	}
	
		ul.blogentries li h3 a:link,
		ul.blogentries li h3 a:visited { color: #7fddf0; text-decoration: none; }
		ul.blogentries li h3 a:hover { color: #97edff; text-decoration: none; }
		ul.blogentries li h3 a:active { color: #97edff; text-decoration: none; }

	ul.blogentries li p {
	padding-bottom: 8px;
	}
		
		ul.blogentries li p.author {
		padding: 0;
		font-size: 10px;
		font-style: normal;
		color: #2b8296;
		}

ul.blogentries li.latest { /* modify styling for first entry */
background: url(frontend/news-latest-entry-background-bottomcap.jpg) bottom center no-repeat scroll;
padding-bottom: 12px;
margin-bottom: 1px;
}

	ul.blogentries li.latest .entry-wrapper {
	background: url(frontend/news-latest-entry-background.jpg) top center repeat-y scroll;
	border-top: 0 none;
	border-bottom: 0 none;
	padding: 5px 20px;
	}

ul#homepage-questions li {
float: left;
width: 260px;
}
	
	ul#homepage-questions li.padded {
	padding-right: 20px;
	}
	
	ul#homepage-questions li h3 {
	color: #f8fdff;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	padding-bottom: 8px;
	}

	ul#homepage-questions li p {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	}

ul.leaderboards-widget li {
height: 60px;
clear: both;
}

	ul.leaderboards-widget .rank {
	width: 32px;
	height: 32px;
	background: url(frontend/leaderboard-widget-rank.png) 0 0 no-repeat scroll;
	float: left;
	padding: 6px 10px 0 0;
	margin: 0;
	line-height: 1;
	color: #48d8f9;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.3px;
	text-align: center;
	}
	
	ul.leaderboards-widget .user {
	float: left;
	}
	
		ul.leaderboards-widget .user p {
		font-size: 12px;
		line-height: 18px;
		}
			ul.leaderboards-widget .user p.topchef { line-height: 1; padding: 0; }
			ul.leaderboards-widget .user p.topchef a:link, 
			ul.leaderboards-widget .user p.topchef a:visited { color: #f8fdff; text-decoration: none; }
			ul.leaderboards-widget .user p.topchef a:hover { color: #fff; text-decoration: none; }
			ul.leaderboards-widget .user p.topchef a:hover { color: #fff; text-decoration: none; }
		
			ul.leaderboards-widget .user p.chef-details {
			color: #216372;
			}
			
			

/* Character & Planet Pages */

dl.character-info,
dl.planet-info {
width: 100%;
overflow: auto;
}

dl.character-info dt,
dl.planet-info dt {
color: #f8fdff;
float: left;
width: 180px;
height: 18px;
}

dl.character-info dd,
dl.planet-info dd {
float: left;
width: 315px;
}

ul.preview-list li {
padding-bottom: 22px;
}

ul.preview-list h3 {
margin: 0 11px;
}

img.character-img,
img.planet-img {
margin: 0 11px 6px;
}

/* Gallery and Gallery preview panel */

.gallery-container {
width: 478px;
height: 282px;
overflow: hidden;
margin: 0 11px;
padding: 1px 0;
border-top: 1px solid #00628e;
border-bottom: 1px solid #111;
}

.image-list {
width: 420px;
margin: 0 0 0 44px;
padding-top: 20px;
overflow: auto;
}

.image-list li {
	display: block;
	float: left;
	width: 64px;
	height: 62px;
	padding-right: 5px;
	padding-bottom: 5px;
}

	.image-list li img {
	display: block;
	border: 1px solid #00628e;
	}
	
	.image-list li.active img {
	border: 1px solid #48d8f9;
	}

.rightcolumn .image-list {
width: 215px;
margin: 0;
padding: 0;
}
	.rightcolumn .image-list li img {
	border: 0;
	}
/* Leaderboards */

ul.theboard li {
background: #0b0b0b;
border-top: 1px solid #0e1316;
border-bottom: 1px solid #000000;
padding: 0;
position: relative;
height: 100px;
}

	ul.theboard h4 {
	font-size: 18px;
	font-weight: 600;
	position: absolute;
	top: 40px;
	left: 110px;
	}
	
	ul.theboard p.leaderboard-user-details {
	position: absolute;
	right: 20px;
	top: 32px;
	padding: 0;
	text-align: right;
	text-transform: uppercase;
	font-weight: 600;
	color: #f8fdff;
	}
	
		ul.theboard p.leaderboard-user-details strong {
		color: #48d8f9;
		}
	
	ul.theboard .leaderboard-world-rank-en,
	ul.theboard .leaderboard-world-rank-fr {
	display: block;
	width: 82px;
	height: 71px;
	background: url(frontend/leaderboards-worldrank.png) 0 0 no-repeat scroll;
	position: absolute;
	top: 14px;
	left: 11px;
	}
		ul.theboard .leaderboard-world-rank-fr {  	background: url(frontend/leaderboards-fr-worldrank.png) 0 0 no-repeat scroll;
}

	ul.theboard .leaderboard-world-rank-text { display: block; text-indent: -9001px; width:82px; height: 24px; }
	ul.theboard .leaderboard-world-rank-number,
	ul.theboard .leaderboard-world-rank-number3,
	ul.theboard .leaderboard-world-rank-number4	{
	line-height: 1;
	color: #003440;
	font-size: 24px;
	font-weight: 600;
	display: block;
	width: 82px;
	text-align: center;
	margin-top: 11px;
	letter-spacing: -3.5px;
	}
	ul.theboard .leaderboard-world-rank-number3 {
	margin-top: 15px;
	font-size: 17px;
	letter-spacing: -2px;
	}
	ul.theboard .leaderboard-world-rank-number4 {
	margin-top: 16px;
	font-size: 13px;
	letter-spacing: -1.5px;
	}
	
ul.theboard li.leaderboard-rank-1 { /* oh so special */
background: url(frontend/leaderboards-highlight.jpg) 0 0 no-repeat;
border-top: none;
border-bottom: 1px solid #000000;
padding: 0;
position: relative;
height: 102px;
}

	ul.theboard li.leaderboard-rank-1 .leaderboard-world-rank-en,
	ul.theboard li.leaderboard-rank-1 .leaderboard-world-rank-fr {
	width: 88px;
	height: 88px;
	background: url(frontend/leaderboards-worldrank-1.png) 0 0 no-repeat scroll;
	position: absolute;
	top: 13px;
	left: 9px;
	}
		ul.theboard li.leaderboard-rank-1 .leaderboard-world-rank-fr { background: url(frontend/leaderboards-fr-worldrank-1.png); }
	
	ul.theboard li.leaderboard-rank-1 .leaderboard-world-rank-number {
	text-indent: -9001px;
	}

/* Blog styles */

.author {
	color:#256e7f;
	font-style:italic;
	font-size:12px;
	padding: 5px 0px;
}

.post-body {
	padding-bottom:15px;
}

.post-body:last-child
{
	padding-bottom:0px;
}

.post-categories {
	padding-bottom:15px;
	margin-top:-10px;
}

.post-categories:last-child {
	padding-bottom:0px;
}

/* the game styles */

.backstory img{
	display:inline;
	float:left;
	margin: 0px 5px 5px 0px;
}

/* Play page styles */

.play-page-title {
	height:150px;
	padding-top:20px;
	text-indent: -9001px;
}

#play-center-column {
	margin:-25px auto;
	text-align:center;
}

#guest-info {
	margin:25px auto;
	width:640px;
	position:relative;
	top:-30px;
	text-align:left;
}

body.playpage { 
background-image: none;
}

body.playpage #container {
min-height: 900px;
}

/* Login Page */

#login-form {
	display: block;
	float: left;
	width: 200px;
	margin-right: 20px;
	padding-top: 15px;
	overflow: hidden;
}

#register-and-fb-form {
	display: block;
	width: 260px;
	float: left;
	margin-right: 20px;
	padding: 0 20px;
	padding-bottom: 10px;
	background-color: #091c22;
	border: 1px solid #00232f;
	text-align: center;
	position: relative;
	overflow: hidden;
}
	#register-and-fb-form h3 {
		position: absolute;
		top: 14px;
		left: 45px;
		z-index: 1;
	}
	#register-now-btn {
		display: block;
		width: 286px;
		height: 122px;
		position: absolute;
		top: 20px;
		left: 7px;
		z-index: 0;
	}
	#register-and-fb-spacer {
		display: block;
		height: 150px;
		overflow: hidden;
	}

#guest-form {
	display: block;
	width: 200px;
	float: left;
	margin: 0;
	padding-top: 15px;
	overflow: hidden;
}
	.checkbox-wrapper {
	width: 280px;
	overflow: auto;
	}
	.hugeform .hiddenFields input {
	display: none;
	}

	.hugeform .afield {
	display: block;
	width: 500px;
	overflow: auto;
	padding-bottom: 12px;
	}
		.hugeform #town-school-wrapper #town-input {
		margin-bottom: 12px;
		}

	.hugeform label {
	color: #c2e6ee;
	font-size: 12px;
	display: block;
	float: left;
	width: 170px;
	height: 20px;
	margin-top: 8px;
	line-height: 1.3;
	}	.hugeform label[for="thecaptcha"] { height: 40px; }
	
		.hugeform .checkbox-wrapper label.ohnoes {
		width: 100px;
		}
	
	.hugeform input {
	display: block;
	float: left;
	width: 300px;
	}

		.hugeform input.radio,
		.hugeform input.checkbox {
		margin-top: 8px;
		width:25px;
		}
		.hugeform .checkbox-terms {
		display: block;
		width: 100%;
		}
		.hugeform .checkbox-terms label {
		width: 250px;
		height: 40px;
		}
		.hugeform .checkbox-terms .extra-markup {
		display: block;
		float: left;
		width: 193px;
		overflow: auto;
		}
			.hugeform .checkbox-terms .extra-markup input { /* this is ugly... */
			float: right;
			}
	
	.hugeform select {
	display: block;
	float: left;
	width: 100px;
	background: #0c121d;
	color: #f8fdff;
	font-family: 'Trebuchet MS';
	padding: 4px 2px 4px 8px;
	border: 1px solid #00628e;
	}
		.hugeform select#province-select,
		.hugeform select#country {
		width: 318px;
		}

	input.submit-en,
	input.submit-fr {
	display: block;
	background: url(frontend/button-submit.png) 0 0 no-repeat scroll;
	width: 91px;
	height: 38px;
	border: none;
	text-indent: -9001px;
	margin-bottom: 14px;
	}
	input.submit-fr {
	width: 100px;
	background: url(frontend/button-fr-submit.png) 0 0 no-repeat scroll;
	}
		input.submit-en:hover,
		input.submit-fr:hover {
		background-position: 0 -39px;
		cursor: pointer;
		}

	input.submit-settings-en,
	input.submit-settings-fr {
	display: block;
	background: url(frontend/button-savesettings.png) 0 0 no-repeat scroll;
	width: 140px;
	height: 38px;
	border: none;
	text-indent: -9001px;
	margin-left: 170px;
	}
		input.submit-settings-fr {
		background: url(frontend/button-fr-savesettings.png) 0 0 no-repeat scroll;
		width: 240px;
		}
		input.submit-settings-en:hover,
		input.submit-settings-fr:hover {
		background-position: 0 -40px;
		cursor: pointer;
		}
		input.submit-settings-fr:hover { background-position: 0 -39px; }
	
	p.remove-account a:link,
	p.remove-account a:visited,
	p.remove-account a:hover,
	p.remove-account a:active {
	font-size: 10px;
	color: #256f80;
	}
		p.remove-account a:hover, p.remove-account a:active { text-decoration: none; }

		
/* My Account */

#create-new-game-en,
#create-new-game-fr {
width: 500px;
height: 50px;
display: block;
padding-bottom: 12px;
}
	#create-new-game-en a,
	#create-new-game-fr a {
	display: block;
	text-indent: -9001px;
	background: url(frontend/button-createnewgame.jpg) 0 0 no-repeat scroll;
	width: 500px;
	height: 50px;
	padding: 0;
	margin: 0;
	}
		#create-new-game-fr a {
		background: url(frontend/button-fr-createnewgame.jpg) 0 0 no-repeat scroll;
		}
		#create-new-game-en a:hover,
		#create-new-game-fr a:hover {
		background-position: 0 -51px;
		}

		
ul.myaccount {
padding-bottom: 45px;
}

ul.myaccount li {
background: #0b0b0b;
border-top: 1px solid #0e1316;
border-bottom: 1px solid #000000;
padding: 0;
position: relative;
height: 150px;
}

ul.myaccount li.profile {
height: 140px;
}

	ul.myaccount li .game-image-env {
	position: absolute;
	top: 25px;
	left: 20px;
	display: block;
	width: 65px;
	height: 65px;
	}
	
		ul.myaccount li .game-image-env img {
		border: 1px solid #48d8f9;
		}
	
	ul.myaccount li .game-details {
	position: absolute;
	top: 25px;
	left: 100px;
	display: block;
	width: 230px;
	height: 80px;
	}
		.game-details h4 {
		font-size: 18px;
		font-weight: 600;
		color: #FFF;
		line-height: 1;
		}
		
		.game-details p {
		padding-bottom: 0;
		font-size: 13px;
		line-height: 20px;
		}
			.game-details p .label {
			font-weight: 400;
			}
	
	ul.myaccount li .game-fx-en,
	ul.myaccount li .game-fx-fr {
	display: block;
	position: absolute;
	width: 136px;
	height: 72px;
	top: 25px;
	left: 340px;
	}
	
		ul.myaccount li .game-fx-en a,
		ul.myaccount li .game-fx-fr a {
		display: block;
		text-indent: -9001px;
		background: url(frontend/buttons-game-fx.png) no-repeat scroll;
		width: 140px;
		}

		ul.myaccount li .game-fx-fr a { background: url(frontend/buttons-fr-game-fx.png); }

			ul.myaccount li .game-fx-en a.game-fx-play,
			ul.myaccount li .game-fx-fr a.game-fx-play {
			background-position: 0 0;
			height: 38px;
			margin-bottom: 6px;
			}
				ul.myaccount li .game-fx-en a.game-fx-play:hover,
				ul.myaccount li .game-fx-fr a.game-fx-play:hover {
				background-position: -141px 0;
				}
			
			ul.myaccount li .game-fx-en a.game-fx-delete,
			ul.myaccount li .game-fx-fr a.game-fx-delete {
			background-position: 0 -39px;
			height: 25px;
			}
				ul.myaccount li .game-fx-en a.game-fx-delete:hover,
				ul.myaccount li .game-fx-fr a.game-fx-delete:hover {
				background-position: -141px -39px;
				}

	#right-column .label {
	display: block;
	}
	
	#right-column #user-notice-box p {
	color: #48d8f9;
	}
		#right-column #user-notice-box p a:link,
		#right-column #user-notice-box p a:visited,
		#right-column #user-notice-box p a:hover,
		#right-column #user-notice-box p a:active {
		color: #48d8f9;
		text-decoration: none;
		}
		
		#right-column #user-notice-box p em {
		font-size: 10px;
		text-transform: uppercase;
		}
	

.clear-me {
clear:both;
}

ul.wallpaper img {
float: left;
margin-right: 12px;
margin-bottom: 7px;
}

ul.wallpaper li {
background: #0B0B0B;
border-top: 1px solid #0E1316;
border-bottom: 1px solid #000;
padding: 18px;
}

ul.wallpaper li p {
line-height: 2;
}

.entry ul,
.entry ol { padding: 0 0 18px 20px; }
.entry ul li,
.entry ol li { padding: 0 0 6px; }
.entry ul { list-style-type: disc; }
.entry ol { list-style-type: decimal; }

/*
Facebook Create Username
*/
#fb-cu-form {
}
#fb-cu-form .fb-cu-label {
	display: block;
	margin: 0;
	font-size: 12px;
}
#fb-cu-form .fb-cu-textbox {
	margin-top: -6px;
}
#fb-cu-form .fb-cu-submit {
	display: block;
	width: 104px;
	height: 38px;
	margin-top: 8px;
	border: none;
}