/* @group Body, HTML elements and Backgrounds */

html, body {
	min-height: 100vh;
}

body {
	/* background: url(../images/body-bg.jpg) repeat-x fixed center 250px #C46921; */
	background-color: #C46921;
	background-image: url(../images/body-bg.jpg);
	background-position: center 250px;
	background-size: cover;
	background-attachment: fixed;
	font-family: "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.clearer {
	clear: both;
}

table {
	position: relative;
	z-index: 10;
}

#droplets {
	display: none;
	position: absolute;
	top: -20px;
	left: 50%;
	width: 1207px;
	height: 1611px;
	margin-left: -603px;
	z-index: 1;
	background: url(../images/body-bg-droplets.jpg) no-repeat;
}

#topBlueBG {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	height: 250px;
	width: 100%;
	background-image: url(../images/top-blue-bg.jpg);
	border-bottom: 1px solid #999; /* added 23-Nov-2014 */
	z-index: 5;
}

#main {
	position: relative;
	display: block;
	width: 960px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(00, 00, 00, 0.5);
	box-shadow: 0px 0px 10px 5px rgba(00, 00, 00, 0.5);
	z-index: 10;
	background: url(../images/content-container-bg.jpg) repeat-y;
}

#main #contentEmbellishment {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	z-index: 10;
}

figure {
	padding: 0;
	margin: 0;
}

figcaption {
	font-size: 11px;
	text-align: left;
	display: block;
	padding: 0;
	margin: 10px 0 0;
	line-height: 1.25em;
}

.KellyCaptionContainer {
	padding:10px 0 0 0;
	margin: -15px 0 10px 0;
	width:210px; height:auto;
}

.center {
	text-align: center;
}

/* @end */

/* @group Custom Grid */

.two-col-grid {
	width: 640px;
	height: auto;
	overflow: auto;
}

.two-col-grid .grid-col {
	width: 320px;
	float: left;
}


/* @end */

/* @group Top Navigation */

