/*-----------------------------------------------------------------------------
Web Site: Sprouts Game

CreatedDate: 2009-11-24 
CreatedBy: annag 

$Revision: 47 $

$LastChangedDate: 2009-12-21 14:23:13 +0000 (Mon, 21 Dec 2009) $
$LastChangedBy: svetau $

-----------------------------------------------------------------------------*/

@import url(base.min.css);
@import url(thickbox.css);


/* =Typography
---------------------------------------- */
html, body{
	height: 100%;
	min-height: 100%;
}

body{
	color: #fff;
	background: #85674b url(/images/santa_bg_tile.jpg) repeat center;
	font: 62.5%/2.0em Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 18px;
}

p {
	margin: 0;
	padding: 1px 0 18px;
}

a			{color: #fff; text-decoration: underline; outline: none; }
a:visited	{color: #fff; text-decoration: underline; }
a:hover		{color: #fff; text-decoration: none; }
a:active	{color: #fff; text-decoration: none; }


#js   .js {display: block;}
#nojs .js {display: none;}

#nojs .nojs {display: block;}
#js   .nojs {display: none;}

/* =Headings
---------------------------------------- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #3b5e29;
	font-family: Arial, sans-serif; 
	line-height: normal;
	padding: 0;
	padding: 10px 0;
}
h1, .h1{
	font-size: 2em;
	padding: 1px 0 14px;
	margin: 0;
}
h2, .h2{
	font-size: 1.7em;
}
h3, .h3{
	font-size: 1.3em;
}
h4, .h4{
	font-size: 1.2em;
}
h5, .h5{
	font-size: 1em;
}
h6{
	font-size: 1em;
}

/* =Main container boxes
---------------------------------------- */
table.container {
	width: 100%;
	height: 100%;
}
table.container td{
	vertical-align: middle;
}
table.container table.container-inner {
	width: 989px;
	height: 100%;
	margin: auto;
}
table.container table.container-inner td {
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.content {
	width: 989px;
	height: 655px;
	position: relative;
	padding: 0;
	margin: 0;
}
body.game .content,
body.awards .content {
	background: url(/images/top-link-bg.png) no-repeat 790px 0;
}
.content .main-block {
	color: #3e3e3e;
	background: url(/images/bg.png) no-repeat left top;
	font-size: 1.3em;
	text-align: left;
	width: 989px;
	height: 655px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
body.game .content .main-block,
body.awards .content .main-block {
	text-align: center;
	width: 989px;
	height: 582px;
	padding: 73px 0 0;
}
.content .main-block .primary-content{
	text-align: left;
	width: 764px;
	height: 486px;
	padding: 0;
	margin: 0 auto;
}
.content .top-link {
	width: 104px;
	height: 56px;
	padding: 15px 0 0;
	margin: 0;
	position: absolute;
	top: 0;
	right: 97px;
	z-index: 2;
	}
	.content .top-link a,
	.content .top-link a:visited,
	.content .top-link a:hover {
		color: #345930;
		font-size: 1.5em;
		font-weight: bold;
		text-decoration: none;
		padding: 0;
		margin: 0;
	}
.content .bottom-links {
	color: #fff;
	text-align: left;
	font-weight: bold;
	width: 760px;
	height: 58px;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 125px;
	z-index: 2;
	}
	.content .bottom-links a.video-link,
	.content .bottom-links a.video-link:visited,
	.content .bottom-links a.video-link:hover {
		background: url(/images/video-link-bg.gif) no-repeat 185px 6px;
		font-size: 1.3em;
		text-decoration: none;
		width: 203px;
		height: 30px;
		padding: 5px 0 0 12px;
		margin: 0 42px 0 0;
		display: block;
		float: left;
	}
	.content .bottom-links a.fuse8-link,
	.content .bottom-links a.fuse8-link:visited,
	.content .bottom-links a.fuse8-link:hover {
		background: url(/images/fuse8-link-bg.gif) no-repeat 140px 1px;
		font-size: 1.3em;
		text-decoration: none;
		width: 203px;
		height: 30px;
		padding: 5px 0 0 12px;
		margin: 0 42px 0 0;
		display: block;
		float: left;
	}
	.content .bottom-links a.twitter-link,
	.content .bottom-links a.twitter-link:visited,
	.content .bottom-links a.twitter-link:hover {
		background: url(/images/twitter-link-bg.gif) no-repeat 110px 3px;
		font-size: 1.4em;
		text-decoration: none;
		width: 203px;
		height: 30px;
		padding: 5px 0 0 20px;
		margin: 0;
		display: block;
		float: left;
	}
	.content .bottom-links .copyright {
		font-size: 1.2em;
		text-align: center;
		padding: 5px 0 0;
	}


/* =Home page
---------------------------------------- */
.logo {
	background: url(/images/logo.png) no-repeat right bottom;
	text-indent: -9999em;
	width: 329px;
	height: 168px;
	padding: 55px 0 0 90px;
	margin: 0;
	float: left;
}	

.social-links {
	width: 343px;
	height: 86px;
	padding: 65px 125px 0 0;
	margin: 0;
	float: right;
}
.intro-text {
	background: url(/images/photos.png) no-repeat right top;
	width: 445px;
	padding: 55px 265px 30px 130px;
	margin: -50px 0 0;
	}
	.intro-text .merry-methane {
		background: url(/images/merry-methane.png) no-repeat left top;
		text-indent: -9999em;
		width: 402px;
		height: 51px;
		padding: 0;
		margin: 0;
}
.pods {
	width: 770px;
	height: 236px;
	padding: 0;
	margin: -65px auto 0;
	}
	.pods .play-the-game {
		width: 383px;
		height: 212px;
		padding: 24px 0 0 0;
		margin: 0;
		float: left;
	}
	.pods .download-a-parp {
		width: 387px;
		height: 236px;
		padding: 0;
		margin: 0;
		float: left;
	}


/* =Flash page 
---------------------------------------- */
#noflash, #flash-version {
	display: none;
}
#noflash, #noscript { 
	width: 728px; 
	height: 286px; 
	background: url(/images/noflashbg.png) no-repeat; 
	padding: 200px 0 0 36px; 
}
.nofun {
	background: url(/images/nofun.png) no-repeat right bottom;
	text-indent: -9999em;
	width: 447px;
	height: 60px;
	padding: 0;
	margin: 0;
}
.boohiss {
	background: url(/images/boohiss.png) no-repeat right bottom;
	text-indent: -9999em;
	width: 447px;
	height: 60px;
	padding: 0;
	margin: 0;
}
.downloadflash {
	background: url(/images/downloadflash.png) no-repeat right bottom;
	text-indent: -9999em;
	width: 447px;
	height: 60px;
	padding: 0;
	margin: 0;
}
#noflash p, #noscript p { padding-top: 8px; }
#noscript a { color: #df0000; }
.downloadflash a { display: block; 	width: 447px; height: 60px; }


/* =Awards
---------------------------------------- */
.awards-logo  {
	width: 197px;
	height: 103px;
	background: url(/images/awards-logo.png) no-repeat left bottom;
	float: right;
	display: block;
	text-indent: -9999em;
	padding: 0 10px 0 0;
	text-decoration: none;
	}

.awards h1 {
	background: url(/images/awards-header.png) no-repeat 20px bottom;	
	height: 48px;
	text-indent: -9999em;	
	padding: 38px 0 0;
	}
	
ul.list-awards {
	padding: 20px 0 0 20px;
	float: left;
	clear: both;
 	}
	ul.list-awards  li {
		float: left;
		padding: 0 14px 0 0;
		}

.text-smaller {
	float: left;
	font-size: 0.8em;
	padding: 0 0 0 30px;
	margin: -10px 0 0;
	}