/* @override 
	http://epicenterone.com/~faansite/css/all.css
	http://www.foodallergy.org/css/all.css
*/

/*
 *  FAAN
 *  Site by New Media Campaigns
 */

/* Eric Meyer's Reset styles */
/* Clearfix */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol,ul {list-style: none;}blockquote,q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}

/* Begin text */

body {
	font-size: 87.5%;  /* Reset base size to 14px */
  line-height: 1.43em;
	color: #696969;
	}

body, input, textarea, select, label {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	}

h1, h2, h3, h4, h5, #mainNav, #feature p, #commonAllergies, #news, #allergyQuickLinks, #newsTabs .tabs {
	font-family: "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	}

code {
	font-family: Consolas, "Courier New", Courier, mono;
	}

p {
	padding-bottom: 1.43em;
	}

a:link, a:visited {
	color: #4570c6;
	font-weight: bold;
	text-decoration: none;
	}

a:focus, a:hover, a:active {
	text-decoration: underline;
	}

h1 {
	height: 71px;
	line-height: 71px;
	padding-left: 20px;
	font-size: 1.79em;
	font-weight: normal;
	color: #fff;
	}

h2 {
	font-size: 1.43em;
	line-height: 1.5em;
	padding-bottom: 1em;
	font-weight: bold;
	color: #01a1b3;
	}

h3 {
	font-size: 1.14em;
	color: #01a1b3;
	}

h4 {
	font-size: 1.07em;
	font-weight: bold;
	}

h5 {
	font-weight: bold;
	}

blockquote {
	float: right;
	width: 170px;
	padding: 10px 15px;
	margin: 0 0 1em 1em;
	font-style: italic;
	color: #01a1b3;
	background: url(../images/blockquote-bg.png) repeat-x;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}

td {
	padding: 10px;
	vertical-align: top;
	}

label {
	font-size: 1em;
	font-weight: bold;
	color: #777;
	}
label.error{
	color: red;
	font-size: 11px;
	font-weight: bold;
}

input, textarea, select {
	font-size: 1em;
	}

input[type=text], input[type=password], input.input-text, textarea {
  padding: 2px 4px;
  font-size: 1em;
  color: #696969;
  border: 1px solid #919191;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  }

img {
	-ms-interpolation-mode: bicubic;
	/* Fixes IE6 scaling ugliness */
	}

sup {
  font-size: 80%;
  font-weight: bold;
  vertical-align: super;
  color: #aaa;
  }
sub {
  font-size: 80%;
  font-weight: bold;
  vertical-align: sub;
  color: #aaa;
  }

.meta, a.meta {
	font-size: 0.86em;
	color: #919191;
	}

.hidden {
  display: none;
  }

.left { float: left; margin-right: 1em; }
.right { float: right; margin-left: 1em; }

/* End text */

/* Begin page styles */

html {
	background: #01a2b4 url(../images/page-bg.png) repeat-x 0 0;
	}

#wrapper {
	width: 999px;
	margin: 0 auto;
	}

/* End page */

/* Begin header styles */

#header {
	position: relative;
	height: 130px;
	z-index: 504;
	}

#skip {
	height: 0;
	width: 0;
	position: absolute;
	left: -9999px;
	}

#logo a {
	position: absolute;
	display: block;
	top: 13px;
	left: 8px;
	}
#logo a img {
  display: block;
  }

#quickLinks {
	position: absolute;
	top: 10px;
	right: 18px;
	font-size: 0.79em;
	}

#quickLinks li {
	display: inline;
	}

#quickLinks li a {
	color: #a0a09f;
	border-left: 1px solid #90cee2;
	padding: 0 5px 0 6px;
	}

#quickLinks li:first-child a, #quickLinks li.first-child a {
	border: none;
	}

#mainNav {
	position: absolute;
	top: 80px;
	width: 979px;
	height: 45px;
	padding: 0 10px;
	background: url(../images/mainNav.png);
	z-index: 500;
	}

