/*
 *	main.css
 *	Author: Tyson Willey
 *	Date: 8/31/2009
 *	Description:
 *		Main CSS File for American Pie Council Website.
 */


body {
	background: #FFF;
	color: #3e3e3e;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}

#container {
	margin: 0 auto;
	width: 100%;
}


.wrapper,
#featured-content,
#photo-gallery,
#recipe-gallery{ margin: 0px 0px 0px 25px; width: 890px; float:left;
	
}


/* Page Heading */
/* ################################################# */
#page-heading {
	background: url(../_images/header_bg.jpg) no-repeat center top;
	height: 233px;
	margin-bottom: 25px;
}

	#page-heading .wrapper {position: relative;}
	
	/*
	#page-heading #logo {float: left; margin-top: 26px;}
	*/
	
	#page-heading #logo {
		position: absolute;
		z-index: 990;
		top: 26px;
		left: 0;
	}
	
	#page-heading #logo h1 {display: inline;}
   
	#page-heading #logo a {
		background: url(../_images/header_logo.png) no-repeat 0 0;
		height: 195px;
		width: 203px;
	}
	
	
	
	#page-heading #social-links {
		position: absolute;
		right: 0;
		top: 10px;}
	
	#page-heading #social-links ul {}
	
	#page-heading #social-links li {float: left; margin-left: 10px;}
	#page-heading #social-links a {height: 20px;}
	
	#page-heading #social-links #twitter_icon,
	#page-heading #social-links #facebook_icon,
	#page-heading #social-links #youtube_icon,
	#page-heading #social-links #flickr_icon {background: url(../_images/header_social.png) no-repeat 0 0;}
	
	#page-heading #social-links #twitter_icon {background-position: -70px 0; width: 65px;}
	#page-heading #social-links #facebook_icon {background-position: 0 0; width: 60px;}
	#page-heading #social-links #youtube_icon {background-position: -145px 0; width: 37px;}
	#page-heading #social-links #flickr_icon {background-position: -194px 0; width: 46px;}
	
	#page-heading #social-links #twitter_icon:hover {background-position: -70px -20px;}
	#page-heading #social-links #facebook_icon:hover {background-position: 0 -20px;}
	#page-heading #social-links #youtube_icon:hover {background-position: -145px -20px;}
	#page-heading #social-links #flickr_icon:hover {background-position: -194px -20px;}
	
	
	#page-heading #main-nav {
		position: absolute;
		top: 67px;
		right: 0;
	}
	
	#page-heading #main-nav li {
		background: url(../_images/mainNav_l.png) no-repeat 0 0 #d11403;
		float: left;
		height: 34px;
		margin: 0 1px 0 0;
	}
	
	#page-heading #main-nav a {
		background: url(../_images/mainNav_r.png) no-repeat right 0;		
		color: #FFF;
		display: block;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: -0.05em;
		line-height: 34px;
		padding: 0 13px 0;
		text-align: center;
	}	
	#page-heading #main-nav a:hover {color: #e3d4bd;}
	
	
	#page-heading #secondary-nav {
		background: url(../_images/secondaryNav_bg.png) no-repeat 0 0;
		height: 37px;
		left: 223px;
		padding: 15px 20px 0;
		position: absolute;				
		top: 196px;
		width: 225px;
	}
	
	#page-heading #secondary-nav li {
		color: #d11403;
		float: left;
		font-size: 14px;
		margin: 0 6px;
	}
	
	#page-heading #secondary-nav a {color: #d11403;}
	#page-heading #secondary-nav a:hover {text-decoration: underline;}
	
	
	/* Featured */
	#feature-area{float:right; height:87px; position:relative; top:120px; width:287px}
	#feature-area li{display:block; float:left}
	#feature-area li.feature{background:url(../_images/feature_counter.png) no-repeat; height:67px; padding:0 20px 20px; position:relative; width:150px}
	#feature-area li.feature a.overlay{position:absolute}
	#feature-area li.button{height:77px; margin:5px 0px 5px 200px; width:87px}
	
	#page-heading #pieday-link {
		position: absolute;
		right: 30px;
		top: 130px;
	}
	
	/*pie day poster*/
	.pieday-poster-link{float:right; margin:0 0 0 20px}
	
	#page-heading #heading-offer {
		position: absolute;
		right: 0;
		top: 120px;
	}
	
	
	
	#page-heading #bottom-tabs, #page-heading #bottom-tabs-left {
		height: 36px;
		left: 454px;
		padding: 15px 20px 0;
		position: absolute;	
		top: 197px;	
	}
	
	#page-heading #bottom-tabs ul, #page-heading #bottom-tabs-left ul {}
	
	#page-heading #bottom-tabs li, #page-heading #bottom-tabs-left li {
		background: url(../_images/bottomTab_l.png) no-repeat 0 0;
		float: left;
		height: 36px;
		margin: 0 2px 0 0;
		padding-left: 7px;
	}
	
	#page-heading #bottom-tabs a, #page-heading #bottom-tabs-left a {
		background: url(../_images/bottomTab_r.png) no-repeat right 0;		
		color: #FFF;
		display: block;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: -0.05em;
		line-height: 36px;
		padding: 0 15px 0 8px;
		text-align: center;
	}
	
	#page-heading #bottom-tabs a:hover, #page-heading #bottom-tabs-left a:hover {color: #e3d4bd;}


