/*
styles.css for screen
better together styles
mod7.com + 2009 + authored by daryl claudio
*/

/*		Header usage
++++++++++++++++++++++++++++++++++++++++++++
h1: Major header
h2: Subheader
h3: Tagline
h4: Minor header
h5: Header


		Header usage
++++++++++++++++++++++++++++++++++++++++++++

*/

/*		Type
++++++++++++++++++++++++++++++++++++++++++++*/

h1		{ font-size: 180%; }
h2		{ font-size: 160%; }
h3		{ font-size: 150%; }
h4		{ font-size: 120%; }
h5		{ font-size: 100%; font-weight: 600; }

p		{
		font-family: Georgia, serif;
		margin-bottom: 24px;
		line-height: 1.4;
		}

strong	{ font-weight: 600; }
em		{ font-style: oblique; }


a:link		{ color: #FF6C3E; }
a:visited	{ color: #FF6C3E }
a:hover		{ color: #FF6C3E; text-decoration: underline; }
a:active	{ color: #FF9D7E; text-decoration: underline; }

/* WYSIWYG control */
.content ul { font-size: 16px; line-height: 1.4; list-style: disc outside; padding: 0 0 24px 18px; }
.content ol { font-size: 16px; line-height: 1.4; list-style: decimal; padding: 0 0 24px 18px; }
.content li { padding-bottom: 6px; }
.content p	{ font-size: 16px; line-height: 1.4; }

h1#page-header { /* large content header */
font-size: 38px;
margin-bottom: 12px;
line-height: 1;
}

/*		Basic Layout
++++++++++++++++++++++++++++++++++++++++++++*/

body {
text-align: center;
font-family: Georgia, serif;
font-size: 12px;
line-height: 1.4;
color: #603813;
background: url(/frontend/images/body-background-top.png) 0 0 repeat-x scroll #fff;
padding-top: 5px;
}

#container {
background: url(/frontend/images/body-background-pattern.png) center top repeat scroll transparent;
}

#wrapper {
width:978px;
margin: 0 auto;
text-align: left;
}

#header {
height: 145px;
height: 145px;
margin: 0;
position: relative;
background: url(/frontend/images/header-bottomcap.png) no-repeat scroll center bottom;
}

#mainbody {
background: url(/frontend/images/mainbody-background.png) repeat-y scroll center top;
position: relative;
z-index: 1;
min-height:280px;
height:auto !important;
height:280px;
}

/*		Header
++++++++++++++++++++++++++++++++++++++++++++*/

h1#header-title {
width: 115px;
height: 92px;
display: block;
text-indent: -9001px;
background: url(/frontend/images/bettertogether-logo.gif) no-repeat scroll 0 0;
position: absolute;
left: 35px;
top: 23px;
}

	h1#header-title a {
	width: 115px;
	height: 92px;
	display: block;
	float: left;
	}
	
	h1#header-title img { /* hide printable logo from screen */
	display: none;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	border: 0 none;
	}
	
h2#header-tagline {
width: 458px;
height: 34px;
display: block;
text-indent: -9001px;
background: url(/frontend/images/header-tagline.gif) no-repeat scroll 0 0;
position: absolute;
left: 250px;
top: 27px;
}

#search-form {
	position:absolute;
	top:35px;
	left:770px;
}


	
/*		Navigation
++++++++++++++++++++++++++++++++++++++++++++*/

ul#navigation {
width: 796px;
height: 50px;
display: block;
position: absolute;
left: 166px;
top: 84px;
}

	ul#navigation li {
	display: block; 
	list-style: none;
	width: 159px;
	height: 50px;
	float: left;
	text-indent: -9001px;
	}
	
	ul#navigation a {
	display: block;
	float: left;
	width: 159px;
	height: 50px;
	}

	/* regular state */
	ul#navigation li a#navigation-home {
	background: url(/frontend/images/navigation-tabs.png) no-repeat scroll 0 0;
	}
	
	ul#navigation li a#navigation-gettingstarted {
	background: url(/frontend/images/navigation-tabs.png) no-repeat scroll -159px 0;
	}
	
	ul#navigation li a#navigation-resources {
	background: url(/frontend/images/navigation-tabs.png) no-repeat scroll -318px 0;
	}
	
	ul#navigation li a#navigation-research {
	background: url(/frontend/images/navigation-tabs.png) no-repeat scroll -478px 0;
	}
	
	ul#navigation li a#navigation-community {
	background: url(/frontend/images/navigation-tabs.png) no-repeat scroll -637px 0;
	}
	
	
	/* current state */
	ul#navigation li.current a#navigation-home {
	background: url(/frontend/images/navigation-tabs.png) no-repeat scroll 0 -50px;
	}
	
	ul#navigation li.current a#navigation-gettingstarted {
	background: url(/frontend/images/navigation-tabs.png) no-repeat scroll -159px -50px;
	}
	
	ul#navigation li.current a#navigation-resources {
	background: url(/frontend/images/navigation-tabs.png) no-repeat scroll -318px -50px;
	}
	
	ul#navigation li.current a#navigation-research {
	background: url(/frontend/images/navigation-tabs.png) no-repeat scroll -478px -50px;
	}
	
	ul#navigation li.current a#navigation-community {
	background: url(/frontend/images/navigation-tabs.png) no-repeat scroll -637px -50px;
	}
	