#mainNav li {
	float: left;
	position: relative;
	padding: 4px 2px 4px 5px;
	background: url(../images/nav-divider.png) no-repeat center left;
	z-index: 501;
	}

#mainNav li:first-child, #mainNav li.first-child {
	background: none;
	}

#mainNav li a {
	display: block;
	padding: 0 15px;
	font-size: 13px;
	line-height: 36px;
	color: #01a3b4;
	font-weight: bold;
	text-transform: uppercase;
	}

#mainNav li a:focus, #mainNav li a:hover, #mainNav li.open a {
	background: url(../images/nav-active.png);
	color: #fff;
	text-decoration: none;
	}

#mainNav li ul {
	display: none;
	position: absolute;
	top: 31px;
	left: 10px;
	width: 160px;
	padding: 17px 0 0 0;
	background: url(../images/mainNav-arrow.png) no-repeat 0 0;
	z-index: 500;
	}

#mainNav li ul li {
	float: none;
	padding: 0;
	}

#mainNav li.open ul li a {
	padding: 5px 10px;
	line-height: 1.43em;
	background: #01a3b4;
	background: rgba(1,163,180,0.95);
	color: #fff;
	font-weight: normal;
	text-transform: none;
	border-top: 1px dashed #8dcfdb;
	}

#mainNav ul li:first-child a, #mainNav ul li.first-child a {
  border-top: none;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	}

#mainNav ul li:last-child a {
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	}

#mainNav li ul li a:hover {
	background: #fff;
	background: rgba(255,255,255,0.93);
	color: #0ea6b7;
	}

#mainNav li ul li:first-child a, #mainNav li ul li.first-child a {
	border: none;
	}

#mainNav #search {
	float: right;
	margin: 4px;
	background: none;
	}

#mainNav #search input {
	padding: 3px 5px 3px 25px;
	border: 1px solid #c0c0c1;
	color: #757676;
	background: #fff url(../images/search-icon.png) no-repeat 8px 55%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}

#navTabs {
	position: absolute;
	right: 20px;
	bottom: 47px;
	z-index: 550;
	}

#navTabs li {
	float: left;
	}

#navTabs li ul {
	float: left;
	padding: 4px 2px;
	margin-left: 3px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}

#navTabs li ul.shop {
	background: #6c3c8e;
	}

#navTabs li ul.donate {
	background: #7ead35;
	}

#navTabs li ul.alerts {
	background: #e22a0a;
	}

#navTabs li ul.login {
	background: #01a3b4;
	position: relative;
	}
	
#popup {
  background: #fff;
  padding: 15px;
  }

#navTabs li ul li {
	float: left;
	}

#navTabs li ul li a {
	color: #fff;
	padding: 0 6px;
	border-left: 1px solid;
	font-weight: normal;
	}

#navTabs li ul li:first-child a, #navTabs li ul li.first-child a {
	border: none;
	}

/* End header */

/* Begin body styles */

#contentWrapper {
	background: url(../images/content-bg.png);
	}

#contentInner {
	padding: 12px;
	background: url(../images/content-bg-top.png) no-repeat top;
	}
#contentInner:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* IE6 */
* html #contentInner {height: 1%;}
/* IE7 */
*:first-child+html #contentInner {min-height: 1px;}

#content {
	float: right;
	display: inline;
	width: 650px;
	margin: 0 28px 0 0;
	}

#content #sectionLinks {
	float: right;
	width: 230px;
	font-size: 0.93em;
	list-style-type: none;
	margin: 0 0 1em 1em;
	background: #f1f1f1;
	color: #343434;
	padding: 25px 20px 15px;
	overflow: hidden;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	}

#content #sectionLinks li {
	border-top: 1px dashed #cbcaca;
	padding: 2px;
	}

#content #sectionLinks li:first-child, #content #sectionLinks li.first-child {
	border: none;
	}

#content #feature h2 {
	margin: 0;
	color: #343434;
	font-size: 1.43em;
	line-height: 1.25em;
	padding: 0;
	}