/* Inner Heading */
/* ################################################# */

#inner-heading {
	margin: 25px auto;
	width: 890px;
}

	#inner-heading img {display: block; margin: 0;}	

	#inner-heading #bottom-tabs {
		float: right;
		height: 36px;
		margin: 0 25px 0 0;	
	}
	
	#inner-heading #bottom-tabs ul {}
	
	#inner-heading #bottom-tabs li {
		background: url(../_images/bottomTab_l.png) no-repeat 0 0;
		float: left;
		height: 36px;
		margin: 0 2px 0 0;
		padding-left: 7px;
	}
	
	#inner-heading #bottom-tabs a {
		background: url(../_images/bottomTab_r.png) no-repeat right 0;		
		color: #FFF;
		display: block;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: -0.05em;
		line-height: 36px;
		padding: 0 15px 0 8px;
		text-align: center;
	}
	
	#inner-heading #bottom-tabs a:hover {color: #e3d4bd;}

	#inner-heading #bottom-tabs-left {
		float: left;
		height: 36px;
		margin: 0 25px 0 0;
	}
	
	#inner-heading #bottom-tabs-left ul {}
	
	#inner-heading #bottom-tabs-left li {
		background: url(../_images/bottomTab_l.png) no-repeat 0 0;
		float: left;
		height: 36px;
		margin: 0 2px 0 0;
		padding-left: 7px;
	}
	
	#inner-heading #bottom-tabs-left a {
		background: url(../_images/bottomTab_r.png) no-repeat right 0;		
		color: #FFF;
		display: block;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: -0.05em;
		line-height: 36px;
		padding: 0 15px 0 8px;
		text-align: center;
	}
	
	#inner-heading #bottom-tabs-left a:hover {color: #e3d4bd;}
	
	
/* Sub Navs */
/* ################################################# */
	
	#inner-heading ul.subnav {
		color: #e3e3e3;
		margin: 15px 0 0 0;
		padding: 0;
	}
	
	#inner-heading ul.subnav li {
		float: left;
		margin: 0 10px 0 0;
		list-style: none;
	}
	
	#inner-heading ul.subnav li:after {
		content: "|";
		margin: 0 0 0 10px;
	}
	
	#inner-heading ul.subnav li:last-child:after {content: none;}
	
	#inner-heading ul.subnav a {
		color: #D11403;
		text-decoration: underline;
	}
	
	#inner-heading ul.subnav a:hover {text-decoration: none;}
	
	#inner-heading ul.subnav a:visited { color: #021a3d; }
	



/* Featured Content */
/* ################################################# */
#featured-content {
	background: url(../_images/featuredContent_bg.png) no-repeat 0 0;
	display: block;
	height: 340px;
}

	#featured-content .feature-items {
		background: url(../_images/featuredItem_bg.png) no-repeat 0 0;
		float: left;
		height: 256px;
		margin: 20px 15px 20px 22px;
		padding: 25px;
		width: 723px;
	}
	
	#featured-content .feature-items li {display: none; background: #FFF;}
	
	#featured-content .feature-items li.selected {display: block;}
	
	#featured-content .feature-items li .image-wrapper {
		background: url(../_images/featuredImg_bg.png) no-repeat 0 0;
		float: left;
		height: 236px;
		padding: 10px;
		margin: 0 40px 0 0;
		width: 279px;
	}
	
	#featured-content .feature-items li .image-wrapper img {
		height: 236px;
		width: 279px;
	}
	
	#featured-content .feature-items li .copy {
		float: left;
		width: 361px;
	}
	
	#featured-content .feature-items li .copy h2 {
		color: #021a3d;
		font-size: 21px;
		margin: 0 0 25px;
	}
	
	#featured-content .feature-items li .copy p {
		line-height: 18px;
		margin-bottom: 25px;
	}
	
	#featured-content .feature-items li .copy p a {color: #8f1b03; text-decoration: underline;}
	#featured-content .feature-items li .copy p a:hover {text-decoration: none;}
	
	#featured-content .feature-items li .copy a.readmore-link {
		color: #8f1b03;
		font-size: 14px;
		text-transform: uppercase;
	}
	
	#featured-content .feature-items li .copy a.readmore-link:hover {color: #021a3d; text-decoration: underline;}
	
	
	
	
	#featured-content .feature-nav {
		float: left;
		margin: 24px 0;
		width: 67px;
	}
	
	#featured-content .feature-nav li {
		margin: 0 0 10px 0;
	}
	
	#featured-content .feature-nav a {
		background: url(../_images/featuredNav_bg.png) no-repeat 0 0;
		display: block;
		height: 57px;
		padding: 5px;
		overflow: hidden;
		width: 57px;
	}
	
	#featured-content .feature-nav a img {
		background: #000;
		display: block;
		width: 57px;
		height: 57px;
	}
	
	#featured-content .feature-nav a.selected,
	#featured-content .feature-nav a:hover{
		background: #FFF;
	}
	


