/**
	=====================================================================================
	@copyright:		©Random House 2013, All Rights Reserved
	@author:		Joe Mallory
	@client:		Random House
	@client-url:	www.tastebook.com
	@version:		1.0.0

	@description: 	Tastebook.com Customized CSS (atop Bootstrap Base)
	@requires:		Bootstrap 2.3.2 - http://twitter.github.io/bootstrap/2.3.2
	=====================================================================================
	TOC:
	=====================================================================================
	
	WP OVERRIDES
		> NO BORDER RADIUS
		> NO WORD HYPHENS
		> NORMALIZED P
		...
	DEFAULTS
		> zINDEX(s)
		> BOX-SIZING
		> BTN
		> OVERFLOW : HIDDEN ELEMENTS;
		> H1 - H6
		> BOOTSTRAP NESTED SPANs
		> BLOCKQUOTE
		> A TAGS
		...
	HEADER
		> BACKGROUND
		> LOGO
		> RECIPE-LINK
		> NAV
		...
	CONTENT
		> DEFAULT
			> NEWS & SOCIAL BAR
			> GOOGLE AD
		> HOME
			> HERO (ROYALSLIDER.COM API)
			> ARC GRID
		> INTERIOR
			> HEADERS
				> AUTHORS
				> ARCHIVES
			> CONTENT
			> POST META
			> SEARCH
			> FIGURE (IMAGE WRAPPER)
			> ASIDE
				> RELATED POST ITEM
				> GOOGLE ADSENSE
			> SINGLE PAGE
				> LINKS
				> THANKSGIVING TEMPLATE
		> PAGINTATION
		...
	FOOTER
		> MODAL
		> COPYRIGHT
		> NAV : TB SITE LINKS
		...
	IE
		IE8
		...
	MEDIA QUERIES
		> ALL
		> LARGE DESKTOP
		> TABLET PORTRAIT-TO-LANDSCAPE & DEKSTOP
		> TABLET PORTRAIT PORTRAIT ONLY
		> TABLET PORTRAIT PORTRAIT & DOWN
		> PHONE PHONE LANDSCAPE & DOWN 
		> PHONE PORTRAIT & DOWN
		...

	IE ONLY FONT STYLE
	
	=====================================================================================
*/

/**	WP OVERRIDES
	-----------------------------------------------------------------------------------*/

