@charset "UTF-8";
body {
    line-height: 1.4;
    font-size: 100%;
    background-color: #D9B487;
    margin: 0;
    padding: 0;
    color: #000;
    font-family: "aktiv grotesk", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    font-weight: 400;

}
hr {
	border-style: dotted;
}


/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
}
.roman li {
	margin-left: 10px;
}
dl {
	padding: 0px;
	margin: 0px;
	clear: left;
}
dl dd {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin: 0px;
	display: inline-block;
	line-height: 1.3em;
}
dl dd dl dd dl {
    margin-left: 10px;
}
dt {
	display: inline-block;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding-left: 15px;
	font-weight: bold;
	/* [disabled]float: left; */
	padding-top: 0px;
	padding-bottom: 0px;
}
.runin {
    border-bottom: 2px dotted #000;
    margin: 0px 0px 10px 0px;
    padding-bottom: 10px;
	padding-left:15px;
}
.terms section h2, .listing div h2 {
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 10px 5px;
	border-left: 15px solid #990000;
	font-size: 160%;
	background-color: #D8B487;
	color: #fff;
	border-top: 3px solid #990000;
}

article section dt h2 {
	margin-top: 0px;
	margin-bottom: 0px;
}
article section dd h3 {
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	padding-top: 1px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	line-height: 1.6em;
}
.runin dt {
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	display: inline-block;
	font-weight: bold;
	clear: left;
	line-height: 1.3em;
	float: left;
}
.runin dd {
	display: block;
	padding-left: 0px;
	margin-bottom: 10px;
}
article section dl dd p {
	padding: 0px;
}
.runin dd .fltrght, .runin dd .fltleft {
    max-width: 50%;
    height:auto;
}
.divided h2, .divided p, .divided .runin dt, .divided .runin dd {
    padding-left:0px;
}
.runin .not_bold {
    font-weight: normal;
}
dl dt h2 {
	padding: 0px;
	display: inline-block;
}
h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;
        /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
    padding-left: 15px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
}
h1, h4 {
    font-size: 251%;
    line-height: 1.1em;
    font-family: "Esteban", Baskerville, Garamond, "Times New Roman", serif;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 15px; /* KC: keep social icons out */
}
h2 {
    line-height: 1.2em;
    margin-bottom: 5px;
    margin-top: 0.7em;
    font-kerning: 10px;
    /*font-family: averia-serif-libre;*/
    font-style: normal;
    font-weight: 700;
    font-size: 160%;
}
p {
	line-height: 1.4em;
	margin-top: 0px;
	margin-bottom: 0.5em;
}
.content .steps {
	margin: 0px 0px 0px 15px;
}
a:link.button, a:visited.button {
	background-color: #990000;
	background-image: -webkit-linear-gradient(270deg,rgba(255,119,121,1.00) 0%,rgba(196,0,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,119,121,1.00) 0%,rgba(196,0,0,1.00) 100%);
	padding: 5px 10px;
	display: inline-block;
	text-decoration: none;
	font-weight: normal;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	color: #FFC;
}
a:hover.button  {
  background-image: -webkit-linear-gradient(90deg, rgba(255, 119, 121, 1.00) 0%, rgba(196, 0, 0, 1.00) 100%);
  background-image: linear-gradient(0deg, rgba(255, 119, 121, 1.00) 0%, rgba(196, 0, 0, 1.00) 100%);
  color:#FFF;
  }
.content .steps label {
	display: inline-block;
	width: 200px;
	text-align: right;
}
.steps .form-error {
	/* [disabled]text-align: center; */
	margin-left: 250px;
	color: #990000;
	font-size: 90%;
}
.content #payment-form button {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.product_Name {
    font-weight: bold;
}
img {
    max-width: 95%;
    height: auto;
}