/*		Subnavigation Column
++++++++++++++++++++++++++++++++++++++++++++*/

#subnavcolumn {
width: 218px;
margin: 25px 0 18px 29px;
padding: 16px 0 0;
float: left;
position: relative;
background: url(/frontend/images/subnavcolumn-top-doubleline.gif) no-repeat scroll top center;
}

#subnavcolumn hr.dashed {
display: block;
background: url(/frontend/images/subnavcolumn-singleline.gif) no-repeat scroll top center;
border: 0 none;
margin: 6px 0 16px;
}

ul#subnavigation {
position: relative;
top: 0;
left: -41px;
width: 262px;
display: block;
}

	ul#subnavigation li {
	width: 262px;
	height: 34px;
	display: block;
	}
	
	ul#subnavigation li a {
	width: 219px;
	height: 34px;
	padding: 10px 0 0 43px;
	display: block;
	font-size: 17px;
	color:#75502e;
	text-decoration:none;
	}

		ul#subnavigation li { background: url(/frontend/images/subnavigation-tabs.png) no-repeat scroll 0 -34px; }
		ul#subnavigation li:first-child { background: url(/frontend/images/subnavigation-tabs.png) no-repeat scroll 0 0; }
		ul#subnavigation li:last-child { background: url(/frontend/images/subnavigation-tabs.png) no-repeat scroll 0 -68px; height: 45px; }
		
		ul#subnavigation li.current { background: url(/frontend/images/subnavigation-tabs.png) no-repeat scroll 0 -160px; }
		ul#subnavigation li.current:first-child { background: url(/frontend/images/subnavigation-tabs.png) no-repeat scroll 0 -126px; }
		ul#subnavigation li.current:last-child { background: url(/frontend/images/subnavigation-tabs.png) no-repeat scroll 0 -194px; height: 45px; }

/* section headers */
h2#section-header-gettingstarted {
background: url(/frontend/images/section-header-gettingstarted.png) no-repeat scroll 0 0;
text-indent: -9001px;
margin: 0 0 8px;
padding: 0;
display: block;
width: 209px;
height: 36px;
}

h2#section-header-resources {
background: url(/frontend/images/section-header-resources.png) no-repeat scroll 0 1px;
text-indent: -9001px;
margin: 0 0 8px;
padding: 0;
display: block;
width: 141px;
height: 36px;
}

h2#section-header-research {
background: url(/frontend/images/section-header-research.png) no-repeat scroll 0 1px;
text-indent: -9001px;
margin: 0 0 8px;
padding: 0;
display: block;
width: 124px;
height: 36px;
}

h2#section-header-community {
background: url(/frontend/images/section-header-share.png) no-repeat scroll 0 0;
text-indent: -9001px;
margin: 0 0 8px;
padding: 0;
display: block;
width: 78px;
height: 36px;
}

/* did you know */
.didyouknow-widget {
width: 218px;
background: url(/frontend/images/didyouknow-background-caps.png) no-repeat scroll 0 0;
padding: 11px 0 0;
}

	.didyouknow-wrap {
	background: url(/frontend/images/didyouknow-background-caps.png) no-repeat scroll 0 bottom;
	display: block;
	padding: 0 0 7px;
	}
	
	.didyouknow-fact {
	background: url(/frontend/images/didyouknow-background-pattern.png) repeat-y scroll 0 0;
	display: block;
	padding: 6px 14px;
	color: #41707c;
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	line-height: 1;
	font-size: 11px;
	}
	
	.didyouknow-fact p {
	color: #41707c;
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	line-height: 1.4;
	font-size: 11px;
	margin: 0;
	padding: 0 0 5px;
	}
	
	.didyouknow-fact p.didyouknow-title {
	font-weight: 600;
	margin-bottom: 12px;
	}