nav {
	display: block;
/*	margin-top:-3px; margin-bottom:-3px;*/
	position: relative;
	z-index: 100;
	height: 52px;
	width: 100%;
	overflow: visible;
	letter-spacing: 1px;
	font: 15px "Times New Roman", Times, serif;
	background-color: #383f51;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4M2Y1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDE2MjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #383f51 0%, #0d1629 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383f51), color-stop(100%,#0d1629));
	background: -webkit-linear-gradient(top,  #383f51 0%,#0d1629 100%);
	background: -o-linear-gradient(top,  #383f51 0%,#0d1629 100%);
	background: -ms-linear-gradient(top,  #383f51 0%,#0d1629 100%);
	background: linear-gradient(to bottom,  #383f51 0%,#0d1629 100%);
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
}

nav ul li {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 100;
	background: url(../images/hops.png) no-repeat right center transparent;
}

nav ul li:last-child {
	background: none;
	padding: 0;
}

nav ul li a {
	display: block;
	margin: 0;
	padding: 0 38px;
	color: #ffffff;
	text-decoration: none;
	line-height: 52px;
	text-transform: uppercase;
}

nav ul li a:hover {
	color: #DEA53C;
	text-decoration: none;
	transition: color .25s linear;
}

nav ul li a.active,
nav ul li a.active:hover {
	color: #fff;
	background: #000;
	font-weight: bold;
}

/* Drop-downs */

nav ul ul {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 99;
	background-color: #0e172b;
	opacity: 0;
	visibility: hidden;
	display: block;
	padding: 10px;
	margin-top: -20px;
	transition: all 300ms ease-in-out;
	font-size: 80%;
}

nav ul ul li {
	display: block;
	float: none;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	right: auto;
	background: none;
}

nav ul ul li a {
	padding: 10px 0;
	line-height: 1.25em;
}

nav ul li:focus-within ul,
nav ul li:hover ul {
	opacity: 1.00;
	visibility: visible;
	margin-top: 0;
}

/* Fallback for touch devices */

.touchDeviceDetected nav ul ul {
	opacity: 1.00;
	visibility: visible;
	transition: none;
	display: none;
}

.touchDeviceDetected nav>ul>li:hover>ul,
.touchDeviceDetected nav>ul>li>ul>li:hover>ul,
.touchDeviceDetected nav>ul>li>ul>li>ul>li:hover>ul,
.touchDeviceDetected nav>ul>li>ul>li>ul>li>ul>li:hover>ul {
	opacity: 1.00;
	visibility: visible;
	display: block;
}

/* @end */

/* @group Header Region */

header {
	display: block;
	position: relative;
	height: 140px;
	width: 100%;
	background: #242a3d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0MmEzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzEzMjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #242a3d 0%, #0c1328 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#242a3d), color-stop(100%,#0c1328));
	background: -webkit-linear-gradient(top,  #242a3d 0%,#0c1328 100%);
	background: -o-linear-gradient(top,  #242a3d 0%,#0c1328 100%);
	background: -ms-linear-gradient(top,  #242a3d 0%,#0c1328 100%);
	background: linear-gradient(to bottom,  #242a3d 0%,#0c1328 100%);
	z-index: 15;
}


header h1,
header h2,
header h3 {
	display: none;
}

header a#logo {
	padding: 15px;
	display: block;
}

header #theIdeaCompany {
	position: absolute;
	right: -3px;
	top: 10px;
	display: block;
	z-index: 20;
	width: 453px;
	height: 140px;
	background: url(../images/the-idea-company.png) left top;
}

header #adminControls {
	position: relative;
	right: 48px;
	bottom: 28px;
	display: block;
	z-index: 50;
	text-align: right;
	height: 25px;
	font-size: 13px;
}

header #adminControls a {
	line-height: 25px;
	color: #5AAD05;
	transition: color .25s linear;
}

header #adminControls a:hover {
	color: #5AAD05;
	text-decoration: none;
	transition: color .25s linear;
}

/* @end */

/* @group Image Slider (Banner) */

/*
 * jQuery Blueberry Slider v0.4 BETA
 * http://marktyrrell.com/labs/blueberry/
 *
 * Copyright (C) 2011, Mark Tyrrell <me@marktyrrell.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

.blueberry {
	margin: 0 auto;
	width: 938px;
	height: 214px;
	overflow: hidden;
	position: relative;
	display: block;
	z-index: 15;
}

.blueberry .slides {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
}

.blueberry .slides li {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
	list-style: none;
}

.blueberry .slides li img {
	display: block;
	width: 100%;
	max-width: none;
	padding: 0;
	margin: 0;
}

.blueberry .slides li.active {
	display: block;
	position: relative;
}

.blueberry .crop li img {
	width: auto;
}

.blueberry .pager {
	height: 40px;
	text-align: center;
}

.blueberry .pager li {
	display: inline-block;
}

.blueberry .pager li a,
.blueberry .pager li a span {
	display: block;
	height: 4px;
	width: 4px;
}

.blueberry .pager li a {
	padding: 18px 8px;
	-webkit-border-radius: 6px;
   	-moz-border-radius: 6px;
	border-radius: 6px;
}

.blueberry .pager li a span {
	overflow: hidden;
	background: #c0c0c0;
	text-indent: -9999px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.blueberry .pager li.active a span {
	background: #404040;
}

/* @end */

/* @group Age Verification */

#ageVerification {
	position: absolute;
	top: 190px;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: #000;
	opacity: 0.85;
}

#veriMessage1 {
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	font: 30px "Times New Roman", Times, serif;
	margin-top: 100px;
}

#veriMessage2 {
	position: absolute;
	top: 186px;
	right: 180px;
	display: block;
	font: 30px "Times New Roman", Times, serif;
	color: #ffffff;
}

#veriYes {
	position: absolute;
	right: 0px;
	top: 164px;
	background: #333;
	color: #ffffff;
	font: 40px "Times New Roman", Times, serif;
	width: 130px;
	padding-left: 10px;
	text-transform: uppercase;
}

#veriNo {
	position: absolute;
	right: 0px;
	top: 230px;
	background: #333;
	color: #ffffff;
	font: 40px "Times New Roman", Times, serif;
	width: 130px;
	padding-left: 10px;
	text-transform: uppercase;
}

#veriYes a,
#veriNo a {
	color: #ffffff;
	text-decoration: none;
}

#veriYes i,
#veriNo i {
	color: #ffffff;
	line-height: 40px;
	padding-top: 7px;
}

.veriChevron {
	float: right;
	padding-left: 5px;
	padding-right: 5px;
}

#veriYes span.veriChevron {
	background-color: #a15a21;
}

#veriNo span.veriChevron {
	background-color: #526078;
}

/* @end */

/* @group Content Region */

#pageContent {
	display: block;
	position: relative;
	z-index: 10;
	padding: 10px;
}

#pageContent #backgroundFill {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 5;
}

#rightornament {
	width: 255px;
	height: 244px;
	position: absolute;
	top: 200px;
	right: 0px;
	z-index: 7;
	display: block;
	background: url(../images/right-ornament.png) no-repeat left top;
}

#pageContent #backgroundFill img {
	width: 100%;
	height: 100%;
}

