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: 658px;
}
.fshare_button  {
  display: inline;
  float: left;
}
.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;
	min-height: 55px;
	_padding: 10px 0 0px 0;
	text-align: left;
	}
	#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
		}
.frame1 {
	display: block;
	float: right;
	font-size: 13px;
	line-height: 13px;
	color:#666;
	margin-left:10px;
	text-align: center;
}
.frame1 a {
	display: block;
}
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;
  *display: block;
	margin: 0;
	padding: 10px 0 0 0;
	z-index: 100;
	}
	.article-toolbar .rating-buttons {
		display: inline;
		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: block;
		float: left;
		position: relative;
		}
		.article-toolbar .article-buttons a {
			background: transparent url(/images/article-buttons2.png) left top no-repeat;
			display: inline;
			float: left;
			height: 19px;
			margin: 0 5px 5px 0;
			_overflow: hidden;
			text-indent: -9999px;
		}
		.article-toolbar .article-buttons a.save-article {
			background-position: 0 top;
			width: 97px;
			}
			.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: left;
			height: 19px;
			margin: 0 0 0 5px;
			position: relative;
			text-indent: -9999px;
			width: 56px;
			z-index: 100;
			opacity: 1;
			}
      .article-toolbar .article-buttons > div {
        display: inline;
        float: left;
        }
			.article-toolbar .article-buttons .share:hover {
				background-position: -228px bottom;
				z-index: 100;
				opacity: 1;
			}
		.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: 98px;
			}
			.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 a.enlarge-photo {
			background-position: -586px top;
			width: 76px;
			}
			.article-toolbar .article-buttons a.enlarge-photo:hover {
				background-position: -586px bottom;
			}
			
.article-toolbar .article-buttons ul.share-menu {
	background: #FFF;
	border: 1px solid #DCDCDC;
	display: none;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 19px;
	width: 180px;
	z-index: 100;
	opacity: 1;
	}
	.article-toolbar .article-buttons ul.share-menu li {
		display: block;
    height: auto;
    z-index: 100;
    opacity: 1;
    }
		.article-toolbar .article-buttons ul.share-menu li a {
			background: none;
			display: block;
			float: none;
	z-index: 100;
	opacity: 1;
			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;
		font-size:13px;
		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.large {}
		#main-content .body .image.medium {}
		#main-content .body .image a {
			display: block;
			}
			#main-content .body .image a img.large {
				background: #d1d1d1;
				display: block;
				width: 400px;
			}
			#main-content .body .image a img.large {
				width: 400px;
			}
			#main-content .body .image a img.medium {
				/*width: 300px;*/
			}
		#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: 5px 0 0 0;
			text-align: right;
		}
		#main-content .photo .tools { /* wrapper for caption */
      font-size: 11px;
			line-height: 20px;
      text-align: right;
		}
      #main-content .photo .tools span {
        float: none !important;
        }
		#main-content .photo .tools em.caption {
			display: inline;
			font-size: 11px;
			font-style: italic;
			margin: 0 0 0 0;
		}
		#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;
		font-family: Georgia, "Times New Roman", serif;
		margin: 0px auto 0;
		/* overflow: hidden; ticket 137184*/
		padding: 10px;
    width: 636px;
    clear:left;
		}
		#main-content .photo .galleryimage {
			display: inline;
			float: left;
			margin-right: 10px;
			}
    #main-content .photo #photo-div {
      *height: auto !important;
      }
		#main-content .photo img {
			background: #d1d1d1;
			display: block;
		}
		#main-content .photo img.large {
			display: block;
		}
		#main-content .photo .title {
			font-size: 18px;
			font-weight: bold;
			line-height: 20px;
		}
		#main-content .photo .body {
			margin: 0;
		}
