/*
Theme Name: SippitySup Spring 2013
Author: Danny Cohen
Author URI: http://dco1.com/
Version: 1.0

*/

    @import url(webfonts/ss-social.css);
    @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,900);


/* Resets and Boilerplates  */
    * {  margin:0;  padding:0;  border:0;  outline:0;  font-size:100%;vertical-align:baseline;  background:transparent;}                  
    article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
    audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
    audio:not([controls]) { display: none; }
    [hidden] { display: none; }
    
    html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    
    h1, h2, h3, h4, h5, h6 {font-weight:normal;}
    
    a {text-decoration:none; outline: none; color:inherit;}
    a:hover, a:active { outline: 0; }
    a:focus { outline: thin dotted;}
    
    img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
    
    b, strong {font-weight:600;}
    figure { margin: 0; }

/*  formS */

    label { cursor: pointer; }
    button[disabled], input[disabled] { cursor: default; }
    
    button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
    
    /* * Consistent box sizing and appearance */
    input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
    input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
    input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
    button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* Remove inner padding and border in FF3/4: h5bp.com/l */
    textarea { overflow: auto; vertical-align: top;  resize: vertical;}

    .left {float:left;} .right {float:right;} .center {text-align:center;}

    .hide , .hidden {display:none !important; visibility: hidden;}
    hr.foot {border:0px;clear: both;display: block;	overflow: hidden;visibility: hidden;width: 0px; margin:0;padding:0;	height: 0px;}

/* Contain floats: h5bp.com/q */
    .clearfix:before, .clearfix:after { content: ""; display: table; }
    .clearfix:after { clear: both; }
    .clearfix { *zoom: 1; }

/* Site Styling */
::-moz-selection { color:rgba(255,255,255,.8); background: rgba(245,193,50,0.76);}
     ::selection { color:rgba(255,255,255,.8); background: rgba(245,193,50,0.76);}
                    a:link { -webkit-tap-highlight-color:  rgba(245,193,50,0.76); } 
                    