#pageContent #contentContainer {
	display: block;
	position: relative;
	z-index: 15;
	padding: 20px;
	margin-right: 255px;
	font: 13px/1.50em "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
/*	overflow: hidden;*/
	height: auto;
}

#pageContent #contentContainerHome {
	display: block;
	position: relative;
	z-index: 15;
	padding: 20px 20px 0 20px ;
	margin-right: 255px;
	font: 13px/1.50em "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: auto;
}

/* @end */

/* @group Recipes (from Tumblr) */

#recipe-summaries-sidebar {
	background: #ffffff;
	display: block;
	position: relative;
	border: 10px solid #FFF;
	background: none repeat scroll 0% 0% #FFF;
	margin: 0px 0px 30px 0px;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
	margin-top: 20px;
	color: #0088cc;
}

.recipe-summaries-sidebar-title {
	display: block;
	margin-left: -15px;
}

#recipe-summaries-sidebar li {
	margin-bottom: 20px;
}

#recipe-summaries-sidebar li:last-child {
	margin-bottom: 0px;
}

#recipeContent h5.recipe-entry-date {
  color: #7F0011;
}

/* @end */

/* @group Recipe Tabs */

ul#RecipeTabs {
	display: block;
	padding: 15px 15px 5px;
	background: white;
	margin: 20px 0 0;
	webkit-box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.3);
	box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.3);
	line-height: 1.25em;
	max-height: 915px;
	overflow: auto;
}

ul#RecipeTabs li {
	margin-bottom: 10px;
	display: block;
}

ul#RecipeTabs li a {
	display: block;
}

ul#RecipeTabs li.active a {
	color: #000000;
	text-decoration: none;
	cursor: default;
}

.recipe-intro-block {
	height: auto;
	overflow: auto;
}

.recipe-intro-block img {
	float: right;
	border: 1px solid #B3B3B3;
	max-width: 100px;
	margin-left: 15px;
}

.recipe-intro-block2 img {
	float: right;
	border: 1px solid #B3B3B3;
	max-width: 120px;
	margin-left: 15px;
}

.recipe-intro-block3 img {
	float: right;
	border: 1px solid #B3B3B3;
	max-width: 140px;
	margin-left: 15px;
}

.recipe-intro-block4 img {
	float: right;
	border: 1px solid #B3B3B3;
	max-width: 200px;
	margin-left: 15px;
}

.recipe-ingredients-block {
	height: auto;
	overflow: auto;
}

.ingredients-left-column {
	width: 48%;
	float: left;
}

.ingredients-left-column img {
	border: 1px solid #004080;
	max-width: 100%;
	height: auto;
	margin-top: 20px;
}

.ingredients-right-column {
	width: 48%;
	float: right;
}

#myTabContent .ingredients-right-column h5,
#myTabContent .recipe-directions-block h5 {
	margin-top: 20px;
}

.recipe-directions-block {
	height: auto;
	overflow: auto;
}

/* @end */

/* @group Sub Navigation */

#subNav {
	display: block;
	line-height: 49px;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.3);
	box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.3);
	position: relative;
	z-index: 20;
}

#subNav ul {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	height: 49px;
}

#subNav li {
	display: block;
	float: left;
	line-height:30px;
	margin-top: 10px;
	margin-bottom: -10px;
	margin-left: 10px;
	margin-right: -7px;
}

/* Target the list item <li> first */
#subNav li:first-child {
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	line-height:30px;
	margin-right:2px;
	color:#274061;
	background: rgba(0, 0, 0, 0.1)
}

/* Target the list item anchor <a> with your text colour */
#subNav li:first-child a {
	font-weight: normal;
	font-size: 14px;
	color: #333333;
}

/* Target the list item anchor <a> with your text colour if the link is current (overrides above style) */
#subNav li:first-child a.current {
	color: #a65716;
	cursor: default;
}

#subNav li.last-child {
	display: block;
	width: 245px;
	float: right;
	text-align: center;
	padding-right: 0.6em;
}

#subNav a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
	line-height: 30px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

#subNav a:hover {
	color: #a65716;
	text-decoration: none;
	transition: color .25s linear;
}

#subNav a.current {
	color: #a65716;
	text-decoration: none;
}

/* @end */

/* @group News Ticker */

#marqueeScroller {
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 120px;
	width: 565px;
}

#subNav ul.marqueeSlide {
	margin: 0;
	padding: 0;
	height: 30px;
	list-style-type: none;
}

#subNav ul.marqueeSlide li {
	float: left;
	list-style-type: none;
	background: none;
	padding: 0;
	margin: 0;
	font: 13px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#subNav ul.marqueeSlide li:first-child {
	text-transform: none;
	font-family: sans-serif;
	line-height: 30px;
	margin-right: 0px;
	color: #000000;
	background: none;
}