#main-content .photo .imageinfo {
  *display: inline;
  *float: right;
  }

		
	#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 .photo .pager {
		display: block center;
		font-size: 12px;
		height: 23px;
		line-height: 23px;
		margin: 0 0 0 0;
		text-align: center;
		}
		#main-content .photo .count {
			display: block;
			text-align: center;
			clear: both;
			margin: 10px 0 10px 0;
			font-size: 12px;
			font-style: italic;
			font-family: Georgia, "Times New Roman", serif;
		}
		#main-content .photo .pager a.previous {
			background: transparent url(/images/pager.png) 0 0 no-repeat;
			display: inline;
			float: left;
			height: 23px;
      line-height: 23px;
			margin: 0 5px 0 0;
			text-indent: -9999px;
			width: 82px;
			_overflow: hidden;
			}
			#main-content .photo .pager a.previous:hover {
				background-position: 0 -23px;
			}
		#main-content .photo .pager a.previous_disabled {
			background: transparent url(/images/pager.png) 0 -46px no-repeat;
      cursor: default;
			display: inline;
			float: left;
			height: 23px;
      line-height: 23px;
			margin: 0 5px 0 0;
			text-indent: -9999px;
			width: 82px;
			_overflow: hidden;
			}
		#main-content .photo .pager a.next {
			background: transparent url(/images/pager.png) -82px 0 no-repeat;
			display: inline;
			float: right;
			height: 23px;
      line-height: 23px;
			margin: 0 0px 0 0;
			text-indent: -9999px;
			width: 82px;
			_overflow: hidden;
			}			
			#main-content .photo .pager a.next:hover {
				background-position: -82px -23px;
			}
		#main-content .photo .pager a.next_disabled {
			background: transparent url(/images/pager.png) -82px -46px no-repeat;
      cursor: default;
			display: inline;
			float: right;
			height: 23px;
      line-height: 23px;
			margin: 0 0px 0 0;
			text-indent: -9999px;
			width: 82px;
			_overflow: hidden;
			}
		
			#main-content .photo .photoTitle {
				font-size: 18px;
				font-weight: bold;
			}
			#main-content .photo .photoCaption {
				font-size: 14px;
				padding: 0 0 12px 0;
			}
			#main-content .photo .photoTags {
				font-size: 14px;
				padding: 0 0 12px 0;
			}
			#main-content .photo .userInfo {
				display: inline;
				line-height:12px;
				font-size: 10px;
				font-style: italic;
			}
			#main-content .photo .userInfo img {
				float:left;
				width:50px;
				padding: 0 8px 0 0;
				background: #ffffff;
			}
			
			
#pagination {
	height: 22px;
	text-align: right;
	}
	#pagination .pages {
		display: inline;
		float: left;
	}			
	
.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;
				}	

#photoUploadPreview {
	background: transparent url(/images/photoUploadPreviewBtn.jpg) left top no-repeat;
	border: none;
	color: transparent;
	cursor: pointer;
	display: inline;
	float: left;
	height: 23px;
	margin-left:10px;
	padding: 0;
	text-indent: -999px;
	text-transform: uppercase;
	width: 82px;
	}
#photoUploadPreview:hover{
	background: transparent url(/images/photoUploadPreviewBtnOver.jpg) left top no-repeat;
	border: none;
	color: transparent;
	cursor: pointer;
	display: inline;
	float: left;
	height: 23px;
	margin-left:10px;
	padding: 0;
	text-indent: -999px;
	text-transform: uppercase;
	width: 82px;
	}
#photoPreviewEditPhoto {
	background: transparent url(/images/upload_preview_btn.png) left top no-repeat;
	border: none;
	color: transparent;
	cursor: pointer;
	display: inline;
	float: left;
	height: 23px;
	margin-left:10px;
	padding: 0;
	text-indent: -999px;
	text-transform: uppercase;
	width: 82px;
	}
#photoPreviewEditPhoto:hover {
	background-position: 0 bottom;
}
#photoPreviewUpload {
	background: transparent url(/images/upload_preview_btn.png) left top no-repeat;
	border: none;
	color: transparent;
	cursor: pointer;
	display: inline;
	background-position: -89px top;
	float: left;
	height: 23px;
	margin-left:10px;
	padding: 0;
	text-indent: -999px;
	text-transform: uppercase;
	width: 82px;
	}
#photoPreviewUpload:hover {
	background-position: -89px bottom;
}
/* recipe flipbook */
body.recipeflipbook #main-content {
  width: 938px;
  }
body.recipeflipbook #header-ad {
  display: none;
  }
#recipe-cover {
  margin: 0 0 30px;
  position: relative;
  }
  #recipe-cover .button a {
    background: transparent url(/images/lecreuset-go.png) 0 0 no-repeat;
    _background: transparent url(/images/lecreuset-go.gif) 0 0 no-repeat;
    cursor: pointer;
    display: block;
    height: 100px;
    overflow: hidden;
    right: 111px;
    position: absolute;
    text-indent: -9999px;
    top: 275px;
    width: 100px;
    }
#main-content .photo.recipe {
  background: transparent url(/images/recipe-bg-top.jpg) 0 0 no-repeat;
  margin: 0 0 30px;
  padding: 40px 0 0;
    position: relative;
  }
#main-content .photo.recipe .innerbottom {
  background: transparent url(/images/recipe-bg-bottom.jpg) 0 bottom no-repeat;
  padding-bottom: 8px;
  }
  #main-content .photo.recipe .innermiddle {
    background: transparent url(/images/recipe-bg-middle.jpg) 0 0 repeat-y;
    overflow: hidden;
    padding: 0 20px 15px;
    width: 896px;
    }
