/* 
	Resets defualt browser settings
	reset.css
*/

/*
	Page style
*/


#container {
	width:229px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:229px;
	height:191px;
	position:relative;
}

#frame {
	position:absolute;
	z-index:0;
	width:229px;
	height:191px;

}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:30px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:175px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:175px;
	height:210px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:55px;
	left:10px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:-20px;
	background-color:#000;
}

/*
	Pagination
*/

.pagination {
	margin:4px auto 0;
	width:175px;
	padding-left:30px;
	text-align:center;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:0px;
	left:0;
	height:30px;
	
	
	width:175px;
	font-size:12px;
	line-height:1.33;
	color:#000;
	text-align:left;
	text-shadow:none;
	font-weight:bold;
}

#zlrecipe-container html, #zlrecipe-container body, #zlrecipe-container div, #zlrecipe-container span, #zlrecipe-container applet, #zlrecipe-container object, #zlrecipe-container iframe,
#zlrecipe-container h1, #zlrecipe-container h2, #zlrecipe-container h3, #zlrecipe-container h4, #zlrecipe-container h5, #zlrecipe-container h6, #zlrecipe-container p, #zlrecipe-container blockquote, #zlrecipe-container pre,
#zlrecipe-container a, #zlrecipe-container abbr, #zlrecipe-container acronym, #zlrecipe-container address, #zlrecipe-container big, #zlrecipe-container cite, #zlrecipe-container code,
#zlrecipe-container del, #zlrecipe-container dfn, #zlrecipe-container em, #zlrecipe-container img, #zlrecipe-container ins, #zlrecipe-container kbd, #zlrecipe-container q, #zlrecipe-container s, #zlrecipe-container samp,
#zlrecipe-container small, #zlrecipe-container strike, #zlrecipe-container strong, #zlrecipe-container sub, #zlrecipe-container sup, #zlrecipe-container tt, #zlrecipe-container var,
#zlrecipe-container b, #zlrecipe-container u, #zlrecipe-container i, #zlrecipe-container center,
#zlrecipe-container dl, #zlrecipe-container dt, #zlrecipe-container dd, #zlrecipe-container ol, #zlrecipe-container ul, #zlrecipe-container li,
#zlrecipe-container fieldset, #zlrecipe-container form, #zlrecipe-container label, #zlrecipe-container legend,
#zlrecipe-container table, #zlrecipe-container caption, #zlrecipe-container tbody, #zlrecipe-container tfoot, #zlrecipe-container thead, #zlrecipe-container tr, #zlrecipe-container th, #zlrecipe-container td,
#zlrecipe-container article, #zlrecipe-container aside, #zlrecipe-container canvas, #zlrecipe-container details, #zlrecipe-container embed, #zlrecipe-container figure,
#zlrecipe-container figcaption, #zlrecipe-container footer, #zlrecipe-container header, #zlrecipe-container hgroup, #zlrecipe-container menu,
#zlrecipe-container nav, #zlrecipe-container output, #zlrecipe-container ruby, #zlrecipe-container section, #zlrecipe-container summary,
#zlrecipe-container time, #zlrecipe-container mark, #zlrecipe-container audio, #zlrecipe-container video {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;

	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
#zlrecipe-container article, #zlrecipe-container aside, #zlrecipe-container details, #zlrecipe-container figcaption, #zlrecipe-container figure, #zlrecipe-container 
footer, #zlrecipe-container header, #zlrecipe-container hgroup, #zlrecipe-container menu, #zlrecipe-container nav, #zlrecipe-container section {
	display: block;
}
#zlrecipe-container ol, #zlrecipe-container ul {
	list-style: none;
}
#zlrecipe-container blockquote, #zlrecipe-container q {
	quotes: none;
}
#zlrecipe-container blockquote:before, #zlrecipe-container blockquote:after,
#zlrecipe-container q:before, #zlrecipe-container q:after {
	content: '';
	content: none;
}
#zlrecipe-container table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END RESETS */

/* BASE */
#zlrecipe-container p {
  line-height: 1.2em;
  margin: 1em 0;
}
#zlrecipe-container ul {
  margin: 1em;
  padding: 0 0 0 2.4em;
}
#zlrecipe-container ol {
  list-style-type: decimal;
  margin: 1em 0;
  padding: 0 0 0 3em;
}
/* END BASE */

/* TYPOGRAPHY */
#zlrecipe-container .heading-one, #zlrecipe-container .h-1 { font-size: 2em; line-height: 1.3em; }
#zlrecipe-container .heading-two, #zlrecipe-container .h-2 { font-size: 1.75em; }
#zlrecipe-container .heading-three, #zlrecipe-container .h-3 { font-size: 1.5em }
#zlrecipe-container .heading-four, #zlrecipe-container .h-4 { font-size: 1em;border-top: 1px solid #faefce;padding-top: 10px;margin-bottom:0;color:#5c5b5a; }

#zlrecipe-container .bold, #zlrecipe-container .strong { font-weight: bold; }
#zlrecipe-container .italic, #zlrecipe-container .em { font-style: italic; }

#zlrecipe-container .serif { font-family: palatino, 'palatino linotype', Georgia, 'Times New Roman', Times, serif; }
#zlrecipe-container .sans-serif { font-family: 'helvetica neue', helvetica, arial, verdana, sans-serif; }

.text-align-center, .t-a-c { text-align: center; }
/* END TYPOGRAPHY */

