/*Name:Frontpage Styles */
/*	----------------------------------------------------------------------
	FRONTPAGE
	features! So many bloody features! We've done some tricky stuff with
	the padding on the main column to accomodate the padding inside the
	features instead.
	---------------------------------------------------------------------- */

/* WELCOME MESSAGE */
#home #welcome {
	padding:2em 1em 2em 1em;
	width:40em;
}
/* REDUCE PADDING ON MAIN COLUMN */
#home #mainColumn {
	width:41em;
	padding-left:1em;
	padding-right:1em;
}
/* GENERAL FEATURE STYLES */
#home #mainColumn .feature,
#home #mainColumn .permanentFeature {
	padding:1em 1em 0 1em;
	width:19em;
	float:left;
}
/* PERMANENT FEATURES */
#home .permanentFeature {
	background-color:#e7e7e7;
	height:8em;
}
#home .permanentFeature h2 {
	font-size:1.3em;
	font-family:'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
}
#home #orderOnline {
	background-color:#D7E9B1;
}
/* FEATURED RECIPE */
#newRecipe {
	padding:0 0 0 21em !important;
	width:21em !important;
	position:relative;
	height:10em;
	background-color:#efefef;
}
#newRecipe div {
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	height:100%;
	width:19.5em;
}
#newRecipe div img {
	width:19.5em;
}
#newRecipe h2 {
	margin-top:0.4em;
	font-size:1.3em !important;
}
#newRecipe h3 {
	font-size:1.8em !important;
	color:#95BD3E;
}
#newRecipe h3 strong {
	font-weight:normal;
	font-size:1.4em;
}
/* MAIN FEATURES */
#home #mainColumn .feature {
	padding-top:2em;
	padding-bottom:1em;
}
#home #content #mainColumn .feature h2 {
	font-size:2.2em;
	
	line-height:0.8em;
}
#home #content #mainColumn .feature h3 {
	
	margin:0 0 0.2em 0;
	font-size:1.3em;
	font-weight:normal;
}
/* WELCOME ARTICLE */
#welcome {
	border:0 !important;
	margin-top:1em;
	height:auto !important;
}
#welcome .image {
	height:15em !important;
}
#home #content #mainColumn #welcome h2 {
font-family:'Lucida Sans', Verdana, Helvetica, Arial, sans-serif!important;
	position:absolute;
	width:7em;
	left:0;
	top: 5.8em;
	letter-spacing:-0.08em;
	font-size:2.7em !important;
	text-align:right;
}
#content #mainColumn #welcome h3{
font-family:'Lucida Sans', Verdana, Helvetica, Arial, sans-serif!important;
	position:absolute;
	width:14em;
	left:0;
	top: 14.5em;
	letter-spacing:-0.04em;
	font-size:1.35em !important;
	text-align:right;
	font-family:
}
#welcome h4 {
	margin-bottom:0.5em;
}
#welcome p,
#welcome h4 {
	margin-right:0 !important;
	padding-right:0 !important;
}

/* WELCOME ARTICLE 
#content .welcome {
	float:left;
	margin-bottom:1em;
}
#content .welcome .text {
	margin:0;
	padding-top:1.5em;
	width:20em;
	float:right;
	background-color:green;
}
#content .welcome h2 {
	margin-bottom:0.2em;
	letter-spacing:-0.08em;
	font-size:2.4em;
	text-align:right;
	font-family:'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
	float:left;
	width:100%;
	padding-top:0.5em;
}
#content .welcome .text .date {
	font-size:1.4em;
	color:#999999;
	font-family:Georgia, Times, "Times New Roman", serif;
	margin:0.2em 0 0 0;
	float:right;
}
#content .welcome .text h3 {
	margin:0 0 0.3em 0;
	color:#333333;
	width:100%;
	clear:both;
	font-size:1.4em;
	font-weight:normal;
}

#content .welcome .text p,
#content .welcome .text ul {
	width:20em;
	clear:right;
}

#content .welcome .image {
	overflow:hidden;
	width:16em;
	float:left;
	margin: 1.5em 0 0 1em;
	display:inline;
}
#content .welcome .image img {
	width:16em;
}*/