#content #feature p {
	font-size: 1.067em;
	font-weight: normal;
	}

#content #feature p.meta {
	float: none;
	width: auto;
	font-size: 0.92em;
	padding-bottom: 0.71em;
	margin-bottom: 0.71em;
	border-bottom: 1px solid #cbcaca;
	}

#body {
	margin-top: 1.43em;
	}

#share {
  clear: both;
  padding: 1.43em 0;
  }
#share img, #body #share a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  }
#share a, #body #share a {
  padding: 0;
  background: none;
  }

#body ul {
	list-style-type: disc;
	list-style-position: outside;
	padding: 0 0 0.71em 1.5em;
	}
#body ul ul, #body ol ol {
  padding-bottom: 0;
  margin-bottom: -0.71em;
  }
#body ul.no-bullet, #body ol.no-bullet {
  list-style-type: none;
  padding-left: 0;
  }

#body ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding: 0 0 0.71em 1.5em;
	}

#body li {
	padding-bottom: 0.71em;
	}

#body img {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
  box-shadow: 0 0 8px rgba(0,0,0,0.3);
  }

#body .sidebarImage {
	float: right;
	clear: right;
	margin: 0 0 0 1.5em;
	}

#body #relatedContent li {
	padding-bottom: 0;
	font-weight: bold;
	}

#body .audioPlayer {
  display: inline-block;
  height: 1.5em;
  width: 200px;
  }

#sectionIntro {
	float: left;
	padding: 35px 0 0;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #cbcaca;
	}

#sectionIntro .col1 {
	float: left;
	width: 50%;
	margin-right: 5%;
	font-size: 0.9em;
	}

#sectionIntro .col2 {
	float: left;
	width: 40%;
	margin-right: 5%;
	font-size: 0.9em;
	}

#sectionIntro ul {
	list-style-type: disc;
	padding: 0 0 0.71em 1.5em;
	}

#sectionListing {
	margin-top: 1.43em;
	clear: both;
	}

#sectionListing.news {
	list-style-type: none;
	margin-right: 0;
	padding: 0;
	}

#sectionListing.extended li {
	margin: 0 0 1.43em;
	}

#sectionListing.extended h2 {
	padding: 0 0 0.36em;
	}

#sectionListing.extended img {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 0 8px rgba(0,0,0,0.25);
  box-shadow: 0 0 8px rgba(0,0,0,0.25);
  }

#sectionListing.extended .readMore {
	float: right;
	font-size: 0.85em;
	color: #888888;
	}

#sectionListing .featuredStory {
	overflow: hidden;
	padding: 10px;
	background: url(../images/section-listing-bg.png) repeat-x;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

#sectionListing .featuredStory img {
	float: left;
	margin-right: 20px;
	}

#sectionListing .featuredStory h3 a {
	color: #343434;
	}

#sectionListing .featuredStory a strong {
	font-size: 1.14em;
	font-family: "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	color: #343434;
	}

#sectionListing.videos, #sectionListing.coupons, #sectionListing.gallery {
	width: 670px;
	margin-right: 8px;
	list-style-type: none;
	padding: 0;
	float: left;
	}

#sectionListing.videos li, #sectionListing.coupons li, #sectionListing.gallery li {
	float: left;
	width: 200px;
	margin-right: 20px;
	}

#sectionListing.gallery li img {
  display: block;
  margin-bottom: 0.36em;
  }

#sectionListing.coupons li img {
  width: 200px;
  height: 200px;
  }

#emailSignup ul {
  list-style-type: none;
  padding-left: 0;
  }

#body #paginationLinks {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#body #paginationLinks li {
	float: left;
	}

#body #paginationLinks li a {
	display: block;
	padding: 0 6px;
	line-height: 24px;
	font-size: 12px;
	}

#body #paginationLinks li a.current {
	font-weight: bold;
	}

/* End body */

/* Begin Sidebar */