/*		Main Body Content
++++++++++++++++++++++++++++++++++++++++++++*/

#mainbodycontent {
width: 530px;
float: left;
margin: 25px 0 36px 20px;
padding: 16px 0 0;
background: url(/frontend/images/mainbody-top-doubleline.gif) no-repeat scroll center top;
}

#mainbodycontent .content {
padding: 20px 0;
border-top: solid 1px #dcc7a0;
border-bottom: solid 1px #dcc7a0;
}

	#mainbodycontent .content-fms {
	border-top: 0;
	}

#mainbody-topshadow {
width: 960px;
height: 285px;
margin: 0;
padding: 0;
display: block;
background: url(/frontend/images/mainbody-topshadow.png) no-repeat scroll 0 0;
position: absolute;
top: -11px;
left: 9px;
z-index: -1;
}

.lead-image-wrap {
margin-bottom: 30px;
}

	.lead-image-wrap .lead-image {
	margin-left: 12px;
	}

	.lead-image-frame {
	border:none;
	background:url(/frontend/images/big-picutre-frame.png);
	background-repeat:no-repeat;
	width:547px;
	height:347px;
	display:block;
	text-indent: -9001px;

	position:absolute;
	top: 75px;
	left:258px;	
	}

.content-functions {
margin: 16px 0 0;
height: 39px;
width: 300px;
position: relative;
}

	.content-printpage {
	width: 136px;
	height: 39px;
	background: url(/frontend/images/printthispagebutton.png) 0 0 no-repeat scroll;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	}
	
		.content-printpage a {
		width: 136px;
		height: 39px;
		display: block;
		text-indent: -9001px;
		float: left;
		}
	
	.content-emailpage {
	width: 135px;
	height: 39px;
	background: url(/frontend/images/emailthispagebutton.png) 0 0 no-repeat scroll;
	display: block;
	position: absolute;
	top: 0;
	left: 145px;
	}
	
		.content-emailpage a {
		width: 135px;
		height: 39px;
		display: block;
		text-indent: -9001px;
		float: left;
		}

.embedded-youtube {
margin: 0 0 16px;
}

/*		Related Column
++++++++++++++++++++++++++++++++++++++++++++*/

#relatedcolumn {
width: 136px;
float: left;
margin: 25px 0 18px 20px;
padding: 16px 0 0;
background: url(/frontend/images/relatedcolumn-top-doubleline.gif) no-repeat scroll center top;
}

#relatedcolumn h4 {
font-family: Georgia, serif;
font-size: 18px;
}

#relatedcolumn p {
margin-bottom: 12px;
}

#relatedcolumn .related-section { margin-bottom: 18px; }
#relatedcolumn .related-separation { padding-top: 25px; background: url(/frontend/images/relatedcolumn-top-doubleline.gif) no-repeat scroll center top; }


#relatedcolumn a:link { color: #9c845e; text-decoration: none; font-style: normal; }
#relatedcolumn a:visited { color: #9c845e; text-decoration: none; font-style: normal; }
#relatedcolumn a:hover { color: #9c845e; text-decoration: underline; font-style: normal; }
#relatedcolumn a:active { color: #9c845e; text-decoration: underline; font-style: normal; }

	#relatedcolumn .related-recipes li { font-size: 14px; margin-bottom: 10px; }
	#relatedcolumn .related-recipes li a:link,
	#relatedcolumn .related-recipes li a:visited { color: #603813; text-decoration: none; }
	#relatedcolumn .related-recipes li a:hover,
	#relatedcolumn .related-recipes li a:active { color: #603813; text-decoration: underline; }
	

	ul.related-success-stories {
	background: url(/frontend/images/relatedcolumn-line.gif) no-repeat scroll center bottom;
	padding-bottom: 1px;
	}

	ul.related-success-stories li {
	padding-bottom: 12px;
	background: url(/frontend/images/relatedcolumn-line.gif) no-repeat scroll center bottom;
	margin-bottom: 4px;
	}
	
		ul.related-success-stories li p {
		margin-top: 8px;
		margin-bottom: 0;
		font-style: oblique;
		}

	ul.related-recent-comments li {
	padding: 8px 0 12px;
	background: url(/frontend/images/relatedcolumn-line.gif) no-repeat scroll center bottom;
	}