img.rght-with_section {
    max-width: 100%;
    display: block;
}
.img_ctr  {
    display: block;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    max-width: 98%;
}
.img_ctr img {
	width:auto;
	height:auto;
}
p span img {
	width:auto;
	height:auto;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
}
img.pitmaster-avatar {
    display: block;
    float: right;
    margin: -2px 10px 0;
    max-width: 25px;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
    color: #891319;
	font-weight:bold;
    text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:link.buyit, a:visited.buyit {
    background-image: -webkit-linear-gradient(270deg,rgba(255,119,121,1.00) 0%,rgba(196,0,0,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,119,121,1.00) 0%,rgba(196,0,0,1.00) 100%);
    padding: 5px 10px;
    display: inline-block;
    color: #ffc;
    background-color: #990000;
    text-decoration: none;
    font-weight: normal;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
}
	
a:visited {
    color: #751513;
    text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: underline;
    color: rgba(179,43,45,1.00);
    margin-bottom: 0px;
}
a:hover.buyit {
    background-image: -webkit-linear-gradient(90deg,rgba(255,119,121,1.00) 0%,rgba(196,0,0,1.00) 100%);
    background-image: linear-gradient(0deg,rgba(255,119,121,1.00) 0%,rgba(196,0,0,1.00) 100%);
    color:#fff;
}
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
ul ,ol   {
	padding-top: 0;
	padding-right: 10px;
	padding-left: 40px;
	padding-bottom: 15px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

.bbq-list {
	list-style: none;
	padding-left: 15px;
}
.bbq-list li {
	font-weight: bold;
	margin-bottom: 5px;
}
.bbq-list li ul {
	padding: 0px 0px 5px 25px;
	list-style-type: disc;
	margin-bottom: 5px;
	margin-top: 5px;
}
.bbq-list li ul li {
	font-weight:normal;
}
li {
	line-height: 1.3em;
	margin-bottom: 5px;
}
/* ~~ This fixed width container surrounds all other blocks ~~ */
.container {
	width: 1200px;
	background-color: #FFFFFF;
	margin-top: 65px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px; /* the auto value on the sides, coupled with the width, centers the layout */
}
.pitmaster-club.pitmaster-club-join .container {
	width: 892px;
	margin-top:30px;
}

.pitmaster-club.pitmaster-club-join {
	margin-top: 80px;
}


/* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
.slideshow  {
    float: none;
    height: auto;
    width: 95%;
    margin-top: 0px;
    overflow: auto;
    border-top: 0px solid rgba(137,19,25,1.00);
    margin-left: 2.5%;
    margin-right: 0px;
    margin-bottom: 15px;
}
.slideshow img {
	max-width:100%;
}

p.summary, span.summary {
	color: #ed7501;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
.summary p {
    padding: 0px 5px;
}
article h3 {
	padding-left: 15px;
	padding-bottom: 0px;
	margin: 10px 0px 5px 0px;
	padding-top: 0px;
	line-height: 1.3em;
}
article ol li {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 5px;
}
article .song  {
    margin-left: 20px;
}
article .following {
    clear: left;
}

article .note {
    float: none;
    clear: both;
    display: block;
    border-style: none;
    background-color: #FFFFFF;
    width: 100%;
    height: auto;
    overflow: auto;
}
article .with_sidebar p {
    overflow: visible;
}
aside .img_ctr {
    display: block;
    max-width: 98%;
    margin-top: 5px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 5px;
}
aside .img_ctr img {
	width:98%;
	height:auto;
}

article section table {
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
	max-width: 100%;
	margin-right: 5px;
}
table caption {
	font-size: 130%;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: left;
}
article .half {
	width: 47%;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 0px;
	margin-bottom: 5px;
	float: left;
	padding: 5px;
	/* [disabled]min-height: 500px; */
}
article .half.h-400 {
	min-height:400px;
}
article .half.h-300 {
	min-height: 300px;
}
article .half.h-200 {
	min-height: 200px;
}
article .half:nth-child(odd) {
	/*clear: left;*/
}
article .half .intro {
    border-bottom: solid 2px #000;
}
/*
article .half:nth-child(odd) {
        clear: left;
} 
*/
article .two-columns .half {
    clear: none;
}

article .special.half {
	width: 48%;
	margin: 5px 0px;
	float: left;
	box-sizing:border-box;
}
article section {
	padding-top: 2px;
	overflow: auto;
	padding-left: 0px;
}

article section td {
    padding-top: 5px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 5px;
    border-bottom: dotted 1px #000;
    line-height: 1.3em;
}
article section th {
    padding-top: 5px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 5px;
    text-align: center;
    background-color: #000;
    color: #fff;
}
article section p {
    overflow: visible;
}
article section p, article aside p {
    padding: 0px 10px;

}
article ul.checked li {
    list-style-image: url(/images/dingbats/checked_box.gif);
}
article blockquote:first-of-type, article .intro blockquote {
    margin-top: 10px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
}
aside.quotes blockquote:last-of-type {
	border-bottom: none;
}
article .intro blockquote p, article blockquote:first-of-type p   {
    text-align: left;
    font-weight: bold;
    margin: 5px 10px 10px 5px;
    font-style: italic;
}
article aside.quotes blockquote p {
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	text-indent: -6px;
}
article .intro blockquote p cite, article blockquote:first-of-type p cite , article blockquote p cite{
    font-weight: normal;
}
article .rght-with_section {
	background-color: #D8B487;
	width: 38.6%;
	float: none;
	margin-right: 1%;
	border: 1px solid #000000;
	margin-left: 60%;
	padding-top: 5px;
	box-sizing:border-box;

}
blockquote cite:before {
    content: "–";
}
.intro h1, .intro h4  {
    padding-right: 0px;
    padding-left: 15px;
    font-size: 260%;
}
.intro p {
    margin-bottom: 15px;
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 15px;
}
.featured {
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 5px;
	width: 57%;
	float: left;
}
.featured.full {
	width: auto;
	float: left;
}
.featured .rght-side-300 .arrows {
	margin-top: inherit;
	margin-right: inherit;
	margin-left: 1.5em;
	margin-bottom: inherit;
	padding: inherit;
}
.featured h2 {
    font-size: 212%;
    margin-top: 0px;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    margin-left: 10px;
    padding-left: 0px;
    font-family: averia-serif-libre;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 20px;
    padding-bottom: 3px;
    margin-right: 5px;
}
.featured .teaser {
	margin-bottom: 15px;
	overflow: hidden;
	border-bottom: 2px dotted rgba(144,144,144,1.00);
	padding-bottom: 5px;
	margin-left: 12px;
	padding-left: 0px;
	margin-right: 7px;
}
.featured .teaser h3 {
    padding-left: 0px;
    font-size: 140%;
    padding-top: 0px;
    margin-top: 0px;
    line-height: 1.1em;
    margin-bottom: 10px;
    margin-left: 140px;
}
.featured .teaser p {
    margin-left: 140px;
    padding-left: 0px;
    margin-top: 0px;
}
.featured .teaser img {
	display: block;
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	margin-right: 12px;
	margin-bottom: 10px;
	width: 125px;
	height: 85px;
}
.featured .teaser .amazon {
	height: 1px;
	width: 1px;
}
.featured ul  {
    list-style: none;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.featured ul li  {
	margin-bottom: 10px;
	overflow: hidden;
}
article .footnote {
    clear: left;
    font-weight:bold;
    font-style: italic;
    padding-top:10px;
    margin-top:10px;
    border-top:solid 1px #000;
}
.bottom  {
    border-width: 3px 2px 2px;
    border-style: solid;
    border-color: rgba(153,0,0,1);
    overflow: hidden;
	margin-top:165px;
}

.left {
    width: 870px;
    float: left;
    overflow: hidden;
    border-right: 2px solid rgba(137,19,25,1.00);
}
.pitmaster-club.pitmaster-club-join .container .left {
	width: 100%;
}
.left .masthead a img {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
	max-width:100%;
	height:auto;
}
a.PIN_1425958677006_pin_it_beside_20 span.PIN_1425958677006_pin_it_button_count, a.PIN_1425960665735_pin_it_beside_20 span.PIN_1425960665735_pin_it_button_count {
	display:none !important;
	color:red;
}

.container .masthead {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-left: 0px;
    text-align: left;
    background-color: rgba(0,0,0,1.00);
    margin-bottom: 5px;
}
/*Social media styles */
.social {
    font-size: .9em;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: rgba(0,0,0,1);
    border-bottom-color: rgba(0,0,0,1);
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    clear: both;
}
.social div {
    display: inline-block;
    width: auto;
    margin: 0px;
    vertical-align: middle;
    overflow: visible;
    padding-top: 3px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 6px;
}

/* ~~ The following rule is a hack for IE6 ~~ */
.social div {
    *margin:10px;
    *display: inline;
}

/* BEGIN KC: put social stuff on the same line */
.social_top {
    min-height: 20px;
    overflow: auto;
}

div.social_top > * { 
    margin-right: 10px;
    float: left;
}

#fb-like-wrapper {
    height: 20px;
    width: 80px;
}

/* END KC: put social stuff on the same line */

/*End of Scoial media styles */
/*Comment formatting*/
.comments {
    background-color: rgba(218,180,135,1);
    margin-right: 10px;
    margin-left: 10px;
    padding: 5px;
    overflow: auto;
    clear: both;
}
.three-columns {
	width: 31%;
	float: left;
	margin: 10px 5px;
	overflow: auto;
	box-sizing:border-box;

}
.three-columns.third {
	clear: both;
}
/*
.three-columns:nth-child(3) {
	clear:left;
}
*/
.comments div {
    padding-top: 0px;
    padding-bottom: 3px;
    overflow: auto;
}
.comments .moderators {
    overflow: hidden;
	width: 100%;
}
.comments .moderators div {
    width: 12%;
    float: left;
    text-align: center;
    overflow: visible;
    height: 75px;
    min-width: 60px;
	box-sizing:border-box;

}
.comments .moderators .head  {
    width: 100%;
    float: none;
    text-align: left;
    overflow: auto;
    max-height: 40px;
    padding-top: 0px;
    margin-top: 0px;
}
.comments .moderators div h2 {
    font-size:110%;
    height: 25px;
}
.comments .moderators div p {
    text-align: center;
}
.comments .moderators div img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*Comment end */
/*Membership start */
.membership {
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: rgba(255,255,255,1);
    overflow: auto;
    padding-right: 5px;
    padding-left: 5px;
}
.membership div div a .img_ctr {
    max-width: 85%;
    margin-right: auto;
    margin-left: auto;
	display:block;
}
.membership div {
}
.membership p {
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 90%;
}
.membership div div {
    width: 19.2%;
    margin:0;
    text-align: center;
    display: inline-block;
    vertical-align:middle;
	box-sizing:border-box;

}
/* ~~ The following rule is a hack for IE6 ~~ */
.membership div div {
    *margin:10px;
    *display: inline;
}
.recipe {
    overflow: auto;
}

.recipe section p .fltrght {
    position: relative;
}
.recipe section {
	overflow: auto;
}
.recipe_instructions   {
    margin: 10px 0px;
}
.recipe iframe {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.recipe .part {
    width: 490px;
    float: left;
    clear: left;
}
.recipe .jump {
    display: none;
}
.recipe .ingredient {
	margin: 0px;
}
.departments  {
    width: 40%;
    float: none;
    padding-right: 7px;
    padding-left: 7px;
    padding-top: 0px;
    margin-left: 58%;
	box-sizing:border-box;

}
.departments .department  {
    padding-bottom: 0px;
    margin-bottom: 10px;
    overflow: auto;
    width:100%;
}
.departments .department h2 {
    border-bottom: 2px solid rgba(153,0,0,1);
    font-size: 130%;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 10px;
    margin-top: 15px;
    margin-right: 10px;
}
.departments .department h3 {
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
    line-height: 01.2em;
    font-size: 110%;
}
.departments .department p {
    padding: 0px 10px;
}
.departments .department img {
    display: block;
    margin-top: 0px;
    margin-bottom: 5px;
    max-width: 97%;
    height: auto;
}
.departments .department ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.departments .department ul li {
    margin-bottom: 20px;
}
.departments .department ul li p {
    padding-left: 0px;
    padding-right: 3px;
}
aside.links {
	border: solid 1px #000;
	padding: 5px;
	margin: 10px;
	background-color: rgba(218,180,135,1);
}
.rght-side-250 {
    background-color: rgba(218,180,135,1);
    float: right;
    width: 250px;
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    clear: right;
    border: 1px solid rgba(0,0,0,1);
	box-sizing:border-box;
}
.rght-side-300 {
    background-color: rgba(218,180,135,1);
    float: right;
    width: 300px;
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    clear: right;
    border: 1px solid rgba(0,0,0,1);
	box-sizing:border-box;
}
.rght-side-350 {
	background-color: rgba(218,180,135,1);
	float: right;
	width: 350px;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	clear: right;
	border: 1px solid rgba(0,0,0,1);
	box-sizing: border-box;
}
.rght-side-350.quotes {
	margin: 10px;
	float: right;
}
.rght-side-400 {
    background-color: rgba(218,180,135,1);
    float: right;
    width: 400px;
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    clear: right;
    border: 1px solid rgba(0,0,0,1);
	box-sizing:border-box;
}
.rght-side-450 {
    background-color: rgba(218,180,135,1);
    float: right;
    width: 450px;
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    clear: right;
    border: 1px solid rgba(0,0,0,1);
	box-sizing:border-box;
}
.rght-side-450 table {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 4px solid #000;
    border-top: 2px solid #000;
    background: #FFD;
}
.rght-side-500 {
    background-color: rgba(218,180,135,1);
    float: right;
    width: 500px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    clear: right;
    border: 1px solid rgba(0,0,0,1);
	box-sizing:border-box;
}
.right-50 {
	background-color: rgba(218,180,135,1);
	width: 48%;
	float: right;
	border: solid 1px #000;
	margin-right: 10px;
	box-sizing:border-box;
}
.required {
	color: #0000ee;
	font-weight:normal;
}
/* ~~ The footer ~~ */
footer {
    padding-top: 10px;
    padding-right: 0;
    padding-left: 0px;
    padding-bottom: 10px;
    background-color: #FFC;
    position: relative;/* this gives IE6 hasLayout to properly clear */
    clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
    font-size: 090%;
    border-top: 1px solid rgba(0,0,0,1.00);
}
footer p {
    margin-left: 0px;
    margin-right: 0px;
}

.ctr {
	padding: 0px 10px;
	text-align: center;
}

/*Twitter feed styles */
#twitter_t {
    width: 300px;
    height: 34px;
    /*background-image:url("your top image");*/ /* relative path from index.html. This file will be embedded in the .html file */
}

#twitter_m {
    width: 270px;
    padding: 0 15px;
    /*background:url("your middle image")  0 0 repeat-y;*/ /* relative path from index.html. This file will be embedded in the .html file */
    border: solid 1px #891319;
    min-height: 100px;
}

