html body {
	background: #FFF url(/images/bg-coffee-rings.jpg) center top no-repeat; /*bg-rosemary.jpg*/
}

#main-content {
	font-size: 14px;
	line-height: 20px;
	margin: 0 auto;
	width: 640px;
}

.separator {
	margin: 20px 0 0 10px;
}

#main-content h2.title,
#main-content h1.title {
	font-size: 36px;
	font-weight: normal;
	line-height: 1;
	margin: 0;
	padding: 0;
	}
	#main-content h2.title img,
	#main-content h1.title img {
		padding:0 0 1px 0;
		vertical-align: middle;
	} 
	#main-content h2.title a,
	#main-content h1.title a {
		text-decoration: none
		}
		#main-content h2.title a:hover,
		#main-content h1.title a:hover {
			text-decoration: underline
		}
#content .right-content {
	float: right;
	margin-left:10px;
	margin-top: -20px;
}
/*	#content .published + .right-content {
		margin-top:-20px;
	}
*/
.frame1 {
	display: block;
	font-size: 13px;
	line-height: 13px;
	color:#666;
	margin-top:6px;
	text-align: center;
	font-size: 9px;
	text-transform: uppercase;
	color: #a1a1a1;
}
	.frame1.one-good-find {
		width:88px;
		float: right;
	}
		.frame1.one-good-find #dart-tag-frame1 {
			text-align: center;
		}
.frame1 a {
	display: block;
	margin-top:2px;
}
a.get-recipe {
	background: transparent url(/images/get-recipe.png) left top no-repeat;
	display: block;
	height: 19px;
	text-indent: -9999px;
	_overflow: hidden;
	width: 95px;
	}
	a.get-recipe:hover {
		background-position: left bottom;
	}

a.get-content-txt {
	font-size: 14px;
	font-weight: bold;
	}
	a.get-recipe-txt:hover {
		font-size: 14px;
		font-weight: bold;
		text-decoration: none
	}

a.read-article {
	background: transparent url(/images/get-article.png) left top no-repeat;
	display: block;
	height: 19px;
	text-indent: -9999px;
	_overflow: hidden;
	width: 116px;
	}
	a.read-article:hover {
		background-position: left bottom;	
	}
	
a.view-gallery {
	background: transparent url(/images/view-gallery.png) left top no-repeat;
	display: block;
	height: 19px;
	text-indent: -9999px;
	_overflow: hidden;
	width: 95px;
	}
	a.view-gallery:hover {
		background-position: left bottom;	
	}				

