/* 
Title:     Factor Software's site Home page style sheet
Author:    Federico Filipponi
*/

/* Container for the home page left column
---------------------------------------------------------- */
#leftcolumn {
	float: left;
	width: 450px;
}

/* Container for the home page right column
---------------------------------------------------------- */
#rightcolumn {
	float: right;
	width: 300px;
}

/* Home page Welcome Box (fixed width with round corners)
---------------------------------------------------------- */
div.welcomebox {
	width: 300px;
	margin-bottom: 10px;
}

div.welcomebox div.top {
	height: 8px;
	font-size: 1px;
	background: url(/images/welcomebox.png) no-repeat top left;
}

div.welcomebox div.content {
	height: auto;
	padding: 0 8px;
	border-left: 1px solid #333366;
	border-right: 1px solid #333366;
	background: #666699 url(/images/welcomebox_bkgrd.png);
}

div.welcomebox div.bottom {
	height: 8px;
	font-size: 1px;
	background: url(/images/welcomebox.png) no-repeat bottom left;
}

div.welcomebox h2 {
	font: bold 1em Tahoma, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	margin: 0;
}

div.welcomebox p {
	font: bold 0.7em Tahoma, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	line-height: 1.42em;
	margin: 0.7em auto 0;
}

#maincontainer.ff3mac div.welcomebox p {
	letter-spacing: -0.02em;
}

/* Home page News & Updates Box
---------------------------------------------------------- */
/* div.newsbox {
	min-height: 26.2em;
} */

/* Home page Newsletter Box (fixed width with round corners)
---------------------------------------------------------- */
div.newsletterbox {
	width: 300px;
	margin-bottom: 10px;
}

div.newsletterbox div.top {
	height: 8px;
	font-size: 1px;
	background: url(/images/newsletterbox.png) no-repeat top left;
}

div.newsletterbox div.content {
	height: auto;
	padding: 0 8px;
	border-left: 1px solid #FF9933;
	border-right: 1px solid #FF9933;
	background: #FFFFCC url(/images/newsletterbox_bkgrd.png);
}

div.newsletterbox div.bottom {
	height: 8px;
	font-size: 1px;
	background: url(/images/newsletterbox.png) no-repeat bottom left;
}

div.newsletterbox h2 {
	font: bold 0.9em Tahoma, Helvetica, Arial, sans-serif;
	margin: 0;
}

div.newsletterbox p {
	font-size: 0.75em;
	margin: 0.75em auto 0;
}

div.newsletterbox p.smalltext {
	font-size: 0.65em;
}

/* Home page Newsletter Form
---------------------------------------------------------- */
div.newsletterbox form {
	margin: 8px auto;
}

div.newsletterbox form img {
	vertical-align: middle;
}

div.newsletterbox form label {
	display: none;
}

div.newsletterbox input#email {
	width: 170px;
	height: auto;
	margin: 0 8px 0 0;
	padding: 1px;
	border: 1px solid #663300;
	background-color: #FFFFFF;
	font-size: 1em;
	vertical-align: middle;
}

div.newsletterbox input#email:focus {
	background-color: #FFFFCC;
}

div.newsletterbox button {
	width: auto;
	height: auto;
	margin: 0;
	padding: 2px;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	border-left: 2px solid #FF9933;
	border-top: 2px solid #FF9933;
	border-right: 2px solid #660000;
	border-bottom: 2px solid #660000;
	background-color: #CC3300;
	vertical-align: middle;
}

div.newsletterbox button:hover {
	background-color: #660000;
	cursor: pointer;
}

/* Featured Games Box
---------------------------------------------------------- */
div.featgame {
	position: relative;
	padding-left: 72px;
	min-height: 6.2em;
}

div.featgame h3 {
	font: 0.65em Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #000000;
	margin: 0.65em 8px 0;
	padding: 0;
	border: none;
	background: none;
}

div.featgame img {
	position: absolute;
	top: 0;
	left: 8px;
}