/* Photo Gallery */
/* ################################################# */
#photo-gallery {margin-top: 25px;}

	#photo-gallery h2 {
		color: #021a3d;
		font-size: 22px;
		font-weight: bold;
		margin: 0 0 15px;
	}
	
	#photo-gallery .prev-link {
		background: url(../_images/prevLink_bg.png) no-repeat 0 0;
		float: left;
		height: 32px; 
		margin: 18px 0 0;
		width: 30px; 
	}
	
	#photo-gallery .next-link {
		background: url(../_images/nextLink_bg.png) no-repeat 0 0;
		float: left;
		height: 32px; 
		margin: 18px 0 0;
		width: 30px; 
	}
	
	
	#photo-gallery .gallery {
		float: left;
		height: 70px;
		margin: 0 15px;
		width: 800px;
		overflow: hidden;
	}
	
	#photo-gallery .gallery ul {
		xwidth: 9999px;
	}
	
	#photo-gallery .gallery li {
		float: left;
		margin: 0 5px;
	}
	
	#photo-gallery .gallery li a img {
		background: #666;
		display: block;
		width: 70px;
		height: 70px;
	}


/* Recipe Gallery */
/* ################################################# */
#recipe-gallery {
	background: url(../_images/recipeGallery_bg.png) no-repeat 0 0;
	height: 96px;	
	padding: 10px 15px;
	width: 860px;
	overflow:hidden;	
}

	#recipe-gallery h2 {
		float: left;
		color: #021a3d;
		font-size: 22px;
		font-weight: bold;
		margin-top: 10px;
		width: 250px;
	}
	
	#recipe-gallery h2 small {
		color: #2f2f2f;
		display: block;
		font-size: 15px;
		font-weight: normal;
	}
	
	#recipe-gallery .prev-link {
		background: url(../_images/prevLink_bg.png) no-repeat 0 0;
		float: left;
		height: 32px; 
		margin: 20px 0 0;
		width: 30px; 
	}

	#recipe-gallery .next-link {
		background: url(../_images/nextLink_bg.png) no-repeat 0 0;
		float: left;
		height: 32px; 
		margin: 20px 0 0;
		width: 30px; 
	}
	
	
	
	#recipe-gallery .gallery {
		float: left;
		height: 83px;
		margin: 0 5px;
		width: 536px;
		overflow: hidden;
	}

	#recipe-gallery .gallery ul {
		width: 5000px;
		margin-top: 10px;
	}

	#recipe-gallery .gallery li {
		float: left;
		margin: 0 5px;
	}
	
	#recipe-gallery .gallery li a {
		border: 2px solid #efd3d0;
		display: block;
		width: 53px;
		height: 55px;
		overflow: hidden;
	}
	
	#recipe-gallery .gallery li a:hover {border-color: #FFF;}

	#recipe-gallery .gallery li a img {
		background: #666;
		display: block;
		width: 53px;
		height: 55px;
	}
	


/* Content */
/* ################################################# */
#content {
	margin: 75px auto 0;
	padding: 0 45px 20px;
	width: 890px;
}