#twitter_container {
    min-height:45px;
    height:auto !important;
    height:40px;
    padding-bottom:10px;
}

#twitter_update_list {
    width: 270px;
    padding: 0;
    overflow: hidden;
    font-family: Georgia;
    font-size: 14px;
    font-style: italic;
    color: #31353d;
    line-height: 16px;
    font-weight:bold;
}

#twitter_update_list li {
    width: 270px;
    list-style: none;
}

#twitter_update_list li a {
    color: #5f6d76;
    border-bottom: dotted 1px;
    text-decoration: none;
}

#twitter_update_list li a:hover {
    color: #31353d;
    background: #d3f1f9;
}

#twitter_b {
    width: 270px;
    height: 29px;
    /*background-image:url("your bottom image");*/ /* relative path from index.html. This file will be embedded in the .html file */
}
.departments .department ul li nav {
    text-align: right;
}
.departments .department ul li nav:hover  {
    background-color: rgba(255,0,12,1.00);
}
.departments .department ul .more {
    margin-top: -15px;
}
.departments .department ul .more nav p a {
    display: block;
    border-bottom: 4px solid rgba(137,19,25,.50);
    background-color: rgba(137,19,25,.10);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 5px;
}
.departments .department ul .more nav p a:hover  {
    color: rgba(255,255,255,1.00);
    text-decoration: none;
}
.slideshow li .caption a   {
    color: #fff;
    font-weight: bold;
}
.slideshow h2 {
    padding-left: 0px;
}
/*Twitter styles end */
.fltrght  {
	float: right;
	margin-left: 10px;
	max-width: 60%;
	/* [disabled]height: auto; */
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	position: relative;
	background-image: url(kenji%27s%20gratin);
}
p .fltrght img, p .fltleft img {
	width:98%;
	max-width: 100%;
}
span.img-50 img {
	width: 50%;
}
span a.custom-pin img {
	width:40px;
	height:auto;
	bottom: 20px;
	left: 5px;
	position:relative;
	text-align: left;
	margin-right: 20%;
}
.clear_rght {
	float: right;
	clear: right;
	margin-left: 10px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}