#sidebar {
	float: left;
	width: 264px;
	padding: 0 0 0 5px;
	}

#sidebar h2 {
	padding: 0;
	font-size: 2em;
	line-height: 71px;
	font-weight: normal;
	text-indent: 15px;
	color: #fff;
	}
#sidebar h2 a {
  font-weight: normal;
  text-decoration: none;
	color: #fff;
  }

#sidebar #searchAgain {
	padding: 15px 0;
	}

#sidebar #searchAgain input.text {
	width: 130px;
	padding: 3px 5px 3px 25px;
	border: 1px solid #c0c0c1;
	color: #757676;
	background: #fff url(../images/search-icon.png) no-repeat 8px 55%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}

#sidebar #sectionNav {
	background: #dfdfdf url(../images/sectionNav-bg.png) repeat-x 0 0;
	padding: 0 15px 6px;
	margin: 0 0 1.43em;
	font-size: 0.93em;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	}

#sidebar #sectionNav li {
	position: relative;
	}

#sidebar #sectionNav li a {
	display: block;
	padding: 3px 0;
	color: #6b6b6b;
	border-top: 1px dashed #f9f9f9;
	}

#sidebar #sectionNav li a:focus, #sidebar #sectionNav li a:hover, #sidebar #sectionNav li.open a {
	color: #01a1b3;
	text-decoration: none;
	}

#sidebar #sectionNav li:first-child a, #sidebar #sectionNav li.first-child a {
	border: none;
	}

#sidebar #sectionNav li ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 234px;
	width: 200px;
	padding: 0 0 0 18px;
	background: url(../images/sectionNav-arrow.png) no-repeat 5px 0;
	}

#sidebar #sectionNav li.open ul li a {
	padding: 3px 10px;
	background: #01a3b4;
	background: rgba(1,163,180,0.95);
	color: #fff;
	border-top: 1px dashed #8dcfdb;
	}

#sidebar #sectionNav ul li:first-child a, #sidebar #sectionNav ul li.first-child a {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	}

#sidebar #sectionNav ul li:last-child a {
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	}

#sidebar #sectionNav li ul li a:hover {
	background: #fff;
	background: rgba(255,255,255,0.9);
	color: #0ea6b7;
	}

#sidebar #sectionNav li ul li:first-child a, #sidebar #sectionNav li ul li.first-child a {
	border: none;
	}

#commonAllergies {
	padding: 15px;
	margin-bottom: 1.43em;
	background: #d1750b url(../images/commonAllergies-bg.png) repeat-x 0 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}

#commonAllergies h4 {
	color: #fff;
	padding-bottom: 5px;
	}

#commonAllergies select {
	width: 100%;
	}

#news {
	float: left;
	width: 100%;
	height: 41px;
	margin-bottom: 1.43em;
	background: url(../images/news-bg.png);
	}

#news li {
	float: left;
	width: 50%;
	}

#news li a {
	display: block;
	padding: 8px 10px;
	color: #fff;
	font-size: 1.36em;
	}

#signup {
	clear: both;
	padding: 15px;
	margin-bottom: 1.43em;
	background: #8c8c8c;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}

#signup h3 {
	color: #fff;
	}

#signup .text {
	width: 170px;
	background: #a6a6a6;
	color: #646464;
	padding: 4px;
	border: 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

#signup .submit {
	vertical-align: -12px;
	}

#sidebar #social {
	overflow: hidden;
	padding: 10px 5px 15px;
	background: #f2f2f2;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}

#social h4 {
	padding: 0 0 5px 10px;
	}

#social li {
	float: left;
	}

#social a {
	display: block;
	width: 22px;
	height: 22px;
	margin: 0 14px;
	background: url(../images/socialicons.png) no-repeat;
	text-indent: -9999px;
	}

#social .twitter a {
	background-position: -22px 0;
	}

#social .flickr a {
	background-position: -44px 0;
	}

#social .youtube a {
	background-position: -66px 0;
	}