.article-toolbar {
/*	background: transparent url(/images/dotted-border.gif) left top repeat-x;*/
	clear: both;
	margin: 20px 0 30px;
	padding: 7px 0 0;
	z-index: 100;
	border-top:1px #868686 dotted;
	border-bottom:1px #868686 dotted;
	}
	#recipe-collection .article-toolbar {
		margin-bottom: 15px;
    }
  .article-toolbar .social-buttons {
    height: 28px; /* for spacing above rating-buttons */
    float:left;
    }
	.article-toolbar .rating-buttons {
	/*	clear: left; */
		float: left;
		}
		.article-toolbar .rating-buttons .rating {
			display: inline;
			float: left;
			margin: 3px 10px 0 0;
			_overflow: hidden;
		}
		.article-toolbar .rating-buttons a.get-recipe {
			display: inline;
			float: left;
			margin: 0 10px 0 0;
		}
		.article-toolbar .rating-buttons a.read-article {
			display: inline;
			float: left;
			margin: 0 10px 0 0;
		}
		.article-toolbar .rating-buttons a.rate-review {
			background: transparent url(/images/rate-review.png) left top no-repeat;
			display: inline;
			float: left;
			height: 19px;
			_overflow: hidden;
			text-indent: -9999px;
			width: 93px;
			}
			.article-toolbar .rating-buttons a.rate-review:hover {
				background-position: left bottom;
			}
		.article-toolbar .rating-buttons a.write-comment {
			background: transparent url(/images/write-comment.png) left top no-repeat;
			display: inline;
			float: left;
			height: 19px;
			_overflow: hidden;
			text-indent: -9999px;
			width: 121px;
			}
			.article-toolbar .rating-buttons a.write-comment:hover {
				background-position: left bottom;
			}	
	.article-toolbar .article-buttons {
		display: inline;
		float: right;
		position: relative;
		margin-top:2px;
		}
    .article-toolbar .article-buttons div {
      display: inline;
      float: right;
      }
		.article-toolbar .article-buttons a {
			background: transparent url(/images/article-buttons.png) left top no-repeat;
			display: inline;
			float: right;
			height: 19px;
			margin: 0 0 0 5px;
			_overflow: hidden;
			text-indent: -9999px;
		}
		.article-toolbar .article-buttons a.save-article {
			background: transparent url(/images/new-article-btns.png) no-repeat;
			background-position: 0 top;
			width: 59px;
			}
			.article-toolbar .article-buttons a.save-article:hover {
				background-position: 0 bottom;
			}
		.article-toolbar .article-buttons a.print {
			background-position: -103px top;
			width: 57px;
			}
			.article-toolbar .article-buttons a.print:hover {
				background-position: -103px bottom;
			}
		.article-toolbar .article-buttons a.email {
			background-position: -166px top;
			width: 56px;
			}
			.article-toolbar .article-buttons a.email:hover {
				background-position: -166px bottom;
			}
		.article-toolbar .article-buttons .share {
			background: transparent url(/images/article-buttons.png) -228px top no-repeat;
			cursor: pointer;
			display: inline;
			float: right;
			height: 19px;
			margin: 0 0 0 5px;
			position: relative;
			text-indent: -9999px;
			width: 56px;
			z-index: 0;
			}
			.article-toolbar .article-buttons .share:hover {
				background-position: -228px bottom;
			}
		.article-toolbar .article-buttons a.save-recipe {
			background-position: -290px top;
			width: 90px;
			}
			.article-toolbar .article-buttons a.save-recipe:hover {
				background-position: -290px bottom;
			}
		.article-toolbar .article-buttons a.save-photo {
			background-position: -386px top;
			width: 90px;
			}
			.article-toolbar .article-buttons a.save-photo:hover {
				background-position: -386px bottom;
			}
		.article-toolbar .article-buttons a.save-video {
			background-position: -481px top;
			width: 90px;
			}
			.article-toolbar .article-buttons a.save-video:hover {
				background-position: -481px bottom;
			}
			
.article-toolbar .article-buttons ul.share-menu {
	background: #FFF;
	border: 1px solid #DCDCDC;
	display: none;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 20px;
	width: 180px;
	z-index: 100;
	}
	.article-toolbar .article-buttons ul.share-menu li {
		display: block;
		}
		.article-toolbar .article-buttons ul.share-menu li a {
			background: none;
			display: block;
			float: none;
			height: 18px;
			margin: 0;
			_overflow: hidden;
			text-indent: 0;
			word-break: keep-all;
		}		
	
#main-content .dek {
	margin: 10px 0 0 0;
}

#main-content .recipe-info {
	font-size: 12px;
	}
	#main-content .recipe-info .source {
		display: inline;
		font-style: italic;
		}
		#main-content .recipe-info .source a {
			font-style: normal;
		}
	#main-content .recipe-info .author {
		display: inline;
		font-style: normal;
		padding-right:15px;
		font-size: 14px;
		}
	#main-content .recipe-info .related {
		display: inline;
		font-style: italic;
		padding: 0 0 0 15px;
		}
		#main-content .recipe-info .related ul {
			display: inline;
			font-style: normal;
			}
			#main-content .recipe-info .related ul li {
				border-left: 1px solid #000;
				display: inline;
				padding: 0 3px 0 5px;
				}
				#main-content .recipe-info .related ul li.first {
					border: none;
					padding: 0 3px 0 0;
				}
	