.top_ads #Google_Ad {
    margin-right: 20px;
}
.top .ga_search #search {
    width: 149px;
}
.rght-side-350 img {
	display: inline-block;
}
.ga_search #gsc-i-id1 {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.bottom .social1 {
    font-size: 0.9em;
    margin-top: 0px;
    margin-bottom: 3px;
    margin-right: 10px;
    margin-left: 10px;
}
.bottom .social1 div {
    display: inline-block;
    width: auto;
    margin: 0px;
    vertical-align: top;
    overflow: visible;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    text-align: left;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    left: auto;
    top: auto;
}

.p7MGM-01 a.mgm-root-item {
    padding-right: 20px;
    padding-left: 20px;
}
.fltleft {
    margin: 5px 10px 5px 0px;
    float: left;
}
.breadcrumbs {
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    text-align: left;
    margin: 3px 0px 5px 5px; 
}
.product_quarter {
	width: 23%;
	min-height: 350px;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	padding-right: 5px;
}
.product_quarter p {
    padding: 0px 5px;
}
.rght-with_section h2 {
    font-size: 130%;
}
article {
	padding-bottom: 10px;
	width: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article .with_sidebar {
	width: 58%;
	float: left;
	clear: left;
	overflow: hidden;
	box-sizing:border-box;
}
.terms  {
	width: 68%;
	float: left;
	clear: left;
	overflow: hidden;
	box-sizing:border-box;
}
article h1:first-child, article h4:first-child {
    margin-top: 0px;
}
article .intro, .manual .intro  {
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    clear: both;
}
.special {
	background-color: #FFFFDD;
	overflow: auto;
	border: solid 1px #000;
	width: 58%;
	margin: 5px;
	float: left;
	padding-top: 10px;
	box-sizing:border-box;
}
.special h1 , .special h2, .special p, .special h4 {
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
}
.special h1, .special h4 {
    font-size: 225%;
    margin-bottom: 10px;
    line-height: 1.1em;
}
.special.full, two-up.full {
    width: 98%;
}
.quotes  {
	width: 39%;
	border: solid 1px #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 60%;
	margin-bottom: 10px;
}
.quotes blockquote:last-child {
	border-bottom: none;
}
.right-special {
    border: solid 1px #000;
    width: 38.6%;
    margin-left: 60%;
    background-color: #D8B487;
    margin-top: 10px;
    margin-bottom: 5px;
	box-sizing:border-box;
}
.right-60 {
    width: 59.6%;
    border: solid 1px #000;
    margin-left: 40%;
    background-color: #D8B487;
	box-sizing:border-box;
}
.right-40 {
    width: 38.6%;
    border: solid 1px #000;
    margin-left: 60%;
    background-color: #D8B487;
    overflow: auto;
	box-sizing:border-box;
}
article .half-right {
    width: 48.6%;
    border: solid 1px #000;
    margin-left: 60%;
    background-color: #D8B487;
    overflow: auto;
	box-sizing:border-box;
}
.left-40 {
	width: 38%;
	float: left;
	clear: left;
	box-sizing:border-box;
}
.left-60 {
    width: 58%;
    margin: 5px;
    border: solid 1px #000;
    background-color: #D8B487;
    float: left;
	box-sizing:border-box;
}
.left-60 h2 {
    padding: 0px 10px;
    font-size: 130%;
}
.left-60 p {
    padding: 0px 10px;
}

.left-60 aside {
    margin-top: 16px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 0px;
    width: 49%;
    text-align: center;
    float: right;
	box-sizing:border-box;
}
.left-60 aside h3 {
    font-size: 105%;
}
.left-60 .half {
    width: 46%;
	box-sizing:border-box;
}
.left-60 .half h2 {
    padding: 0px 10px;
    font-size: 140%;
}
.two-up {
    border: none;
    width: 59%;
    padding: 0 0 0 5px;
    margin: 0px;
    overflow: auto;
    float: left;
	box-sizing:border-box;
}
article .two-up.full {
	width: 98%;
}
.two-up.full {
	width: 98%;
	padding: 5px 0px;
	border-bottom: solid 1px #000;
}
.grouping {
    border: solid 1px #000;
    padding: 5px;
    background-color: #FFD;
}
.two-up section   {
    width: 49%;
    border: solid 1px #000;
    margin: 5px 0px;
    min-height: 275px;
    float: left;
	box-sizing:border-box;
}
.two-up.full section {
	border: none;
	min-height: 318px;
}
article .dateModified {
    padding: 10px 15px;
    margin-top: 10px;
    border-top: 1px solid #000;
    clear: both;
    font-style: italic;
}
article .revision {
    font-style: italic;
    margin-left: 10px;
    margin-top: 20px;
    margin-right: 10px;
    padding-top: 10px;
    clear: both;
    border-top: solid 1px #000;
}
.divided + .revision {
	border: none;
	margin-top: 10px;
}
article .revision:before {
    content: "- ";
}
.manual section {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    margin: 0px 10px;
    border-bottom: 2px dotted #666;
}
article p {
}
article section section {
	margin-top: 0px;
	margin-right: 5px;
	margin-left: 0px;
	margin-bottom: 5px;
}
article section.divided section {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
    margin: 0px;
}
article section .recipe {
    margin: 0px;
}
article section section:last-child  {
	border: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
}
article .intro h2 {
    border-top: solid 1px #000;
    margin: 0px;
    padding: 10px 15px 0px 15px;
    font-size: 140%;
}
.quotes blockquote {
    padding: 5px 0px;
    margin: 5px 0px;
    border-bottom: solid 1px #000;
}
.quotes blockquote p {
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	font-weight: bold;
}
.quotes blockquote cite {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 25px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
	font-size: 90%;
	text-indent: -10px;
	display: block;
	line-height: 1.3em;
}
.quotes blockquote cite::before {
    content: "– ";
}
section blockquote {
    margin: 0px;
}
section blockquote p {
    margin-top: 5px;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 5px;
    text-align: left;
}
section h2, aside h2 {
    margin-top: 15px;
    margin-bottom: 5px;
    line-height: 1.1em;
	padding-left:10px;
}
section h2:first-child, aside h2:first-child {
	margin-top:10px;
}
section h3, aside h3 {
	padding-left: 10px;
}
section .social_top {
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
    padding: 5px 0px;
    margin: 5px;
    overflow: auto;
}
article section section h3 {
    margin: 10px 0px 5px 0px;
    line-height: 1.3em;
    padding-left: 10px;
}
article .detail section h3 {
    padding-left: 5px;
}
article section section h4 {
    margin: 10px 0px 5px 0px;
}
figure {
	margin:0px 15px;
}
aside figure {
	margin: 10px;
}
aside figure img {
	max-width: 100%;
}
figure.hero {
    text-align: left;
}
section figcaption {
	font-size: 90%;
	font-style: italic;
	padding-left: 10px;
}
figure figcaption {
    display:block;
    padding: 5px 15px;
}
figure:first-child {
	border-bottom: 2px dotted #000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.special section h2 {
    font-size: 135%;
}
article .clear-left {
    clear: left;
}
article .clear-all {
    clear: both;
}

.right-60 section h1, .right-60 section h4 {
    clear: none;
    font-size: 225%;
}
.right-special section p {
    overflow: visible;
}
.right-special section h3 {
    margin-bottom: 5px;
    padding-left: 10px;
    margin-top: 10px;
}
.right-special section {
}
.left-60 section h2 , .left-60 section p{
    padding: 0px 10px;
}
.two-up section h2 {
    padding: 0px 10px;
    font-size: 130%;
}
.two-up section p {
    padding: 0px 10px;
}
.clear-left .right-60 section p {
    overflow: visible;
}
.hilight {
	background-color: #FFFF88;
	padding-top: 3px;
	padding-bottom: 3px;
}
table {
	max-width: 99%;
	margin-left: 10px;
	border-collapse: collapse;
	border-top: 4px solid #000;
}
table.gsc-table-result {
	border-top: 2px;
	border-top-color: #666;
	border-top-style: dotted;
}
table.gsc-above-wrapper-area-container {
	border-top: 1px;
	border-top-color: #000;
	border-top-style: solid;
	border-bottom: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	margin-bottom: 10px;
}
table.gsc-resultsHeader {
	border:none;
}
table.gsc-table-result td {
	padding: 10px 0px 0px 0px;
}
.two-columns {
    width: 69%;
    float: left;
}
.two-columns h1  , .third-column h1, .two-columns h4  , .third-column h4{
    border-bottom: 2px solid #000000;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0px;
    padding-bottom: 2px;
}
#visitors td {
    text-align: center;
}
article .divided {
	border-bottom: 2px dotted #000000;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-bottom: 5px;
}
article .divided h2, article .divided h3   {
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 0px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}
.divided p {
	line-height: 1.4em;
	padding-left: 0px;
	margin-left: 0px;
}
.divided ol, .divided ul {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 15px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 15px;
    margin-bottom: 10px;
}
aside .divided {
	margin-left: 3px;
	margin-right: 3px;
	overflow: hidden;
}
aside table {
	background-color: #FFD;
}
aside p {
    padding: 0px 10px;
}
.divided:last-child {
	border: none;
	margin-bottom: 10px;
	margin-left: 3px;
}
.byline {
    font-weight: bold;
    font-style: italic;
}

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, article, figure {
    display: block;
}
.lyrics {
    margin-top: 0px;
    margin-right: auto;
    margin-left: 10px;
    margin-bottom: 5px;
}
.lyrics p {
    font-style: italic;
    line-height: 1.2em;
}
.lyrics p:nth-child(odd) {
    margin-left: 13px;
}
.half-left {
    width: 49%;
    float: left;
    clear: left;
}
.left-50 {
	width: 49%;
	float: left;
	clear: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article .with_sidebar p {
}
.checklist li {
        list-style-image: url(/images/dingbats/arrow.gif);
        line-height: 1.2;

    }
.vdingbat li {
        list-style-image: url(/images/dingbats/1v.gif);
        line-height: 1.2;
    }
.not_recommended li {
        list-style-image: url(/images/dingbats/not_recommended.gif);
    }
.arrows li, .featured .arrows li {
	list-style-image: url(/images/dingbats/arrow.gif);
	line-height: 1.2;
	overflow: visible;
    }
#inquiry label {
	font-weight:bold;
}