#social .rss a {
	background-position: -110px 0;
	}

/* End sidebar */

/* Begin footer styles */

#footer {
	padding: 2em 10px 0;
	font-size: 0.79em;
	color: #d2ebf3;
	background: url(../images/footer-bg.png) no-repeat 0 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	}

#footer a {
	color: #3b3b3b;
	text-shadow: none;
	}

#footer #footerLinks {
	float: right;
	}

#footer #footerLinks li {
	display: inline;
	padding: 0 5px;
	border-left: 1px solid #d2ebf3;
	}

#footer #footerLinks li:first-child, #footer #footerLinks li.first-child {
	border: none;
	}

/* End footer */

/* Begin Homepage */

#allergyQuickLinks {
	height: 79px;
	margin: 5px 4px 10px;
	background: url(../images/allergyLinks-bg.png);
	overflow: hidden;
	}

#allergyQuickLinks h2 {
	float: left;
	padding-left: 20px;
	color: #fff;
	font-size: 1.57em;
	line-height: 79px;
	font-weight: normal;
	}

#allergyQuickLinks ul {
	float: left;
	padding-left: 35px;
	}

#allergyQuickLinks ul li {
	float: left;
	}

#allergyQuickLinks ul li a {
	display: block;
	padding: 0 8px;
	color: #fff;
	font-size: 1.29em;
	line-height: 79px;
	font-weight: bold;
	}

#allergyQuickLinks ul li a:focus, #allergyQuickLinks ul li a:hover {
	text-decoration: none;
	color: #bf6105;
	background: #ebb23f;
	background: rgba(255,255,255,0.2);
	}

.home #contentInner {
	padding-top: 14px;
	background: url(../images/home-bg-top.png) no-repeat 0 0;
	}

.home .col1 {
	float: left;
	width: 554px;
	}

.home .col2 {
	float: right;
	width: 410px;
	margin-right: 3px;
	}

.home #feature {
  overflow: hidden;
	position: relative;
	width: 554px;
	height: 362px;
	margin-bottom: 8px;
	}
.home #feature .slides a {
  background: transparent !important;
  }
.home #feature .slides img {
	display: block;
	}

.home #feature .controls {
	position: absolute;
	z-index: 50;
	left: 5px;
	bottom: 5px;
	width: 524px;
	padding: 8px 10px 5px;
	background: url(../images/feature-bottom-bar.png) no-repeat left bottom;
	}

.home #feature .controls a {
	float: left;
	height: 15px;
	width: 15px;
	text-align: center;
	border: 1px solid #9f9f9f;
	margin-right: 5px;
	font-size: 0.86em;
	line-height: 16px;
	}

.home #feature .controls a:focus, .home #feature .controls a:hover, .home #feature .controls a.activeSlide {
	background: #ddd;
	background: rgba(255,255,255,0.7);
	text-decoration: none;
	}

#community {
	padding: 5px;
	}

#community h2 {
	padding: 0 0 0 15px;
	line-height: 2em;
	color: #fff;
	background: url(../images/header-bg.png);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

#community ul li {
	padding: 1.43em 0 1.43em 245px;
	border-top: 1px solid #e6e6e6;
	float: left;
	}

#community ul li:first-child, #community ul li.first-child {
	border: none;
	}

#community ul li .media {
	float: left;
	margin-left: -245px;
	}

#community ul li img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.7);
	box-shadow: 0 0 3px rgba(0,0,0,0.7);
	}

#community ul li h3 em {
	color: #919191;
	font-style: normal;
	font-weight: normal;
	font-size: 0.94em;
	}

#community ul li p {
	font-size: 0.86em;
	line-height: 1.5em;
	}

#support {
	padding: 8px 15px;
	margin: 5px 0 15px;
	height: 50px;
	color: #fff;
	background: url(../images/header-bg.png) 0 -160px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

#support h2 {
	float: left;
	color: #fff;
	font-size: 1.57em;
	line-height: 50px;
	width: 160px;
	padding: 0;
	}

