﻿/* ***** Normalization ***** */
/* set baseline for all browsers */
#tbsp-embed div, #tbsp-embed dl, #tbsp-embed dt, #tbsp-embed dd, #tbsp-embed ul, #tbsp-embed ol, #tbsp-embed li, #tbsp-embed h1, #tbsp-embed h2, #tbsp-embed h3, #tbsp-embed h4, #tbsp-embed h5, #tbsp-embed h6, #tbsp-embed form, #tbsp-embed fieldset, #tbsp-embed input, #tbsp-embed p, #tbsp-embed th, #tbsp-embed td { margin: 0; padding: 0; }

/* ***** Normalization ***** */
/* set baseline for all browsers */
#tbsp-embed table { border-collapse: collapse; border-spacing: 0; }
#tbsp-embed fieldset, #tbsp-embed img { border: 0; }
#tbsp-embed a:link, #tbsp-embed a:visited, #tbsp-embed a:hover, #tbsp-embed a:active { outline: 0; }

/* ***** Normalization ***** */
/* set baseline for all browsers */
#tbsp-embed h1, #tbsp-embed h2, #tbsp-embed h3, #tbsp-embed h4, #tbsp-embed h5, #tbsp-embed h6, #tbsp-embed pre, #tbsp-embed code { font-size: 100%; font-weight: normal; }
#tbsp-embed ul, #tbsp-embed ol { list-style: none; }
#tbsp-embed address, #tbsp-embed caption, #tbsp-embed cite, #tbsp-embed code, #tbsp-embed dfn, #tbsp-embed th, #tbsp-embed var { font-style: normal; font-weight: normal; }
#tbsp-embed caption, #tbsp-embed th { text-align: left; }
#tbsp-embed em { font-style: italic; }

/* * base styles * */
#tbsp-embed .clear { float: none !important; clear: both !important; height: 0 !important; background: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
#tbsp-embed .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#tbsp-embed a { font-weight: bold; text-decoration: none; color: #f15a29 !important; }
#tbsp-embed a:hover, #tbsp-embed a:active { text-decoration: underline; }

#tbsp-embed h2, #tbsp-embed h3 { font-weight: bold; font-family: 'Amasis', 'Palatino Linotype', Palatino, Georgia, Garamond, Serif; font-size: 1.78em; padding-bottom: 12px; margin-bottom: 8px; color: #000; background: url(/assets/images/embed/border.gif) repeat-x bottom; }
#tbsp-embed h2 a, #tbsp-embed h3 a { color: #000 !important; }

#tbsp-embed p { margin-bottom: 12px; }
#tbsp-embed strong { font-weight: bold; }

#tbsp-embed { margin: 0 auto; background: #fff; position: relative; padding-top: 24px; font-size: 13px; font-family: Arial, Helvetica, Sans-Serif; color: #555555; }

#tbsp-embed #action { position: absolute; right: 0; z-index: 10; padding-right: 45px; }
#tbsp-embed #action li { float: right; margin-left: -4px; display: block; height: 35px; background: url(/assets/images/embed/btn-left.png) no-repeat left; padding-left: 20px; }
#tbsp-embed #action li a { font-family: 'Amasis', 'Palatino Linotype', Palatino, Georgia, Garamond, Serif; display: block; height: 25px; background: url(/assets/images/embed/btn-right.png) no-repeat right; padding: 10px 20px 0 0; }
#tbsp-embed #action li a span { display: block; float: left; background: url(/assets/images/embed/action-icons.png) no-repeat; width: 13px; height: 13px; margin: 3px 5px 0 0; }
#tbsp-embed #action li a:hover,
#tbsp-embed #action li a:active { text-decoration: none; }

#tbsp-embed #action li#save a span { background-position: 0 0; }
#tbsp-embed #action li#print a span { background-position: 0 -13px; }

#tbsp-embed .card { position: relative; background-repeat: repeat-y; background-position: top; margin-bottom: 5px; }
#tbsp-embed .card .inner { padding: 25px 26px 30px; background-repeat: no-repeat; background-position: top; }
#tbsp-embed .card .mid { z-index: 10; position: relative; }
#tbsp-embed .card .btm { width: 100%; position: absolute; z-index: 1; left: 0; bottom: 0; background-repeat: no-repeat; background-position: bottom; height: 122px; }