/* Left Column */
/* ################################################# */
#left-col {
	float: left;
	margin:0;
	padding:0;
	width: 262px;
}

	#left-col #sidebar {
		background: url(../_images/sideBar_bg.png) repeat-y 0 0;
		position: relative;
		width: 262px;	
	}
	
	#left-col #sidebar #sideBarPie-top {
		background: url(../_images/loginPieTop.png) no-repeat 0 0;
		display: block;
		height: 205px;
		left: 25px;
		position: absolute;
		top: -80px;
		width: 208px;
		z-index: 100;
	}

	#left-col #sidebar #login-pane {
		background: url(../_images/sideBar_top.jpg) no-repeat 0 0;
		padding: 80px 13px 0;
	}
	
	#left-col #sidebar #login-pane #member-login {
		background: url(../_images/login_bg.png) repeat-y 0 0;
		width: 235px;
	}
	
	#left-col #sidebar #login-pane #member-login .top {
		background: url(../_images/loginTop_bg.png) no-repeat 0 0;
		height: 14px;
		margin-bottom: 13px;
		width: 235px;
	}
	
	#left-col #sidebar #login-pane #member-login h2 {
		color: #021A3D;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: -0.05em;
		margin: 0 24px;
	}
	
	#left-col #sidebar #login-pane #member-login .form-fields {margin: 20px 24px;}
	
	#left-col #sidebar #login-pane #member-login .form-fields li {margin: 0 0 5px 0;}
	
	#left-col #sidebar #login-pane #member-login .form-fields li label {
		color: #021A3D;
		display: block;
		font-size: 16px;
		margin-bottom: 5px;
	}
	
	#left-col #sidebar #login-pane #member-login .form-fields li input.text {
		background: url(../_images/textinputShort_bg.png) no-repeat 0 0;
		color: #021A3D;
		border: none;
		height: 15px;
		padding: 10px; 
		width: 165px;
	}
	
	#left-col #sidebar #login-pane #member-login .form-fields li #signIn-button {
		background: url(../_images/signIn_sprite.png) no-repeat 0 0;
		color: #021A3D;
		cursor: pointer;
		font-size: 16px;
		height: 40px;
		margin-top: 5px;
		text-align: center;
		width: 104px;
	}	
	
	#left-col #sidebar #login-pane #member-login .form-fields li #signIn-button:hover {
		background-position: 0 bottom;
	}
	
	#left-col #sidebar #login-pane #member-login .bottom {
		background: url(../_images/loginBottom_bg.png) no-repeat 0 0;
		height: 14px;
		margin-top: 13px;
		width: 235px;
	}
	
	
	/* Member Sign Up */
	#left-col #sidebar #member-signup {
		border: 1px solid #021A3D;
		border-left: none;
		border-right: none;
		margin: 15px 13px;
		padding: 15px 0;
		text-align: center;
	}
	
	#left-col #sidebar #member-signup h2 {
		color: #021A3D;
		font-size: 18px;
	}
	
	#left-col #sidebar #member-signup p {}
	
	#left-col #sidebar #member-signup p a {
		color: #021A3D; 
		font-size: 14px;
		text-decoration: underline;
	}
	
	#left-col #sidebar #member-signup p a:hover {text-decoration: none;}
	
	
	
	
	
	/* Poll */
	
	#left-col #sidebar #poll {
		background: url(../_images/login_bg.png) repeat-y 0 0;
		margin: 0 13px 10px;
		width: 235px;
	}

	#left-col #sidebar #poll .top {
		background: url(../_images/loginTop_bg.png) no-repeat 0 0;
		height: 14px;
		margin-bottom: 13px;
		width: 235px;
	}
	
	#left-col #sidebar #poll .bottom {
		background: url(../_images/loginBottom_bg.png) no-repeat 0 0;
		height: 14px;
		margin-top: 13px;
		width: 235px;
	}
	
	#left-col #sidebar #poll h2 {
		margin: 10px 24px;
	}
	
	#left-col #sidebar #poll .results {
		margin: 0 24px;
	}
	
	#left-col #sidebar #poll .results li {}
	
	#left-col #sidebar #poll .options {
		margin: 0 24px;
	}
	
	#left-col #sidebar #poll .options li {}
	
	#left-col #sidebar #poll .options button {}
	
	
	
	
	#left-col #sidebar .bottom {
		background: url(../_images/sidebar_bottom.png) no-repeat 0 0;
		height: 8px;
	}
	
	
	
	#left-col .ads {}
	#left-col .ads li {
		margin-bottom: 15px;
	}
	
	
	#left-col .ads li h5 {
		font-size: 12px;
		font-weight: bold;
		margin:10px;
	}
	
	#left-col .ads li img {
		display: block;
		margin: 0 auto;
	}
	
	#left-col .ads li p {
		margin: 10px 0;
	}
	
	
	
	#left-col .ads li.member-subnav {
		padding:10px;
	}

	#left-col .ads li.member-subnav ul { }
	
	#left-col .ads li.member-subnav ul li {

	}
	
	#left-col .ads li.member-subnav ul li.head {
		background: none;
		border: none;
		margin-bottom: 25px;
		padding: 0;
	}

	#left-col .ads li.member-subnav ul li a {
		color: #d11403;
		display: block;
		height:auto;
		text-decoration: none;
	}
	#left-col .ads li.member-subnav ul li.head a{
		height:auto;
		padding:0;
		text-decoration: none;
	}
	
	#left-col .ads li.member-subnav ul li a:hover { color: #3e3e3e; }
	#left-col .ads li.member-subnav ul li.head a:hover{ background:none; }
	
	#left-col .ads li.member-subnav ul li.head a {display: inline;}
	
	#left-col .ads li.member-subnav ul li.head a:hover {}