@media screen and (max-device-width:1280px) and (orientation:landscape){
/*.rght-side-250, .rght-side-300, .rght-side-350, .rght-side-400, .rght-side-450, .right-40, .right-50, .left-50   {
	float: none;
	clear: both;
	width: 95%;
	margin: 10px auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    }
*/
}

@media screen and (max-width:1024px){
.container {
	width: 1020px;
	margin-top: 60px;
    }
.bottom {
	margin-top:130px;
}
.top1 .ga_search {
        width: 156px;
    }
.p7MGM-01 a.mgm-root-item {
        padding-right: 20px;
        padding-left: 20px;
        -webkit-text-size-adjust: 90%;
    }
.nav-search .top1 {
        width: 100%;
        margin-top: 0px;
    }
.intro h1, .intro h4 {
        font-size: 230%;
    }
.left {
        width: 685px;
    }
.featured {
        width: 97%;
        padding-right: 20px;
    }
.departments {
        margin: 10px auto;
        width: 97%;
    }
.recipe iframe {
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }
.recipe .part {
        width: 97%;
        float: none;
    }

article .rght-with_section {
        margin: 10px auto;
        width: 97%;
        clear: both;
        float: none;
    }
article .with_sidebar, .terms {
        width: 100%;
    }
article p.with_sidebar {
        float: none;
        width: 50%;
    }
.departments .department ul li .intro {
        overflow: auto;
    }
.departments .department ul li .intro a img {
        float: left;
        margin-right: 10px;
        display: block;
        height: auto;
    }

.recipe .jump {
        display: block;
        text-align: right;
    }
.comments .moderators div {
        width: 12%;
        float: left;
        text-align: center;
        overflow: auto;
        min-width: 70px;
    }
.comments .moderators .head  {
        width: 100%;
        float: none;
        text-align: left;
        overflow: visible;
        max-height: 30px;
    }
.special {
        width: 98%;
        margin-top: 5px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 05px;
        float: none;
    }
.right-special {
        width: 98%;
        margin-left: auto;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: auto;
    }
.right-60 {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        clear: both;
    }
.left-40 {
        width: 98%;
        float: none;
    }
.left-60 {
        width: 98%;
        margin-top: 5px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 5px;
        border: solid 1px #000;
        background-color: #D8B487;
        float: none;
    }
.two-up {
        border: none;
        width: 98%;
        padding: 0px;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0px;
        overflow: auto;
        float: none;
    }
.quotes {
        width: 98%;
        float: none;
        border: solid 1px #000;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px;
    }
.two-up section {
        min-height: 250px;
        float: left;
    }
.right-60 section {
        overflow: auto;
    }
.two-up section h2 {
        padding: 0px 10px;
        font-size: 130%;
        text-align: left;
    }
.product_quarter {
        width: 24%;
        min-height: 335px;
        float: left;
        margin-top: 10px;
        margin-right: 1px;
        margin-left: 3px;
        margin-bottom: 10px;
        padding-right: 0px;
        overflow: auto;
        text-align: center;
    }
article .half {
        width: 47%;
        margin-top: 5px;
        margin-right: 5px;
        margin-left: 0px;
        margin-bottom: 5px;
        float: left;
        padding: 5px;
        min-height: 500px;
    }
.flash-content { 
		display:none;
}
.rght-side-250, .rght-side-300, .rght-side-350, .rght-side-400, .rght-side-450, .right-40, .right-50, .left-50   {
        float: none;
        clear: both;
        width: 95%;
        margin: 10px auto;
    }

}