#relatedcolumn h4.recipeindex {
margin-top: 40px;
width: 112px;
height: 23px;
display: block;
text-indent: -9001px;
margin-bottom: 16px;
background: url(/frontend/images/relatedcolumn-recipeIndex.gif) no-repeat scroll 0 0;
}
#relatedcolumn h4.newrecipes {
width: 116px;
height: 23px;
display: block;
text-indent: -9001px;
margin-bottom: 16px;
background: url(/frontend/images/relatedcolumn-newRecipes.gif) no-repeat scroll 0 0;
}

/*		Homepage
++++++++++++++++++++++++++++++++++++++++++++*/

#homepage-feature {
height: 434px;
position: relative;
}

	#homepage-stacked {
	width: 607px;
	height: 393px;
	background: url(/frontend/images/homepage-featureframe.png) 0 0 no-repeat scroll;
	text-indent: -9001px;
	position: absolute;
	top: 0px;
	left: -23px;
	z-index: 90;
	}

	.homepage-cycle {
	width: 509px;
	height: 320px;
	position: absolute;
	top: 32px;
	left: 53px;
	z-index: 3;
	overflow: hidden;
	}
	
		.homepage-cycle img.shown {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		}
	
		.homepage-cycle img.inactive {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		opacity: 0;
		}
	
		.homepage-cycle img#imgZero {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		}
	
		.homepage-cycle img#flashy {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		opacity: 0;
		}
	
	#homepage-panel {
	width: 350px;
	height: 393px;
	position: absolute;
	top: 22px;
	left: 600px;
	background: url(/frontend/images/homepage-doubleline.gif) center top no-repeat scroll;
	}
	
		#homepage-panel h1 {
		font-size: 32px;
		line-height: 1;
		padding-top: 16px;
		margin-bottom: 12px;
		}
		
		#homepage-panel p.homepage-linkout {
		font-size: 14px;
		}
		
			#homepage-panel p.homepage-linkout a:link,
			#homepage-panel p.homepage-linkout a:visited,
			#homepage-panel p.homepage-linkout a:hover,
			#homepage-panel p.homepage-linkout a:active {
			color: #603813;
			text-decoration: underline;
			}

		#homepage-panel ul#homepage-accordion {
		font-size: 14px;
		position: absolute;
		bottom: 30px;
		left: 0;
		}
		
			ul#homepage-accordion li.homepage-accordion-group {
			position: relative;
			}
			
				ul#homepage-accordion li.homepage-accordion-group h4 {
				border: dashed 1px #cbb398;
				padding: 7px 12px;
				margin: 0 0 8px;
				font-size: 23px;
				width: 326px;
				}

				ul#homepage-accordion li.homepage-accordion-group h4.closed {
				border: dashed 1px #cbb398;
				}
				
				ul#homepage-accordion li.homepage-accordion-group h4.open {
				border: solid 1px #8b7160;
				}
			
				ul#homepage-accordion li.homepage-accordion-group .homepage-accordion-closer {
				text-indent: -9001px;
				background: url(/frontend/images/closebutton.png) no-repeat 0 0 scroll;
				position: absolute;
				top: -12px;
				right: -12px;
				width: 24px;
				height: 24px;
				display: block;
				}
			
				ul#homepage-accordion ul.homepage-teaser {
				display: none;
				margin: 0 0 10px;
				padding: 0;
				}
			
					ul#homepage-accordion ul.homepage-teaser li.homepage-teaser-link {
					padding: 4px 0;
					line-height: 1;
					}
			
				ul#homepage-accordion ul.homepage-teaser li.homepage-teaser-link a:link { font-family: Georgia, serif; text-decoration: underline; color: #603813; }
				ul#homepage-accordion ul.homepage-teaser li.homepage-teaser-link a:visited { font-family: Georgia, serif; text-decoration: underline; color: #603813; }
				ul#homepage-accordion ul.homepage-teaser li.homepage-teaser-link a:hover { font-family: Georgia, serif; text-decoration: underline; color: #603813; }
				ul#homepage-accordion ul.homepage-teaser li.homepage-teaser-link a:active { font-family: Georgia, serif; text-decoration: underline; color: #603813; }
				

				