/* Right Column */
/* ################################################# */
#right-col {
	float: left;
	padding:0;
	width: 558px;
}

	#right-col .copy { margin-left:20px; }
	
	#right-col .copy h2 {
		color: #021a3d;
		font-size: 30px;
		margin: 0 0 25px 0;
	}
	
	#right-col .copy h2 sup {
		font-size: 14px;
	}
	
	#right-col .copy h2 small {
		display: block;
		font-size: 14px;
		font-style: italic;
	}
	
	#right-col .copy h3 {
		color: #021a3d;
		font-size: 16px;
		margin: 25px 0;
	}
	
	#right-col .copy h3 a {
		font-size: 16px; 
		text-decoration: underline;
	}
	
	#right-col .copy p {
		line-height: 18px;
		margin-bottom: 25px;
	}
	
	
	#right-col .copy blockquote {
		line-height: 18px;
		margin-bottom: 25px;
		font-style: italic;
	}
	
	
	#right-col .copy ul, #right-col .copy ol  {
		margin-bottom: 25px;
		padding-left: 25px;
	}
	
	#right-col .copy ul li {
		line-height: 18px;
		list-style: disc outside;
		margin: 0 0 12px;
	}
	#right-col .copy ol li {line-height: 18px;
		list-style: decimal;
		margin: 0 0 12px;}
	
	
	#right-col .copy a {
		color: #021a3d;
		text-decoration: underline;
	}
	
	#right-col .copy a:hover {
		color: #D11403;
		text-decoration: none;
	}
	
	#right-col .copy a:visited { color: #3e3e3e; }
		
	
	/* Form Styles */
	
	#right-col .copy p.error-message {
		border: 1px solid #d11403;
		color: #d11403;
		display: block;
		padding: 15px;
	}
	
	#right-col .copy form {margin: 10px 0;}
	
	#right-col .copy ul.form-items {padding: 0;}
	
	#right-col .copy ul.form-items li {
		list-style: none;
		margin: 15px 0 0;
		padding: 0;
	}
	
	#right-col .copy ul.form-items li label {
		color: #021a3d;
		display: inline-block;
		font-weight: bold;
		margin: 0 0 2px 10px;
		text-align: left;
		width:120px;
	}

	#right-col .copy ul.form-items li input.text,
	#right-col .copy ul.form-items li select {
		color: #3e3e3e;
		padding: 8px;
		width: 250px;
	}
	
	#right-col .copy ul.form-items li ul.checkbox-list {padding: 0;}
	
	#right-col .copy ul.form-items li ul.checkbox-list li {margin: 5px 0 0;}
	
	#right-col .copy ul.form-items li ul.checkbox-list li input.checkbox {margin: 0 10px 0 0;}
	
	#right-col .copy ul.form-items li textarea {
		border:1px solid #aaa;
		border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
		box-shadow:inset 1px 1px 3px rgba(0,0,0,.1); -moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,.1); -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);
		color: #3e3e3e;
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
		padding: 8px;
		width: 450px;
		height: 100px;
	}
	
	
	#right-col .copy ul.form-items li textarea.large {
		height: 300px;
	}
	
	
	#right-col .copy ul.form-items li.submit-field {width: 450px;}
	
	#right-col .copy button {
		background: #fff;
		border:1px solid #aaa;
		color: #3e3e3e;
		cursor: pointer;
		font-weight: bold;
		margin: 0 0 25px 0;
		padding: 4px 10px;
	}	
	
	#right-col .copy button:hover {
		border: 1px solid #d11403;
		color: #d11403;
	}
	
	#right-col .copy button.delete-button {
		float: right;
		border: 1px solid #d11403;
	}



	/* Recipe List */
	
	#right-col .copy ul.recipe-list {
		margin-bottom: 25px; 
		padding: 0;
	}
	
	#right-col .copy ul.recipe-list li {
		border-bottom: 1px solid #f5efe7;
		list-style: none;
		margin: 0 0 15px;
		padding: 0 0 15px;
	}
	
	#right-col .copy ul.recipe-list li a.recipe-image-link {
		display: block;
		float: left;
		margin: 0 15px 0 0;
		width: 75px;
	}
	
	#right-col .copy ul.recipe-list li a.recipe-image-link img.recipe-image {
		background: #333;
		width: 75px;
		height: 75px;
	}
	
	#right-col .copy ul.recipe-list li .recipe-info {
		float: left;
		margin: 0 15px 0 0;
	}
	
	#right-col .copy ul.recipe-list li .recipe-info h4 {
		margin: 0;
	}
	
	#right-col .copy ul.recipe-list li .recipe-info h4 a {
		color: #D11403;
		font-size: 16px;
		line-height: 22px;
		text-decoration: none;
	}
	
	#right-col .copy ul.recipe-list li .recipe-info h4 a:hover {text-decoration: underline;}
	
	#right-col .copy ul.recipe-list li .recipe-info p {
		margin: 0;
	}
	
	#right-col .copy ul.recipe-list li .recipe-info .recipe-details {
		display: block;
		margin-top: 15px;
	}
	
	#right-col .copy ul.recipe-list li .recipe-info .recipe-details p {
		font-size: 11px;
		line-height: 14px;
	}
	
	#right-col .copy ul.recipe-list li .recipe-info .recipe-details a {font-size: 11px;}

	#right-col .copy ul.recipe-list li .recipe-community-data {
		float: right;
		text-align: left;
	}
	
	#right-col .copy ul.recipe-list li .recipe-community-data img.stars-image {}
	
	#right-col .copy ul.recipe-list li .recipe-community-data p {}
	
	#right-col .copy ul.pagination {
		padding: 0;
	}
	
	#right-col .copy ul.pagination li {
		float: left;
		line-height: 20px;
		list-style: none;
		margin: 0 5px 0 0;
	}
	
	#right-col .copy ul.pagination li a {
		background: #F5EFE7;
		display: block;
		padding: 0 6px;
		text-decoration: none;
	}
	
	#right-col .copy ul.pagination li a:hover,
	#right-col .copy ul.pagination li a.current {
		background: #D11403;
		color: #FFF;
	}
	
	
	
	/* Recipe Details */
	
	#right-col .copy #viewrecipe-details {
		border-top: 1px solid #f5efe7;
		font-size: 11px;
		margin: 0 0 25px 0;
		padding: 10px 0;
	}
	
	
	#right-col .copy #viewrecipe-details ul {
		display: block;
		float: right;
		margin: 0;
		padding: 0;
	}
	
	#right-col .copy #viewrecipe-details ul li {
		display: block;
		float: left;
		margin: 0 10px 0 0;
	}
	
	
	#right-col .copy #viewrecipe-details #rating-stars {float: left;}
	
	#right-col .copy #viewrecipe-details #rating-stars ul {float: left;}
	
	#right-col .copy #viewrecipe-details #rating-stars ul li {margin: 0;}
	
	#right-col .copy #viewrecipe-details #rating-stars ul li a {
		background: url(../_images/ratingStar.png) no-repeat 0 0;
		height: 15px;
		width: 16px;
	}
	
	#right-col .copy #viewrecipe-details #rating-stars ul li a.red {background-position: 0 bottom;}
	
	#right-col .copy #viewrecipe-details #rating-stars p {margin: 0 0 0 10px; float: left;}
	
	
	
	
	
	
	/* Recipe Comments */
	
	#right-col .copy ul.comments-list {padding: 0;}
	
	#right-col .copy ul.comments-list li {
		background: #f5efe7;
		border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
		list-style: none;
		margin: 0 0 5px 0;
		padding: 15px;
	}
	
	#right-col .copy ul.comments-list li p {margin: 0 0 10px 0;}
	
	#right-col .copy ul.comments-list li p.comment-byline {
		font-size: 14px;
		font-weight: bold;
	}
	
	#right-col .copy ul.comments-list li p.comment-details {
		font-size: 11px;
		font-style: italic;
		margin: 0;
	}
	
	
	
	
	
	#right-col .copy table.data-table {
		margin: 0 0 25px 0;
		width: 100%;
	}
	
	#right-col .copy table.data-table tr {}
	
	#right-col .copy table.data-table th {
		background: #3e3e3e;
		color: #FFF;
		padding: 5px;
		text-align: left;
	}
	
	#right-col .copy table.data-table td {
		border-bottom: 1px solid #E3D4BD;
		padding: 5px;
	}
	
	#right-col .copy table.data-table td button.small-button {}
	
	
	
	/* Winners Table */
	#right-col .copy table.winners-table {
		margin: 0 0 25px 0;
		width: 100%;
	}
	
	#right-col .copy table.winners-table tr {}
	
	#right-col .copy table.winners-table th {
		background: #3e3e3e;
		color: #FFF;
		padding: 5px;
		text-align: left;
	}
	
	#right-col .copy table.winners-table td {
		border-bottom: 1px solid #E3D4BD;
		padding: 5px;
	}
	
	
	
	
	/* Sponsors */
	#right-col .copy ul.sponsor-list {padding: 0;}
	
	#right-col .copy ul.sponsor-list li {
		border-bottom: 1px solid #e3d4bd;
		list-style: none;
		margin: 0 0 25px 0;
		padding: 0 0 25px 0;
	}
	
	#right-col .copy ul.sponsor-list li img {
		display: block;
		margin: 0 0 25px 0;
	}
	
	#right-col .copy ul.sponsor-list li h4 {
		color: #D11403;
		font-size: 16px;
		margin: 0 0 25px 0;
	}
	
	#right-col .copy ul.sponsor-list li p {
		margin: 0;
	}
	
	
	
	/* Photo Gallery */
	
	#right-col .copy ul.photo-gallery-list {padding: 0;}
	
	#right-col .copy ul.photo-gallery-list li {
		list-style: none;
		float: left;
		margin: 0 20px 20px 0;
	}
	
	#right-col .copy ul.photo-gallery-list a {
		display: block;
		overflow: hidden;
		width: 75px;
		height: 75px;
	}
	
	#right-col .copy ul.photo-gallery-list img {
		width: 75px;
	}
	
	
	
	
	
	#right-col .copy ul.gallery-list {
		padding: 0 !important;
		margin: 0 -40px 0 0 !important;
	}
	
	#right-col .copy ul.gallery-list li {
		list-style: none;
		float: left;
		margin: 0 40px 40px 0;
	}
	
	#right-col .copy ul.gallery-list a {}
	
	#right-col .copy ul.gallery-list a:hover {}
	
	#right-col .copy ul.gallery-list a img {}
	
	
	
	/* Member List */
	
	#right-col .copy ul.member-list {padding: 0;}
	
	#right-col .copy ul.member-list li {
		border-bottom: 1px solid #e3d4bd;
		list-style: none;
		margin: 0 0 15px 0;
		padding: 0 0 15px 0;
	}
	
	
	
	/* Merchandise List */
	
	#right-col .copy ul.merch-list {padding: 0;}
	
	#right-col .copy ul.merch-list li {
		list-style: none;
		margin: 0 0 50px 0;
	}
	
	#right-col .copy ul.merch-list li .img {		
		float: left;
		margin: 0 30px 0 0;
	}
	
	#right-col .copy ul.merch-list li .img img {
		border: 1px solid #e3d4bd;
		width: 150px;
	}
	
	#right-col .copy ul.merch-list li .img form {
		margin: 0;
		padding: 0;
	}
	
	#right-col .copy ul.merch-list li .img form button {
		background: #d11403;
		border: none;
		color: #FFF;
		padding: 4px;
		width: 152px;
	}
	
	#right-col .copy ul.merch-list li .desc {
		float: left;
		width: 350px;
	}
	
	#right-col .copy ul.merch-list li .desc h5 {
		color: #021A3D;
		font-size: 12px;
		font-weight: bold;
		margin: 0;
	}

	
	#right-col .copy ul.merch-list li .desc p {}
	
	/* Other */
	#right-col p.centered{text-align:center}
	