#main-content .body {
	margin: 20px 0 0 0;
	}
	#main-content .body {
		display:inline-block;
		width:100%;
	}
	#main-content .body:after {
		display:block; 
		visibility:hidden; 
		clear:both; 
		height:0; 
		content: " "; 
	}
	#main-content .body .image {
		display: inline;
		float: right;
		margin: 0 0 10px 15px;
		}
		#main-content .body .image img {
			display: block;
			width:100%;
		}
		#main-content .body .image.large {}
		#main-content .body .image.medium {}
		#main-content .body .image a {
			display: block;
			position: relative;
		}
			#main-content .body .image a img.large {
				background: #d1d1d1;
				display: block;
				width: 400px;
			}
			#main-content .body .image.large {
				width: 400px;
			}
			#main-content .body .image.medium {
				width: 300px;
			}
			#main-content .body .image a.gallery span {
				display: block;
				position: absolute;
				bottom:0;
				left:0;
				height: 25px;
				width: 100%;
				background: transparent url(../images/recipe-icons.png) top center;
			}
		#main-content .body .image a.view-gallery {
			display: inline;
			float: left;
			margin: 5px 0 0 0;
		}	
		#main-content .body .image em.caption {
			display: block;
			font-size: 12px;
			margin: 0;
			text-align: right;
		}
		#main-content .body object {
			z-index: 0 !important;
		}
	#main-content .body p {
		padding: 0 0 20px 0;
	}
	
	#main-content .pull-quote-title {
		font-size: 12px;
		font-weight: bold;
	}
	#main-content .pull-quotes {
		font-size: 14px;
		font-style: italic;
	}
	
	#main-content .photo {
		border: 1px solid #dcdcdc;
		padding: 0 20px 20px 20px;
		margin: 25px auto 0;
		}
		#main-content .photo img {
			background: #d1d1d1;
			display: block;
			margin: 20px auto 0;
		}
		#main-content .photo img.large {
			display: block;
		}
		#main-content .photo .tools {
			font-size: 11px;
			line-height: 20px;
			text-align: right;
		}
		#main-content .photo .title {
			font-size: 18px;
			font-weight: bold;
			line-height: 20px;
		}
		#main-content .photo .body {
			margin: 0;
		}
		
	#main-content .video {
		margin: 25px auto 0;
		width: 482px;
		}
		#main-content .video .test {
			background: #d1d1d1;
			height: 406px;
			width: 482px;
		}
		#main-content .video .tools {
			font-size: 11px;
			line-height: 20px;
			text-align: right;
		}
		
	#main-content .pager {
		font-size: 12px;
		height: 23px;
		line-height: 23px;
		margin: 20px 0 0 0;
		text-align: center;
		}
		#main-content .pager a.previous {
			background: transparent url(/images/pager.png) left top;
			display: inline;
			float: left;
			height: 23px;
			text-indent: -9999px;
			width: 82px;
			_overflow: hidden;
			}
			#main-content .pager a.previous:hover {
				background-position: left bottom;
			}
		#main-content .pager a.next {
			background: transparent url(/images/pager.png) right top;
			display: inline;
			float: right;
			height: 23px;
			text-indent: -9999px;
			width: 82px;
			_overflow: hidden;
			}
			#main-content .pager a.next:hover {
				background-position: right bottom;
			}
			
#pagination {
	height: 22px;
	text-align: right;
	padding: 11px 0 9px;
	border-top:1px dotted #888;
	font-weight: bold;
}
	#pagination .pages {
		display: inline;
		float: left;
	}			
.published-offer {
	padding:12px 0;
	border-top:1px dotted #888;
	border-bottom: 1px dotted #888;
}	
	#main-content .body .published-offer p {
		padding-bottom: 0;
	}