#support a {
	float: left;
	width: 104px;
	height: 50px;
	margin-left: 5px;
	background: url(../images/support-buttons.png);
	text-indent: -9999px;
	}

#support .join:hover {
	background-position: 0 -50px;
	}

#support .donate {
	background-position: -104px 0;
	}

#support .donate:hover {
	background-position: -104px -50px;
	}

#newsTabs {
	margin-bottom: 15px;
	}

#newsTabs h3 {
	display: block;
	height: 39px;
	width: 380px;
	padding: 0 15px;
	font-size: 1.5em;
	line-height: 39px;
	color: #fff;
	text-decoration: none;
	background: url(../images/newsTabs-bg.png) repeat-x;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}

#newsTabs .stories {
	clear: both;
	padding: 15px 15px 0;
	background: #e0e0e0;
	font-size: 0.93em;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	}

#newsTabs .stories a {
	color: #db1f06;
	}

.home #signup {
	height: 40px;
	margin-bottom: 15px;
	padding: 0;
	background: url(../images/header-bg.png) repeat-x 0 -40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.home #signup h3 {
	float: left;
	padding: 0 15px;
	margin: 0;
	line-height: 40px;
	color: #fff;
	}

.home #signup form {
	padding: 3px 0;
	}

.home #signup form .text {
	width: 200px;
	}

.home #social {
	height: 40px;
	margin-bottom: 15px;
	background: url(../images/header-bg.png) repeat-x 0 -40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.home #social h2 {
	float: left;
	padding: 0 15px;
	line-height: 40px;
	color: #fff;
	}

.home #social ul {
	float: right;
	width: 252px;
	height: 22px;
	padding: 8px 15px 8px 0;
	}

#involved {
	margin-bottom: 15px;
	background: #e0e0e0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

#involved h2 {
	padding: 0 15px;
	line-height: 40px;
	color: #fff;
	background: url(../images/header-bg.png) repeat-x 0 -80px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

#involved ul {
	padding: 15px 15px 0;
	font-size: 0.93em;
	}

#involved ul li {
	padding-left: 115px;
	padding-bottom: 15px;
	}

#involved ul li img {
	float: left;
	margin-left: -115px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.7);
	box-shadow: 0 0 3px rgba(0,0,0,0.7);
	}

#involved ul li p {
	padding-bottom: 0;
	}

#involved ul li a {
	color: #4f8304;
	}

#affiliates {
	clear: both;
	position: relative;
	width: 991px;
	height: 39px;
	margin: 0 -8px -18px;
	z-index: 500;
	background: url(../images/affiliate-linkbar.png) no-repeat;
	text-align: center;
	color: #3a5b9f;
	}
#affiliates a {
	padding: 0 5px;
	line-height: 36px;
	color: #fff;
	}

#latest .col1, #latest .col2 {
	width: 49%;
	background: #e0e0e0;
	font-size: 0.93em;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	}

#latest .col1 {
	float: left;
	}

#latest .col2 {
	float: right;
	}

#latest h2 {
	padding: 0 15px;
	margin-bottom: 5px;
	line-height: 40px;
	color: #fff;
	background: url(../images/header-bg.png) repeat-x 0 -120px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

#latest a {
	color: #5c337b;
	}

#latest img {
	float: left;
	}

#latest .col1 h5, #latest .col1 p {
	margin: 0 10px 0 105px;
	}

#latest .col2 h5, #latest .col2 p {
	margin: 0 10px 0 80px;
	}

#latest .col2 img {
	margin: 5px 0 0 15px;
	}

/* End homepage */


/* Begin member's section */

#cvbox {
  position: relative;
  left: -300px;
  width: 975px;
  }

/* End member's section */


/* Begin Recipes section */

#recipes {
  margin-top: 1.43em;
  }

#recipes h2, #recipes h4, #recipes a {
	color: #6b3c8e;
	}
	