#tbsp-embed #title { min-height: 244px; }
#tbsp-embed h2 a { background: url(/assets/images/embed/tbsp-logo.gif) no-repeat; padding: 0 0 5px 30px; }
#tbsp-embed #title .image { float: left; background-repeat: no-repeat; position: relative; padding: 3px; }
#tbsp-embed #title .image img { width: 100%; height: 100%; }
#tbsp-embed #title .image span { display: block; position: absolute; width: 60px; height: 36px; background: url(/assets/images/embed/paperclip.png) no-repeat; }
#tbsp-embed #title .info { float: left; }
#tbsp-embed #title .recipe-link a { display: block; text-transform: uppercase; background: url(/assets/images/embed/btn-rounded.gif) no-repeat left -30px; color: #ffffff !important; text-align: center; padding-left: 6px; letter-spacing: 0.08em; }
#tbsp-embed #title .recipe-link a span { display: block; background: url(/assets/images/embed/btn-rounded.gif) no-repeat right 0; height: 23px; padding: 7px 6px 0 0; }
#tbsp-embed #title .recipe-link a:hover,
#tbsp-embed #title .recipe-link a:active { text-decoration: none; }
#tbsp-embed #title .author { font-weight: bold; margin-bottom: 4px; }
#tbsp-embed #title .times { border-top: solid 2px #dfdfdf; margin-top: 10px; padding-top: 14px; }
#tbsp-embed #title .times li { padding-bottom: 6px; }

#tbsp-embed #ingredients { min-height: 185px; }
#tbsp-embed #ingredients ul { float: left; }
#tbsp-embed #ingredients ul.fst { margin-right: 20px; }
#tbsp-embed #ingredients ul li { background: url(/assets/images/embed/arrow.gif) no-repeat 13px 15px; padding: 13px 0 13px 28px; border-top: solid 1px #ededed; border-bottom: solid 1px #dfdfdf; font-weight: bold; }
#tbsp-embed #ingredients ul li.fst { border-top: 0; }
#tbsp-embed #ingredients ul li.lst { border-bottom: 0; }

#tbsp-embed #directions .inner { padding: 10px 26px; }
#tbsp-embed #directions ol { margin-top: 22px; }
#tbsp-embed #directions ol li { margin-bottom: 18px; line-height: 1.2; min-height: 25px; padding-left: 42px; position: relative; font-size: 1.08em; line-height: 1.3; }
#tbsp-embed #directions ol li span { background-color: #f15a29; color: #fff; display: block; width: 22px; font-family: 'Amasis', 'Palatino Linotype', Palatino, Georgia, Garamond, Serif; font-size: 1.15em; left: 8px; line-height: 1.4; position: absolute; text-align: center; top: 2px; }

#tbsp-embed #footer { background-repeat: no-repeat; background-position: top; height: 54px; padding: 1px 45px; position: relative; z-index: 100; min-height: 0; }
#tbsp-embed #footer li#tagline { padding-top: 12px; width: 180px; margin: 0 auto; }

/* * rating * */
#tbsp-embed .rating-holder { display: block; position: relative; margin-right: 10px; margin-top: 3px; float: left; color: #757575; font-family: Verdana,'Lucida Sans Unicode','Lucida Sans',Sans-Serif; font-size: 0.92em; font-weight: bold; }
#tbsp-embed .rating-holder .total { padding-left: 2px; }

#tbsp-embed .rating-stars-holder { width: 85px; float: left; }
#tbsp-embed .rating-stars-holder div { height: 14px; display: none; }
#tbsp-embed .rating-stars-holder div.existing { display: block; cursor: pointer; }
#tbsp-embed .disabled .rating-stars-holder div.existing { cursor: default; }
#tbsp-embed .rating-stars-holder div.myrating img { display: none; }
#tbsp-embed .rating-stars-holder div.interactive-rating span { cursor: pointer; }
#tbsp-embed .disabled .rating-stars-holder div.interactive-rating span { cursor: default; }
#tbsp-embed .rating-stars-holder div span { background: url(/assets/images/sprite.png) no-repeat -32px -86px; width: 15px; height: 14px; display: block; float: left; text-indent: -9999px; padding-right: 2px; }
#tbsp-embed .rating-stars-holder div span.filled { background-position: -52px -86px; }

#tbsp-embed .rating-holder .rating-status { position: absolute; bottom: -16px; left: 0; margin: 0; width: 200px; font-weight: normal; font-size: 0.9em; }

/* small embed */
.small-size { width: 450px; }
.small-size #action { top: 3px; }