.site-content,
#secondary { margin-top: 0; }
#content,
.site-content article,
.entry-header img.wp-post-image { margin-bottom: 0; }
.entry-content img, .comment-content img, .widget img, img.header-image, .meta img, img.wp-post-image
{ 
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.site-content article { 
	border-bottom: 1px solid #DADADA;
	-webkit-hyphens: none; 
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

blockquote p, .entry-content p, .entry-summary p, .comment-content p, .mu_register p, p,
.entry-content li, .comment-content li { line-height: 15px; line-height: 1.375rem; font-size: inherit; font-weight: normal; }

.entry-content li, .comment-content li, .mu_register li { margin: 0 0 0 1.1rem; }

/**	DEFAULTS
	-----------------------------------------------------------------------------------*/

* { font-family: 'Helvetica W02 Roman'; color: #333; }

html, body { background: #e7e7e7; -webkit-text-size-adjust: none; overflow-x: hidden; }

.span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12,
.pagination
{
	background: #FFF none;
	margin-bottom: 20px;
	border: 1px solid #dadada;
}

/* REMOVE NESTED SPAN MARGINS */
[class*="span"] [class*="span"] { padding: 0 !important; }

/* REMOVE NESTED SPAN BORERS */
[class*="no-child-border"] [class*="span"] { padding: 0 !important; border: none; }

.logo-header,
.span2, box-shadow.span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12,
.pagination,
footer
{
	overflow: hidden;
}

h1, h1 * { font-size: 24px; }
h2, h2 * { font-size: 20px; }
h3, h3 * { font-size: 16px; }
h4, h4 *, .meta-title { font-size: 15px; }
h5, h5 * { font-size: 12px; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }

h1, h1 *,
h2, h2 *,
h3, h3 *,
h4, h4 *,
h5, h5 *,
h6, h6 *,
h2, h3, h4, h5, h6,
.related-posts .meta-nav,
.related-posts-item span,
header .nav a,
.meta-title { font-family: 'Brandon Grot W01 Medium'; }

form { float: left; display: inline; border: 0; margin: 0; padding: 0; }

a, a * { color: #333; }
a:hover, a:hover * { color: #999; }

a, a:hover { text-decoration: none; }

li { line-height: 22px; line-height: 1.275rem; margin-bottom: 20px !important; }

blockquote,
.entry-content blockquote,
.comment-content blockquote { font-style: normal; font-size: inherit; border-left: 0 none transparent; margin: 20px 40px 30px; padding: 0; }

.hidden { display: none; visibility: hidden; }

/**	DEFAULTS > zINDEX(s)
	-----------------------------------------------------------------------------------*/

.nav-wrapper { z-index: 1; }
.body-wrapper { z-index: 2; }

.navbar { z-index: 3; }
.logo-header { z-index: 4; }
	.tastebook-logo { z-index: 5; }
	.tastebook-recipe-link { z-index: 6; }

/**	DEFAULTS > BOX-SIZING
	-----------------------------------------------------------------------------------*/

*,
div,
header,
footer,
footer .nav > li > a,
.meta,
.related-posts-item,
.btn,
.hero,
.hero-image,
.hero-image,
.span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12,
.pagination,
#arc-grid .arc-grid-col,
.nav.pull-right,
.navbar .navbar-search .search-query,
.nav-collapse .navbar-form, 
.navbar-search.pull-left {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/**	DEFAULTS > BTN
	-----------------------------------------------------------------------------------*/

.btn,
.btn:hover
{
	text-shadow: none;
	color: #FFF !important;
	background: #ACCE29 none;
	text-transform: uppercase;
	border: 3px solid #DEE85F;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	-webkit-transition: background 2s; /* Safari */
	transition: background 1s;
}

.btn:hover { background: #DEE85F none; }

[class*="span"] .container-border { margin-left: 0; }

.container {
	position: relative; 
	display: block;
	padding: 20px 20px 0px;
	max-width: 940px;
 }

.container-plain { padding: 0 !important; background: transparent none !important; border: none !important; }
.container-plain [class*="span"] { margin-bottom: 20px; }

.container-border { 
 	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
 }

.container-header { 
	width: 100%; 
	margin-top: 0;
	margin-left: 0;
	padding: 0 20px !important;
}

.container-header .entry-title {
	margin: 0;
}

span.grayed { color: #999; }

/**	HEADER 
	-----------------------------------------------------------------------------------*/
/**	HEADER > BACKGROUND
	-----------------------------------------------------------------------------------*/
/**	HEADER > LOGO
	-----------------------------------------------------------------------------------*/

.logo-header { position: relative; }

.tastebook-logo { position: absolute; width: 315px; height: 49px; top: 23px; left: 40px; }

.tastebook-recipe-link { position: absolute; top: 3px; left: 40px; }

.tastebook-recipe-link * { font-size: 10px; color: #FFF; }

.tastebook-recipe-link span { color: #c3e51f; }

/**	HEADER > NAV
	-----------------------------------------------------------------------------------*/

.navbar {  width: 100%; margin-bottom: 0; }

.navbar .navbar-inner
{
	min-height: 85px;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	border: none !important;
	background-color:#595959;
	background-image:-moz-linear-gradient(top, #595959, #595959);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#595959), to(#595959));
	background-image:-webkit-linear-gradient(top, #595959, #595959);
	background-image:-o-linear-gradient(top, #595959, #595959);
	background-image:linear-gradient(to bottom, #595959, #595959);
	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#595959', endColorstr='#595959', GradientType=0);
}

.navbar .container
{
	position: relative;
	background-color: #595959;
	padding: 0;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.navbar .btn-navbar { margin-left: 0; margin-right: 20px; margin-top: 0; width: 38px; height: 38px; padding-top: 12px; overflow: hidden;}

.navbar .btn-navbar .icon-bar {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.navbar .nav > li > a { font-size: 21px; color: #c4c4c4; text-shadow: none; text-transform: uppercase; }

.navbar .nav > li > a:hover { color: #FFF; }

.phoneMenu
{
	position: absolute;
	margin-top: 0 !important;
	background-color: #595959;
}

.navbar .nav.pull-right { display: inline-block; margin-top: 28px; margin-right: 20px; }

.nav-collapse, .nav-collapse.collapse { width:100%; display: inline-block; overflow: hidden !important; }

.nav-collapse .nav > li { margin-bottom: 0 !important; position: relative; display: inline-block; }

.nav-collapse .nav > li.social-bar { display: none; }

.nav-collapse .nav > li.copyright { display: none; }

.nav-collapse .nav > li > a,
.nav-collapse .nav > li > a:hover, 
.nav-collapse .nav > li > a:focus, 
.nav-collapse .dropdown-menu a,
.nav-collapse .dropdown-menu a:hover, 
.nav-collapse .dropdown-menu a:focus { 
	background-color: transparent !important; padding: 10px 22px; 
	display: inline-block;
}

.nav .social-bar h5 { color: #C4C4C4; }

.nav-collapse .nav > li > .icon-wrapper,
.nav-collapse .nav > li > .icon-wrapper:hover,
.nav-collapse .nav > li > .icon-wrapper:focus,
.nav-collapse .dropdown-menu .icon-wrapper,
.nav-collapse .dropdown-menu .icon-wrapper:hover, 
.nav-collapse .dropdown-menu .icon-wrapper:focus { position: relative; float: left; width: 31px; height: 31px; padding: 0; margin: 0 15px 15px 5px; background-color: #FFF !important; 
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}

.nav-collapse .nav > li > .icon-wrapper i,
.nav-collapse .nav > li > .icon-wrapper:hover i,
.nav-collapse .nav > li > .icon-wrapper:focus i,
.nav-collapse .dropdown-menu .icon-wrapper i,
.nav-collapse .dropdown-menu .icon-wrapper:hover i, 
.nav-collapse .dropdown-menu .icon-wrapper:focus i { position: absolute; top: 1px; left: -2px; }

.nav-collapse .nav > li > .icon-wrapper i.icon-tb-app,
.nav-collapse .nav > li > .icon-wrapper:hover i.icon-tb-app,
.nav-collapse .nav > li > .icon-wrapper:focus i.icon-tb-app,
.nav-collapse .dropdown-menu .icon-wrapper i.icon-tb-app,
.nav-collapse .dropdown-menu .icon-wrapper:hover i.icon-tb-app, 
.nav-collapse .dropdown-menu .icon-wrapper:focus i.icon-tb-app { margin-top: -2px; margin-left: -1px; }





/**	HEADER > NAV > SEARCH
	-----------------------------------------------------------------------------------*/

.navbar-search { position: relative; display: inline-block; }

	.navbar-search .search-query {
		font-size: 15px; 
		color: #595959;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		width: 100%;
		max-width: 175px;
		padding-left: 6px;
		height: 28px !important; 
	}

	a#newsletter-btn.btn, a#newsletter-btn.btn:hover { 
		-webkit-box-shadow: 0 4px 6px -6px black !important;
		-moz-box-shadow: 0 4px 6px -6px black !important;
		box-shadow: 0 4px 6px -6px black !important;
	}

	.navbar-search { margin-left: 10px; }

	.navbar-search a.nav-search-icon { position: absolute; top: 4px; right: 8px; }

	.navbar-search a.nav-search-icon:hover { text-decoration: none; }

	.navbar-search a.nav-search-icon .icon-search { font-size: 18px; color: #595959; }


/**	CONTENT > DEFAULT
	-----------------------------------------------------------------------------------*/

#main-body { width: 100%; display: inline-block; overflow: hidden; }

.container { width: 100%; }

.row-fluid [class*="span"]
{
	padding: 20px;
}

.row-fluid .container-plain [class*="span"]
{
	padding: 20px !important;
}

.row-fluid [class*="span"] img,
#arc-grid .arc-grid-col img
{
	width: 100%;
	height: auto;
}


/**	CONTENT > GOOGLE AD
	-----------------------------------------------------------------------------------*/

.google-ad-placement { text-align: center; width: 100%; min-height:252px; padding }

#arc-grid .arc-grid-ad.arc-grid-col { padding: 0; }

/**	CONTENT > NEWS & SOCIAL BAR
	-----------------------------------------------------------------------------------*/

#tb-home .row-fluid .social-bar { margin-bottom: 10px; }

.row-fluid .social-bar { padding: 0 20px; border: none; }

	.row-fluid .social-bar,
	.social-bar .social-bar-newsletter,
	.social-bar .social-bar-connect { background: transparent none !important; }

	.social-bar .social-bar-newsletter,
	.social-bar .social-bar-connect { text-align: center; margin-bottom: 0; overflow: visible; }

	.social-bar .social-bar-newsletter form.content,
	.social-bar .content { float: none; display: inline-block; }

	.social-bar .social-bar-newsletter h5,
	.social-bar .social-bar-connect h5 { font-size: 14px; text-transform: uppercase; float: left; display: inline-block; width: auto; margin-right: 16px; }

	.social-bar .social-bar-newsletter input { color: #595959; width: 138px; height: 34px; overflow: hidden; margin-top: 2px; margin-right: 4px; margin-bottom: 0; }

	.social-bar .social-bar-newsletter input.error { border: 1px solid red; }

	.social-bar .social-bar-newsletter a { display: inline-block; margin-top: 2px; }

	.social-bar i { font-size: 38px; }

	.social-bar .icon-wrapper { width: 34px; height: 45px; margin-top: -4px; }

	.social-bar i[class*="icon"] { margin: -5px 2px; }

	.social-bar i.icon-pinterest-sign { color: #e13400; }

	.social-bar i.icon-twitter-sign { color: #00c3fd; }

	.social-bar i.icon-facebook-sign {color: #354cb1; }

	.social-bar i.icon-rss-sign { color: #ff7b00; }

	.social-bar i.icon-tb-app { background: transparent url('../img/tb-app-icon.png') no-repeat; display: inline-block; width: 34px; height: 36px; margin-top: 4px; }


	/* FOR SIDE-BAR STYLES */
	.widget-area.container-plain [class*="span"].social-bar,
	.widget-area.container-plain [class*="span"].social-bar .span6 {  padding: 0 !important; }

	.widget-area.container-plain [class*="span"].social-bar { margin-left: 0; }

	.widget-area .social-bar .social-bar-newsletter { margin-bottom: 8px; }

	.widget-area .social-bar .social-bar-newsletter input { width: 175px; color: #595959; }

	.widget-area .social-bar-newsletter,
	.widget-area .social-bar-newsletter h5,
	.widget-area .social-bar-connect,
	.widget-area .social-bar-connect h5 { width: 100%; }

/**	CONTENT > HOME
	-----------------------------------------------------------------------------------*/

/** CONTENT > HERO (ROYALSLIDER.COM API)
	-----------------------------------------------------------------------------------*/

.rsContainer { position: relative;  }

.table { display: table; margin-bottom: 0; }

	.table-cell-vert-align { display: table-cell; vertical-align: middle; }

		.hero { margin-bottom: 0; }

		.hero .hero-text { background-color: #F1FDD1; margin-left: 2.12766% }

		.hero .hero-text h1,
		.hero .hero-text h1 * { font-size: 31px; }

		.hero .hero-text h1 { margin-top: 2.5%; }

		.hero .hero-text h1,
		.hero .hero-text p { padding: 0 5%; }

		.hero .hero-text p { padding-bottom: 10px; font-size: 16px; }

		.hero .hero-text p + p { margin-top: -14px; display: inline-block; }

/**	CONTENT > HOME > ARC GRID
	-----------------------------------------------------------------------------------*/

#arc-grid
{
	position: relative;
}

	#arc-grid .arc-grid-col
	{
		position: absolute;
		background-color: #FFF;
		border: 1px solid #dadada;
		padding: 20px 20px 0;
		float: left;
		display: block;
	}

	#arc-grid .arc-grid-col .entry-header { display: inline-block; margin-bottom: -5px; }

	#arc-grid .arc-grid-col .entry-content p { font-size: 12px; }

/**	CONTENT > INTERIOR
	-----------------------------------------------------------------------------------*/

/* Right Margin for All Icons */

[class*="icon-"] { margin-right: 2px; }

.featured-post-thumbnail 
{
	display: inline-block;
	width: 100%;
	padding: 12px 0;
	border-top: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
}

.featured-post-thumbnail .caption { font-size: 10px; color: #666666; float: left; display: inline-block; padding: 4px 0 0; margin-bottom: -9px; }

.featured-post-thumbnail-vertical { width: 100%; text-align: center; }


/**	CONTENT > INTERIOR > HEADERS
	-----------------------------------------------------------------------------------*/


/**	CONTENT > INTERIOR > HEADERS > AUTHORS
	-----------------------------------------------------------------------------------*/

.container-header div { display: table; float: left; margin-right: 0px; width: 100%; }

.container-header div span { display: table-cell; vertical-align: top; border: 0; }

.container-header div > span:first-child img.photo { width: 90px !important; height: 90px !important; }

.container-header div span:first-child { float: left; width: 90px; height: 90px; margin-right: 20px; overflow: hidden; }

.container-header div span:last-child { width: auto; }

#tb-interior.author #arc-grid { margin-top: 40px; }
	#tb-interior.author #arc-grid .all-posts-by { float: left; display: inline-block; margin-top: -40px; padding-left: 20px; }

/**	CONTENT > INTERIOR > HEADERS > ARCHIVES
	-----------------------------------------------------------------------------------*/

/**	CONTENT > INTERIOR
	-----------------------------------------------------------------------------------*/

#content article.post h4 { margin-bottom: 0; }

/**	CONTENT > INTERIOR > POST META
	-----------------------------------------------------------------------------------*/

.meta { position: relative; float: left; display: inline-block; width: 100%; margin: -6px 0 10px; }
.meta-author { margin: 0; }
.meta, 
.meta a[rel="author"] { font-size: 14px; color: #666; }

#tb-interior.single-post .meta-author-has-avatar { padding-top: 25px; padding-left: 46px; }

#tb-interior.single-post .meta-date { font-size: 13px; color: #999; margin-top: 0; padding: 0; }

.row-fluid [class*="span"] .meta img.photo {  position: absolute; top: 0; left: 0; width: 25px !important; height: 25px !important; margin-right: 8px; }

.series { text-transform: uppercase; font-size: 10px; color: #888888; float: left; }

[role="post-meta-tags"] { display: inline-block; width: 100%; padding-top: 20px; border-top: 1px solid #DADADA; }

[role="post-meta-tags"] .icon-tags { margin-right: 4px; }

[role="post-meta-tags"] a { margin-right: 14px; font-size: 11px; }

.meta-nav { text-transform: uppercase; }

.nav-previous[class*="span"] + .nav-next[class*="span"] { text-align: right; margin-left: 2.12766%; }

[class*="span"].nav-previous .meta-nav,
[class*="span"].nav-next .meta-nav { display: inline-block; width: 100%; border-bottom: 1px solid #DADADA; padding-bottom: 10px; margin-bottom: 12px; }

[class*="span"].nav-next .meta-title [class*="icon-"] { margin-right: 0; margin-left: 4px; }

/**	CONTENT > INTERIOR > ASIDE > RELATED POST ITEMS
	-----------------------------------------------------------------------------------*/

.related-posts .meta-nav { width:100%; display: inline-block; text-align: center; margin-bottom: 12px; }

.related-posts-item { 
	float: left;
	display: table;
	width: 100%;
	padding: 12px;
	background-color: #F1FDD1;
	border-bottom: 2px solid #FFF;
	overflow: hidden;
}

.row-fluid [class*="span"] .related-posts-item img {  float: left; width: 50px; height: 50px; margin: 0 12px 0 0; }

.related-posts-item img,
.related-posts-item span { display: block; vertical-align: top; }

.related-posts-item span { width: auto; }

#secondary .arc-grid-col { border-bottom: none; }


/**	CONTENT > INTERIOR > ASIDE
	-----------------------------------------------------------------------------------*/

/**	CONTENT > INTERIOR > ASIDE > GOOGLE ADSENSE
	-----------------------------------------------------------------------------------*/

#secondary, 
.widget-area-ad { overflow: visible; }

.widget-area-ad { display: inline-block; position: relative; width: 300px; height: 250px; }

.widget-area-ad iframe { position: absolute; left: -10px; }

.widget-area-ad .share-icon-plusone { margin-top: 10px; }

/**	CONTENT > INTERIOR > SEARCH
	-----------------------------------------------------------------------------------*/

.search-no-results header.page-header .navbar-search .search-query { width: 300px; max-width: 300px; margin-left: 0; padding-left: 6px !important; }

.search-no-results header.page-header .navbar-search { margin-left: 0; }

/**	CONTENT > INTERIOR > FIGURE (IMAGE WRAPPER)
	-----------------------------------------------------------------------------------*/

.figure { margin-bottom: 20px; }

/**	CONTENT > INTERIOR > SINGLE PAGE > LINKS
	-----------------------------------------------------------------------------------*/

body.single .entry-content a,
body.author .author-header a {  color: #2B85A9; text-decoration: underline; }

body.single .entry-content a:hover,
body.author .author-header a:hover {  color: #0B3861; }


/**	CONTENT > INTERIOR > SINGLE PAGE > THANKSGIVING PAGE TEMPLATE
	-----------------------------------------------------------------------------------*/
.map {
  background-size: contain;
  background-repeat: no-repeat;
}
.tg-plate {
  max-width: 550px;
  position: relative;
  margin: 0 auto;
}
.tg-plate img {
  max-width: 100%;
}
.tg-plate area {
  cursor: pointer;
}
.tg-popup {
  background: white;
  display: inline-block;
  padding: 1em;
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  opacity: 0;
  z-index: -1;
  box-shadow: 0px 0 3px 0 rgba(0, 0, 0, 0.4);
text-align: center;
}
.tg-popup:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -2em;
    bottom: -1.4em;
    left: 50%;
    box-sizing: border-box;
    border: 0.75em solid black;
    border-color: transparent transparent white white;
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}
#Turkey {
  top: 10%;
  left: 15%;
}
#Potatoes {
  top: 10%;
  left: 35%;
}
#Gravy {
  top: -14%;
  left: 57%;
}
#String-Beans {
  top: 45%;
  left: 22%;
}
#Stuffing {
  top: 35%;
  left: 35%;
}
#Turkey-Sprouts {
  top: 1%;
  left: 15%;
}
#Sweet-Potatoes {
  top: 6%;
  left: 38%;
}
#Cranberry {
  top: -15%;
  left: 54%;
}
#Cranberry:after {
  margin-left: 2em;
}
.tg-show {
  opacity: 1;
  z-index: 1;
}
.tg-popup h3, .tg-popup p {
  margin: 0 0 0.25em 0;
  line-height: 1.1;
}
.tg-popup .btn {
  text-decoration: none!important;
}

@media screen and (max-width: 550px) {
	.tg-plate {
		max-width: 320px;
	}

	.tg-popup {
		width: 180px;
		margin-top: -3em;
		margin-left: -2em;
	}

	.tg-popup .btn {
		font-size: 11px;
	}

	.tg-popup h3 {
		font-size: 1.1em;
	}

	#Cranberry {
		margin-left: -4em;
	}

}

/**	CONTENT > INTERIOR > PAGINATION
	-----------------------------------------------------------------------------------*/

.pagination
{
	margin-top: 0;

}

.pagination ul { width: 100%; display: inline; }

.pagination .page-numbers { display: inline-block; margin-left: -4px; padding: 10px 14px; border-right: 1px solid #DADADA; }

.pagination .page-numbers:first-child { margin-left: 0; }

.pagination .current { background-color: #DADADA; }

/**	FOOTER > COPYRIGHT > MODAL
	-----------------------------------------------------------------------------------*/

.modal
{ 
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
}

.modal-header { padding-bottom: 0; }

.modal-header .modal-title { margin-bottom: 0; }

.modal-header,
.modal-footer { border: none; }

.modal-body { padding-top: 0; }

.modal-backdrop { background-color: #666; }

.modal.fade { top: -75%;}


/**	FOOTER > COPYRIGHT
	-----------------------------------------------------------------------------------*/

/**	FOOTER > NAV : TB SITE LINKS;
	-----------------------------------------------------------------------------------*/

footer { position: relative; padding: 0; }
footer.dynamic { position:fixed; bottom:0px; width:100%; max-height: 80px; overflow:hidden;}

footer .footer-bg { width:100%; background-color:transparent; height:30px; }
footer .footer-bg.dynamic { background:transparent url('../img/arrow-up.png') no-repeat 50% -5%; }
footer .footer-bg.loader { background:transparent url('../img/ajax-loader-fff.gif') no-repeat 50% -5%; }

footer .footer-bg span { width:60px; height:30px; position:absolute; left:0; right:0; margin:0 auto; cursor:pointer; }

footer .footer-inner { max-width:940px; margin:0 auto;padding:0 2%; }
footer .footer-inner.dynamic { width:100%; padding-top:0.25%; min-height:95px; border-top:1px solid #dadada; background-color:#e7e7e7; font-size:12px; }

footer small { margin-bottom: 0; }

footer small.copyright { max-width:50%; }

footer .nav { max-width:50%; }
footer .nav.dynamic { position: relative; }

footer .nav.dynamic > li a { font-size:11.5px; }
footer .nav,
footer .nav > li { list-style: none; display:inline-block; margin: 0; padding: 0; }

footer .nav > li a { font-size: 12px; float: left; display: block; padding: 0 5px; }

footer .nav > li a:hover { background-color: transparent; }

footer .nav > li:first-child a { padding-left: 0; }
footer .nav > li:last-child a { padding-right: 0; }

/**	MEDIA QUERIES > LARGE DESKTOP
	-----------------------------------------------------------------------------------*/

.navbar .btn-navbar
{
	position: absolute; 
	top: 26px;
	right: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none !important;
	background: #abcd28 none !important;

}

.navbar .btn-navbar .icon-bar { 
	background: #FFF none !important; 
	margin: 2px 0 !important; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; b
	ox-shadow: none;
}

/**	IE > IE8
	-----------------------------------------------------------------------------------*/

.isIE8 h1, .isIE8 h1 *, .isIE8 h2, .isIE8 h2 *, .isIE8 h3, .isIE8 h3 *, .isIE8 h4, .isIE8 h4 *, .isIE8 h5, .isIE8 h5 *, .isIE8 h6, .isIE8 h6 *, 
.isIE8 .related-posts .meta-nav, .isIE8 .related-posts-item span, .isIE8 .nav a, .isIE8 .meta-title 
{
	font-family:'News Gothic W01 Bold' !important;
}

.isIE8 .entry-header .entry-title {
	line-height: 30.1833px !important;
}

.isIE8 blockquote p, 
.isIE8 .entry-content p, 
.isIE8 .entry-summary p,
.isIE8 .comment-content p, 
.isIE8 .mu_register p, 
.isIE8 p, 
.isIE8 .entry-content li, 
.isIE8 .comment-content li
{
	line-height: 22px !important;
}

.isIE8 li { line-height: 22px !important; }

/**	MEDIA QUERIES > TABLET PORTRAIT TO LANDSCAPE & DEKSTOP 
	-----------------------------------------------------------------------------------*/

@media (max-width: 979px) {

	body { padding : 0 !important; }

	.tastebook-recipe-link,
	.tastebook-logo { left: 20px; }

	/* *Display the mobile nav-icon */
	.navbar .btn-navbar { display: inline-block; }

	.navbar .container { width: 100%; }

	.navbar .nav.pull-right { float: left; width: 100%; margin-top: 80px; margin-right: 0; }

	.nav-collapse, .nav-collapse.collapse { margin-top: 55px; height: 1px; }

	.nav-collapse .nav > li,
	.nav-collapse .nav > li a  { width: 100%; }

	.nav-collapse .nav > li.social-bar { display: inline-block; margin: 0 14px; padding-left: 8px; margin-top: -4px; }

	.navbar .navbar-search,
	.navbar-search .search-query { max-width: 100% !important; width: 100%; margin: 0 !important; }
	
	.nav-collapse .nav > li.searchform { position: absolute; top: -46px; left: 0; padding: 0 20px !important; }
	
	.nav-collapse .nav > li.searchform form { padding: 10px 0; }

	.navbar .navbar-search a.nav-search-icon { right: 10px; top: 14px; width: auto; }

	.nav-collapse .nav > li > a,
	.nav-collapse .nav > li > a:hover, 
	.nav-collapse .nav > li > a:focus, 
	.nav-collapse .dropdown-menu a,
	.nav-collapse .dropdown-menu a:hover, 
	.nav-collapse .dropdown-menu a:focus { border-bottom: 1px solid #929292; }

   	.nav-collapse .navbar-form, .nav-collapse .navbar-search { 
   		border-top: none !important;
   		border-bottom: none !important;
   		-webkit-box-shadow: none !important;
   		-moz-box-shadow: none !important;
   		box-shadow: none !important;
   	}
	
	.rsContainer .hero-image,
	.rsContainer .hero-text { width: 100% !important; clear: left !important; float: none !important; }

	.rsContainer .hero-text { margin: 20px 0 0 !important; padding-bottom: 20px !important; }

	.row-fluid #content[class*="span"], 
	.row-fluid #secondary[class*="span"] { max-width: 100% !important; width: 100% !important; margin-left: 0 !important; }

	/* FOR SIDE-BAR STYLES */
	.social-bar .social-bar-connect { margin-bottom: 6px; }

	.social-bar .social-bar-newsletter h5,
	.social-bar .social-bar-connect h5 { float: none; width: 100%; margin-right: 0; }

	.social-bar .social-bar-newsletter input { width: 206px; }
		#tb-home .social-bar .social-bar-newsletter input { text-align: left; }
		#tb-interior .social-bar .social-bar-newsletter input { text-align: center; }

	.social-bar .social-bar-newsletter input,
	.social-bar .social-bar-newsletter a { float: none; display: inline-block;  }

	.widget-area .social-bar .social-bar-newsletter input { width: 200px !important; }

	.widget-area .social-bar .social-bar-newsletter a { width: 214px !important; }

	#secondary,
	.widget-area-ad { overflow: hidden; }

	.widget-area-ad { position: relative; width: 100%; text-align: center; }

	.widget-area-ad iframe { position: relative; left: 0; }

	footer .nav { position: relative; left: 0; }

}

/**	MEDIA QUERIES > TABLET PORTRAIT ONLY
	-----------------------------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 979px) { 

	/* FOR SIDE-BAR STYLES */
	.related-posts-item span { display: inline; }

	.widget-area .social-bar .social-bar-connect { margin-left: 0; } 
	.widget-area .social-bar .social-bar-newsletter a { width: auto !important; }

}

/**	MEDIA QUERIES > TABLET PORTRAIT & DOWN
	-----------------------------------------------------------------------------------*/

@media (max-width: 767px) { 

	.social-bar .social-bar-connect { margin: 20px 0 6px; }

	#tb-interior .social-bar .social-bar-newsletter input { text-align: left; }

	.nav-previous.[class*="span"],
	.nav-next.[class*="span"] { width: 100%; }

	.nav-previous[class*="span"] + .nav-next[class*="span"] { margin-left: 0 !important; }

	/* FOR SIDE-BAR STYLES */
	.social-bar .content { width: 100%; }

	.social-bar .social-bar-newsletter input { margin-left: 0px; }

	#tb-home .social-bar .social-bar-newsletter input,
	#tb-interior .social-bar .social-bar-newsletter input { text-align: center; }

	.social-bar .social-bar-newsletter,
	.social-bar .social-bar-contact { width: 100%; text-align: center; }

	.widget-area .social-bar .social-bar-newsletter input,
	.widget-area .social-bar .social-bar-newsletter a,
	.social-bar .social-bar-newsletter input { padding: 4px 0; width: 98% !important; }
	.social-bar .social-bar-newsletter a { width: 99% !important; margin-top: 10px; }
}

/**	MEDIA QUERIES > PHONE LANDSCAPE & DOWN 
	-----------------------------------------------------------------------------------*/

@media (max-width: 480px) { 

	.tastebook-logo { top: 0; left: 0; margin-top: 26px; margin-left: 69px; }

	.tastebook-recipe-link { display: none; }
	
	.navbar-inner { padding: 0 !important; }
	
	.navbar .btn-navbar { margin: 0 !important; left: 20px; right: auto; }

	/*.navbar .nav.pull-right { margin-top: 70px; }*/

	.nav-collapse .nav > li > .icon-wrapper,
	.nav-collapse .nav > li > .icon-wrapper:hover,
	.nav-collapse .nav > li > .icon-wrapper:focus,
	.nav-collapse .dropdown-menu .icon-wrapper,
	.nav-collapse .dropdown-menu .icon-wrapper:hover, 
	.nav-collapse .dropdown-menu .icon-wrapper:focus { margin: 0 6px 15px 5px; }

	.container-header p > span,
	.container-header p > span > img { width: 100% !important; height: auto !important; }

	.container-header p > span,
	.container-header p { display: block; width: 100%; height: auto; }
	
	.container-header p > span:first-child { margin-bottom: 20px; }

	footer .nav > li { width: 100%; }

	footer .nav > li > a { padding: 0; }

	footer .footer-inner.dynamic { display:none; }

	.nav-collapse .nav > li.copyright { display: inline-block; margin: 0 14px; padding-left: 8px; margin-top: 44px; font-size:90%; max-width: 95%; }
	
	.nav-collapse .nav > li.copyright small, .nav-collapse .nav > li.copyright span { color: #c4c4c4; }

	.nav-collapse .nav > li.copyright div { margin: 0 30px 0 0; }
		
	.nav-collapse .nav > li.copyright a { color: #c4c4c4; }
	
	.nav-collapse .nav > li.copyright a:hover { color: #aaa; text-decoration:underline; }
	
 }

/**	MEDIA QUERIES > PHONE PORTRAIT & DOWN
	-----------------------------------------------------------------------------------*/

@media (max-width: 320px) {
	
	.tastebook-logo { margin-top: 32px; width: 232px; height: 37px; }
}


/**	IE ONLY FONT STYLES;
	-----------------------------------------------------------------------------------*/


/**	RECENT ADDITIONS FOR LOGO
	-----------------------------------------------------------------------------------*/

.phoneMenu .addedlogo{ float:left; display:block;}
.navbar-responsive-collapse .addedlogo { display:none;}
.social-bar-connect .addedlogo { display:none;}




	 #content div.zergnetdisplay {
		margin:20px auto;
		width:100%;
		background-color:#FFFFFF;
		clear:both;
		padding:20px 0px;
		}
		#content span.txtmeta  {
		font-weight:bold;
		padding:0px 0px 10px 25px;
		}