/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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

html { background:#f9f9f9;font:62.5% Verdana, Arial, Helvetica, sans-serif; }
body { font-size:1.1em;line-height:1em;color:#282A2E; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: '';content: none; }
table { border-collapse:separate;border-spacing: 0 10px;float:left;margin-left:10px;vertical-align:top; }
p { line-height:1.5em;margin:0 0 1em 0; }

.mobileOnly { display:none; }

[type="submit"] { cursor:pointer; }

nav#mainMenu { clear:both;float:right;margin-top:-4em; }
nav#mainMenu ul li { display:inline-block;list-style:none;margin:0 0 0 .5em;vertical-align:bottom; }
nav#mainMenu ul li:first-child { margin-right:0; }
nav#mainMenu ul li a, 
nav#mainMenu ul li #search { background:#e9e9e9;border:2px solid #fff;border-bottom:0;border-radius:10px;border-bottom-right-radius:0;border-bottom-left-radius:0;color:#999;float:left;font-size:2em;line-height:1em;padding:10px 1em;text-decoration:none; }
nav#mainMenu ul li.active { position:relative; }
nav#mainMenu ul li.active a,
nav#mainMenu ul li.active #search { background:#181818;border-color:#000;color:#fff; }

nav#mainMenu ul li:not(.active) a:focus, 
nav#mainMenu ul li:not(.active) a:hover { background:rgba(153,153,153, .5);color:#f0f0f0;text-shadow: 2px 2px 5px #000; }

nav#mainMenu ul li a:focus { border-color:#d9d9d9;outline:0; }
nav#mainMenu ul li #search:focus, 
nav#mainMenu ul li #search:hover { background:#fff;border-color:#d9d9d9;color:#000;outline:0; } 

nav#mainMenu ul li.active a:focus,
nav#mainMenu ul li.active a:hover { text-shadow: 2px 2px 5px #fff; }

nav#mainMenu ul li form { display:inline-block; }

nav#mainMenu ul li #search::-webkit-input-placeholder { padding:2px 0 0 0; }
nav#mainMenu ul li #search { width:4em; }
nav#mainMenu ul li #search:focus { width:auto; }

nav#mainMenu ul li.active .mask:after { background:#181818;border-top-right-radius:10px;bottom:0;color:#fff;;content:"...";font-size: 2em;line-height:1em;padding:14px .5em 0 5px;position:absolute;right:0;top:0; } 

nav#mainMenu ul li.active #search:active + .mask:after,
nav#mainMenu ul li.active #search:focus + .mask:after,
nav#mainMenu ul li.active:hover .mask:after { display:none; }


header { line-height:1.5em;float:left;margin-top:10px;width:100%;z-index:10; }
#logo { float:left; }
#logo a { background:url('/assets/img/logo.png');background-size:512px 116px;height:116px;float:left;width:512px; }

#breadcrumb { float:left;margin:.5em 0 1em 0; }
#breadcrumb li a { color:#fff;text-decoration:none;  }
#breadcrumb li { color:#fff;display:inline-block;list-style:none;margin-left:1em; }
#breadcrumb li:before { content: ">";margin:0 1em 0 0; }
#breadcrumb li:first-child { margin-left:0; } 
#breadcrumb li:first-child:before { content:none; } 

h1, h2, h3 { font-weight:bold;line-height:1.2em; }

h1 { background:rgba(255,255,255,.6);border-top-left-radius:5px;color:#000;font-size:2em;margin:10px 0 0 10px;position:absolute;padding:10px;z-index:10; }
h2 { font-size:1.5em;margin:0 0 .5em 0; }
h3 { font-size: 1.2em;margin:0 0 .5em 0; }

strong { font-weight:bold; }

#siteContainer {box-sizing:border-box;margin:0 auto;width:1220px;}
#mainContent{ background:rgba(0,0,0,0.9);border-radius:10px;border-top-right-radius:0;border:1px solid #181818;box-sizing:border-box;box-shadow: 0 0 20px 5px rgba(0,0,0,0.5);float:left;margin:0 auto 2em auto;padding:10px 8px 20px 10px;width:100%; }
#auxNavContainer { float:right;vertical-align:top;width:450px;}
tr.recipeNotesContainer td { background:none !important; }
#recipeNotes { background:#211621;border-radius:5px;box-shadow:2px 2px 10px 5px rgba(90,32,90,1);color:#fff;float:left;margin:.5em 0;padding:10px; }
#recipeNotes a { color:#fff;text-decoration:none; }
#recipeNotes a:hover {text-decoration:underline; }

#recipeCategories { float:left; }
#recipeCategories, #recipeInspirations { clear:both;color:#fff;padding:1em 0 .5em 0;text-align:center; }
#recipeInspirations a { color:#fff;text-decoration:none; }
#recipeInspirations a:hover { text-decoration:underline; }
#recipeCategories ol, #recipeInspirations ol { display:inline-block;margin:0 0 0 1em; }
#recipeCategories li, #recipeInspirations li { display:inline-block;margin-right:1em; }
#recipeCategories li:last-child,  #recipeInspirations li:last-child { margin-right:0; }

#recipeCategories { position:relative; }
#recipeCategories span { float:left;left:1em;position:absolute; }
#recipeCategories ol { float:left;margin:-.6em 0 1em 8em; }
#recipeCategories li { float:left;margin-top:.5em; }

#recipeCategories li[itemprop="recipeCategory"],
#recipeCategories li[itemprop="recipeCuisine"] { background:#fff;border-radius:10px;color:#000;padding:0 .5em; }

#publishInfo { color:#fff;float:right;margin:.5em 0 0 0; }
#publishInfo time { color:#fff !important; }

#contentContainer { border-radius:10px;box-sizing:border-box;clear:left;float:left;spadding:10px;width:750px; }
#facebookCommentsContainer { background:rgba(255,255,255,.95);border-radius:10px;border:3px solid #425eab;box-sizing:border-box;margin-bottom:15px;padding:1em; }

.auxNavItem { box-sizing:border-box;clear:both;margin-left:10px;padding:5px; }
.background{ border-radius:10px;clear:left;float:left;margin-bottom:10px;position:relative;width:750px; }
.background img { box-sizing:border-box;border:3px solid #fff;float:left; }
.background .description { box-sizing:border-box;clear:both;color:#fff;line-height:1.5em;margin:0 auto;padding:0 .5em;text-align:center;width:95%; }

.inspiration { clear:both;color:#fff;float:left;font-size:1.1em;margin:0; }
.inspiration li { border-right:1px solid #2D2D2D; list-style:none;padding:0 5px;float:left; }
.inspiration li:first-child, .inspiration li:last-child { border:none; }
.inspiration li:last-child { padding-right:0; }
.inspiration li a { color:#fff;text-decoration:none; }
.inspiration li a:hover { text-decoration:underline; }

.item .text { display:inline-block;font-weight:bold;padding-left:.5em;position:relative; }
.item .text a { color:rgb(40,42,46); }

/* measurements outside */
.measurementContainer {
	display:inline-block;
	position:absolute;
	z-index:1;
}
.measurement { 
	background:#6699CC;
	border:1px solid #000;
	box-sizing:border-box;
	color:#fff;
	display:inline-block;
	font-size:1.2em;
	font-family:"Arial";
	left:-100%;
	min-width:2em;
	position:relative;
	padding:0 5px;
	text-align:center;
	text-shadow: 2px 2px 5px #000;
	top:-2px;
	white-space:nowrap;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
/**/

.batch { background:#99CC99; }
.bulb, .bulbs { background:#DE935F; }
.bunch, .bunches { background:#B5BD68; }
.clove, .cloves { background:#DE935F; }
.cup, .cups { background:#C82829; }
.fillets { background:#4D4D4C; }
.g { background:#eea320; }
.head, .heads { background:#DE935F; }
.inch { background:#DE935F; }
.L {  background:#4271AE; }
.lb, .lbs {  background:#D82690; }
.measurement.none { border:none;min-width:0;padding:0; }
.ml { background:#99CCCC; }
.oz { background:#cf5737; }
.pinch { background:#989; }
.pint { background:#ce2848; }
.pkg { background:#99CC99; }
.splash, .splashes { background:#8ABEB7; }
.stalk, .stalks { background:#B5BD68; }
.tbsp { background:#CC99CC; }
.tsp { background:#F2777A; }

ol{
	list-style:disc;
	line-height:1.6em;
	margin-left:1.5em;
}
.ingredients ol { list-style:none;margin-left:-5px; }
.optional { color:#999; }
ol li { cursor:default;padding:.2em 0; }

.step{
	counter-reset: div; /* Initiate a counter */
	list-style: none; /* Remove default numbering */
	*list-style: decimal; /* Keep using default numbering for IE6/7 */
	font: 15px 'trebuchet MS', 'lucida sans';
	margin-left:0;
	padding: 0;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

tr td { spadding-left:20px;position:relative; }


tr td{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom:10px;
}
tr td.steps { background:none; }

tr td.ingredients{ 
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	padding-right:20px;
}
tr td.instructions{ 
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}

th { background-color:#718C00;color:#fff;font-size:1.3em;font-weight:bold;  }
td, th { padding:.5em 5px;text-align:left;vertical-align:top; }
td { padding:0 5px; }

/* over ride stuff */

td {sheight:1px;}
.box {
	sborder-radius: 10px;
	margin-bottom:5px;
	padding:0 10px 0 0;
	height:100%;
	width:auto;
	float:left;
}

/*
tr:nth-child(odd) td .box{ background:rgba(255, 255, 255, .85); }
tr:nth-child(even) td .box{ background:rgba(255, 255, 205, .8); }
*/

tr:nth-child(odd) td { background:rgba(255, 255, 255, .85); }
tr:nth-child(even) td { background:rgba(255, 255, 205, .8); }

/*
in case background changes from black, use this to set default colours
tr:nth-child(odd) td .box{ background:#ddd; }
tr:nth-child(even) td .box{ background:#d1d1a9; }
*/

td.ingredients .box {
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	padding:0 0 0 20px;
	width:100%;
}
td.instructions .box {
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	margin-left:10px;
	spadding-left:10px;
}

/* no ingredients override */
tr.noIngredients td.ingredients .box { background:none; }
tr.noIngredients td.instructions .box {  
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	margin-left:0;
}

/*searches via plug in*/
.sisea-search-form input[type="submit"] { height:0;position:absolute;visibility:hidden;width:0; }
.sisea-search-form label { display:none; }
.sisea-search-form #search { background:#e9e9e9;border:0;color:#000;margin-bottom:-4px;padding-bottom:6px !important; }

/*search results*/
#searchResultsList li { box-sizing:border-box;border-radius:5px;display:inline-block;margin:0 20px 0 0;max-width:150px;vertical-align:top;width:150px; }
#searchResultsList li * { display:block; }
#searchResultsList li a { color:#fff;position:relative;text-decoration:none; }
#searchResultsList li img { border-radius:10px;border:3px solid rgba(109,9,109,.8);sbox-shadow:2px 2px 10px 5px rgba(255,55,255,.3);box-sizing:border-box;margin-bottom:10px;width:150px; }
#searchResultsList li span { line-height:1.5em;margin:10px 0 2.5em 0;text-align:center; }
#searchResultsList li a:focus { outline:0; }
#searchResultsList li a:focus img, 
#searchResultsList li a:hover img { color:#fff;border-color:#fff;box-shadow:2px 2px 10px 5px rgba(255,255,255,.3); }
#searchResultsList .recipeTitle br { display:none; }

#searchResultsList .tooltip { background:#fff;border:3px solid #000;box-sizing:border-box;color:#000;display:none;padding:.5em;position:absolute;top:100%;z-index:10;text-shadow:none; }
#searchResultsList .tooltip:before { background:#fff;border:3px solid #000;border-bottom:0;border-right:0;content:" ";display:block;height:10px;left:50%;margin-left:-5px;position:absolute;top:-9px;;transform:rotate(45deg);width:10px; } 

#searchResultsList li a:focus .tooltip,
#searchResultsList li a:hover .tooltip { display:block; }

.searchResults .numItems { margin:0 0 2em 0; }
.searchResults .pageNav { margin:1.5em 0;text-align:center; }
.searchResults .pageNav a { border-radius:10px;color:#fff;margin:0 .5em;padding:.2em .5em;text-decoration:none; }
.searchResults .pageNav a:hover { background:#fff;color:#000; }
.searchResults .pageNav li { display:inline-block; }
.searchResults .pageNav .active { background:rgba(255,55,255,.3);border:1px solid #fff; }

/*layout overrides */

[data-template="home"] #mainContent { border:none;box-shadow:none;padding:0; }
[data-template="home"] #mainContent img { display:inline-block;width:100%; }
[data-template="home"] #contentContainer { color:#fff; }
[data-template="search"] #contentContainer { color:#fff;margin-top:1em;padding:10px;width:900px; }
[data-template="search"] #auxNavContainer {width:300px; }
[data-template="home"] .googleSenseMain { margin:0 auto 30px auto;width:320px; }

[data-template="home"] h1,
[data-template="search"] h1 { float:left;margin-bottom:10px;position:relative; }

[data-template="home"] #contentContainer { width:100%; } 
[data-template="home"] .background { float:none;margin:1em auto;text-align:center;width:100%; }
[data-template="home"] .background img { border-radius:10px;box-shadow:0 0 50px 10px rgba(255,255,255, .3);display:block;float:none;margin:0 auto; } 
[data-template="home"] .searchResults { text-align:center; }
[data-template="home"] p { margin:1em 0; }

.googleSenseMain { box-sizing:border-box;margin-bottom:15px;padding:0 5px 0 0;width:100%;height:100%; }
.googleSenseAux { box-sizing:border-box;clear:both;padding:15px 5px 0 0; }

/* ---------- iPhone/iPod Only ---------- */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
	body { font-size:3.2em; }

	#logo { float:right;margin:0 10px 10px 0; }
	#logo a { background:url('/assets/img/logo-mobile.png');background-size:100px 100px;height:100px;float:left;width:100px; }

	nav#mainMenu { position:relative;margin:0;float:left }
	nav#mainMenu ul { border:5px solid #fff;border-radius:10px;box-sizing:border-box;display:none;margin:0;left:0;position:absolute;stop:-10px;z-index:11; }
	nav#mainMenu input:checked + ul { display:block; }
	nav#mainMenu ul li { display:block;margin:0;z-index:11; }
	nav#mainMenu ul li a,
	nav#mainMenu ul li #search { border-radius:0;display:block;float:none;margin:0;z-index:11; }

	nav#mainMenu label.mobileOnly {
		background-color: gray;
		background-image: repeating-linear-gradient(0deg, transparent, transparent 14px, rgba(255,255,255,.5) 15px, rgba(255,255,255,.5) 28px);
		border-radius:10px;
		border:15px solid #bfbfbf;
		box-shadow:1px 1px 3px #000;
		box-sizing:border-box;
		display:block;
		float:left;
		height:100px;
		opacity:.4;
		position:absolute;
		top:-110px;
		width:100px;
	}

	nav#mainMenu input:checked + label.mobileOnly { opacity:.8; }

	nav#mainMenu ul li:not(.active) a:focus, 
	nav#mainMenu ul li:not(.active) a:hover { background:#bfbfbf;color:#fff;text-shadow:none; }

	nav#mainMenu ul li.active a:focus,
	nav#mainMenu ul li.active a:hover { text-shadow:none; }

	nav#mainMenu input[type="checkbox"] { opacity:0;position:absolute;top:-1000px; }

	.mobileOnly { display:block; }

	h1 { display:inline-block;font-size:.85em;margin-left:0;position:relative; }
	h1 br { display:none; }
	.background,
	#siteContainer,
	#mainContent,
	#contentContainer { width:100% !important; }
	.background { margin-left:0;}
	.background img { width:100%; }
	#contentContainer { margin:10px 5px; }
	[data-template="home"] #contentContainer { margin:0; }
	#auxNavContainer { display:block;width:100% !important; }
	#auxNavContainer table { float:right;margin-right:15px;width:80%; }
	.item .text { line-height:1em; }
	.sisea-search-form #search { font-size:1em; }
	.sisea-search-form input[type="submit"] { font-size:1em; }

	#searchResultsList li { margin-right:10px;max-width:295px;width:295px; }
	#searchResultsList li img { width:295px; }

	#searchResultsList li a:focus .tooltip,
	#searchResultsList li a:hover .tooltip { display:none; }

	.googleSenseAux { margin-bottom:10px !important; }

	#quip-add-comment-qcom { padding:1em 10px; }
	#quip-add-comment-qcom input,
	#quip-add-comment-qcom textarea,
	#quip-add-comment-qcom button[type="submit"] { font-size:1.5em; }
	#quip-add-comment-qcom [type="checkbox"] { height:1.5em;width:1.5em; }
	.quip-reply-link a { font-size:2em; }
}