/* recent module */
	.homepage-recent-module {
	padding-bottom: 18px;
	}
	
	.homepage-recent-widget p,
	.homepage-recent-widget-first p {
	font-family: Georgia, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 8px 0;
	border-bottom: solid 1px;
	}
	

	.homepage-recent-module p.successstories-linkout,
	.homepage-recent-module p.recentposts-linkout, 
	.homepage-recent-module p.recentcomments-linkout,
	.homepage-recent-module p.recentrecipes-linkout {
	padding: 8px 0 16px;
	border-bottom: none;
	}
	
	.homepage-recent-module p.successstories-title { border-bottom-color: #cdb696; }
	.homepage-recent-module p.recentposts-title { border-bottom-color: #b6df80; }
	.homepage-recent-module p.recentcomments-title { border-bottom-color: #cdb696; }
	.homepage-recent-module p.recentrecipes-title { border-bottom-color: #ffcfa3; }
		
		.homepage-recent-module p.successstories-title a:link { color: #655134; text-decoration: none; }
		.homepage-recent-module p.successstories-title a:visited { color: #655134; text-decoration: none; }
		.homepage-recent-module p.successstories-title a:hover { color: #655134; text-decoration: underline; }
		.homepage-recent-module p.successstories-title a:active { color: #655134; text-decoration: underline; }
		.homepage-recent-module p.recentposts-title a:link { color: #648c2f; text-decoration: none; }
		.homepage-recent-module p.recentposts-title a:visited { color: #648c2f; text-decoration: none; }
		.homepage-recent-module p.recentposts-title a:hover { color: #648c2f; text-decoration: underline; }
		.homepage-recent-module p.recentposts-title a:active { color: #648c2f; text-decoration: underline; }
		.homepage-recent-module p.recentcomments-title a:link { color: #655134; text-decoration: none; }
		.homepage-recent-module p.recentcomments-title a:visited { color: #655134; text-decoration: none; }
		.homepage-recent-module p.recentcomments-title a:hover { color: #655134; text-decoration: underline; }
		.homepage-recent-module p.recentcomments-title a:active { color: #655134; text-decoration: underline; }
		.homepage-recent-module p.recentrecipes-title a:link { color: #e46c00; text-decoration: none; }
		.homepage-recent-module p.recentrecipes-title a:visited { color: #e46c00; text-decoration: none; }
		.homepage-recent-module p.recentrecipes-title a:hover { color: #e46c00; text-decoration: underline; }
		.homepage-recent-module p.recentrecipes-title a:active { color: #e46c00; text-decoration: underline; }
	
		.homepage-recent-module p.successstories-linkout a:link { color: #655134; text-decoration: none; }
		.homepage-recent-module p.successstories-linkout a:visited { color: #655134; text-decoration: none; }
		.homepage-recent-module p.successstories-linkout a:hover { color: #655134; text-decoration: underline; }
		.homepage-recent-module p.successstories-linkout a:active { color: #655134; text-decoration: underline; }
		.homepage-recent-module p.recentposts-linkout a:link { color: #648c2f; text-decoration: none; }
		.homepage-recent-module p.recentposts-linkout a:visited { color: #648c2f; text-decoration: none; }
		.homepage-recent-module p.recentposts-linkout a:hover { color: #648c2f; text-decoration: underline; }
		.homepage-recent-module p.recentposts-linkout a:active { color: #648c2f; text-decoration: underline; }
		.homepage-recent-module p.recentcomments-linkout a:link { color: #655134; text-decoration: none; }
		.homepage-recent-module p.recentcomments-linkout a:visited { color: #655134; text-decoration: none; }
		.homepage-recent-module p.recentcomments-linkout a:hover { color: #655134; text-decoration: underline; }
		.homepage-recent-module p.recentcomments-linkout a:active { color: #655134; text-decoration: underline; }
		.homepage-recent-module p.recentrecipes-linkout a:link { color: #e46c00; text-decoration: none; }
		.homepage-recent-module p.recentrecipes-linkout a:visited { color: #e46c00; text-decoration: none; }
		.homepage-recent-module p.recentrecipes-linkout a:hover { color: #e46c00; text-decoration: underline; }
		.homepage-recent-module p.recentrecipes-linkout a:active { color: #e46c00; text-decoration: underline; }
	
	.homepage-recent-widget,
	.homepage-recent-widget-first,
	.homepage-recent-widget-last,
	.homepage-recent-module .didyouknow-widget {
	float: left;
	margin-right: 18px;
	width: 218px;
	}
	
	.homepage-recent-widget-first { margin-left: 27px; }
	.homepage-recent-widget-last { margin-right: 0; }
	
		.homepage-recent-module .successstories-header,
		.homepage-recent-module .recentposts-header,
		.homepage-recent-module .recentcomments-header,
		.homepage-recent-module .recentrecipes-header,
		.homepage-recent-module .tips-header {
		display: block;
		width: 218px;
		height: 39px;
		background: url(/frontend/images/homepage-widget-titles.png) no-repeat scroll 0 0;
		text-indent: -9001px;
		margin-bottom: 15px;
		}
		
		.homepage-recent-module .recentposts-header { background-position: -235px 0; }
		.homepage-recent-module .recentcomments-header { background-position: -470px 0; }
		.homepage-recent-module .recentrecipes-header { background-position: -470px 0; }
		.homepage-recent-module .tips-header { background-position: -706px 0; height: 38px; margin-bottom: 16px; }
		
		.homepage-recent-module .successstories-header a,
		.homepage-recent-module .recentposts-header a,
		.homepage-recent-module .recentcomments-header a,
		.homepage-recent-module .recentrecipes-header a {
		display: block;
		width: 218px;
		height: 39px;
		float: left;
		}
	
		.homepage-recent-module .successstories-widget,
		.homepage-recent-module .recentposts-widget,
		.homepage-recent-module .recentcomments-widget,
		.homepage-recent-module .recentrecipes-widget,
		.homepage-recent-module .facebook-widget {
		width: 218px;
		background: url(/frontend/images/homepage-widget-caps.gif) no-repeat scroll 0 0;
		padding: 11px 0 0;
		}

			.homepage-recent-module .successstories-wrap,
			.homepage-recent-module .recentposts-wrap,
			.homepage-recent-module .recentcomments-wrap,
			.homepage-recent-module .recentrecipes-wrap,
			.homepage-recent-module .facebook-wrap {
			background: url(/frontend/images/homepage-widget-caps.gif) no-repeat scroll 0 bottom;
			display: block;
			padding: 0 0 7px;
			}

				.homepage-recent-module .successstories-fact,
				.homepage-recent-module .recentposts-fact,
				.homepage-recent-module .recentcomments-fact,
				.homepage-recent-module .recentrecipes-fact,
				.facebook-container {
				background: url(/frontend/images/homepage-widget-pattern.gif) repeat-y scroll 0 0;
				display: block;
				padding: 6px 14px;
				color: #603813;
				font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
				line-height: 1;
				font-size: 11px;
				height: 250px;
				}
				
					.facebook-container {
					background-image: none;
					background: #FFF;
					padding: 0;
					height: 262px;
					}
				

		.homepage-recent-module .successstories-widget { background-position: -436px 0; }
		.homepage-recent-module .recentposts-widget { background-position: -218px 0; }
		.homepage-recent-module .recentcomments-widget { background-position: -436px 0; }
		.homepage-recent-module .recentrecipes-widget { background-position: 0 0; }
		.homepage-recent-module .recentposts-wrap { background-position: -218px bottom; }
		.homepage-recent-module .recentrecipes-wrap { background-position: -436px bottom; }
		.homepage-recent-module .facebook-wrap { background-position: -654px bottom; }
		.homepage-recent-module .facebook-widget { background-position: -654px 0; }

	

	#homepage-flashlaunchers {
	position: relative;
	height: 79px;
	}
		
		#homepage-flashlaunchers h5 {
		display: block;
		width: 448px;
		height: 79px;
		position: absolute;
		top: 0;
		}
		
			#homepage-flashlaunchers h5.homepage-handout {
			background: url(/frontend/images/homepage-handout.png) 0 0 no-repeat scroll;
			left: 30px;
			}
			
			#homepage-flashlaunchers h5.homepage-cookbook {
			background: url(/frontend/images/homepage-cookbook.png) 0 0 no-repeat scroll;
			left: 500px;
			}
			
				#homepage-flashlaunchers h5 a {
				text-indent: -9001px;
				display: block;
				width: 448px;
				height: 79px;
				float: left;
				}
		
/*		Recipes
++++++++++++++++++++++++++++++++++++++++++++*/

/* recipe list */
ul.kid-friendly-recipes {
list-style-type: none;
width: 250px;
overflow: visible;
padding: 0;
margin: 30px 0;
}

	.post-list-lcol,
	.post-list-rcol {
	float: left;
	width: 250px;
	}
	ul.post-list-lcol { padding-right: 15px; }
	
	ul.page-of-total {
	clear: both;
	position: relative;
	padding: 12px 16px;
	border: 1px dashed #d3c7af;
	
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: 600;
	color: #b49171;
	list-style: none;
	}
	
		ul.page-of-total li { display: inline; margin-right: 12px; padding: 0; }
	
		.page-of-total li.pagination-links { position: absolute; right: 12px; }
		.page-of-total li.pagination-links a, .page-of-total li.pagination-links strong { margin: 0 0 0 16px; }
		.page-of-total a:link,
		.page-of-total a:visited,
		.page-of-total a:hover,
		.page-of-total a:active { color: #b49171; text-decoration: none; }
		.page-of-total a:hover, .page-of-total strong { color: #ff6c3e; }

.recipe-topfields {
}

	.recipe-image-wrap {
	width: 240px;
	height: 240px;
	position: relative;
	float: left;
	}
	
		.recipe-image-overflow {
		display: block;
		position: absolute;
		top: 5px;
		left: 9px;
		overflow: hidden;
		width: 205px;
		height: 170px;
		}
	
		img.recipe-image {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9;
		}

		.recipe-image-frame {
		display: block;
		width: 237px;
		height: 199px;
		background: url(/frontend/images/recipe-image-frame.png) 0 0 no-repeat scroll;
		text-indent: -9001px;
		position:absolute;
		top: -6px;
		left: -8px;
		z-index: 10;
		}
		
		.recipe-author {
		position: absolute;
		width: 220px;
		top: 200px;
		left: 0;
		color: #b49171;
		font-family: Georgia, serif;
		font-style: oblique;
		font-size: 14px;
		}
	
	.recipe-fields {
	width: 280px;
	float: left;
	}
	
		.recipe-serve-prep-cook {
		position: relative;
		display: block;
		border: dashed 1px #cab297;
		padding: 12px;
		}
		
			.recipe-serve-prep-cook li.recipe-serves,
			.recipe-serve-prep-cook li.recipe-prep,
			.recipe-serve-prep-cook li.recipe-cook {
			font-size: 18px;
			line-height: 1.4;
			width: 140px;
			}
			
			.recipe-serve-prep-cook em {
			font-style: normal;
			text-transform: lowercase;
			font-variant: small-caps;
			}
		
			
			.recipe-is-community {
			width: 112px;
			height: 90px;
			position: absolute;
			top: 6px; right: 6px;
			text-indent: -9001px;
			background: url(/frontend/images/community-recipe-badge.gif) no-repeat scroll 0 0;
			}
			
		h3.recipe-header {
		text-transform: uppercase;
		font-size: 12px;
		text-decoration: underline;
		line-height: 1.3;
		margin-bottom: 8px;
		letter-spacing: 0.8px;
		}
		
		.recipe-ingredients-wrap {
		float: left;
		width: 130px;
		padding: 16px 10px 16px 0;
		font-size: 12px;
		line-height: 1.3;
		}
			.recipe-ingredients-wrap li {
			padding-bottom: 6px;
			}
		



/*		Footer
++++++++++++++++++++++++++++++++++++++++++++*/

#footer {
margin: 0;
background: url(/frontend/images/footer-background-cap.png) 0 0 no-repeat scroll;
width: 978px;
height: 61px;
position: relative;
}

#footer h6.header-sitemap {
font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
float: left;
font-weight: 600;
line-height: 1;
font-size: 11px;
color: #FEFEFE;
width: 82px;
margin: 21px 0 0;
padding-left: 21px;
text-transform: uppercase;
}

#footer #sitemap {
position: absolute;
left: 28px;
width: 865px;
margin: 21px 0 0;
padding: 0;
}

#footer #sitemap li {
float: left;
font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
line-height: 1;
font-size: 11px;
color: #f0e2cd;
}

#footer #sitemap a:link { text-decoration: none; color: #f0e2cd; }
#footer #sitemap a:visited { text-decoration: none; color: #f0e2cd; }
#footer #sitemap a:hover { text-decoration: underline; color: #f0e2cd; }
#footer #sitemap a:active { text-decoration: underline; color: #FEFEFE; }

#footer #social {
position: absolute;
right: 28px;
top: 12px;
display: block;
width: 68px;
height: 32px;
}

	#footer #social li {
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	left: 0;
	}
	
		#footer #social a {
		display: block;
		width: 32px;
		height: 32px;
		text-indent: -9001px;
		background: url('/frontend/images/footer-socialicons.png') no-repeat scroll;
		}
	
		#footer #social li.facebook a { background-position: 0 0; }
		
		#footer #social li.twitter { left: 36px; }
		#footer #social li.twitter a { background-position: -36px 0; }

/*		Freeform
++++++++++++++++++++++++++++++++++++++++++++*/

#freeform label {
font-size: 12px;
font-style: oblique;
width: 150px;
float: left;
text-align: right;
padding-right: 8px;
}

#freeform input {
font-size: 18px;
padding: 2px 6px;
border: 1px solid #d9c5a1;
background: #fff2d8;
width: 60%;
font-family: Georgia, sans-serif;
font-size: 18px;
color: #603813;
}

#freeform textarea {
font-size: 18px;
padding: 2px 6px;
border: 1px solid #d9c5a1;
background: #fff2d8;
width: 60%;
font-family: Georgia, sans-serif;
font-size: 12px;
color: #603813;
line-height: 1.4;
height: 160px;
}

#freeform .aformfield {
padding-bottom: 6px;
}

#freeform input#submitbutton {
width: 140px;
font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
font-weight: 600;
font-size: 12px;
color: #b49171;
border: 1px dashed #d9c5a1;
float: right;
background: transparent;
padding: 4px 0;
margin-right: 39px;
}

/*		Specific Situations
++++++++++++++++++++++++++++++++++++++++++++*/
h2#cookbook-creator-hero {
font-size: 25px;
text-decoration: none;
padding: 16px 0;
border-bottom: solid 1px #dcc7a0;
}

	.content h2#cookbook-creator-hero {
	padding: 0 0 16px;
	margin-bottom: 16px;
	}

	h2#cookbook-creator-hero a:link, 
	h2#cookbook-creator-hero a:visited, 
	h2#cookbook-creator-hero a:hover, 
	h2#cookbook-creator-hero a:active {
	text-decoration: none;
	}

#family-meal-scenarios-grid {
list-style-type:none;
margin:0;
padding:0;
}

#family-meal-scenarios-grid li {
float:left;
padding-right:15px;
margin-bottom:10px;
}

#family-meal-scenarios-grid li a {
width:117px;
height:116px;
display: block;
text-indent: -9001px;
}

.clear-both {
clear:both;
}

#meal-scenerio-1 a { background: url(/frontend/images/thumbnail1.png) no-repeat scroll 0 0; }
#meal-scenerio-1 a:hover { background: url(/frontend/images/thumbnail1.png) no-repeat scroll 0 -116px; }
#meal-scenerio-2 a { background: url(/frontend/images/thumbnail2.png) no-repeat scroll 0 0; }
#meal-scenerio-2 a:hover { background: url(/frontend/images/thumbnail2.png) no-repeat scroll 0 -116px; }
#meal-scenerio-3 a { background: url(/frontend/images/thumbnail3.png) no-repeat scroll 0 0; }
#meal-scenerio-3 a:hover { background: url(/frontend/images/thumbnail3.png) no-repeat scroll 0 -116px; }
#meal-scenerio-4 a { background: url(/frontend/images/thumbnail4.png) no-repeat scroll 0 0; }
#meal-scenerio-4 a:hover { background: url(/frontend/images/thumbnail4.png) no-repeat scroll 0 -116px; }
#meal-scenerio-5 a { background: url(/frontend/images/thumbnail5.png) no-repeat scroll 0 0; }
#meal-scenerio-5 a:hover { background: url(/frontend/images/thumbnail5.png) no-repeat scroll 0 -116px; }
#meal-scenerio-6 a { background: url(/frontend/images/thumbnail6.png) no-repeat scroll 0 0; }
#meal-scenerio-6 a:hover { background: url(/frontend/images/thumbnail6.png) no-repeat scroll 0 -116px; }
#meal-scenerio-7 a { background: url(/frontend/images/thumbnail7.png) no-repeat scroll 0 0; }
#meal-scenerio-7 a:hover { background: url(/frontend/images/thumbnail7.png) no-repeat scroll 0 -116px; }
#meal-scenerio-8 a { background: url(/frontend/images/thumbnail8.png) no-repeat scroll 0 0; }
#meal-scenerio-8 a:hover { background: url(/frontend/images/thumbnail8.png) no-repeat scroll 0 -116px; }

.search-submit {
border:none;
background:url(/frontend/images/search-btn.png);
background-repeat:no-repeat;
width:73px;
height:31px;
margin:2px;
text-indent: -9001px;
}

.search-submit:hover {
cursor:pointer;
}

#search-form {
position:absolute;
top:35px;
left:750px;
}


/* IN PAGE COOKBOOK CREATOR HACK*/

#cbook-wrap {
position:absolute;
top:10;
left:230px;
}