#marqueeScroller a:hover {
	text-decoration: underline;
	color: #4c4c4c;
}

/* @end */

/* @group Banner */

#banner {
	position: relative;
	display: block;
	z-index: 15;
	height: auto;
	margin-bottom:-7px;
}

#banner img {
	width: 100%;
	height: auto;
}

#bannerOverlay {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 245px;
}

#bannerBG {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 5;
	background: #000000;
	opacity: 0.75;
}

#bannerContent {
	position: relative;
	z-index: 10;
	color: #ffffff;
	padding: 23px;
	font-size: 14px;
}

/* @end */

/* @group Gallery */

#pageContent #gallery {
	background: transparent;
	height: 180px;
	overflow: visible;
	margin-left: -10px;
	width: 105%;
}

#gallery .galleryItem {
	width: 195px;
	height: 150px;
	float: left;
	display: block;
	position: relative;
	border: 10px solid #ffffff;
	margin-right: 10px;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.3);
	box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.3);
}

#gallery .galleryItem.lastItem {
	margin-right: 0px;
}

#gallery img {
	width: 100%;
	height: 100%;
	max-height: none;
	max-width: none;
	z-index: 4;
}

#gallery .galleryCaptionBG {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	height: 50px;
	width: 100%;
	z-index: 5;
	opacity: 0.50;
	transition: opacity .25s linear;
	background-color: #152d54;
}

#galleryItem1:hover .galleryCaptionBG,
#galleryItem2:hover .galleryCaptionBG,
#galleryItem3:hover .galleryCaptionBG {
	opacity: 0.75;
	transition: opacity .25s linear;
}

#gallery .galleryCaption {
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 50px;
	display: block;
	width: 100%;
	text-align: center;
	z-index: 6;
	color: #ffffff;
	text-transform: uppercase;
}

#gallery a .galleryCaption,
#gallery a:hover .galleryCaption {
	color: #ffffff;
}

/* @end */

/* @group Sidebar Social Widget */

aside {
	position: relative;
	float: right;
	display: block;
	width: 235px;
	z-index: 15;
	padding-top: 5px;
	padding-bottom: 10px;

}

#sidebarInner {
	background-image: url(../images/sidebar-bg.jpg);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.3);
	box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.3);
	display: block;
	overflow: hidden;
	height: 424px;
	padding: 10px;
	margin: 15px 10px 0 10px;
}

#sidebarInner.extra-tall {
	height: 1000px;
}

#sidebarInner #facebook iframe {
	height: 290px !important;
}

#sidebarInner.extra-tall #facebook iframe {
	height: 950px !important;
}

#sidebarInner.extra-tall #blog-summaries-sidebar-iframe {
height: 800px;
}

.socialWidgetTopOrnament {
	height: 24px;
	width: 100%;
	position: relative;
	background: url(../images/social-widget-top-ornament.png) no-repeat center center;
}

.socialWidgetBottomOrnament {
	height: 24px;
	width: 100%;
	position: relative !important;
	background: url(../images/social-widget-top-ornament.png) no-repeat center center;
	margin-top: 10px;
}

.tabBoxDivider {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	height: 1px;
	background: #A88980;
	width: 100%;
}

#tabBox {
	height: 38px;
	display: block;
}

ul.socialTabs {
	border-bottom: none;
	clear: both;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
}

ul.socialTabs li a img {
	display: none;
}

ul.socialTabs li {
   display: block;
   float: left;
   list-style: none;
   margin: 0 10px;
   padding: 0;
   position: relative;
   right: 50%;
   padding: 4px;
   cursor: pointer;
}

ul.socialTabs li a {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

ul.socialTabs li .squared {
	background: none;
	padding: 3px;
}

ul.socialTabs li a {
	border: 1px solid gray;
	border-radius: 30px;
	line-height: 22px;
	background: #ffffff;
	font-size: 20px;
	color: #496684;
	padding: 3px;
	width: 22px;
	height: 22px;
	display: block;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	transition: all 250ms ease-in;
	outline: none;
}

ul.socialTabs li a:hover {
	border: 1px solid black !important;
	background: #ffffff;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	transition: all 250ms ease-in;
}

ul.socialTabs li a i {
	color: #496684;
	display: inline-block;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	transition: all 250ms ease-in;
	margin-left: -2px;
}

ul.socialTabs li a i:hover {
	color: #000000;
	transition: all 250ms ease-in;
}

ul.socialTabs li a i.small {
	font-size: 14px;
	display: block;
	margin-top: 1px;
	margin-left: 0px;
}

/* Active tabs */
ul.socialTabs li.active {
	background-color: #f5bb55;
	border: 1px solid #bc8c3e;
	padding: 3px 1px 3px 3px;
	-webkit-box-shadow: inset 0px 0px 5px 2px rgba(153, 102, 51, 0.3);
	box-shadow: inset 0px 0px 5px 2px rgba(153, 102, 51, 0.3);
}

aside.tab-pane {
	color: #000000;
	font-size: 11px;
	line-height: 1.25em;
	height: 315px !important;
	overflow: auto;
}

#twitterFeed1 .tweet {
	margin-bottom: 15px;
}