/* FORMATTING */
#zlrecipe-container .padding-all, #zlrecipe-container .p-a { padding: 1em; }
#zlrecipe-container .padding-top, #zlrecipe-container .p-t { padding-top: 1em; }
#zlrecipe-container .padding-right, #zlrecipe-container .p-r { padding-right: 1em; }
#zlrecipe-container .padding-bottom, #zlrecipe-container .p-b { padding-bottom: 1em; }
#zlrecipe-container .padding-left, #zlrecipe-container .p-l { padding-left: 1em; }

#zlrecipe-container .float-left, #zlrecipe-container .fl-l { float: left; }
#zlrecipe-container .float-right, #zlrecipe-container .fl-r { float: right; }

#zlrecipe-container .width-50, #zlrecipe-container .w-50 { width: 50%; }

#zlrecipe-container .clear, #zlrecipe-container .zlclear { }

#zlrecipe-container .texthide { text-indent: -9999px; }
#zlrecipe-container .hide-card { display: none; } /* used to hide things in the recipe card (web) view */

#zlrecipe-container .border-bottom, #zlrecipe-container .b-b { margin-top: 10px;}
#zlrecipe-container .border-top, #zlrecipe-container .b-t { border-top: 1px solid #000; }
/* END FORMATTING */

/* SPECIFIC ELEMENT STYLES */
#zlrecipe-container { padding: 0px;border-top:1px solid #faefce; }
#zlrecipe-container #zlrecipe-title {color:#345b89;font-size:20px; padding-bottom: 0.5em; }
#zlrecipe-container .zlrecipe-print-link {
	padding-left: 0.5em;
	margin-top: 10px;
}
#zlrecipe-container .zl-recipe-link {
	margin-top: 5px;
}
#zlrecipe-container .zlrecipe-print-link .butn-link {
    background: url("http://ab-assets.ziplist.com.s3.amazonaws.com/print-icon.png") no-repeat scroll 0 1px transparent;
    cursor: pointer;
    padding: 0 0 0 20px;
    display: block;
    height: 20px;
}
#zlrecipe-container .zlrecipe-print-link .butn-link:hover {
	background-position: 0 -24px;
}

#zlrecipe-container .meta, #zlrecipe-container .zlmeta {
 
  font-weight: bold;
  margin-top:10px;
}
#zlrecipe-container .meta span, #zlrecipe-container .zlmeta span { font-weight: normal; }

#zlrecipe-rating .rating {
  background: url('http://ab-assets.ziplist.com.s3.amazonaws.com/star-rating.gif') no-repeat scroll 0 0;
  display: inline-block;
  height: 14px;
  text-indent: -9999px;
  width: 80px;
}
#zlrecipe-container #zlrecipe-rating .rating-5 { background-position: 0 0; }
#zlrecipe-container #zlrecipe-rating .rating-45 { background-position: 0 -14px; }
#zlrecipe-container #zlrecipe-rating .rating-4 { background-position: 0 -28px; }
#zlrecipe-container #zlrecipe-rating .rating-35 { background-position: 0 -42px; }
#zlrecipe-container #zlrecipe-rating .rating-3 { background-position: 0 -56px; }
#zlrecipe-container #zlrecipe-rating .rating-25 { background-position: 0 -70px; }
#zlrecipe-container #zlrecipe-rating .rating-2 { background-position: 0 -84px; }
#zlrecipe-container #zlrecipe-rating .rating-15 { background-position: 0 -98px; }
#zlrecipe-container #zlrecipe-rating .rating-1 { background-position: 0 -112px; }
#zlrecipe-container #zlrecipe-rating .rating-05 { background-position: 0 -126px; }
#zlrecipe-container #zlrecipe-rating .rating-0 { background-position: 0 -140px; }

#zlrecipe-container #zlrecipe-ingredients-list, #zlrecipe-container #zlrecipe-instructions-list { line-height: 1.5em;list-style-type:disc; }

#zlrecipe-ingredients{clear:left;}

#zlrecipe-container #zlrecipe-ingredients-list li {
display:list-item;
}

#zlrecipe-container #zlrecipe-ingredients-list .ingredient-label,
#zlrecipe-container #zlrecipe-instructions-list .instruction-label {
  position: relative;
  left: -10px;
  margin-top: 5px;
  font-weight: normal;
  font-style:italic;
}

#zlrecipe-container #zlrecipe-instructions-list { margin: 0 0.5em; }

#zlrecipe-container #zlrecipe-notes-list {
	margin: 0 10px;
	padding: 0 10px;
}

#zlrecipe-container .img-desc-wrap {
  background-color: #efefef;
  padding-top: 1px;
}

#zlrecipe-container .img-desc-wrap img.photo { width:545px; }
#zlrecipe-container .img-desc-wrap #zlrecipe-summary { padding:0 10px 10px; }
#zlrecipe-container #zlrecipe-summary .summary { margin: 10px 0; }

#zlrecipe-container .zl-linkback { font-size: 0.9em; color: #aaa; margin-top: 4em; }
#zlrecipe-container #zl-printed-permalink { display:none; font-size: 0.7em; }
#zlrecipe-container #zl-printed-copyright-statement { display:none; font-size: 0.9em; }

.zlrecipe-container-border #zlrecipe-beacon { display:none; }

#zlrecipe-byline{font-weight:bold;}

/* END SPECIFIC ELEMENT STYLES */