@media screen and (max-width:800px){
.container {
        width: 750px;
		margin-top: 30px;
    }
.bottom {
	margin-top:0px;
}

.pitmaster-club.pitmaster-club-join .container {
	width: 100%;
}
h1, h4 {
	font-size: 200%;
	line-height: 1.2em;
	font-weight: 400;
	margin-bottom: 5px;
	margin-top: 15px;
	clear: both; /* KC: keep social icons out */
	padding-left: 0px;
	margin-left: 10px;
	margin-right: 0px;
	padding-right: 0px;
	text-align: left;
    }
.top .toc h1 {
	text-align: left;
	margin:0px;
	padding-left:5px;
}

.p7MGM-01.responsive .mgm-toolbar a {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	color: #ffc;
	vertical-align: top;
	font-weight: normal;
	padding-top: 0px;
}
.p7MGM-01.responsive .mgm-toolbar a:hover {
	/* [disabled]color: #fff; */
}
.ham-label {
	font-size: 50%;
	padding-left: 5px;
}
.recipe .part {
        width: 98%;
        float: none;
    }
aside  {
        margin-right: 10px;
        width: 95%;
    }
.rght-side-250, .rght-side-300, .rght-side-350, .rght-side-400, .rght-side-450, .right-40, .right-50, .left-50   {
        float: none;
        clear: both;
        width: 95%;
        margin: 10px auto;
    }
.departments {
        width: 95%;
    }
.departments .department ul li .intro a img {
        float: none;
        margin-right: auto;
        display: block;
        margin-left: auto;
        height: auto;
    }
.departments .department ul li .intro {
        overflow: auto;
    }
.featured {
        width: 100%;
        padding-right: 5px;
    }
.featured .teaser h1, .featured .teaser h4 {
        font-size: 150%;
    }
.featured .teaser p {
        margin-left: 0px;
    }
.fltleft, .fltrght {
	float: none;
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	max-width: 100%;
    }
p .fltrght img , p .fltleft img {
        height: auto;
		width:auto;
        max-width: 100%;
    }
	
span.mobile_defer {
        display: none;
    }

.recipe .jump {
        display: block;
        text-align: right;
    }
.p7MGM-01 a.mgm-root-item {
        -webkit-text-size-adjust: 120%;
        font-size:120%;
        padding: 15px 10px 20px 15px;

    }
.p7MGM-01 a.mgm-root-item {
        padding-right: 5px;
        padding-left: 20px;
    }
.nav-search .ga_search {
        padding-right: 0px;
        width: 45%;
    }
.nav-search .ga_search .gsc-i-id1 {
        width: 70px;
        margin-right: 5px;
    }

.nav-search .top1 {
        width: 100%;
    }
.nav-search .top1 .mgm-mega-menu {
        border-bottom: 10px solid #891218;
    }
.nav-search .top1 #p7MGM_1 h2 {
        -webkit-text-size-adjust: 140%;
        font-size: 140%;
    }