.rating {
	background: transparent url(/images/rating-matrix.gif) left top no-repeat;
	height: 13px;
	font-size: 0;
	line-height: 0;
	position: relative;
	text-indent: -9999px;
	width: 68px;
	}
	.onestar {
		background-position: 0 -13px;
	}
	.twostars {
		background-position: 0 -26px;
	}
	.threestars {
		background-position: 0 -39px;
	}
	.fourstars {
		background-position: 0 -52px;
	}
	.fivestars {
		background-position: 0 -65px;
	}
	ul.rating li {
		cursor: pointer;
		display: inline;
		float: left;
		text-indent: -9999px;
		}
		ul.rating li a {
			height: 13px;
			left: 0;
			position: absolute;
			text-decoration: none;
			top: 0;
			width: 13px;
			z-index: 200;
			}
			ul.rating li.one a {
				left: 0;
			}
			ul.rating li.two a {
				left: 13px;
			}
			ul.rating li.three a {
				left: 26px;
			}
			ul.rating li.four a {
				left: 39px;
			}
			ul.rating li.five a {
				left: 52px;
			}
			ul.rating li a:hover {
				background: transparent url(/images/rating-matrix.gif) left top no-repeat;
				height: 13px;
				left: 0;
				overflow: hidden;
				width: 68px;
				z-index: 2;
				}
				ul.rating li.one a:hover {
					background-position: 0 -13px;
				}
				ul.rating li.two a:hover {
					background-position: 0 -26px;
				}
				ul.rating li.three a:hover {
					background-position: 0 -39px;
				}
				ul.rating li.four a:hover {
					background-position: 0 -52px;
				}
				ul.rating li.five a:hover {
					background-position: 0 -65px;
				}
.blogAuthor {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #b20b14;
	}
	.blogAuthor img {
		padding:0 0 1px 0;
		vertical-align: middle;
	} 
	.blogAuthor a {
		text-decoration: none;
		color: #b20b14;
		}
		.blogAuthor a:hover {
			text-decoration: underline;
			color: #b20b14;
		}

.blogAuthorInfo {
	padding:15px 0;
	font-size: 14px;
	clear: both;
	}
	.blogAuthorInfo img {
		padding: 5px 0 0 0;
		vertical-align: middle;
		display: inline;
		float: left;
		margin: 0 10px 0px 0px;
		width: 35px;
	} 
	.blogAuthorInfo a {
		text-decoration: underline;
		}
		.blogAuthorInfo a:hover {
			text-decoration: none;
		}
/* DIARIES */
h2.diary-title {
	color: #0066cc;
	font-size: 36px;
	line-height: 32px;
	padding-bottom: 10px;
	font-weight: normal;
	}
	h2.diary-title .saveur-dairy, h2.diary-title .saveur-diary {
		color: #000;
		font-size: 22px;
		}
.related-diary-links {
	background-color: #f2eadb;
	padding-bottom: 15px;
	}
	.diary-link {
		border-bottom: 1px dotted #aaa;
		margin: 0px 25px;
		padding: 15px 0;
		font-size: 14px;
		}
		.diary-link a {
			text-decoration: none;
			}
			.diary-link a:hover {
				text-decoration: underline;
				}
			
		.diary-link a .saveur-dairy, .diary-link a .saveur-dairy {
			color: #0066cc;
			}
/*#surlatable-detail-title a img {
	width:640px;
	height: 44px;
}*/
h2#surlatable-detail-title {
	height: 25px;
}
	h2#surlatable-detail-title a {
		line-height: 25px;
		height: 25px;
	}
#surlatable-detail-title a {
	display: block;
	height: 44px;
}
/*#related-products .related-products-title {
	height: 44px !important;
}*/
.published {
	font-size: 12px;
	color:#636363;
	display: block;
}
.article-image-left,
#article-image-left {
	float: left;
	padding-right:20px;
	padding-bottom: 20px;
}
.article-image-right,
#article-image-right {
	float: right;
	padding-left:20px;
	padding-bottom: 20px;
}
.article-toolbar .facebook {
	float: left;
    height: 20px;
    width: 85px;
    margin-top:2px;
}
.article-toolbar .twitter {
	float: left;
	width:105px;
	 margin-top:2px;
}
.article-toolbar .googleplus {
	float: left;
	width:76px;
}
.article-toolbar .stumble {
	float: left;
	width:70px;
	margin-top:3px;
	margin-right: 5px;
}
.article-toolbar .Pinterest {
	float: left;
	width: 75px;
}
#main-content .body {
	margin-top: 0; 
}
.photo-credit {
	font-size: 11px;
	font-style: italic;
}
.photo-caption {
	font-size: 11px;
}
/* Dinner Party */
.menu-eyebrow {
	height: 19px;
	text-indent: -9999px;
	background: url(../dinner-party/images/the-dinner-party.png) no-repeat;
}
#dinner-party-menu {

}
#dinner-party-menu #single-image {
	margin-bottom:30px;
}
#dinner-party-menu #menu-images {
	width:640px;
	overflow: hidden;
	*margin-bottom:30px;
}
	#dinner-party-menu #menu-images img {
		float:left;
		margin-bottom: 30px;
		opacity:0.9;
	}
		#dinner-party-menu #menu-images img:hover {
			opacity: 1;
		}
	#dinner-party-menu #menu-images .full-image {
		width:640px;
		float: none;
	}
	#dinner-party-menu #menu-images .two-across-left {
		width:305px;
		clear: left;
		margin-right:30px;
	}
	#dinner-party-menu #menu-images .three-across {
		clear:left;
		overflow: hidden;
	}
	#dinner-party-menu #menu-images .three-across-left {
		width:196px;
		margin-right:26px;
	}
	#dinner-party-menu #menu-images .three-across-center {
		margin-right:26px;
		width:196px;
	}
	#dinner-party-menu #menu-images .three-across-right {
		width:196px;
		float: right; 
	}
	#dinner-party-menu #menu-images .half-left {
		clear:left;
	}