#recipes #recipeSectionOne {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	}

#recipes #recipeFeature {
	float: left;
	width: 445px;
	}
#recipes #recipeFeature h2 {
	padding: 0;
	}
#recipes #recipeFeature .recipe {
  height: auto;
	padding: 10px;
	font-size: 1.17em;
	background: url(../images/recipes-list-top.png) repeat-x left top;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
#recipes #recipeFeature .recipe .allergens {
  display: block;
  }
#recipes #recipeFeature .recipe .allergens span {
  font-weight: bold;
  padding: 0 0.21em;
  color: #00a1b3;
  }

#recipes #cookbook {
	float: right;
	width: 170px;
	}
#recipes #cookbook h4 {
  line-height: 2.1em;
  }
#recipes #cookbook img {
  float: left;
  margin: 0 0.5em 0.5em 0;
  -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
  box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
  }
#recipes #cookbook h5 {
  padding: 0.5em 0.5em 0.5em 0;
  background: #f6f0d4;
  font-size: 0.9em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }
#recipes #cookbook p {
  clear: left;
  font-size: 0.86em;
  }

#recipes #recipeSectionTwo {
	float: left;
	width: 100%;
	background: #fff;
	border: solid #ebebeb;
	border-width: 1px 0;
	}
#recipes #recipeSearch {
	float: left;
	width: 340px;
	padding: 25px 0 25px 10px;
	}
#recipes #recipeSearch label {
	margin-right: 0.5em;
	font-size: 1.3em;
	font-weight: bold;
	color: #6b3c8e;
	}
#recipes #recipeSearch input.text {
	width: 150px;
	padding: 3px 5px;
	font-size: 1.14em;
	color: #696969;
	border: none;
	background: #dedede;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#recipes #recipeSearch input.submit {
	vertical-align: bottom;
	}

#recipes #recipeSubmit {
	float: left;
	width: 269px;
	margin: 20px 0;
	padding: 0 10px 0 15px;
	border-left: 1px solid #ebebeb;
	}
#recipes #recipeSubmit a {
	display: block;
	width: 100%;
	font-size: 0.86em;
	color: #696969;
	background: url(../images/recipe-submit.png) no-repeat right center;
	}
#recipes #recipeSubmit a:hover {
	text-decoration: none;
	}
#recipes #recipeSubmit a strong {
	font-size: 1.5em;
	color: #6b3c8e;
	}

#recipes .tabs {
	overflow: hidden;
	border-bottom: 4px solid #5d327e;
	}

#recipes .tabs li {
	float: left;
	}

#recipes .tabs li a {
	display: block;
	padding: 2px 20px 0;
	margin-right: 5px;
	font-size: 1em;
	font-weight: bold;
	line-height: 40px;
	color: #fff;
	background: url(../images/recipes-tabs.png) 0 0 repeat-x;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}

#recipes .tabs li a.selected, #recipes .tabs li a:hover {
	background-position: 0 -42px;
	text-decoration: none;
	}

#recipes #allergyFilters {
  background: #eed984;
  padding: 8px 15px;
  overflow: hidden;
  font-size: 0.9em;
  }
#recipes #allergyFilters strong {
  text-transform: uppercase;
  float: left;
  }
#recipes #allergyFilters ul li {
  float: left;
  padding-left: 0.5em;
  }

#recipes .panes li {
	background: url(../images/recipes-list-top.png) repeat-x left top;
	}

#recipes .recipeList {
  clear: both;
	overflow: hidden;
	list-style-type: none !important;
	padding: 0 !important;
	margin: 0 !important;
	}

#recipes .recipeList li {
	float: left;
	width: 295px;
	padding: 15px;
	background: none;
	}
#recipes .recipeList li.hidden {
  display: none;
  }

#recipes .recipeList .recipe {
  height: 90px;
  }

#recipes .recipeList .recipe img {
	float: left;
	margin-right: 10px;
	}