#twitterFeed1 .time {
	display: none;
}

/* @end */

/* @group Animated bottle caps */

#bottleCap {
	position: relative;
	height: 185px;
	width: 175px;
	padding: 0;
	margin: 0;
}

/* Sidebar variant of above */

aside #bottleCap {
	position: relative;
	height: 185px;
	width: 233px;
	margin-top: 20px;
}

#bottleCap a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 30;
}

#bottleCap #bottleCapImage {
	background: url(../images/cap.png) no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	display: block;
	width: 100%;
	height: 150px;
	transition-duration: 0.5s;
	transition-property: transform;
}

#bottleCap #bottleCapImageHome {
	background: url(../images/raffle-bottle-cap.png) no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	display: block;
	width: 100%;
	height: 150px;
	transition-duration: 0.5s;
	transition-property: transform;
}

#bottleCap:hover #bottleCapImage {
	transform:rotate(-15deg);
}

#bottleCap:hover #bottleCapImageHome {
	transform:rotate(-15deg);
}

#bottlecapCaption {
	position: relative;
	top: 150px;
	font-size: 12px;
	color: #a65716;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

#bottlecapHomeCaption {
	position: relative;
	top: 164px;
	left: 6px;
	font-size: 12px;
	color: #a65716;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.likeUs {
	color: #274061;
	margin-top: 0px;
}

#bottleCap .likeUs a.minimalFormatting {
	text-decoration: none;
	font-size: 13px;
	display: inline;
	color: #274061;
	line-height: 1.50em;
	position: relative;
	top: auto;
	left: auto;
}

/* @end */

/* @group Picasa Gallery */

#contentContainer {
	overflow: hidden;
}

#eventsGallery {
	background: transparent;
	height: auto;
	overflow: visible;
	margin-left: -10px;
	width: 110%;
}

#eventsGallery .pwi_container {
	background: none;
	padding: 0;
	margin: 0;
}

#eventsGallery .pwi_album {
    width: 195px !important;
    height: 150px !important;
    float: left;
    overflow: hidden;
    display: block;
    position: relative;
    border: 10px solid #ffffff;
    background: #ffffff;
    margin: 0 10px 10px 0;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.3);
    box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.3);
}

#eventsGallery .pwi_album img {
	width: auto !important;
	max-width: 100%;
	height: auto !important;
}


#eventsGallery .pwi_photo {
    width: 195px !important;
    height: 150px !important;
    line-height: 145px;
    background: #ffffff;
    float: left;
    overflow: hidden;
    display: block;
    position: relative;
    border: 10px solid #ffffff;
    margin: 0 10px 10px 0;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.3);
    box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.3);
}

#eventsGallery .pwi_photo img {
    width: auto !important;
    max-width: 100%;
    height: auto !important;
}

#eventsGallery .pwi_album_backlink {
	font-size: 12px;
	line-height: 1.25em;
	padding-bottom: 10px;
	padding-left: 6px;
}

#eventsGallery .pwi_album_title {
	position: absolute;
	bottom: 0px;
	left: 0px;
	line-height: 1.25em;
	padding: 15px;
	display: block;
	width: 170px;
	text-align: center;
	z-index: 6;
	color: #ffffff;
	text-transform: uppercase;
	background: rgba(21, 45, 85, .50);
	transition: all .25s linear;
	font-family: 'Century Gothic', 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

#eventsGallery .pwi_album:hover .pwi_album_title {
	background: rgba(21, 45, 84, .75);
	transition: all .25s linear;
}

#eventsGallery .pwi_album_description {
	text-align: left;
	color: #000000;
	background: none;
	padding: 0 0 0 6px;
	width: 94%;
}

#eventsGallery .title {
	font-size: 16px;
	line-height: 1.50em;
}

#eventsGallery .details {
	display: none;
}

#eventsGallery .description {
	font-style: italic;
	font-size: 12px;
	padding: 0;
	display: block;
	margin-bottom: 10px;
}