/* Footer */
/* ################################################# */
#footer {
	background: url(../_images/footer_bg.jpg) no-repeat 0 0 #d11403;
	min-height: 186px;
	margin: 0 auto;
	padding: 10px 45px;
	width: 890px;
	overflow:hidden;
}

	#footer #legal {
		color: #FFF;
		float: left;
		margin-bottom: 10px;
	}
	
	#footer #legal p {line-height: 18px;}
	
	#footer #legal a {color: #FFF; text-decoration: underline;}
	
	#footer #legal a:hover {text-decoration: none;}
	
	
	#footer #social-networks {float: right;}
	
	#footer #social-networks ul {}
	
	#footer #social-networks li {float: left; margin-left: 10px;}
	#footer #social-networks a {height: 32px; width: 32px;}
	
	#footer #social-networks #twitter_icon,
	#footer #social-networks #facebook_icon,
	#footer #social-networks #youtube_icon,
	#footer #social-networks #flickr_icon {background: url(../_images/social_sprite.png) no-repeat 0 0;}
	
	#footer #social-networks #twitter_icon {background-position: 0 0;}
	#footer #social-networks #facebook_icon {background-position: -37px 0;}
	#footer #social-networks #youtube_icon {background-position: -74px 0;}
	#footer #social-networks #flickr_icon {background-position: -111px 0;}
	
	#footer #social-networks #twitter_icon:hover {background-position: 0 -32px;}
	#footer #social-networks #facebook_icon:hover {background-position: -37px -32px;}
	#footer #social-networks #youtube_icon:hover {background-position: -74px -32px;}
	#footer #social-networks #flickr_icon:hover {background-position: -111px -32px;}
	
	
	#footer #footer-links {
		border-top: 1px solid #7b1007;
		clear: both;
		margin: 10px 0;
		padding: 20px 0 0;
	}
	
	#footer #footer-links ul {}
	
	#footer #footer-links li {
		float: left;
		margin: 0 20px 0 0;
		width: 207px;
	}
	
	#footer #footer-links li.last {
		margin-right: 0;		
	} 
	
	#footer #footer-links li.long {
		margin-right: -20px;
		width: 454px;		
	}
	
	#footer #footer-links li h3 {
		color: #FFF;
		font-size: 16px;
		font-weight: bold;
	}
	
	#footer #footer-links li ul.link-list,
	#footer #footer-links li ul.link-list-long {margin: 5px 0 0;}
	
	#footer #footer-links li ul.link-list li,
	#footer #footer-links li ul.link-list-long li {
		border-bottom: 1px solid #f86f62;
		float: none;
		padding: 2px 0;
	}
	
	#footer #footer-links li ul.link-list li a,
	#footer #footer-links li ul.link-list-long li a {color: #FFF; display: block;}
	
	#footer #footer-links li ul.link-list li a:hover,
	#footer #footer-links li ul.link-list-long li a:hover {color: #fabbb5}
	
	
	#footer #footer-links li ul.link-list-long {}
	#footer #footer-links li ul.link-list-long li {float: left; margin-right: 20px;}





	img.inset {
		margin: 10px 20px 10px 0;
		float: left;
	}
	
	img.section-head {
		display: block;
		float: none;
		margin: 20px 0;
	}
	
	
	hr {
		border-bottom: 1px solid #eee;
		margin: 40px 0;
	}