#recipes .recipeList .recipe p {
	font-size: 0.86em;
	line-height: 1.17em;
	padding: 0.2em 0;
	}

#recipes .recipeList .meta {
	font-size: 0.8em;
	color: #919191;
	}
#recipes .recipeList .meta a {
	color: #919191;
	text-decoration: underline;
	font-weight: normal;
	}
	
#recipes .recipeList .meta .rating {
  float: left;
  width: 70px;
  height: 12px;
  margin-right: 4px;
  background: url(../images/stars-small.png) no-repeat;
  }
#recipes .recipeList .meta .stars-0 { background-position: 0 -60px; }
#recipes .recipeList .meta .stars-1 { background-position: 0 -48px; }
#recipes .recipeList .meta .stars-2 { background-position: 0 -36px; }
#recipes .recipeList .meta .stars-3 { background-position: 0 -24px; }
#recipes .recipeList .meta .stars-4 { background-position: 0 -12px; }
#recipes .recipeList .meta .stars-5 { background-position: 0 0; }

#recipes .recipeList .allergens {
  display: none;
  }

#recipes #recipeInfo {
  float: left;
  width: 90px;
  }

#recipes #recipeInfo #allergens {
  font-weight: bold;
  }
#recipes #recipeInfo #allergens span {
  padding: 0 0.21em;
  }

#recipes #recipeInfo #rating a {
  display: block;
  float: left;
  width: 17px;
  height: 16px;
  background: url(../images/stars-big.png) no-repeat 0 -32px;
  text-indent: -9999px;
  }
#recipes #recipeInfo #rating a.checked {
  background-position: 0 0;
  }
#recipes #recipeInfo #rating a.hover {
  background-position: 0 -16px;
  text-decoration: none;
  }

#recipes #recipeMain {
  float: right;
  width: 530px;
  }

#recipes #comments {
  clear: both;
  }

#recipes #comments ul {
  margin-bottom: 1.43em;
  border-bottom: 1px dashed #cbcaca;
  }

#recipes #comments ul li {
  padding-top: 0.71em;
  margin-top: 0.71em;
  border-top: 1px dashed #cbcaca;
  }

#recipes #commentForm p {
  padding: 0;
  }
#recipes #commentForm .text {
  width: 300px;
  padding: 2px;
  border: 1px solid #cbcaca;
  }

/* End recipes section*/

/* Site Map */

#site-map h2, #site-map h3 {
	margin: 0 0 18px 0;
	padding: 0;
	}

#site-map h3, #site-map h3 + ul {
	margin-left: 18px;
	}

#site-map h4, #site-map h4 + ul {
	margin-left: 36px;
	}

#site-map h5, #site-map h5 + ul {
	margin-left: 54px;
	}

#site-map ul {
	list-style: none;
	margin: 0 0 18px 0;
	padding: 0;
	}

#site-map li {
	padding: 0;
	}

/* Landing Pages */

.landing #header {
	height: 80px;
	}

.landing #contentOuter {
	background: none;
	}
.landing #contentInner {
	height: 315px;
	background: url(../images/content-bg-landing.png) no-repeat top;
	}
.landing #contentInner img {
	float: left;
	margin: 32px;
	}

.landing #content {
	width: 490px;
	padding: 42px 10px 42px 0;
	font: bold 18px/30px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #6c3c8e;
	}

.landing #content form {
	width: 436px;
	height: 36px;
	padding: 16px 21px;
	background: url(../images/landing-bar.png) no-repeat;
	}
.landing #content form label {
	font: bold 14px/36px "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #fff;
	}
.landing #content form input {
	width: 110px;
	margin-left: 5px;
	font-size: 14px;
	background: #acacac;
	border: 1px solid #6b6b6b;
	}
.landing #content form button {
	float: right;
	height: 36px;
	width: 120px;
	border: 0;
	background: transparent;
	text-indent: -9999px;
	cursor: pointer;
	}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(../images/colorbox/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(../images/colorbox/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(../images/colorbox/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../images/colorbox/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}