/* DELETE THIS CODE WHEN YOU HAVE MORE ALBUMS AVAILABLE TO DISPLAY */

#eventsGallery .pwi_container,
#eventsGallery .pwi_container div {
	float: left;
}

/* END OF DELETED CODE */

/* @end */

/* @group Sitemap */

ul#sitemap {
	padding-bottom: 20px;
	display: block;
}

/* @end */

/* @group Footer */

footer {
	position: relative;
	display: block;
	width: 960px;
	z-index: 10;
	height: 30px;
	line-height: 2.00em;
	font-size: 11px;
	margin: 10px auto;
}

footer #footerLeft {
	display: block;
	position: absolute;
	top: 0;
	left: 30px;
	text-align: left;
	color: #E7C17D;
}

footer #footerRight {
	display: block;
	position: absolute;
	top: 0;
	right: 30px;
	text-align: right;
	color: #ffffff;
}

footer #footerRight a {
	text-transform: lowercase;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}

/* added by Charlie Jan/Feb 2013 */

/*@group vertical spacers*/

.spacer025 {
	height:0.25em;
}

.spacer1 {
	height:0.5em;
}

.spacer-ten {
	height: 10px;
}

.spacer-twenty {
	height: 20px;
}

.spacer30 {
	height: 30px;
}

.spacer40 {
	height: 40px;
}

.spacer52 {
	height: 52px;
}

.spacer5 {
	height:5em;
}

.spacer10 {
	height:10em;
}

.spacer15 {
	height:15em;
}

.spacer20 {
	height:20em;
}

.spacer25 {
	height:25em;
}

.spacer100 {
	height:100em;
}

/* @end */

#homeTextContainer {
	display: block;
	position: relative;
	height: auto;
	width: 420px;
	z-index: 15;
	padding-top: 7px;
}

/* @group Sidebar Top Content */

#sidebarTopContent {
	display: block;
	position: relative;
	text-align: center;
}

#bottlecapSidebar {
/*	display: block;*/
	position: relative;
	top: 17px;
	z-index: 16;
}

#bottlecapCaption {
/*	display: block;*/
/*	margin-left: -3px;*/
	font-size: 12px;
	line-height: 30px;
	padding-bottom: 20px;
	color: #a65716;
	font-weight: bold;
	text-decoration: none;
}

/* @end */

/* @group Staging */

.staging {
	width: 880px;
	margin: 0 auto;
	background-color: #fffdf5;
	padding: 10px 40px 0 40px;
	margin-bottom: 30px;
}

.stagingElements {
	width: 880px;
	height: 2000px;
	margin: 0 auto;
	background-color: #fffdf5;
	padding: 10px 40px 0 40px;
	margin-bottom: 30px;
}

#seeMapText {
	float: right;
	padding-right: 63px;
}

/* @end */

/* @group Elements */

h1 {
	font: /*13px/1.50em*/ "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.image-left {
	float: left;
	position: relative;
	margin-right: 15px;
	margin-bottom: 15px;
	text-align: center;
}

.image-leftTeam {
	float: left;
	position: relative;
	margin-right: 15px;
	margin-bottom: 15px;
	text-align: center;
	border: 4px ridge silver

}

img.image-leftMgt {
	float: left;
	position: relative;
	margin-right: 15px;
	margin-bottom: 15px;
	height: 180px !important;
	width: 180px !important;
	border: 4px ridge silver
}

.image-right {
	float: right;
	position: relative;
	margin-left: 15px;
	margin-bottom: 15px;
	text-align: center;
}

.image-right-border {
	float: right;
	position: relative;
	margin-left: 15px;
	margin-bottom: 15px;
	text-align: center;
	border: 1px solid #336699;
}

img.image-rightMap {
	float: right;
	position: relative;
	margin-left: 15px;
	margin-bottom: 15px;
	height:222px;
	top: 6px;
}

.box {
	position: relative;
	display: block;
	overflow: auto;
	height: auto;
}

.box-640 {
	display: block;
	max-width: 640px;
}

/*
.box img {
	position: relative;
	height:222px;
	top: 6px;
}
*/
/* Charlie: the height and top propteries in the above .box img class are to create a nice-looking layout. They could be omitted if, for example, you were assuming each image would prob. end up with it's own unique size.  */

#mapCaption {
	width: 225px;
	font: 10px/1.50em "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float:right;
	line-height: 1.3;
	margin-top: -2.4em;
	margin-bottom: 0.5em;
}

.filled {
	min-height: 20px;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.3);
	box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.3);
	}