#dinner-party-menu h2 {
	font-size: 22px;
	line-height: 22px;
	padding:0;
	margin: 0;
}
#dinner-party-menu ul {
	padding:0;
	margin: 0 0 36px;
	border-top: 1px dotted #8b8b8b;
	padding-top:12px;
	margin-top: 10px;
}
#dinner-party-menu ul li {
	font-size: 16px;
	padding-left: 11px;
	background: url(../dinner-party/images/red-dot.png) no-repeat 0 10px;
	line-height: 24px;
	list-style-type: none;
	margin-left:0;
}
	#dinner-party-menu ul li a {
		color: #000;
	}
#dinner-party-menu ol {
	margin:12px 0 0;
	padding: 0;
	overflow: hidden;
	*padding-left:32px;
	counter-reset:li;
}
	#dinner-party-menu ol li {
		position: relative;
		padding:12px 25px 12px 0px;
		border-top:1px dotted #8b8b8b;
		margin-right: 15px;
		color: #b80a0b;
		font-size:27px;
		padding-left:44px;
		*padding-left:5px;
		margin-left: 0;
	}
		#dinner-party-menu ol li:before {
			*display:none;
			content:counter(li); /* Use the counter as content */
            counter-increment:li; /* Increment the counter by 1 */
			/* Increment the counter by 1 */
			/* Position and style the number */
			position:absolute;
			left:0;
			-moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;
			box-sizing:border-box;
			*box-sizing:content-box;
			width:15px;
			padding-left:18px;
			color:#b80a0b;
		}
		#main-content .body #dinner-party-menu ol li p {
			color: #000;
			font-size: 14px;
			padding:0;
		}
#dinner-party-menu .image-right {
	float: right;
	margin-top: 12px;
}
.related-menus-title {
	border-bottom: 5px solid #000000;
    font-size: 30px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    padding: 0 0 2px;
    text-align: center;
    margin: 30px 0 20px;
}
.related-menus-item {
	float: left;
	width:124px;
	margin-right:48px;
}
	.related-menus-item.last {
		margin-right:0;
	}
	.related-menus-item img {
		width:124px;
		height: 124px;
		margin-bottom: 9px;
	}
	.related-menus-item a {
		font-size:16px;
		line-height: 18px;
		text-decoration: none;
	}
		.related-menus-item a:hover {
			text-decoration: underline;
		}
/* Recipe Revision */
.recipe-page .body {
	font-size: 14px;
	line-height: 22px;
}
.recipe-page .body h4 + p > b {
		font-weight: normal;
}
.recipe-page .body h4 + div b {
		font-weight: normal;
	}
.recipe-page .body h4 ~ span {
	font-weight: normal !important;
}
/*.recipe-page .body b {
		font-weight: normal;
	}
*/
	.recipe-page .body h4,
	#content .body h4 {
		font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
		font-size: 16px;
		text-transform: uppercase;
		line-height: 22px;
	}
.recipe-page .image {
	max-width: 300px;
}
	.recipe-page .image img {
		width:100%;
	}