.nav-search .top1 #p7MGM_1 h4 {
        padding: 0px 0px;
        font-size: 130%;
    }
.nav-search .top1 #p7MGM_1 p {
        margin: 15px 10px;
    }
.nav-search .top1 p a {
        font-size: 110%;
    }
article .rght-with_section {
        width: 97%;
        float: none;
        margin: 0px auto;
    }
article .with_sidebar {
        width: 100%;
        float: none;
    }
article section h2 {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	width: auto;
    }
article p {
        overflow: visible;
        padding-right: 10px;
        padding-left: 10px;
    }
article h2  {
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 140%;
	line-height: 1.3em;
	padding-left: 0px;
	text-align: left;
    }
article .half {
        width: 95%;
        margin-top: 5px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 5px;
        float: none;
        min-height: 350px;
    }
article .half-left {
        width: 100%;
        float: none;
    }
img, section img {
	max-width: 98%;
	height: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
    }
article .half-right {
        float: none;
        margin: 10px auto;
        width: 95%;
    }
article .with_sidebar {
        width: 100%;
        float: left;
        clear: left;
    }
img.rght-with_section {
        max-width: 100%;
        height: auto;
        display: block;
    }
.comments .moderators div {
        width: 25%;
        float: left;
        text-align: center;
        overflow: visible;
		height: 78px;
		margin: 5px 0px
    }
.comments .moderators .head  {
        width: 100%;
        float: none;
        text-align: left;
        overflow: visible;
        max-height: 30px;
    }
.membership div div {
        width: 18.5%;
        font-size: 75%;
        margin:0;
        text-align: center;
        display: inline-block;
        vertical-align:middle;
        -webkit-text-size-adjust: 75%;
    }
.LeaderDog_org_ad {
        height: auto;
        max-width: 95%;
    }
.left {
	width: 422px;
	overflow: hidden;
    }

.left-60 aside {
        margin-top: 16px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0px;
        width: 98%;
        text-align: center;
        float: none;
    }
.left-60 .half {
        width: 98%;
    }
.left-60 h2 {
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        font-size: 130%;
        margin-top: 5px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 5px;
        width: 90%;
        text-align: left;
    }
.left-60 .half h2 {
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        font-size: 140%;
        text-align: left;
    }
.two-up section {
        min-height: 300px;
        float: left;
    }
.special h1, .special h4 {
        font-size: 190%;
        margin-bottom: 10px;
        line-height: 1.1em;
        margin-top: 5px;
    }
.special h1, .special h2, .special h4  {
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        width: 98%;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 4px;
        text-align: left;
    }
.special section p {
        overflow: visible;
    }
.quotes h2 {
        padding: 0px;
        text-align: left;
    }
.clear-left .left-40 h2 {
        font-size: 140%;
        text-align: left;
    }
.intro h1, .intro h4 {
        font-size: 180%;
        padding: 0px;
        text-align: left;
    }
.rght-with_section h2 {
        font-size: 130%;
        text-align: left;
    }
.product_quarter {
        width: 46%;
        min-height: 300px;
    }
.runin dd .fltrght, .runin dd .fltleft {
        max-width: 95%;
		float:none;
        height:auto;
    }

.two-columns {
        width: 100%;
        float: none;
    }
.three-columns.third {
	clear: none;
}
	
div.fltleft  , div.fltrght{
        max-width: 95%;
        height: auto;
    }
img.fltleft , img.fltrght{
	max-width: 95%;
	height: auto;
    }
.byline {
        font-weight: bold;
        font-style: italic;
        text-align: left;
        margin-left: 0px;
        margin-right: 0px;
    }
.three-columns {
	width: 47%;
	float: left;
	margin: 10px 5px;
	overflow: auto;
}
.three-columns:nth-child(2) {
	clear: left;
}
.two-up.full {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	border: none;
	padding-top: 0px;
}
.two-up.full section {
	width: 100%;
	border-bottom: solid 1px #000;
	height: auto;
}
}
@media screen and (max-device-width: 1900px) and (orientation: lanscape){
	.container .masthead {
	display:none;	
	}
}
@media screen and (max-width:767px){
.container {
        width: 100%;
        overflow: hidden;
		margin-top: 0px;
    }

.left {
        width: 100%;
    }
.recipe .part {
        width: 97%;
        float: none;
    }

.rght-side-250, .rght-side-300, .rght-side-350, .rght-side-400 {
        float: none;
        clear: both;
        width: 95%;
        margin: 10px auto;
    }
.departments {
        width: 97%;
    }
.departments .department ul li .intro {
        overflow: auto;
    }
.departments .department ul li .intro a img {
	float: none;
	display: block;
    }
article {
	padding-bottom:0px;
}
.content .recipe .method {
	overflow-x: hidden;
	overflow-y: hidden;
}
article h1, article h4 {
    text-align: left;
    }
article .intro, .manual .intro {
  	margin-top: 0px;
	}
article section h2 , article aside h2{
	text-align: left;
    }
.byline {
        text-align: left;
    }

.fltrght, .fltleft {
        max-width: 85%;
    }

.recipe .jump {
        display: block;
        text-align: right;
    }
.product_quarter p {
        padding: 0px 10%;
    }
.intro h1, .intro h4 {
        font-size: 160%;
        margin: 10px;
        padding: 0px;
        text-align: left;
    }
.featured {
        width: 97%;
        padding-right: 20px;
    }
.featured h2 {
        font-size: 212%;
        margin-top: 0px;
        border-bottom-width: 4px;
        border-bottom-style: solid;
        margin-left: 15px;
        padding-left: 0px;
        font-family: averia-serif-libre;
        font-style: normal;
        font-weight: 400;
        margin-bottom: 20px;
        padding-bottom: 3px;
    }
.featured .intro {
        margin-bottom: 20px;
        overflow: auto;
        border-bottom: 2px dotted rgba(139,35,0,1.00);
        padding-bottom: 10px;
        margin-left: 15px;
        padding-left: 0px;
        margin-right: 10px;
    }
.featured ul  {
        list-style: none;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }
.featured ul li  {
        margin-bottom: 25px;
    }
.featured .rght-side-300 .arrows {
	padding: inherit;
	margin-left: .7em;
	margin-top: .5em;
	margin-bottom: 1em;
}
.featured.full .rght-side-300 .arrows li {
	margin-left: .7em;
}
.featured .teaser h3 {
        padding: 0px;
        font-size: 130%;
        margin-top: 0px;
        margin-bottom: 10px;
        line-height: 1.1em;
        margin-left: 135px;
    }
.featured .teaser p {
        margin-left: 10px;
        margin-right: 0px;
        padding: 0px;
        margin-top: 0px;
    }
.featured .teaser img {
        display: block;
    }
.nav-search .ga_search {
        width: 45%;
        padding-bottom: 0px;
        padding-top: 5px;
        padding-right: 0px;
        float: right;
        text-align: right;
    }
.nav-search .top1 {
        width: 100%;
    }
.nav-search .ga_search #gsc-i-id1 {
        width: 170px;
    }