.small-size #title { background-image: url(/assets/images/embed/small-title-mid.jpg); }
.small-size #title .inner { background-image: url(/assets/images/embed/small-title-top.jpg); }
.small-size #title .image { width: 247px; height: 180px; margin-right: 15px; background-image: url(/assets/images/embed/small-frame.jpg); }
.small-size #title .image span { left: -26px; top: 50px; }
.small-size #title .info { padding-top: 10px; width: 130px; font-size: 0.92em; }
.small-size #title .recipe-link a { font-size: 0.92em; margin-bottom: 18px; }
.small-size #title .recipe-link a span { padding-top: 6px; height: 24px; }
.small-size #title .btm { background-image: url(/assets/images/embed/small-title-btm.jpg); height: 140px; }

.small-size #ingredients { background-image: url(/assets/images/embed/small-ing-mid.jpg); }
.small-size #ingredients .inner { background-image: url(/assets/images/embed/small-ing-top.jpg); }
.small-size #ingredients ul { width: 188px; font-size: 0.92em; }
.small-size #ingredients .btm { background-image: url(/assets/images/embed/small-ing-btm.jpg); }

.small-size #footer { background-image: url(/assets/images/embed/small-footer.jpg); }

/* midsize embed */
.mid-size { width: 550px; }
.mid-size #action { top: 3px; }

.mid-size #title { background-image: url(/assets/images/embed/mid-title-mid.jpg); }
.mid-size #title .inner { background-image: url(/assets/images/embed/mid-title-top.jpg); }
.mid-size #title .image { width: 270px; height: 197px; margin-right: 15px; background-image: url(/assets/images/embed/large-frame.jpg); padding: 3px; }
.mid-size #title .image span { left: -25px; top: 55px; }
.mid-size #title .info { padding-top: 18px; width: 206px; font-size: 0.92em; }
.mid-size #title .recipe-link a { margin-bottom: 26px; }
.mid-size #title .btm { background-image: url(/assets/images/embed/mid-title-btm.jpg); height: 147px; }

.mid-size #ingredients { background-image: url(/assets/images/embed/mid-ing-mid.jpg); }
.mid-size #ingredients .inner { background-image: url(/assets/images/embed/mid-ing-top.jpg); }
.mid-size #ingredients ul { width: 238px; font-size: 0.92em; }
.mid-size #ingredients .btm { background-image: url(/assets/images/embed/mid-ing-btm.jpg); }

.mid-size #footer { background-image: url(/assets/images/embed/mid-footer.jpg); }

/* large embed */
.large-size { width: 586px; }
.large-size #action { top: 4px; }

.large-size #title { background-image: url(/assets/images/embed/large-title-mid.jpg); }
.large-size #title .inner { background-image: url(/assets/images/embed/large-title-top.jpg); }
.large-size #title .image { width: 270px; height: 197px; margin-right: 30px; background-image: url(/assets/images/embed/large-frame.jpg); padding: 3px; }
.large-size #title .image span { left: -22px; top: 55px; }
.large-size #title .info { padding-top: 12px; width: 222px; }
.large-size #title .recipe-link a { font-size: 0.92em; margin-bottom: 26px; }
.large-size #title .btm { background-image: url(/assets/images/embed/large-title-btm.jpg); height: 106px; }

.large-size #ingredients { background-image: url(/assets/images/embed/large-ing-mid.jpg); }
.large-size #ingredients .inner { background-image: url(/assets/images/embed/large-ing-top.jpg); }
.large-size #ingredients ul { width: 257px; }
.large-size #ingredients .btm { background-image: url(/assets/images/embed/large-ing-btm.jpg); }

.large-size #footer { background-image: url(/assets/images/embed/large-footer.jpg); }

/* when options not shown */
.small-size.no-dir #ingredients .btm { background-image: url(/assets/images/embed/small-footer-no-dir.jpg); }
.small-size.no-dir #footer { background: none; margin-top: -26px; }
.small-size.summ-only #footer { background: none; margin-top: -20px; }

.mid-size.no-dir #ingredients .btm { background-image: url(/assets/images/embed/mid-footer-no-dir.jpg); }
.mid-size.no-dir #footer { background: none; margin-top: -28px; }
.mid-size.summ-only #footer { background: none; margin-top: -19px; }

.large-size.no-dir #ingredients .btm { background-image: url(/assets/images/embed/large-footer-no-dir.jpg); }
.large-size.no-dir #footer { background: none; margin-top: -28px; }
.large-size.summ-only #footer { background: none; margin-top: -21px; }