#main-content .photo.recipe .galleryimage  {
  background-color: #f8f9fb;
  margin-right: 0;
  padding-right: 10px;
  }
#main-content .photo.recipe h2.title,
#main-content .photo.recipe h1.title  {
  font-size: 23px;
  font-weight: normal;
  line-height: 28px;
  min-height: 0;
  }
  #main-content .photo.recipe h4 {
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    padding-bottom: 20px;
    }
    #main-content .photo.recipe .pager {
      position: absolute;
      right: 15px;
      top: 20px;
      width: 175px;
      }
    #main-content .photo.recipe .pager a.previous  {
      margin-right: 5px;
      }
    #main-content .photo.recipe .number {
      position: absolute;
      right: 15px;
      top: 45px;
      width: 175px;
      }
    #main-content .photo.recipe .article-toolbar {
      padding-top: 0;
      position: absolute;
      top: 25px;
      right: 200px;
      }
    #main-content .photo.recipe ul {
      background: transparent url(/images/list-top-bg.png) 0 0 repeat-x;
      padding-bottom: 20px;
      padding-top: 15px;
      }
    #main-content .photo.recipe ul li {
      font-size: 11px;
      font-weight: bold;
      line-height: 14px;
      margin-top: 3px;
      }
    #main-content .photo.recipe p {
      font-size: 12px;
      line-height: 17px;
      margin-top: 10px;
      }
@media print {
  #main-content .photo.recipe {
    background: transparent none 0 0 no-repeat;
    height: auto;
    }
  #main-content .photo.recipe .innermiddle {
    height: auto;
    overflow: visible;
    }
  #main-content .photo.recipe .pager ,
  #main-content .photo.recipe .number,
  #main-content .photo.recipe .article-toolbar {
    display: none;
    }
  }
  .photo h2 {
  	font-size: 25px;
  	line-height: 30px;
  	padding-bottom:15px;
  	font-weight: normal;
  }
  .photo ul {
  	padding: 15px 15px;
  }
  	.photo ul li {
  		float: left;
  		width:125px;
  		margin-left:28px;
  		margin-bottom: 14px;
  		height: 165px;
  		overflow: hidden;
  	}
  	.photo ul li.first {
  		clear: left;
  		margin-left: 0;
  	}
 .last-popular-galleries h2,
   .related-galleries h2,
   .last-related-galleries h2,
    .last-popular-galleries h1,
   .related-galleries h1,
   .last-related-galleries h1 {
  	font-size: 25px;
  	line-height: 30px;
  	padding-bottom:15px;
  	font-weight: normal;
  }
  	 .last-popular-galleries {
  	 	padding:15px 0 0 15px;
  	 }
   .related-galleries,
   .last-related-galleries {
    padding: 15px 15px;
  }
  	.related-galleries .items-row,
  	.last-popular-galleries .items-row,
  	.last-related-galleries .items-row {
  		overflow: hidden;
  		margin-bottom: 14px;
  	}
  	 .related-galleries .item,
  	 .last-popular-galleries .item,
  	 .last-related-galleries .item {
  		float: left;
  		width:125px;
  		margin-left:28px;
  	}
  	 .related-galleries .item:first-child,
  	 .last-popular-galleries .item:first-child,
  	 .last-related-galleries .item:first-child {
  		margin-left: 0;
  	}
    .related-galleries .item a, 
    .last-popular-galleries .item a,
    .last-related-galleries .item a {
      display: block; /* ticket 137186 to force new line */
      }
  	#photo-related li.new-line {
      clear: left;
      }
      
#social-buttons {
	overflow:hidden;
	margin-bottom: 3px;
}
#social-buttons .fb-button {
	float: left;
	height: 24px;
	width:350px;
}
.twitter-share-button {
	float: left;
	margin-top: 3px;
}
#social-buttons .googleplus,
#social-buttons .stumble {
	float:left;
	width:75px;
}
	#social-buttons .stumble {
		margin-top:3px;
	}
#dart-tag-right1 {
	width:300px;
	height:250px;
}
#dart-tag-top {
	width:728px;
	height:90px;
}
#dart-tag-bottom {
	width:728px;
	height:90px;
}
.photo .caption ul {
	padding: 0;
	list-style-type: disc;
}
.photo .caption ul li {
/*	list-style-type: disc; */
	float: none;
	height: auto;
	list-style-position: inside; 
	margin-left: 0;
	padding-left: 5px;
	overflow: visible;
}
#photo-guts > table.gallery-image > tbody > tr > td:first-child {
	min-width:285px;
	width: expression(document.body.clientWidth < 286 ? "285px" : "auto" );
}
.article-toolbar .article-buttons > a:first-child {
	margin-left:0;
}
#main-content .photo .caption {
/*	font-style: italic; */
	text-align: right;
}