.filledPart {
	min-height: 20px;
	padding: 14px;
	background-color: #ffffff;
/*	background-color: #FEFBEF;*/
	-webkit-box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.2);
	box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.2);
	border: 4px solid #FBCF45;
	}

.filledRes {
	min-height: 20px;
	padding: 14px;
	background-color: #ffffff;
/*	background-color: #FDF8F4;*/
/*	background-color: #FEFBEF;	*/
	-webkit-box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.2);
	box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.2);
	border: 4px solid #C5875A;
	}

.filledMis {
	min-height: 20px;
	padding: 14px;
	margin-bottom: 20px;
	background-color: #ffffff;
/*	background-color: #F8FCFE;*/
/*	background-color: #FEFBEF;*/
	-webkit-box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.2);
	box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.2);
	border: 4px solid #6F93B0;
	}

.filledHist {
	min-height: 20px;
	padding: 14px;
	margin-bottom: 20px;
	background-color: #ffffff;
/*	background-color: #FDFFF9;*/
/*	background-color: #FEFBEF;*/

	-webkit-box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.2);
	box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.2);
	border: 4px solid #ADB68C;
	}

.filledMission {
	min-height: 20px;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #FFFEFC;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.3);
	box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.3);
	}

#connectText {
	font-family:helvetica, sans-serif;
	font-weight:bolder;
	font-variant:small-caps;
	color:#274061;
	letter-spacing:4pt;
	word-spacing:2pt;
	font-size:1em;
	text-align: center;
	padding: 1.5em 0 0 0.4em;
}

/* @end */