/* Comix Page */
.comix .next-prev-header {
	height: 90px;
	background-position: 0 45px;
	margin-bottom: 40px;
}
	.comix .next-prev-comix-header {
		float: left;
		width:440px;
		height: 90px;
		text-align: center;
	}
	.comix .prev-header,
	.comix .next-header {
		margin-top: 50px;
	}
	.comix .dek {
		font-size: 13px;
		line-height: 18px;
	}
	.comix .next-footer {
		margin-left: 234px;
	}
#enlarge-image-popup-link {
	float: left;
	background: url(../images/recipe-icons.png) no-repeat 0 -26px;
	padding-left:21px;
    display: block;
    font-size: 10px;
    text-transform: uppercase;
}
.recipe-rating-comments-count {
	background: url(../images/comment-bubble.jpg) no-repeat 0 0;
	width:82px;
	height: 76px;
	padding-top:6px;
	padding-left:12px;
	text-align: center;
	margin-left:6px;
	margin-top: 12px;
}
	/* Hide the Rate and Review or Write a Comment link so it only shows when there are no comments or reviews */
	.recipe-rating-comments-count .rating + .rating-buttons > .write-comment,
	.recipe-rating-comments-count .comment-counts-text + .rating + .rating-buttons > .rate-review,
	.recipe-rating-comments-count .comment-counts-text + .rating-buttons > .rate-review,
	.recipe-rating-comments-count .comment-counts-text + .rating-buttons > .write-comment {
		display: none;
	}
	.recipe-rating-comments-count .comment-counts-number {
		font-size: 35px;
		color: #ec1c24;
	}
		/* Change size of Comment Count number when it goes over 4 digits */
		.recipe-rating-comments-count .comment-counts-number.over9999 {
			font-size: 22px;
		}
		/* Change size of Comment Count number when it goes over 5 digits */
		.recipe-rating-comments-count .comment-counts-number.over9999.over99999 {
			font-size: 20px;
		}
	.recipe-rating-comments-count .comment-counts-text {
		font-family: Arial,helvetica,sans-serif;
		font-size: 9px;
		color: #7a7a7a;
		text-transform: uppercase;
		margin-top: 6px;
	}
		/* Change spacing between number and count when the number size is smaller */
		.recipe-rating-comments-count .comment-counts-number.over9999 + .comment-counts-text {
			margin-top:0;
		}
	.recipe-rating-comments-count .rating {
		margin-left:6px;
		margin-top: 6px;
	}
		.recipe-rating-comments-count .comment-counts-text + .rating {
			margin-top: 0;
		}
	.recipe-rating-comments-count .write-comment,
	.recipe-rating-comments-count .rate-review {
		display: block;
		margin-top: 15px;
		text-decoration: none;
		color: #e40b03;
		font-size: 12px;
		line-height: 16px;
		text-transform: uppercase;
	}
		.recipe-rating-comments-count:hover .write-comment,
		.recipe-rating-comments-count:hover .rate-review {
			text-decoration: underline;
		}
			.recipe-rating-comments-count .rating-buttons > .rate-review {
				margin-top: 6px;
			}
	a[href="#post-comment"],
	a[href="#comments"] {
		text-decoration: none;
	}
.comment-limit-text input {
	background: #EDE6D2;
}
/* Shop */
#related-shop {
	margin: 40px 0 80px;
	overflow: hidden;
	position: relative;
}
.related-shop-title {
	border-bottom: 5px solid #000;
	font-size: 28px;
	text-align: center;
	margin-bottom: 15px;
	padding-bottom: 8px;
}
	.related-shop-item {
		float: left;
		margin-left:20px;
		width: 200px;
	}
		.related-shop-title + .related-shop-item {
			margin-left:0;
		}
		.related-shop-item img {
			display: block;
			margin-bottom: 9px;
		}
		.related-shop-item a {
			font-size: 18px;
			text-decoration: none;
		}
			.related-shop-item a:hover {
				text-decoration: underline;
			}
	.related-shop-item br {
		display: none;
	}
	.all-shop-link {
	    font-size: 12px;
		 position: absolute;
		 right: 10px; 
		 top: 7px;
		text-decoration: ;
	 }
  .all-shop-link  a {
		text-decoration: underline !important;
	}
 .all-shop-link  a:hover {
	text-decoration: none !important;
 }