.nav-search .top1 p a {
        font-size: 110%;
    }
.LeaderDog_org_ad   {
        max-width: 95%;
        height: auto;
    }
.membership div div a img {
        max-width: 85%;
        height: auto;
    }
.mobile_defer {
        display: none;
    }
.three-columns {
	width: 95%;
	float: none;
	margin: 10px 5px;
	overflow: auto;
}

}
@media screen and (max-width:600px) and (orientation:landscape) {

.container .masthead {
	display:none;
}
}

@media screen and (max-width:480px){
.container {
        width: 100%;
        overflow: hidden;
		margin:0px 0px 60px 0px;
		padding:0px;
    }
.container .masthead {
	display:none;
}
.bottom {
	margin-top:0px;
}
article .rght-with_section, article .rght-side-300 {
        width: 97%;
        float: none;
        margin: 0px auto;
    }
.membership {
        display:none;
    }

.left {
        width: 100%;
    }
.departments {
        width: 100%;
    }
.recipe .part {
        width: 97%;
        float: none;
    }

.departments .department ul li .intro a img {
        float: left;
        margin-right: 10px;
    }
.departments .department ul li .intro {
        overflow: auto;
    }
.departments .department ul li .intro a img {
        float: none;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
.intro h1 , h1, .intro h4 , h4 {
        font-size:160%;
        margin: 10px;
        padding: 0px;
        text-align: left;
        line-height: 1.1em;
    }
.fltrght, .fltleft, .img_ctr {
	float: none;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	max-width: 98%;
    }
	
p span img, p .fltrght img, p .fltleft img, p .img_ctr img {
	max-width: 100%;
    }

.recipe .jump {
        display: block;
        text-align: right;
    }
.sidebar1 {
        display:none;
    }
.checklist, .vdingbat, .arrows, .checked {
        margin-top: 15px;
        margin-right: 15px;
        margin-left: 15px;
        margin-bottom: 15px;
        padding-top: 0px;
        padding-right: 15px;
        padding-left: 20px;
        padding-bottom: 0px;
    }
.featured {
        padding: 10px 0;
        width: 100%;
        float: left;
        overflow: auto;
		margin: 5px 0px;
    }
.featured h2 {
        font-size: 160%;
        margin-top: 0px;
        border-bottom-width: 4px;
        border-bottom-style: solid;
        margin-left: 15px;
        padding-left: 0px;
        margin-bottom: 20px;
        padding-bottom: 3px;
    }
.featured .teaser {
		width:100%;
        margin: 10px 0px;
        overflow: auto;
        border-bottom: 2px dotted rgba(139,35,0,1.00);
        padding: 10px 0px;
    }
.featured .teaser h3 {
        text-align: center;
        padding: 0px;
        font-size: 130%;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 1.1em;
        margin-left: 0px;
    }
.featured .teaser p {
        margin-left: 10px;
        margin-right: 0px;
        padding: 0px;
        margin-top: 0px;
    }
.featured .teaser img {
        display: block;
        margin-left: auto;
        margin-top: 0px;
        float: none;
        margin-right: auto;
        width: 50%;
        height: auto;
    }
span a.custom-pin img {
	max-width: 60px;
	height:auto;
}
.featured ul  {
        list-style: none;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }
.featured ul li  {
        margin-bottom: 10px;
    }
.nav-search .top .toc {
        width: 100%;
        float: left;
        font-size: 90%;
        padding-bottom: 0px;
        text-align: left;
    }
.nav-search .top .toc a:link {
        display: block;
        padding-bottom: 5px;
    }

.nav-search .top .ga_search {
        width: 100%;
        margin-bottom: 0px;
        overflow: auto;
        float: none;
        margin-top: 0px;
        margin-right: 0px;
        padding-top: 0px;
        padding-right: 10%;
        padding-bottom: 0px;
        margin-left: 0px;
        text-align: center;
    }
.nav-search .top1 {
        width: 100%;
    }
.ga_search #gsc-i-id1 {
        width: 90%;
		margin-top:0px;
		padding-top:0px;
    }

.top_ads .header_rgt, .top_ads .header_rgt, .top_ads #div-gpt-ad-1432866394429-0 {
        display: none;
    }
.ctr a .LeaderDog_org_ad {
        max-width: 95%;
        height: auto;
    }
.mobile_defer {
        display: none;
    }
#signin {
        margin: 0px;
        padding: 5px 0px;
        text-align: center;
        width: 100%;
    }
#signin p {
        margin: 0px;
        padding: 0px;
    }
.right-60 section h1, .right-60 section h4 {
        text-align: left;
    }
.runin dd .fltrght, .runin dd .fltleft {
        max-width: 95%;
        height:auto;
        display:block;
        margin:10px auto;
    }

img {
	max-width: 95%;
	height: auto;
	display: block;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	}

}

@media screen and (max-width:320px){
	
.container, .left, .content {
		max-width: 100%;
		margin:0px;
	}
.container {
	margin:40px 0px 60px 0px;
    }
	
.nav-search .top .toc {
        width: 100%;
        float: left;
        font-size: 90%;
        padding: 0px;
        margin: 0px;
        text-align: left;
    }
.nav-search .top .ga_search {
        width: 100%;
        padding-top: 5px;
        padding-right: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        float: none;
        overflow: auto;
    }
.product_quarter {
        margin: 5px auto;
        width: 90%;
        min-height: auto;
        height: auto;
        overflow: auto;
    }
}