/* @group Custom Button Styles */
.btn-custom1 {
	color: #ffffff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #1A4771;
	background-image:-moz-linear-gradient(top, #227BCC, #1A4771);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#227BCC), to(#1A4771));
	background-image:-webkit-linear-gradient(top, #227BCC, #1A4771);
	background-image:-o-linear-gradient(top, #227BCC, #1A4771);
	background-image:linear-gradient(to bottom, #227BCC, #1A4771);
	background-repeat:repeat-x;
	border: 1px solid #151F42;
}

.btn-custom1:hover,
.btn-custom1:active,
.btn-custom1.active,
.btn-custom1.disabled,
.btn-custom1[disabled] {
	color: #ffffff;
	background-color: #151F42;
}

.btn-custom1:active,
.btn-custom1.active {
	background-color: #151F42 \9;
}

.btn-custom2 {
	color: #ffffff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #8B321E;
	background-image:-moz-linear-gradient(top, #D97625, #8B321E);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#D97625), to(#8B321E));
	background-image:-webkit-linear-gradient(top, #D97625, #8B321E);
	background-image:-o-linear-gradient(top, #D97625, #8B321E);
	background-image:linear-gradient(to bottom, #D97625, #8B321E);
	background-repeat:repeat-x;
	border: 1px solid #8B321E;
}

.btn-custom2:hover,
.btn-custom2:active,
.btn-custom2.active,
.btn-custom2.disabled,
.btn-custom2[disabled] {
	color: #ffffff;
	background-color: #8B321E;
}

.btn-custom2:active,
.btn-custom2.active {
	background-color: #8B321E \9;
}

.btn-custom3 {
	color: #ffffff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #536A22;
	background-image:-moz-linear-gradient(top, #739330, #536A22);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#739330), to(#536A22));
	background-image:-webkit-linear-gradient(top, #739330, #536A22);
	background-image:-o-linear-gradient(top, #739330, #536A22);
	background-image:linear-gradient(to bottom, #739330, #536A22);
	background-repeat:repeat-x;
	border: 1px solid #536A22;
}

.btn-custom3:hover,
.btn-custom3:active,
.btn-custom3.active,
.btn-custom3.disabled,
.btn-custom3[disabled] {
	color: #ffffff;
	background-color: #536A22;
}

.btn-custom3:active,
.btn-custom3.active {
	background-color: #536A22 \9;
}

/* @end */

/* @group Custom Modal */

.modal.mvdc {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-image: url(../images/sidebar-bg.jpg);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.3);
	box-shadow: 0px 0px 5px 2px rgba(000, 000, 000, 0.3);
}

.modal.mvdc .modal-header {
	border-bottom: none;
	text-align: center;
}

.modal.mvdc .modal-header h3 {
	color: #274061;
}

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

.modal.mvdc hr {
	margin: 0;
}

.modal.mvdc .modal-footer {
	background: none;
	border-top: none;
}

/* @end */

/* @group horizontal rules */

hr {
	height: 24px;
	width: 100%;
	position: relative;
	background: url(../images/hr.png) no-repeat center center;
	border: none;
	outline: none;
}

hr.plain {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    background:  none;
}

}

hr.fading {
height:1px; border-width:0;color:#ededed;background-color:#ededed;background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

hr.fadingAlt {
height:1px; border-width:0;color:#ededed;background-color:#ededed;background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(166,87,22,1), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

/* @end */


/*@group typography*/

#contentContainer h1, #contentContainerHome h1,
#contentContainer h2, #contentContainerHome h2,
#contentContainer h3, #contentContainerHome h3,
#contentContainer h4, #contentContainerHome h4,
#contentContainer h5, #contentContainerHome h5,
#contentContainer h6, #contentContainerHome h6 {
	padding: 0;
	margin: 0;
	line-height: 1.35em;
	color: #274061;
}

#contentContainer h4.team {
	padding-top:5px;
}

#contentContainer h5.recipe {
	text-transform:uppercase;
}

#contentContainer h5.recipeDate {
	color:#7F0011;

}
#contentContainer h6.recipeComponent {
	color:#7F0011;
	padding-top:5px;
}

#pageTitle {
font-family:helvetica, sans-serif;
font-weight:bolder;
font-variant:small-caps;
color:#A65716; /* #274061 */
letter-spacing:4pt;
word-spacing:6pt;
font-size:1.1em;
padding-bottom:  15px;
text-align:center
}


#pageTitleTemp {
font-family:helvetica, sans-serif;
font-weight:bolder;
font-variant:small-caps;
color:red;
letter-spacing:4pt;
word-spacing:6pt;
font-size:1.5em;
padding-bottom:  15px;
text-align:center
}

p {
	font-size: 110%;
	vertical-align: baseline;
}

p.bullet {
	line-height:1.5;
	}

p.bullet2 {
	line-height:1.75;
	}

p.bullet3 {
	margin-bottom:4px;
	}

p.ingredient {
	color: #274061;
	font-weight: 600;
	}

	color: #274061

ul.hangingBul {
	margin-left: 0;
	padding-left: 1em;
	}

li.hangingBul {
	padding-left: 1em;
	}

/* @end */

/* added by CHM on Nov 22 & Dec 19 2013  */

blockquote.pull-right {
	color: #777;
	border-right: 8px solid #C15A22;
}

blockquote.pull-left {
	color: #777;
	border-left: 8px solid #C15A22;
}

#twitter-widget-0 {
    max-height: 310px;
}

/*  @end  */

/* @group Tumblr Blog */

.tumblr_posts {
	padding: 0;
	margin: 0;
	list-style: none;
}

.each-post {
	float: none;
	overflow: hidden;
	display: block;
	position: relative;
	border: 10px solid #FFF;
	background: none repeat scroll 0% 0% #FFF;
	margin: 0px 0px 30px 0px;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
}

.each-post-date {
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.blog-entry-header {
	min-height: 50px;
}

.blog-entry-title {
	float: left;
	width: 70%;
}

.blog-entry-date {
	float: right;
	width: 30%;
	text-align: right;
}

.blog-content figure {
	display: block;
	text-align: center;
	margin: 10px;
}

.blog-content img {
	border: 1px solid #cdcdcd;
	padding: 5px;
}

.tumblr_title,
.tumblr_link {
	padding: 0px;
	margin: 0px;
	line-height: 1.35em;
	color: #274061;
	font-size: 17.5px;
	font-weight: bold;
	text-rendering: optimizelegibility;
}

.tumblr_body img {

}
.read_more_container {

}
.read_more_container a {

}

/* @end */

/* @group Blog Summaries Sidebar */

#blog-summaries-sidebar-iframe {
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
	width: 190px;
	height: 235px;
	overflow: hidden;
}

/* Styling for the contents of the iframe is located in blog-sumamries.css */

/* @end */

/* @group Image Tile Nav Balloon */

.balloon {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0, 64, 128, .95);
	display: block;
	z-index: 200;
	width: 195px;
	text-align: center;
	max-height: 0;
	overflow: hidden;
	transition: all ease-in-out 500ms;
	opacity: 0;
}

.galleryItem:hover .balloon {
	max-height: 200px;
	opacity: 1.00;
}

.balloon a {
	color: #ffffff;
	display: block;
}

.balloon ul {
	padding: 10px;
	margin: 0;
	list-style: none;
}

.balloon li {
	padding: 0.425em 0;
	margin: 0;
	display: block;
	line-height: 1.23;
}

.balloon p {
	font-size: 95%;
	color:#FFD700;
	font-style:italic;
	line-height: 1;
}

/* reciprocal links on 3 product pages */
.recip {
	font-weight:600;
	color:#004CDA;
}

/* <span class = "recip"> */

/* @end */