/* Temp Buttons on Homepage */

#home-buttons {
	margin: 40px 0px 0px 0px;
	padding: 0;
	width: 750px;
	float:left
}
#home-buttons-links{ float:left;
	padding: 0;
	width: 300px;
	} 

#home-buttons li {
	float: left;
	list-style: none;
	text-align: center;
	width: 30%;
}

#home-buttons img, #home-buttons-links img{
	border: none;
	outline: none;
}

/* Customizations for Member Pages */
/* ################################################# */

#memberpage #left-col {
	background:#faf5e4;
	border:1px solid #dfd8c1;
	border-right:1px solid #d5cdaf;
	border-radius:6px 0 0 6px; -moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px;
	box-shadow:inset 0 0 32px rgba(0,0,0,.05); -moz-box-shadow:inset 0 0 32px rgba(0,0,0,.05); -webkit-box-shadow:inset 0 0 32px rgba(0,0,0,.05);
	float: left;
	margin:0;
	padding:20px 10px;
	width: 220px;
}
#memberpage #left-col .ads li.member-subnav ul li a {
	background-color:#f6edce;
	border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
	box-shadow:inset 0 0 16px rgba(0,0,0,.05); -moz-box-shadow:inset 0 0 16px rgba(0,0,0,.05); -webkit-box-shadow:inset 0 0 16px rgba(0,0,0,.05);
	color: #d11403;
	display: block;
	height:20px;
	padding:15px 15px 10px 15px;
	text-decoration: none;
}
#memberpage #left-col .ads li.member-subnav ul li.head a{
	background:none;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
	display: inline;
	height:auto;
	padding:0;
	text-decoration: none;
}	
#memberpage #left-col .ads li.member-subnav ul li a:hover { background:#e0d6b4; color: #3e3e3e; }
#memberpage #left-col .ads li.member-subnav ul li.head a:hover{ background:none; }
#memberpage #left-col .ads li.member-subnav ul li.head a {display: inline;}
#memberpage #right-col {
	background-color:#f6edce;
	border:1px solid #dfd8c1;
	border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; -webkit-border-radius:0 6px 6px 6px;
	box-shadow:inset 0 0 32px rgba(0,0,0,.05); -moz-box-shadow:inset 0 0 32px rgba(0,0,0,.05); -webkit-box-shadow:inset 0 0 32px rgba(0,0,0,.05);
	float: left;
	padding:20px 20px 20px 0;
	width: 518px;
}
#memberpage #right-col .copy ul.form-items li input.text,
#memberpage #right-col .copy ul.form-items li select {
	border:1px solid #aaa;
	border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
	box-shadow:inset 1px 1px 3px rgba(0,0,0,.1); -moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,.1); -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);
	color: #3e3e3e;
	padding: 8px;
	width: 250px;
}
#right-col .copy button {
	background-color: #fff;
	background-image: -moz-linear-gradient(top, #fff, #eee); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #eee)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee')"; /* IE8 */	
	border:1px solid #aaa;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:6px;
	box-shadow:1px 1px 3px rgba(0,0,0,.1); -moz-box-shadow:1px 1px 3px rgba(0,0,0,.1); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.1);
	color: #3e3e3e;
	cursor: pointer;
	font-weight: bold;
	margin: 0;
	padding: 8px 12px;
	text-shadow: 0px 1px 0px #fff;
}
#right-col .copy button:hover {
	background-color: #fff;
	background-image: -moz-linear-gradient(top, #fff, #ddd); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #ddd)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd')"; /* IE8 */	
}

#right-col .copy button:active {
	background-color: #eee;
	left:1px;
	position:relative;
	top:1px;
}

#HompageList { width:860px; margin:25px 50px; }
#HompageList li{ margin-left:25px;}