html, button, input, select, textarea { color: #333; }  

body { font-size: 1em; line-height: 1.4;  font-family: 'Source Sans Pro', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", 'Avenir', 'Helvetica',  Arial, "Lucida Grande", sans-serif; background:#f5bf30 url(images/bgpat1.png); }


.advertisement {margin:30px auto; display:block; width:728px;}

#container, header, footer { margin:0 auto; width:1200px; }

header {position:relative;}

h1 { font-family:'Bauhaus'; color:white; font-size:95px; margin-left:10px; }
h1 a {text-indent:-999px; overflow:hidden; background:url('images/title6001.png') center center no-repeat; width:600px; height:156px; display:block; margin-bottom:-38px;}

header h2 {position:absolute; z-index:4; top:107px; left:8px; color:#f3e709; font-size:46px; font-weight:900; font-style:italic; pointer-events: none;}

header nav { color:white; background:rgba(25, 45, 63, .4); padding:10px 10px 3px; border-radius:6px 6px 0 0; position:relative; z-index:3; }
header nav ul {list-style:none; padding-left:400px; }
	header nav ul.sub-menu {padding: 0; display: inline;}
    header nav li { line-height:20px;  font-weight:600; font-size:20px; float:left; display:block; }
    	header nav ul.sub-menu li {font-weight: 100;}
        header nav li + li.menu-primary-item  { margin-left:5px; border-left:1px solid white; padding-left:15px;} 
    header nav a  { float:left; margin-right:10px; border-bottom:3px solid transparent; padding-bottom:3px; font-family:inherit; color:white;}
    	header nav ul.sub-menu a { color:rgba(255,255,255,.7);  }
        header nav a:hover {border-bottom:3px solid;}
        header nav li.social a:hover {border-bottom:none;}
        
        
    header nav .ss-icon { font-family: "SSSocial"; float:right; margin-left:5px; font-weight:bold; margin-top:4px;}
    header nav .ss-icon a:hover {border-bottom:none;}
    header nav  [href*=rss]     {color:#fa8325;}     
    header nav  [href*=twitter]  {color:#75bfdc;}
    header nav  [href*=facebook] {color:#44bfdc;}

#container {background:white; display:table; width:1200px;}
section {padding:10px; display:table-cell; vertical-align: top;}
    #main {width:860px; box-shadow: 3px 0px 3px rgba(0,0,0,.1);}
    #side {width:300px; background:rgba(0,0,0,.03);  }

footer {}

    .button { border-radius:3px; padding:5px 8px; }
    
    #page-nav { vertical-align: middle; margin:10px auto 20px; padding-top:10px; display: table;}
    #page-nav .sep {display:table-cell; width:30px;}
    #page-nav a {display: table-cell; font-size:110%; background: #90278E; color:white;}
    
.archive-title  { font-size:48px; font-weight: 900;}
h2.archive-title {margin-bottom:20px;}
/* Special Color Chars */
	.archive-title span[class$="1"] {color:#51005a;}
	.archive-title span[class$="2"] {color:#57005a;}
	.archive-title span[class$="3"] {color:#590880;}
	.archive-title span[class$="4"] {color:#232e8f;}
	.archive-title span[class$="5"] {color:#201481;}
	.archive-title span[class$="6"] {color:#51005a;}
	.archive-title span[class$="7"] {color:#57005a;}
	.archive-title span[class$="8"] {color:#590880;}
	.archive-title span[class$="9"] {color:#232e8f;}
	.archive-title span[class$="0"] {color:#201481;}

article { font-family: 'Source Sans Pro', sans-serif; margin-bottom:4em;}
[class*=article-] {  }
div[class*=article-] {margin-bottom:1em;}
.article-header  {border-bottom:1px solid #90278E; padding-bottom:5px;}
    .article-header [class*=article-] { line-height:32px; vertical-align:bottom; display:block; text-transform:lowercase;}
    .article-category-tag { float:left;background: #90278E; color:white; padding:0 6px; font-weight:600; font-size:16px; margin-right:10px; border-radius:6px;  }
    .article-title { font-size:28px; float:left; }
    .article-date { font-size:18px; float:right; color:rgba(0,0,0,.6); }
.article-content { font-size:14px; line-height:1.6em; }
	.byline {font-size:90%; font-weight: bold;}
    .article-content p, .article-content img , .article-content blockquote, .article-content ul, .article-content ol , .article-content pre {margin-bottom:1em;  }

    .article-content ul, .article-content ol {margin-left:20px;}
    .article-content a { color: #90278E; }
    .article-content img {max-width:100%;}
    .article-content img[align="right"] , img.alignright {float:right; margin-left:1em;}
    .article-content img[align="left"], img.alignleft {float:left; margin-right:1em;}
    .article-content blockquote {margin-left:1em; margin-right:1em; margin-bottom:1em;}
    
    .page .article-content h3 { font-size:130%; font-weight:bold; margin-bottom: 1em;}
    
    .read-more a {font-size:110%; background: #90278E; color:white;}

.article-footer {clear:both;}
    
.article-gallery {}
    .article-gallery h2 {font-size:22px; text-trans
form:uppercase; font-weight:900;}
    .article-gallery a {display:block; width:25%; height:322px; float:left;}
    .article-gallery img { width:100%; height:100%; }
    
    .pair-label {font-weight: 900;}
	    .wine-food { font-weight: 600; font-size: 1.1em; }

/*Embeding Posts*/
/*Embeding Wine*/

.wine-pairing {border:2px solid #90278E; padding:10px; width:300px; line-height:17px; float:left; margin:0 1em 1em 0; background:white; position: relative; z-index: 10;
  -webkit-transition: all 0.2s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.2s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.2s ease-out;  /* Opera 10.50Ð12.00 */
          transition: all 0.2s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

          }
	.wine-pairing:hover { background:white;
		box-shadow: 0px 0px 6px rgba(0,0,0,.3);
-webkit-transform: matrix(1.110,-0.046,0.041,1.115,0,0);
-moz-transform: matrix(1.110,-0.046,0.041,1.115,0px,0px);
-ms-transform: matrix(1.110,-0.046,0.041,1.115,0,0);
-o-transform: matrix(1.110,-0.046,0.041,1.115,0,0);
transform: matrix(1.110,-0.046,0.041,1.115,0,0);
		 }
	[class*=wine-pairing] {color:#333;}
	.article-content [class*=wine-pairing] p {margin-bottom:0;}
.wine-pairing-headline {font-weight:300; text-transform:  uppercase; margin-bottom: 1em; letter-spacing: 3px; font-size:1.2em;}
.wine-pairing-name { font-weight:600; font-style: oblique; margin-bottom: 1em; font-size:1.1em;}
.wine-pairing-thumbnail { margin-left:20px; pointer-events: none;} /* height:170px; */
.wine-pairing-description {margin-bottom:1em; font-weight:400;}
.wine-pairing-author { font-weight:600; text-transform: uppercase; display:block; margin-bottom: .5em;}

.wine-pairing-price , .wine-pairing-pairs-well-with { font-size:90%; display: block; margin-bottom: 0;}


/* Recipe  Formatting */
#print-this-recipe {display:none;}
.recipe {clear:both; border: 1px solid rgba(0,0,0,.3); box-shadow: 2px 1px 4px rgba(0,0,0,0.36); margin-bottom:2em; position: relative; height:auto; display: block; }
		
	.recipe.embedded {max-height: 600px; overflow: hidden; -webkit-mask-image: -webkit-linear-gradient( #ffffff 90% , rgba(255,255,255,0) 100% ); z-index:2;}
.recipe-title {font-size:28px; margin:10px;}
	.recipe .byline {font-size:90%; font-weight: bold; margin-left:10px;}

.recipe-header {padding:10px; background: #ffffe5; background:rgba(245,193,50,0.26) }
	a.print-this-recipe {float:right; margin-top:-4px; background: #f5bf30 url(images/bgpat1.png); color:white; font-weight: bold; font-size: 90%; padding:3px 8px; border:2px solid white; text-shadow: 0px 1px 0px rgba(0,0,0,.3); }
	.recipe-header span {padding-right: 25px; white-space:nowrap;}
	.recipe-header strong {font-size: 90%; text-transform: uppercase; padding-right: 3px;}
	.recipe-description {margin:10px; font-size:20px; line-height:160%; margin-bottom: 1em;}
.recipe-ingredients, .recipe-directions, .recipe-content, .recipe-notes {margin:10px;}
/*	.recipe-ingredients {float:left; width:30%;}
	.recipe-directions {float:left; width:60%;} */
	.recipe h4 {font-size:22px; margin-bottom: .7em;}    
	
.view-original-recipe-wrapper { position:absolute; bottom:0;  height:100px; width:100%; display: table; text-align: center; vertical-align: middle; z-index:3; opacity: 0;background-image:-webkit-linear-gradient(rgba(255,255,255,0) 0%, #ffffff 100%);
	
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.0)), to(#fff));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.0), #fff);
  background-image:    -moz-linear-gradient(top, rgba(255,255,255,.0), #fff);
  background-image:      -o-linear-gradient(top, rgba(255,255,255,.0), #fff);
  background-image:         linear-gradient(to bottom, rgba(255,255,255,.0), #fff);

}
	.recipe.embedded .view-original-recipe-wrapper { opacity: 1; }
a.recipe-view-original-recipe {  background:#90278E; color:#fff; ; font-size:120%; vertical-align: middle;  margin:10%; text-align: center; border:3px white solid; box-shadow: 0px 0px 8px rgba(0,0,0,.3);  }

 
/*Recipe Searching*/

.recipesearch { background:rgba(245,193,50,0.26); padding:10px 10px 0; margin:-10px; margin-bottom:10px;} 
	form[role="search"] { border-top:thin solid rgba(81,0,90,0.35); padding-top:5px; }
	form[role="search"] fieldset { margin:0; padding:0; float:left; margin: 0 25px 10px 0; border-radius: 4px; overflow: hidden; border:3px solid rgba(255,255,255,.3); background:white; }
	form[role="search"] label {display:inline;  width:auto; background:white; padding:5px; margin:0; float:left; font-size: 15px;}
	form[role="search"] input {background:white; padding:5px; margin:0; float:left; font-size: 16px;  }
	form[role="search"] select {background:white; padding:5px; margin:5px;}
	form[role="search"]  input[type="submit"] { margin: 0; text-transform: uppercase;  padding: 5px 12px;  font-size: 16px; font-weight: 600; border: none; background: #bfbfbf; color:white; border-radius: 0; float:right; } 
	form[role="search"]  input[type="submit"]:hover, .recipesearch form input[type="submit"]:active { border:none; background: #8b8b8b;}
	
	.recipecards { margin-right:-10px; margin-top:10px;}
	.recipecard { width:277px;  border:thin solid rgba(6,6,6,0.19); margin:0 10px 10px 0;  border-radius: 2px; overflow: hidden; position:relative;
	opacity:0;
	 box-shadow: 0px 0px 5px rgba(81,0,90,0.0);
  -webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.50Ð12.00 */
          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
		
	}
		.recipecard.isotope-item {opacity:1;}
		.recipecard:hover { box-shadow: 0px 0px 5px rgba(81,0,90,0.36);}
		 [class*=recipecard-] {padding:3%;}
		.recipecard img {max-width: 100%; padding:0;
  -webkit-transition: all 20.0s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 20.0s ease-out;  /* Firefox 4-15 */
       -o-transition: all 20.0s ease-out;  /* Opera 10.50Ð12.00 */
          transition: all 20.0s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
		 } 
		.recipecard-title {font-size: 18px; font-weight: bold; position: absolute; top:0; color:white; text-shadow: 0px 0px 2px rgba(0,0,0,.8); z-index: 3px; height:100%; width:95%; background: -webkit-linear-gradient(rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 60%);}
		.recipecard-date {font-size: 13px; text-align: right; width:93%; position: absolute; bottom:0; color:white; text-shadow: 0px 0px 3px rgba(0,0,0,.8); font-weight: 700; }
		
	.recipecard:hover img { 
   -webkit-transform: scale(2) rotate(15deg);
   		   transform: scale(2) rotate(15deg);
	  }

     .more-posts.button { font-size:110%; background: #1b0079; color:white; text-decoration:none; margin:0 auto; display:block; width:261px; text-align: center; padding:15px 8px; font-size:140%; }
     .more-posts.button:hover { background:#57005a;  }

/* Regular Searching */


body.search-results article.post {padding:2em 30px; margin-bottom: 0;  border-top:1px solid #f5bf30; }	 
	body.search-results article.post h3.article-title { font-size:18px; font-weight:bold; color: #90278E;}

body.search-results article.sippity_recipe {  border-top:1px solid #f5bf30; padding-top:2em; margin-bottom: 0;} 
body.search-results .recipe-content a {display: table; width:100%;}
	body.search-results .recipe-description {display: table-cell; vertical-align: middle; }

	body.search-results h3.recipe-title {  margin:0;  line-height:170%; font-size:28px; margin-bottom:1em; }
	body.search-results .recipe-description p { font-size:22px; color:#333;}
body.search-results .recipe-photo {display:table-cell; max-width:400px;}


/* Podcast Styling */
.podcast {}
.podcast .podcast-title {  font-size:28px; font-weight:500; margin-bottom:.5em;}

.podcast .check-out-permalink { font-weight:bold;}
.podcast-episode-featured-image { }
.podcast-episode-featured {font-size:120%;}

.podcast .podcast-episodes-title { font-size:22px; font-weight:300; margin-bottom:.5em; border-bottom: 1px solid #90278E; padding-bottom: 5px; }
.podcast ul.podcast-episodes { }
	.podcast ul.podcast-episodes li a { font-size:18px; line-height:170%; 	}
	.podcast ul.podcast-episodes li span {  }
		.podcast ul.podcast-episodes .podcast-episode-date {padding-right:5px; font-weight:100;}
		.podcast ul.podcast-episodes .podcast-episode-title { font-weight:400;}

.podcast .view-all { font-size:110%; background: #1b0079; color:white; text-decoration:none; border-radius:3px; padding:5px 8px; }

 /*Sidebar*/
.side-box {margin-bottom:3em; font-size:13px; line-height:18px; clear:both;}
.side-title {font-size:16px; font-weight:bold; padding-bottom:2px; border-bottom:1px solid black; margin-bottom:0px; text-trans
form:uppercase;}
	.side-box .search-sortby {display: none;}
	.side-box form[role="search"] fieldset {margin-right: 0; float:none;}
.side-box p {margin-bottom:1em; }
    .side-box a {color:#90278E; text-decoration:underline;}
    
    .side-box .menu-item {list-style: none; display: inline;}
    
    .side-box ul {list-style:none;}
    .side-box ul li {margin-bottom:.5em;}
    
    .side-box.widget_recent_recipes {}
    .side-box.widget_recent_recipes  a {display:block; width:100px; height:100px; float:left;}
    
    .side-box .button { font-size:110%; background: #1b0079; color:white; text-decoration:none; }

    .page-navigation {margin:20px auto 10px; display:table;}
    .page-navigation .button { color:white; background:#192d35; font-size:18px; display:inline-block;  text-align:center;}
    
    
    
footer {border-radius: 0 0 6px 6px; margin-bottom:40px; background:#192d35; }

footer nav { color:white; background:#192d35; padding:10px 10px 12px; border-radius:0 0 6px 6px; line-height:20px; border-bottom:1px solid #222}
footer nav ul {list-style:none;}
    footer nav li {float:left; margin-right:10px; font-weight:100; font-size:14px; }
    footer nav a  { border-bottom:3px solid transparent; padding-bottom:3px; font-family:inherit; color:white;}
        footer nav a:hover {border-bottom:3px solid;}


/*Sharebox*/
.sharepost {padding:7px; background:-webkit-linear-gradient(#fdfdfd 2.32%, #eeeeee 100%); margin-bottom:1em; border: 1px solid #eee; border-radius: 3px; position:relative; overflow: hidden;}
.sharepost h3 {float:left; font-weight:700; font-size:18px; text-transform: uppercase; color:rgba(92,61,175,0.79); text-shadow: 0px -1px 1px rgba(0,0,0,.2), 0px 1px 1px rgba(255,255,255,.3);}
.share_buttons { padding-top:3px;}
.share_buttons iframe, .share_buttons a {float:left; display:block; margin-left:20px; line-height: 20px; vertical-align: middle;  display: block;}
.share_buttons .comment-button { background:  rgba(92,61,175,0.79); color:  white; font-size: 17px; padding: 16px 12px; font-weight: 100; line-height: 0; border: 1px  transparent solid;
float: right; margin-top: -7px; margin-bottom: -15px; margin-right: -3px;}  
	.share_buttons .comment-button:hover { background:rgba(92,61,175,0.99); }
	
/* Comments */

#reply-title ,  h3#comments { font-size:28px;}
.comments-post-title { color: rgb(27, 0, 121); font-weight:bolder;}
.comments { padding:5px; font-weight:bold; font-size:13px; border: 1px solid #eee; border-radius: 3px;}
    .comments a { color:#90278E; }
    .comments .article-tags {float:right;}
        
    #commentlist {list-style: none; font-weight: normal;}
    	li.comment {border-top:1px solid rgba(25, 45, 53, .3); padding:1em 0 1em 1em; }
    		.comment-author { margin-bottom:.25em; }
    		.comment-author img {margin-right: 10px;}
    		.comment-meta {margin:.5em 0; font-size:11px;}
    		.comment-body p {margin-bottom:.5em; font-size:120%;}
    		li.comment .reply {text-align: right; margin-right:.5em;}
    		
    		.comment-reply-link {  }
    	ul.children {margin-left:4.5em; list-style: none; margin-top:1em; }
    	
    #commentlist + div#respond {border-top:1px solid rgba(25, 45, 53, .3); }
    div#respond { padding-top:1em;  }

/*  forms */
form fieldset, form.contact-form div { 	margin: 0 0 10px 0; 	padding: 0 0 10px 0; 	font-size: 14px; 	 font-weight: 400; 	} 
form fieldset.form-actions { 	margin: 0 0 0 20%; 	padding: 0; 	border: none; 	} 

form fieldset.check { 	padding-left: 20%;	 	} 

form input {font-family: 'Source Sans Pro', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", 'Avenir', 'Helvetica',  Arial, "Lucida Grande", sans-serif;}

form fieldset label ,  form.contact-form div label { 	float: left; 	width: 20%; 	margin: 4px 0 5px 0; 	font-weight: bold; font-size:14px; font-weight: 400; text-transform: uppercase;	} 
	label .required {color:#b20000;}
	form fieldset.check label { 	display: inline; 	float: none; 	width: auto; 	font-weight: normal; 	} 
	form fieldset.radio ul li label { 	display: inline; 	float: none; 	width: auto; 	font-weight: normal; 	} 
form fieldset input.form-text,  form fieldset textarea ,  form.contact-form div input,  form.contact-form div textarea , .jetpack_subscription_widget form input { 	display: block; 	width: 50%; 	padding: 5px; 	font-size: 14px; 	border: 1px solid #ddd; 	background:#fff; 	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05); 	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05); 	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05); 	-webkit-border-radius: 4px; 	-moz-border-radius: 4px; 	border-radius: 4px;  font-family: 'Source Sans Pro', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", 'Avenir', 'Helvetica',  Arial, "Lucida Grande", sans-serif; position: relative;} 
	form fieldset input.form-text:focus ,  form.contact-form div input:focus , .jetpack_subscription_widget form input:focus { 	border: 1px solid #ccc; 	background: #fff; 	 } 
	form fieldset textarea { height: 150px; } 
	form fieldset select { 	min-width: 25%; 	margin: 0; 	} 
	
form fieldset.radio ul { 	margin: 5px 0 0 20%; 	} 
	form fieldset.radio ul li { 	margin: 0 0 5px 0; 	} 
		form fieldset.radio ul li:last-child { 	margin: 0; 	} 

form fieldset p.form-help { 	margin: 5px 0 0 20%; 	font-size: 12px; 	color: #999; 	} 
form input[type="submit"] { margin: 0; 	padding: 5px 10px; 	font-size: 16px;	 	font-weight: bold; 	border: 1px solid #ccc; 	background: #eee; 	-webkit-border-radius: 4px; 	-moz-border-radius: 4px; 	border-radius: 4px; 	} 
	.jetpack_subscription_widget form input[type="submit"] {font-size:13px; width:40%;}
	form input[type="submit"]:hover, form input[type="submit"]:focus { 	border: 1px solid #bbb; 	background: #e5e5e5; 	} 
	form input[type="submit"]:active { 	border: 1px solid #ccc; 	background: #eee; 	}


/* Power Search Results */

.ac_results {z-index:101; position:absolute; background:rgba(255,255,255,.9); border:3px solid white; list-style:none; display: block; display:none; overflow: hidden; background-clip: border-box; 
 width:260px; max-height: 55%; overflow-y: scroll;  box-shadow: 0px 6px 3px rgba(0,0,0,.4);}
.ac_results a {display: block;}
.ac_results li { padding:8px; font-size:13px;}
.ac_results .title {display: block; font-size:14px;}
.ac_results .locality , .ac_results .distance {display:block; font-size:11px;}
.ac_results .detail {font-size:11px;}
.ac_results .ac_over {background:rgba(255,255,255,.8);}

.result_type_title {font-weight:bold; font-size:14px; padding:4px 8px; background:rgba(0,0,0,.4); color:white; pointer-events: none; text-shadow: 0px 1px 0px rgba(0,0,0,.3); text-transform: uppercase;}

.field-text.loading +  #searchsubmit { 
  -webkit-animation: loadColors 1s infinite ease-in-out; 
     -moz-animation: loadColors 1s infinite ease-in-out; 
      -ms-animation: loadColors 1s infinite ease-in-out;
} 

.field-text.noresults +  #searchsubmit {
	  background-color:  #d85555;
 -webkit-transition: background 0.3s ease-out;  
    -moz-transition: background 0.3s ease-out;  
     -ms-transition: background 0.3s ease-out;  
      -o-transition: background 0.3s ease-out;  
         transition: background 0.3s ease-out;   
	  }

@-webkit-keyframes loadColors {
  	0%   { }
  	50% {  background-color:  #12b366;  }
  	100% {}
}

@-moz-keyframes loadColors {
  	0%   { }
  	50% {   background-color:  #12b366;}
  	100% {}
}

@-ms-keyframes loadColors {
  	0%   { }
  	50% {    background-color:  #12b366; }
  	100% {}
  }
  
@-keyframes loadColors {
  	0%   { }
  	50% { background-color:  #12b366;}
  	100% { }
  }
  

/* Transitions */


/* Isotope */

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/* Animations */


#infiniteloadselector {
opacity:0; z-index:9; 
position:absolute;
width:100%;
pointer-events: none;
 -webkit-transition: opacity 0.3s ease-out;  
    -moz-transition: opacity 0.3s ease-out;  
     -ms-transition: opacity 0.3s ease-out;  
      -o-transition: opacity 0.3s ease-out;  
         transition: opacity 0.3s ease-out;   
}
      
#infiniteloadspinner { 
position: relative;
margin:0 auto;
display: block;
border-radius: 64px;
padding:18px;
border: 5px white solid; 
background: #192d35;
 -webkit-box-shadow: 0px 0px 4px 4px rgba(0,0,0,.2); 
         box-shadow: 0px 0px 4px 4px rgba(0,0,0,.2);
 -webkit-transition: all 0.3s ease-out;  
    -moz-transition: all 0.3s ease-out;  
     -ms-transition: all 0.3s ease-out;  
      -o-transition: all 0.3s ease-out;  
         transition: all 0.3s ease-out;     
}
 
.done #infiniteloadspinner  { background: #247dfa; }
      
.loading #infiniteloadspinner {
 background: #192d35;
  -webkit-animation: fullrotate 2s infinite linear; 
     -moz-animation: fullrotate 2s infinite linear; 
      -ms-animation: fullrotate 2s infinite linear;
} 

.bounceOutDown {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	-o-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}

@-webkit-keyframes fullrotate {
  0%   {   -webkit-transform: rotate(360deg);  }
  100% {   -webkit-transform: rotate(000deg);  }
}
@-moz-keyframes fullrotate {
  0%   {      -moz-transform: rotate(360deg); }
  100% {      -moz-transform: rotate(000deg); }
}
@-ms-keyframes fullrotate {
  0%   {       -ms-transform: rotate(360deg); }
  100% {       -ms-transform: rotate(000deg); }
  }
@-keyframes fullrotate {
  0%   {       -ms-transform: rotate(360deg); }
  100% {       -ms-transform: rotate(000deg); }
  }
  
  
  @-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes bounceOutDown {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes bounceOutDown {
	0% {
		-o-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes bounceOutDown {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}


/* PRINT STYLES */

@media print {
	.advertisement {display: none;}
	
	a:link:after { content: " ( " attr(href) " ) "; font-size: 90%; }
	
	.title:after, .subtitle:before {content:""; display:none;}

	body.recipe-printing {background:white; width: auto; border: 0; margin: 0 5%; padding: 0; float: none !important; font-family:Georgia; font-size:12pt; }

	body.recipe-printing:before {content:"SippitySup"; font-size:130%; font-weight:bold;}
	body.recipe-printing:after {content:"copyright 2008-2013"; padding-top:2em; font-size:90%; font-weight:bold;}
	
	body.recipe-printing footer, body.recipe-printing header,  body.recipe-printing #container , body.recipe-printing .advertisement {display: none !important;}
	
	body.recipe-printing #main , body.recipe-printing #container {display: block; width:100%; border:none; box-shadow:0px 0px 0px rgba(0,0,0,0); }
	
	#print-this-recipe { box-shadow:0px 0px 0px rgba(0,0,0,0);  border:none; display:block !important;}
	#print-this-recipe img {max-height: 200px !important; max-width: 200px !important;}
	#print-this-recipe h4 {font-weight:bold; font-size:110%; margin-bottom:.2em;}
	#print-this-recipe p {margin-bottom:1em;}
	
	#print-this-recipe .view-original-recipe-wrapper , #print-this-recipe .print-this-recipe {display:none !important;}
	

	

}

/* ADDED BY LGD */

.aligncenter {
	margin: 0 auto;
	text-align: center;
}

.aligncenter > div {
	margin: 0 auto;
}

/* MOBILE RESPONSIVE */

nav,
nav .sub-menu {
	display: inherit;
}
	 
.sub-menu-toggle,
.menu-toggle {
	display: none;
	visibility: hidden;
}

@media only screen and (max-width: 1250px) {

	html {
		box-sizing: border-box;
	}
	*, *:before, *:after {
		box-sizing: inherit;
	}
	
	body {
		overflow-x: hidden;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	#container,
	header,
	footer {
		width: 100%;
		padding: 0 10px;
		background: none;
	}
	
	header h1,
	header h2	{
		display: block;
		position: initial;
		margin-left: 10px;
	}
	
	header h2	{
		margin-top: -45px;
	}
	
	header h1 a {
		max-width: 100%;
		text-indent: -9999px;
	}
	
	header nav {
		clear: both;
	}
	
	header nav ul {
		padding: 0;
	}
	
	#container .wrap {
		background: #fff;
		overflow: auto;
		overflow-x: hidden;
	}
	
	#container #main,
	#container #side {
		display: block;
		float: left;
	}
	
	#container #main {
		width: 70%;
	}
	
	#container #side {
		width: 30%;
	}
	
	.article-content a[rel~="attachment"] {
		display: block;
	}
	
	.article-content a[rel~="attachment"] img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.view-original-recipe-wrapper {
		height: 80px;
	}
	
	.article-gallery a {
		height: auto;
	}
	
	.recipe-header span {
		white-space: normal;
	}
	
	.recipecard {
		width: 31%;
	}
	
	.recipecard-title {
		width: 100%;
	}
	
}

@media only screen and (max-width: 895px) {

	.advertisement {
		width: 100%;
		text-align: center;
	}
	
	#container #main,
	#container #side {
		width: 100%;
	}
	
	#container #side {
		text-align: center;
		padding-top: 20px;
	}
	
	.side-box #subscribe-email,
	.side-box #subscribe-submit {
		width: 50%;
		float: left;
	}
	
	#subscribe-email input {
		width: 99%;
		padding: 5px;
	}
	
	.jetpack_subscription_widget form input[type="submit"] {
		width: 99%;
		float: right;
		font-size: 14px;
	}
	
}

@media only screen and (max-width: 835px) {
	
	header nav a,
	.menu-item,
	#menu-main-menu .ss-icon	{
		float: none;
		display: inline-block;
	}
	
	#menu-main-menu {
		text-align: center;
	}
	
	#menu-main-menu > .menu-item {
		margin-bottom: 10px;
		vertical-align: bottom;
	}
	
	.menu-item-7818 a {
		margin-right: 0;
	}
	
	.menu-item-7426 {
		display: block;
	}
	
	#menu-main-menu .menu-item-7433 {
		margin-left: 0;
		border-left: 0;
		padding-left: 0;
	}
	
	#menu-main-menu .ss-icon	{
		height: 22px;
		margin-right: 5px;
	}
	
	#menu-main-menu .ss-icon	a {
		margin-right: 0;
	}
	
	#menu-main-menu .menu-item-7448{
		margin-right: 0;
	}
	
}

@media only screen and (max-width: 660px) {
	
	header h1 a {
		background-size: contain;
	}
	
	.article-header .article-title,
	.article-header .article-date {
		display: inline;
		float: none;
	}
	
	.article-header .article-date {
		white-space: nowrap;
		padding-left: 10px;
	}

	.recipe.embedded {
		margin-bottom: 0;
	}

	.recipe.embedded + p,
	.recipe.embedded + p + p {
		display: none;
	}
	
	.view-original-recipe-wrapper {
		height: 60px;
	}

	.article-content .wp-post-image {
		max-width: 60%;
	}
	
	.article-content a[rel~="attachment"] img.aligncenter {
		width: 100%;
	}
	
	.recipe.clearfix:before,
	.recipe.clearfix:after,
	.view-original-recipe-wrapper {
		display: initial;
	}
	
	.recipe-header a.print-this-recipe {
		margin-left: 20px;
	}
	
	.recipe-header {
		overflow: auto;
	}
	
	.recipe-header span:first-of-type {
		clear: none;
	}
	
	.recipe-header span {
		float: left;
		clear: both;
	}
	
	iframe, object, embed {
		max-width: 100%;
	}
	
}

@media only screen and (max-width: 600px) {
	
	.share_buttons .comment-button {
		float: none;
		clear: both;
		margin: 30px 0 0;
		text-align: center;
		width: 100% !important;
	}
	
	.article-gallery a {
		width: 50%;
	}
	
}

@media only screen and (max-width: 470px) {

	.article-content .recipe-content img,
	.article-content img.wp-post-image {
		float: none;
		display: block;
		width: 100%;
		max-width: 100%;
		margin: 0 0 10px;
	}
	
	.sharepost h3 {
		float: none;
		text-align: center;
	}
	
	.share_buttons iframe,
	.share_buttons a {
		width: 33% !important;
		margin: 0;
		padding: 0 15px;
	}
	
	.recipecard {
		width: 46%;
	}
	
}

@media only screen and (max-width: 430px) {
	
	h1 a {
		height: 120px;
	}
	
	header h2 {
		font-size: 36px;
	}
	
	header nav {
		margin-top: 18px;
	}
	
	.share_buttons iframe,
	.share_buttons a {
		padding: 0;
	}
	
	#container #side {
		padding: 0;
	}
	
	#side #secondary_links {
		margin-top: 20px;
	}
	
	#side .widget_search,
	#side .jetpack_subscription_widget {
		padding: 0 10px;
	}
	
	#side .widget_image img {
		max-width: 100%;
	}
	
	#side .widget_text div,
	#side .widget_text iframe {
		max-width: 100% !important;
	}
	
}