html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
.container{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.column,.columns{width:100%;float:left;box-sizing:border-box}@media(min-width:400px){.container{width:90%;padding:0}}@media(min-width:550px){.container{width:90%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.grid_special_5{width:16%}.grid_special_home1{width:12%}.grid_special_home2{width:74%}.monthoverview .one-half.column{width:100%;margin-left:0}.fourcolumns{width:30.6666666667%;margin-right:2.5%;float:left;box-sizing:border-box;margin-bottom:20px}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{font-size:1.5em;line-height:1.6;font-weight:400;font-family:georgia,times new roman,serif;color:#222}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:4rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem;font-family:GothamHTFBold,"GothamHTFMedium",Arial,Helvetica,sans-serif;text-transform:uppercase;color:#fff}h3 span{font-family:AmericanTypewriterLT-Light,"american typewriter",AmericanTypewriter,georgia,times new roman,serif}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem;font-family:"GothamHTFMedium",Arial,Helvetica,sans-serif;text-transform:uppercase}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media(min-width:550px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}p{margin-top:0}a{text-decoration:none;text-decoration:1px dotted #555;color:#a21c26;background-color:transparent}a:hover{color:#c15f00;text-decoration:underline}.button,button,input[type="submit"],input[type="reset"],input[type="button"]{display:inline-block;font-family:"Gotham HTF","GothamHTFMedium",Arial,Helvetica,sans-serif;height:38px;padding:0 30px;color:#fcee21;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:#95bc4c;border:0;cursor:pointer;box-sizing:border-box}.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus{background-color:#a21c26;outline:0}.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,input[type="button"].button-primary{color:#fff;background-color:#33c3f0;border-color:#33c3f0}.button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover,input[type="reset"].button-primary:hover,input[type="button"].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-primary:focus,input[type="button"].button-primary:focus{color:#fff;background-color:#1eaedb;border-color:#1eaedb}input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select{height:38px;padding:6px 10px;background-color:#d1d1d1;border:0;font-family:helvetica,arial,sans-serif;box-shadow:none;box-sizing:border-box}input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus{outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type="checkbox"],input[type="radio"]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:normal}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:0;margin-top:0}ul ul,ul ol,ol ol,ol ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}li{margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#f1f1f1;border:1px solid #e1e1e1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #e1e1e1}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}button,.button{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:2.5rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.u-center{text-align:center}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #e1e1e1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}@font-face{font-family:"AmericanTypewriter-Bold";src:url("/css/fonts/americantypewriter-bold.eot");src:url("/css/fonts/americantypewriter-bold.eot?#iefix") format("embedded-opentype"),url("/css/fonts/americantypewriter-bold.woff") format("woff"),url("/css/fonts/americantypewriter-bold.ttf") format("truetype"),url("/css/fonts/americantypewriter-bold.svg#americantypewriter-bold") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"AmericanTypewriter";src:url("/css/fonts/americantypewriter.eot");src:url("/css/fonts/americantypewriter.eot?#iefix") format("embedded-opentype"),url("/css/fonts/americantypewriter.woff") format("woff"),url("/css/fonts/americantypewriter.ttf") format("truetype"),url("/css/fonts/americantypewriter.svg#americantypewriter") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"GothamHTFMedium";src:url("/css/fonts/gothamhtf-medium-webfont.eot");src:url("/css/fonts/gothamhtf-medium-webfont.eot?#iefix") format("embedded-opentype"),url("/css/fonts/gothamhtf-medium-webfont.woff") format("woff"),url("/css/fonts/gothamhtf-medium-webfont.ttf") format("truetype"),url("/css/fonts/gothamhtf-medium-webfont.svg#GothamHTFMedium") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"AmericanTypewriterLT-Light";src:url("/css/fonts/itc-american-typewriter-lt-light.eot");src:url("/css/fonts/itc-american-typewriter-lt-light.eot?#iefix") format("embedded-opentype"),url("/css/fonts/itc-american-typewriter-lt-light.woff") format("woff"),url("/css/fonts/itc-american-typewriter-lt-light.ttf") format("truetype"),url("/css/fonts/itc-american-typewriter-lt-light.svg#itc-american-typewriter-lt-light") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"GothamHTFLight";src:url("/css/fonts/gothamhtf-light-webfont.eot");src:url("/css/fonts/gothamhtf-light-webfont.eot?#iefix") format("embedded-opentype"),url("/css/fonts/gothamhtf-light-webfont.woff") format("woff"),url("/css/fonts/gothamhtf-light-webfont.ttf") format("truetype"),url("/css/fonts/gothamhtf-light-webfont.svg#GothamHTFLight") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"GothamHTFBold";src:url("/css/fonts/gothamhtf-bold-webfont.eot");src:url("/css/fonts/gothamhtf-bold-webfont.eot?#iefix") format("embedded-opentype"),url("/css/fonts/gothamhtf-bold-webfont.woff") format("woff"),url("/css/fonts/gothamhtf-bold-webfont.ttf") format("truetype"),url("/css/fonts/gothamhtf-bold-webfont.svg#GothamHTFBold") format("svg");font-weight:normal;font-style:normal}.scale-to-grid{width:100%}@media(min-width:750px){.monthoverview .one-half.column{width:48%;margin-left:4%;margin-top:5px}.monthoverview .one-half.column:first-child{margin-left:0}}@media(min-width:1000px){.container{width:90%}}@media(min-width:1200px){.container{width:85%}}
.max200 {max-width:200px;}
.hyphenate {
-ms-word-break: break-all;
word-break: break-all;
// Non standard for webkit
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
/* Login, Register
-------------------------------------------------------------- */
#header_for_guests
{float:right;
background-color: #d1d1d1;
padding:9px 0px 9px 12px;
width: 255px; margin-top: 3px; }
#header_for_members
{float:right; background-color: #d1d1d1;
padding:9px 0px 9px 12px;
width: 255px; margin-top: 3px;}
#logged_in_status {font-family:"GothamHTFMedium", Arial, Helvetica, sans-serif; color:#747474; font-size:1rem; line-height:1em; text-transform: uppercase; margin-top: 10px;}
.loginmessage h1 {font-family:"GothamHTFMedium", Arial, Helvetica, sans-serif; color:#000; font-size:2.5rem; line-height:1em; text-transform: uppercase; padding-top:20px;}
.loginmessage h2 {font-family:"GothamHTFMedium", Arial, Helvetica, sans-serif; color:#000; font-size:1.5rem; line-height:1em; text-transform: uppercase; }
.loginmessage ul li{font-family:Arial, Helvetica, sans-serif; color:#000; font-size:1.4rem; line-height:1.3em; }
.placeholder {color:#666;}
.plantlifecycle {width:128px; padding-right:4px; padding-bottom:4px;}
.thumbnail4 {padding-top:10px;}
.thumbnail4link {font-family: AmericanTypewriterLT-Light "american typewriter", AmericanTypewriter, georgia, times new roman, serif; font-size: 1.1rem; line-height: 1.2em; margin-top: 5px; padding-top:5px; margin-bottom:0px;}
.hiddendiv {display: none,}
.homeintrotext1 {font-size: 1.3rem; line-height: 1.4em; margin-top: 5px; padding-top: 5px; }
/*------------------------------------*\
Sidebars
\*------------------------------------*/
.sidebar{background: #808080; padding:5px;}
.sidebar:hover {background: #80222a;}
.sidebar p a{font-family: AmericanTypewriterLT-Light, "american typewriter", AmericanTypewriter, georgia, times new roman, serif; text-transform: uppercase; font-size:2.1rem; color:#fff; line-height:1em;}
.sidebar p a:hover{text-decoration: none;}
/*------------------------------------*\
About Template
\*------------------------------------*/
.aboutintrotext h3{font-size: 1.8rem; line-height: 1.4em; font-family: "american typewriter", AmericanTypewriter, georgia, times new roman, serif; color:#000; text-transform:none;font-weight:400;}
.aboutintrotext h3 span {font-size: 2rem; color:#2b7536; }
.monthtips {color:#c00423;}
.hottips {color:#2b7536;}
/*------------------------------------*\
Base Template
\*------------------------------------*/
.introtext {font-size: 3.8rem; line-height: 1.4em; font-family: "american typewriter", AmericanTypewriter, georgia, times new roman, serif; color:#000; text-transform:none;font-weight:400; color:#80222a; margin-top:50px;}
/*------------------------------------*\
Homepage
\*------------------------------------*/
.homeintrotext {font-size: 3.2rem; line-height: 1.4em; font-family: "Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; text-transform: uppercase; color:#fff; }
.homeintrotext span{color:#80222a; }
.homepageblocktext {background-color:#d5d441; padding:10px; margin-top:0px;}
.hometext p{font-family: georgia, times new roman, serif;}
.subscribelink a{color:#80222a; font-family: "Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; text-transform: uppercase;}
.homehandfloat {position: relative; left: 0; top: 0; height:430px;}
.homehand {position: relative; left:760px;
top:-60px; z-index:10; overflow:visible; background: transparent;}
#homepageblock {position:relative;}
.consultintrotext {font-size: 3.2rem; line-height: 1.4em; color:#80222a; }
.consultintrotext span{font-weight:bold }
/* rotating images on homepage
-------------------------------------------------------------- */
#rotating-item-wrapper {
position: relative;
width: 960px;
height: 440px;
margin-top:20px; z-index:1;
}
.rotating-item {
display: none;
position: absolute;
top: 0;
left: 0; z-index:1;
}
/*------------------------------------*\
Pod Gardens
\*------------------------------------*/
.gardenquote {font-size: 1.6rem; line-height: 1.4em; margin-top:10px; padding-top:10px; font-family: "american typewriter", AmericanTypewriter, georgia, times new roman, serif; font-size:2.2rem; }
.gardennametext {font-size: 2rem; line-height: 1.4em; margin-top: 10px; color: #a21c26; margin-bottom:-5px;}
.gardenname { color: #a21c26; font-size: 1.45rem;}
.date {color:#808080; margin-top:-5px;padding-top:0px;}
.gardennametextsm {font-family: "american typewriter", AmericanTypewriter, georgia, times new roman, serif; font-size:1.8rem; color:#80222a; line-height:1em;}
.gardensubscribe {font-size: 1.6rem; line-height: 1.4em; margin-top: 10px; margin-bottom:20px;}
.gardenheading {line-height:60px; margin:20px 0px 20px 0px; background-color: #c4cc64;}
.gardenheading h3{font-size:3.5rem; line-height:1em; padding: 10px;}
.gardenheading h3 span {color:#80222a; font-size:2.5rem; line-height:1em; padding: 10px; text-transform: none;}
.gardencontent span {font-family: "american typewriter light", "american typewriter", AmericanTypewriter, georgia, times new roman, serif; color:#80222a; font-size:2.5rem; }
.garden-location-image {float: right; padding-left: 10px; padding-bottom:10px;}
.gardengallery .columns:nth-child(3n+1) {
margin-left:0px;
}
.gardengallery .columns {margin-bottom:30px;}
/* POD TV
-------------------------------------------------------------- */
.tv-title {height:54px;}
.tv-text {height:70px;}
.tvheading { margin-top:20px; background-color: #708395; margin-bottom:20px;}
.tvheading h3{font-size:3.5rem; line-height:1em; padding: 10px;}
.tvcontent {min-height:60px; background-color: #708395; margin-top:20px;}
.tvlisting
{text-decoration: none;
font-size: 1.3rem;
width: 100%;
margin-bottom:0px;
background-color:#807c7d;}
.tvlisting a
{color: #fff;}
.tvlisting h3{width: 100%; font-size:1.6rem; line-height:1.2em; font-weight:normal; padding:15px 0px 15px 5px; margin-bottom:-5px;}
.tvlisting2 {min-height:185px; padding-bottom: 20px;}
.tvlisting2 a {color: #999; font-family: GothamHTFBold, "Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; font-size:1.2rem; }
.tvcontent p {padding:10px; color:#fff; font-family: georgia, times new roman, serif; font-size:1.5rem; }
.tvcontent span {font-family: GothamHTFBold, "Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; font-size:1.9rem; text-transform:uppercase;}
.tvarrowfloat {position: relative; left: 0; top: 0; height:auto;}
.tvheroimage {
position: relative; top: 0; left: 0; z-index:1;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}
a .tvheroimage:hover{background: transparent}
a .tvarrowimage {position: absolute; left:40%;
top:40%; z-index:10; overflow:visible; background: transparent;}
a .tvarrowimage:hover{background: transparent}
.tvsmallimage {
border-top-left-radius: 30px;
border-top-right-radius: 30px; style="position: relative; left: 0; top: 0;"
-moz-border-top-left-radius: 30px;
-moz-border-top-right-radius: 30px;
-webkit-border-top-left-radius: 30px;
-webkit-border-top-right-radius: 30px; }
/*------------------------------------*\
Month Pages
\*------------------------------------*/
.imagelayer{position: relative; width: 100%; /* for IE 6 */}
.mainimagelayer{position: relative; width: 100%; /* for IE 6 */}
.mainmonthimage {margin-top:10px;}
.monthmainheading{height:auto; margin-bottom:20px;margin-top:10px;position: relative;width:100%;}
.sowplantmainheading {background: #757d46;}
.overviewmainheading {background: #80222a;}
.harvestmainheading {background: #d6d541;}
.nextmonthmainheading {background: #80222a;}
.seasonaltasksmainheading {background: #757d46;}
.monthnamediv {height:auto; font-family:"GothamHTFMedium", Arial, Helvetica, sans-serif; color:#c1d052; font-size:3.1rem;text-transform: uppercase; vertical-align:middle; display:inline-block; line-height:1em; padding:20px 0px 20px 5px; }
.monthnameharvest {color: #80222a;}
.monthnamesowplant{color: #c1d052;}
.monthnameseasonaltasks{color: #c1d052;}
.monthnamenextmonth {color: #d6d541;}
.monthnameoverview {color: #d6d541;}
.monthname, .monthname a{color:#fff; line-height:1em; }
.month-sub-nav
{display:inline-block;width:100%;
padding-left:10px;
}
.month-sub-nav,.month-sub-nav ul {
list-style: none;
text-transform:uppercase;
font-family: "GothamHTFMedium", helvetica, arial, sans-serif;
position:relative;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.month-sub-nav li {
float: left;
width: auto;
padding:0px 5px 0px 5px; }
.month-sub-nav a {
display: block;
width: auto;
text-decoration:none;
color:#fff;
text-align:center;
font-size:1.1rem;
white-space: nowrap;
border-right:thin #fff solid;
padding:0px 10px 0px 0px;}
.month-sub-nav a:hover {
color:#fff;
text-decoration: underline;}
.month-sub-nav li.current a {display:none; }
.month-sub-nav li.last a {border-right:none; }
.mainmonthtext h2
{ top: 0px;
left: 0;
height:100%;
color: #000;
font-size:1.6rem; line-height:1.8em;
padding: 10px 10px 10px 0px;
font-family: georgia, times new roman, serif;
}
/* Larger than tablet */
@media (min-width: 750px) {
.month-sub-nav,.month-sub-nav ul {position:absolute; right:0px; margin-top:10px;}
}
.sowplantintro{background: #747c48; padding:10px 10px 15px 10px; margin-bottom:20px; }
.sowplantintro h3{font-size:4rem; line-height:1em; padding:10px 0px 0px 0px;}
.sowplantintro h3 span{color:#d6d541; }
.sowplantintro p{font-family:georgia, serif; color:#fff;}
.sowplantintro .more{font-family:"Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; font-size:1.2rem;}
.sowplantintro a:hover {text-decoration:underline;}
.monthhighlight {color: #D8D73E; }
.harvestintro{background: #D8D74C; padding:10px 10px 15px 10px; margin-bottom:20px; }
.harvestintro h3{font-size:4rem; line-height:1em; padding:10px 0px 0px 0px;}
.harvestintro h3 span{color:#80222a; }
.harvestintro p{font-family:georgia, serif; color: #80222a;}
.harvestintro .more{font-family:"Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:1.2rem;}
.harvestintro a:hover {text-decoration:underline; color: inherit;}
.seasonaltasksintro{background: #BBCD66; padding:10px 10px 15px 10px; }
.seasonaltasksintro h3{font-size:4rem; line-height:1em;
padding:10px 0px 0px 0px;
}
.seasonaltasksintro h3 span{color:#80222a; }
.seasonaltasksintro p{font-family:georgia, serif; color: #37291f;}
.seasonaltasksintro .more{font-family:"Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:1.15rem; color: #37291f;}
.seasonaltasksintro .tv{font-family:"Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:1.15rem; color: #80222a}
.seasonaltasksintro a:hover{text-decoration:underline; color:inherit;}
.seasonaltasksintro a:hover.tv{color: #80222a}
.recipesintro{background: #709C95; padding:10px 10px 15px 10px; }
.recipesintro h3{font-family: AmericanTypewriterLT-Light, "american typewriter", AmericanTypewriter, georgia, times new roman, serif; color:#981526; font-size:3rem; line-height:1em;}
.recipesintro h4{color:#fff; font-size:2.5rem; line-height:1em; margin-top:-10px;;}
.topfive {background:#80222a; height:100%; padding-bottom:10px; margin-top:10px; text-align:center; }
.topfive h3{ font-size:4rem; line-height:1em; vertical-align:middle; padding-top:15px}
.topfive h3 .highlight{color: #d6d541; font-family: "american typewriter", AmericanTypewriter, georgia, times new roman, serif; font-size:5.5rem; line-height:1em; vertical-align:middle;}
.topfive .normal{vertical-align:middle;}
.topfiveheading { margin-top:15px;}
p.topfivetitle {text-transform:uppercase; color:#fff; font-size:3rem; font-style:italic; font-weight:bold; line-height:1em;}
.top5icon {width:80%; max-width:140px;}
.grid_special_5 a.link{font-family:"Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; font-size:1.3rem; text-transform:uppercase; color:#d6d541; margin-top:20px;}
.topfive p a{font-size:1.3rem; font-weight:normal;width:auto;color:#fff;font-weight:bold; font-family: Arial, Helvetica, sans-serif; padding: 10px 0 0 0px;}
.tipformonthhead, .tipformonthbubble {margin-left:15px;}
.tipformonth{background: #d8d73e; height: auto; margin-top:90px; position:relative;}
.tipformonth h3{font-size:3.8rem; line-height:1em;padding-top:10px; margin-bottom:30px;}
.tipformonth h4{color:#000; font-size:3rem; line-height:1em; padding-top:20px;}
.tipformonth h3 .highlight {color:#80222A;}
.tipformonthquote {padding-left:15px; padding-right:30px; }
.tipformonth p {font-family: georgia, times new roman, serif; font-style:italic; font-size: 1.4rem;}
.tipformonth p a{font-family: georgia, times new roman, serif; font-style:italic; font-size: 1rem; text-decoration:underline; text-transform:none; color: #000;}
.tipformonth a{font-family:"Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; color:#80222a; font-size:1.3rem; text-transform:uppercase;}
.tipmainimage {padding: 10px; display:inline-block; width:90%}
.tipformonth a span {color:#000}
.tipformonthhead {position:relative; display:inline-block; vertical-align: top }
.tipformonthbubble {padding:10px;
background-color:#fff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
width:85%
}
.tipformonthbubbletip {position: relative; top:-15px;
background-image:url(../img/site/recipes/recipe-bubble-bottom.png); background-repeat:no-repeat; background-position: 70% 0%; height:80px;}
.featuredtaskheading {margin-top:0px; padding-top:0px;}
.featuredtaskheading h3{font-size:5rem; line-height:1.1em; color: #AFAFAF; padding: 30px 10px 0px 10px; }
.featuredtaskheading h3 .highlight {color: #80222A; font-size:4rem;}
.featuredtasks{background: #AFAFAF; padding:10px; background-image:url(../img/site/transg.gif); background-repeat:repeat-y repeat-x; height:auto; ; min-height:600px;}
.featuredtasks h3{font-size:2.6rem; line-height:1em; font-weight:normal; top: padding:10px 0px 10px 10px; }
.featuredtasks p a.more{font-family:"Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:1.1rem; color: #37291f;}
.featuredtasks p a.tv{font-family:"Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:1.1rem; }
.sowplantheadings{background: #757d46; padding:10px; min-height:190px; clear: both; margin-top:20px;}
.sowplantheadings h3 {font-family: georgia, times new roman, serif; font-size:2rem; line-height:1.2em; padding-top: 10px; color: #fff;}
.sowplantheadings p {color: #fff;}
.sowplantheading {font-family: georgia, times new roman, serif; font-size:1.8rem; line-height:1.4em; }
/* Harvest Highlights MOnth page
-------------------------------------------------------------- */
.harvesthighlightsheading {
background-image:url(../img/site/month/harvesthighlights.gif); background-repeat:no-repeat; background-position:right; height:90px;}
.harvesthighlightsheading h3 {font-size:4.8rem; line-height:1em; color: #80222a;}
.harvesthighlightsheading h3 .highlight {color: #d8d73e;}
.harvesthighlightsheading p {font-family: georgia, times new roman, serif; font-size:1.8rem; line-height:1em; color: #80222A; margin-top: -15px;}
.harvesthighlights{background: #D8D74C; padding:10px; min-height:600px;}
.harvesthighlights p {font-family: AmericanTypewriterLT-Light, "american typewriter", AmericanTypewriter, georgia, times new roman, serif; font-size:2.4rem; line-height:1em;}
.howtoharvestbox {background: #d6d541; padding:10px;}
.howtoharvestbox h3 {font-size:3rem; line-height:1em; }
.howtoharvestbox h4 {font-size:3rem; line-height:1em; color: #80222a; margin-top:-15px;}
.equipmentbox {background: #dddddd; padding:1px 10px 1px 10px; margin-top:5px; margin-bottom:5px;}
.equipmentbox p{font-style:italic}
.equipmentbox p span{font-family: GothamHTFBold, "Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; font-size:1rem; color: #80222a; text-transform:uppercase; font-style:normal;}
.harvestnavheading {background-color:#d1cd00; font-family: AmericanTypewriterLT-Light, "american typewriter", AmericanTypewriter, georgia, times new roman, serif; font-size:2.5rem; line-height:1.2em; color: #7c0c1c; padding:10px 10px 10px 10px; margin-top:0px; text-transform:uppercase; }
p.moreveges a {font-family:"Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; font-size:.9rem; line-height:1em; color: #000; text-transform:uppercase; background-color:#c0cc5e; padding:5px; width: 100%; margin-top: 20px;}
.seasonaltasks{background: #BBCD66; padding:10px;}
.protection {min-height:550px;}
.fooddrink {min-height:400px;}
.soillivestock {min-height:650px;}
.plantcare {min-height:650px;}
.seasonaltasksheading{background: #981526; margin-top:20px; margin-bottom: 5px; height:auto;}
.seasonaltasksheading h3 {font-family: AmericanTypewriterLT-Light, "american typewriter", AmericanTypewriter, georgia, times new roman, serif; font-size:3rem; line-height:1em; padding:15px 110px 15px 15px;}
.seasonaltasks p span {font-family: AmericanTypewriterLT-Light, "american typewriter", AmericanTypewriter, georgia, times new roman, serif; font-size:2rem; line-height:1em; font-weight:normal;}
.seasonaltasks p a{font-family:"Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; color:#80222a; font-size:1.1rem; }
.seasonaltaskshead {background-image:url(../img/site/month/seasonal1.gif); background-position:right; background-repeat:no-repeat;}
.protectionhead {background-image:url(../img/site/month/plantprotection.gif); background-position:right; background-repeat:no-repeat;}
.fooddrinkhead {background-image:url(../img/site/month/plantfood.gif); background-position:right; background-repeat:no-repeat;}
.soilhead {background-image:url(../img/site/month/soilcare.gif); background-position:right; background-repeat:no-repeat;}
.livestockhead {background-image:url(../img/site/month/livestock.gif); background-position:right; background-repeat:no-repeat;}
.plantcarehead {background-image:url(../img/site/month/plantcare.gif); background-position:right; background-repeat:no-repeat;}
.nextmonthheading{background: #666666; background-image:url(../img/site/month/nextmonth.gif); background-position:right; background-repeat:no-repeat; height:60px;}
.nextmonthheading h3{font-size:4rem; line-height:1em: text-transform:none;}
.nextmonthheading .highlight {font-family: AmericanTypewriterLT-Light, "american typewriter", AmericanTypewriter, georgia, times new roman, serif; font-size:.6rem; line-height:1em; color: #fff; padding:15px; vertical-align:middle;}
.nextmonth{background: #666666; padding:10px; min-height:680px;}
.nextmonth h4 {font-family: AmericanTypewriterLT-Light, "american typewriter", AmericanTypewriter, georgia, times new roman, serif; font-size:2rem; color: #fff;}
.nextmonth p{ color:#fff; font-size:1.4rem;}
.next-month-package{background: #808080; padding:5px;}
.next-month-package:hover {background: #80222a;}
.next-month-package p a{font-family: AmericanTypewriterLT-Light, "american typewriter", AmericanTypewriter, georgia, times new roman, serif; text-transform: uppercase; font-size:2.2rem; color:#fff; line-height:1em;}
.next-month-package p a:hover{text-decoration: none;}
/*--------Recipes hovers on Month page-*/
.recipeboxhome {width:100%; text-align:center;}
.imgHoverRec {
display: inline-block;
position: relative;
vertical-align: top;
margin-bottom:4px;
width:49%;
}
.recipeimage { display: block; width:100%}
.overlay1 {
background: rgba(128, 34, 42, 0.9);
color: white;
opacity: 1;
overflow: hidden;
position: absolute;
text-align: center;
top: 30%;
left: 0;
width:100%;
-webkit-transition: 0.6s;
transition: 0.6s;
display:table;
}
.overlay {display:none;}
.imgHoverRec p{
font-family:"Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; color:#fff; font-size:1.3rem; line-height:1.1em; text-transform: uppercase; margin-bottom:.1em; padding-top:5px;padding-bottom:10px;width:100%}
.imgHoverRec p.sub{ display:none;}
.imgHoverRec hr{
color: #fff;
background-color: #fff;
height: 3px;
margin:2px 10px 2px 10px; display:none;}
div.imgHoverRec a {
text-decoration:none;}
/* Larger than mobile */
@media (min-width: 400px) {}
/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
.imgHoverRec {
width:100%;}
.imgHoverRec p{
padding-top:10px;}
.imgHoverRec p.sub {display:inline; font-family: georgia, times new roman, serif; font-size:1.1rem; line-height:9px; font-style:italic; text-transform: none; margin-top:0em; }
.imgHoverRec hr {display:block;}
}
/* Larger than tablet */
@media (min-width: 750px) {
.imgHoverRec {
width:49%;}
.overlay1 {display:none;}
.overlay {
display:inline;
background: rgba(128, 34, 42, 0.9);
bottom: 0;
color: white;
left: 0;
opacity: 0;
overflow: hidden;
padding: 10px;
position: absolute;
text-align: center;
top: 0;
right: 0;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.overlay:hover { opacity: 1; }
}
.imgHoverRec p.sub {display:none; }
.imgHoverRec hr {display:none;}
}
/* Larger than desktop */
@media (min-width: 1000px) {
.imgHoverRec p.sub {display:inline; font-family: georgia, times new roman, serif; font-size:1.1rem; line-height:.5em; font-style:italic; text-transform: none; margin-top:0em; padding-top:10px;}
.imgHoverRec hr {display:block;}
}
/* Larger than Desktop HD */
@media (min-width: 1200px) {}
/*----Images on Month Page----------------*/
.arrowright {vertical-align:middle;}
.arrowleft {vertical-align:middle;}
.arrowright:hover {background-color:#80222a;}
.arrowleft:hover {background-color:#80222a;}
.seedpod {float:right; overflow:visible; margin-top:0px; margin-right:30px;}
.seasonalimage {float:right; overflow:visible; margin-top:-30px; margin-right:10px;}
.harvestimage {float:right; overflow:visible; margin-right:30px;}
.tipofmonth {float:right; overflow:visible; margin-top:0px;}
/* Growing Calendar
-------------------------------------------------------------- */
.growingcalendarheading {line-height:60px;
margin-top:20px; background-color: #971627;}
.growingcalendarheading h3{font-size:4rem; line-height:1em; padding: 10px;}
/*------------------------------------*\
PLant Page
\*------------------------------------*/
.plantmainheading {background-color:#bbcd66; padding:10px 10px 0px 10px;}
.plantmainheading h3 {font-family: AmericanTypewriterLT-Light, "american typewriter", AmericanTypewriter, georgia, times new roman, serif; line-height:1.2em; color:#80222a; padding: 10px 0px 10px 0px;}
.plantmainheading h3 span {font-family: georgia, times new roman, serif; font-size:1.6rem; font-style:italic; text-transform: none; font-weight:normal;padding: 20px 0px 0px 0px; line-height:1em;}
.plantmainheading h3 span.nonlatin{font-style:normal;}
.plantintrotext p {font-family:Arial, Helvetica, sans-serif; font-size:1.4rem;line-height:1.3em;}
.plant-hero {padding-top:5px;}
.plantcompanion{background-color: #dedede; margin-bottom:5px; padding:1px 10px 10px 0px;}
.plantcompanion p{font-family: georgia, times new roman, serif; font-size:1.3rem; line-height:1.3em; font-style:italic; padding: 12px 0px 0px 10px; margin:0px;}
.plantcompanion p span{font-family:"GothamHTFMedium", Arial, Helvetica, sans-serif; text-transform: uppercase; color:#80222a; font-style:normal; font-size:1.7rem;}
.plantshop {background-color: #dedede; padding:1px 10px 10px 0px; height:76px;}
.plantshop p{font-family: georgia, times new roman, serif; font-size:1.3rem; line-height:1.3em; font-style:italic; color:#80222a; padding: 12px 0px 0px 10px;}
.plantshop p span{font-family:"GothamHTFMedium", Arial, Helvetica, sans-serif; text-transform: uppercase; color:#80222a; font-style:normal;font-size:1.7rem; }
.plantshop p a{color:#80222a;}
.growinglifecycle {line-height:76px; padding-left:0px;}
.growinglifecycle h3{font-size:4rem; line-height:.9em; padding:56px 0px 0px 55px; color:#80222a;}
.nutshell {background-color:#d8d74c; -moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px; margin-bottom:20px}
.nutshell h4{font-family: "GothamHTFMedium", Arial, Helvetica, sans-serif; font-size:2.4rem; line-height:1em; text-transform: uppercase; color:#37291f; margin-top:15px; margin-bottom:15px; margin-left:-15px;}
.nutshellcenter {text-align:center;}
.nutshelllist ul {position: relative; left:20%;}
.nutshelllist ul li {list-style:disc ; font-size: 1.3rem; line-height:1em; padding-bottom: 0px; text-align:left;}
.nutshellimage {padding:20px 5px 0px 5px;}
.recipereplace {-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;}
/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
.recipecheftextbubble {padding:10px; margin:10px 0px 0px 10px;}
.nutshellcenter {text-align:left;}
.nutshell {margin-bottom:0px}
.nutshelllist ul {position: relative; left:0%;}
}
.plant-recipes {background-color:#709a93; padding:10px; height: 160px;}
.plant-recipes h3{font-size:2rem; line-height:1em; color:#d8d74c;}
.plant-recipes h4{color:#fff; font-size:2.1rem; line-height:1em; color:#fff; margin-top:-15px; margin-bottom:-5px; padding-bottom:0px;}
.plant-recipes p {padding-bottom:0px; margin-bottom:0px;}
.plant-recipes p.more a{font-family: "GothamHTFMedium", Arial, Helvetica, sans-serif; font-size:1rem; line-height:1em; text-transform: uppercase; color:#000; margin-top:-25px;}
.plant-varieties {background-color:#a7b8bf;padding:10px; margin-bottom:20px}
.plant-varieties h3{font-size:2.6rem; line-height:1em; color:#000; padding-top:20px;}
.plant-varieties h3 span{font-family: "american typewriter", AmericanTypewriter, georgia, times new roman, serif; color:#80222a; font-size:4rem;}
.plant-varieties p span{font-family: georgia, times new roman, serif; color:#80222a; font-size:1.3rem;}
.plant-varieties p{font-family: Arial, Helvetica, sans-serif;}
.plant-gettingstarted {background-color:#b8b8b8; margin-bottom:20px; padding:10px;}
.plant-gettingstarted h3{font-size:3rem; line-height:1em; color:#80222a;}
.plant-gettingstarted h4{color:#fff; font-size:1.8rem; line-height:1em; color:#000;}
.plant-sowplant {background-color:#ccda8d; margin-bottom:20px;padding:10px; background-image:url(../img/site/plant/sowplant.gif); background-repeat:no-repeat; background-position:630px 10px;}
.plant-sowplant h3{font-size:3rem; line-height:1em; color:#80222a;}
.plant-sowplant h4{color:#fff; font-size:1.8rem; line-height:1em; color:#000;}
.plant-maintain {background-color:#b8b8b8;margin-bottom:20px;padding:10px;}
.plant-maintain h3{font-size:3rem; line-height:1em; color:#80222a;padding-top:10px;}
.plant-maintain h4{color:#fff; font-size:1.8rem; line-height:1em; color:#000;}
.plant-pests {background-color:#ccda8d;margin-bottom:20px;padding:10px;}
.plant-pests h3{ font-size:3rem; line-height:1em; color:#80222a;padding-top:10px;}
.plant-pests h4{ color:#fff; font-size:1.8rem; line-height:1em; color:#000;}
.plant-pruning {background-color:#b8b8b8;margin-bottom:20px;padding:10px;}
.plant-pruning h3{font-size:3rem; line-height:1em; color:#80222a;padding-top:10px;}
.plant-pruning h4{color:#fff; font-size:1.8rem; line-height:1em; color:#000;}
.plant-troubleshooting {background-color:#ccda8d;margin-bottom:20px;padding:10px;}
.plant-troubleshooting h3{ font-size:3rem; line-height:1em; color:#80222a; padding-top: 10px;}
.plant-troubleshooting h4{color:#fff; font-size:1.8rem; line-height:1em; color:#000;}
.plant-harvest {background-color:#d8d74c;margin-bottom:20px;padding:10px;}
.plant-harvest h3{color:#fff; font-size:3rem; line-height:1em; color:#80222a; padding-top: 10px;}
.plant-harvest h4{color:#fff; font-size:1.8rem; line-height:1em; text-transform: uppercase; color:#000;}
.plant-menuheading {background: #37291F; padding:10px; margin: 20px 0px 10px 0px; clear:both;}
.plant-menuheading p a {font-family: AmericanTypewriterLT-Light, "american typewriter", AmericanTypewriter, georgia, times new roman, serif; font-size:1.9rem; line-height:.9em; padding-top: 10px; color: #fff; text-transform:uppercase;}
#flowers {display:none;}
#herbs {display:none;}
#problemplants {display:none;}
#fruit {display:none;}
div.clear { clear: both; }
.plantextraimages {line-height:1em; padding-left:0px;}
.plantextraimages h3{font-size:4rem; line-height:1em; padding:0px 0px 0px 0px; color:#80222a;}
/* Plant Show HIde Menu Navigation
-------------------------------------------------------------- */
.plant-nav h3 {background-color:#979797; font-family: AmericanTypewriterLT-Light, "american typewriter", AmericanTypewriter, georgia, times new roman, serif; font-size:2.5rem; line-height:1.2em; color: #fff; padding:10px 10px 10px 10px; margin-top:20px; clear:both; cursor: pointer}
.plant-nav a {color: #fff;}
.plant-nav a:hover {text-decoration: underline;}
/*------------------------------------*\
Plant Listing Page
\*------------------------------------*/
.plantguideheading {line-height:60px;
margin-top:20px; background-color: #c0cc5e;}
.plantguideheading h3{ font-size:4rem; line-height:1em; padding: 10px;
}
.plantnavimage
{margin:10px 0px 20px 0px; padding: 0px; list-style: none; }
.plantnavimage ul
{color: #333; font-size:1.05rem; list-style: none;
margin: 0;
padding: 0;
border: none;
}
.plantnavimage li
{margin-bottom: 10px; width:auto; float:left; width:100%; text-align:center}
.plantnavimage li a
{display: block;
padding: 5px 0px 25px 0px;
background-color: #fff;
color: #37291f;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 1.3rem;
width: 100%;
margin-bottom:0px;
}
.plantnavimage .active a
{background-color: #3f7712;
color:#fff;}
.plantnavimage ul li a:hover
{background-color: #c0cc5e;
color: #fff;
border-bottom: 0px;}
.plantnavimage ul li img {width:95%; }
/*------------------------------------*\
Recipes Pages
\*------------------------------------*/
.recipes-heading h3 { color:#000; font-size:3rem; text-transform:uppercase; padding:0px 0px 0px 5px;}
/* Recipes - CHEF
-------------------------------------------------------------- */
.recipechefheading {line-height:60px; margin-top:20px; background-color: #709a93; margin-bottom:20px;}
.recipechefheading h3{ font-size:4rem; line-height:1em; padding: 10px;}
.recipechefintro {background-color:#969696; }
.recipecheftextbubble {padding:10px; margin:10px 10px 0px 10px;
background-color:#fff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.recipechefmoreinfo {position: relative; top:-15px;
background-image:url(../img/site/recipes/recipe-bubble-bottom.png); background-repeat:no-repeat; background-position: 90% 0%;}
.recipecheftextbubble p {color:#000; font-family: georgia, times new roman, serif; }
p.morerecipes {padding:5px 120px 5px 0px; position: relative; top:10px;}
.recipechefmoreinfo p.morerecipes, .recipechefmoreinfo p.morerecipes a{font-family:"GothamHTFMedium", Arial, Helvetica, sans-serif; color:#80222a; text-transform: uppercase; margin-top:15px; text-align:right; text-size:1.1rem; line-height:1.1em;}
.otherchefs {background-color:#979797; font-family: AmericanTypewriterLT-Light, "american typewriter", AmericanTypewriter, georgia, times new roman, serif; font-size:2.1rem; line-height:1.2em; color: #fff; padding:10px 10px 10px 10px; margin-top:0px; text-transform:uppercase; }
.otherchefs a {color: #fff;}
.otherchefs a:hover {text-decoration: underline;}
.morechefs {padding: 5px 15px 5px 5px;
background-color: #392419;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 1.2rem;}
.chefimage {padding-top:10px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; width:90%}
.morechefs a{color: #fff; text-transform:uppercase; font-weight:bold;}
.chef-recipes {background-color:#709a93; padding:10px; min-height: 440px; margin-bottom:20px;}
.chef-recipes h3 {color:#80222a; font-family: AmericanTypewriterLT-Light, "american typewriter", AmericanTypewriter, georgia, times new roman, serif; font-size:2.9rem; line-height:1.2em; margin-top:10px; }
.chef-recipes h4{ color:#fff; font-size:2.7rem; line-height:1em; color:#fff; margin-top:-20px;}
.chef-recipes p {color:#fff;}
.chef-recipes p.more a{font-family: "GothamHTFMedium", Arial, Helvetica, sans-serif; color:#fff; font-size:1rem; line-height:1em; text-transform: uppercase; }
/* Recipes - Detail of a recipe
-------------------------------------------------------------- */
.recipeheading {margin-top:20px; background-color: #709a93; margin-bottom:20px;}
.recipeheading h3{font-size:3rem; line-height:1em; padding: 10px;}
.recipeheading h3 span{color:#80222a; font-size:3.2rem; line-height:1em; text-transform: uppercase; padding: 10px 0px;}
.recipebody {border: #709a93 solid 10px; padding:10px;}
.recipebody h5 { font-size:2.8rem; }
.recipebody h4 { font-size:2.8rem; line-height:1em; color: #709a93; }
img.center { display: block;
margin-left: auto;
margin-right: auto}
img.chefhat {display: block; padding-left:120px; margin-top:30px;}
/* Recipes - SEASON
-------------------------------------------------------------- */
.season-recipes {background-color:#382318; padding:5px; min-height: 300px;}
.season-recipes:hover {background-color:#971426;}
.season-recipes h4{ color:#fff; font-size:2rem; line-height:1em; color:#fff; margin-top:10px;}
.season-recipes h4 span{ color:#d9d74c; }
.season-recipes p{display:none; }
.season-recipes a.more{font-family: "GothamHTFMedium", Arial, Helvetica, sans-serif; color:#fff; font-size:1rem; line-height:1em; text-transform: uppercase; color:#fff; }
/*------------------------------------*\
Practical Gardening Pages
\*------------------------------------*/
.practicalheading {line-height:60px; margin-top:20px; background-color: #717d43; margin-bottom:20px;}
.practicalheading h3{ font-size:3.5rem; line-height:1em; padding: 10px;}
.practical-back-one {background-color:#ccda8d; margin-bottom:20px;padding:10px;}
.practical-back-one h4{color:#000; font-size:3.3rem; line-height:1em; }
.practical-back-one p{ font-family: georgia, times new roman, serif; color:#000; }
.practical-back-one p span{font-family:"GothamHTFMedium", Arial, Helvetica, sans-serif; color:#000; font-size:1.6rem; line-height:1em; text-transform: uppercase;}
.practical-back-two {background-color:#c8c8c8; margin-bottom:20px;padding:10px;}
.practical-back-two h4{color:#000; font-size:3.3rem; line-height:1em; text-transform: uppercase; }
.practical-back-two p{ font-family: georgia, times new roman, serif; color:#000; }
.practical-back-two p span{font-family:"GothamHTFMedium", Arial, Helvetica, sans-serif; color:#000; font-size:1.6rem; line-height:1em; text-transform: uppercase;}
.text-heading-2{font-family:"GothamHTFMedium", Arial, Helvetica, sans-serif; color:#951c26; font-size:3.3rem; line-height:1em; text-transform: uppercase; }
.practicalbody {border: #37291f solid 10px; padding:8px;}
.practicalbody h4{color:#000; font-size:3rem; line-height:1em; }
.practicalimg {padding: 2px;}
.practicalnutshell {background-color:#d8d74c; padding:10px; min-height: 220px; -moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;}
.practicalnutshell h4{font-size:2.8rem; line-height:1em; text-transform: uppercase; color:#37291f; margin-top:5px; margin-bottom:10px; margin-left:-20px;}
.practicalnutshelllist ul li {list-style:disc ; font-size: 1.3rem; padding-bottom: 10px; text-align:left;}
.nutshellimageleft {float:left; margin:10px; padding-right:20px;}
.nutshellimageleft1 {float:left; margin:-10px 10px 10px 10px; padding-right:20px;}
.nutshell-content-practical {float:right; width:400px;}
.practicallisting
{margin-left: 0;
border: none;
background-color: #fff;
color: #999;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 1.3rem;
width: 100%;
height: auto;
clear:both;
margin-bottom:5px;
text-align:center; padding: 5px 0px 20px 0px;}
.practicallisting img {width:95%;}
.practicallisting a
{color: #37291f; padding: 20px 0px 10px 0px;}
.practicallisting a:hover
{color: #fff; text-decoration:none;}
.practicallisting:hover
{background-color: #717d43;}
.practicallisting1
{text-decoration: none;
font-size: 1.3rem;
width: 100%;
clear:both;
margin-bottom:0px;
background-color:#807c7d}
.practicallisting1 a
{color: #fff;}
.practicallistingimagelayer{background: #fff; padding:0px; background-image:url(../img/site/transg.gif); background-repeat:repeat-y repeat-x; height:auto; }
.practicallisting1 a h3
{width: 100%; font-size:1.6rem; line-height:1.2em; font-weight:normal; padding:15px 0px 15px 5px; margin-bottom:-5px;}
.practical-link {text-transform:uppercase; font-family: GothamHTFBold, "Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; font-size:1.15rem; display:block; margin-bottom:15px;}
/* Store Pages
-------------------------------------------------------------- */
.vegetableseeds, .herbseeds, .fruitseeds, .companionseeds { margin-top:20px; clear:both;}
.vegetableseeds h3, .herbseeds h3, .fruitseeds h3, .companionseeds h3 {font-family: AmericanTypewriterLT-Light, "american typewriter", AmericanTypewriter, georgia, times new roman, serif; font-size:2.1rem; line-height:1.2em; color: #fff; padding:10px 10px 10px 10px;}
.vegetableseeds{background-color:#3a5420; }
.herbseeds {background-color:#8e441b; }
.fruitseeds {background-color:#a97407; }
.companionseeds {background-color:#254751; }
.storeheading {margin-top:40px; background-color:#b4b4b4; margin-bottom: 20px; font-family:"GothamHTFMedium", Arial, Helvetica, sans-serif; color:#80222a; font-size:3.1rem;text-transform: uppercase; vertical-align:middle; width:100%; }
.storeheading h3 {padding-left:10px;}
.storeheading span a{color:#fff; text-decoration: none; }
.store-item-variety {font-family: GothamHTFBold, "Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; font-size:1.6rem; line-height:1.2em; font-weight:normal; text-transform: uppercase; margin-top:-10px;}
.store-link a {font-family: GothamHTFBold, "Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; font-size:1rem; line-height:1.2em; font-weight:normal; text-transform: uppercase;}
.store-item-name {font-family: AmericanTypewriterLT-Light, "american typewriter", AmericanTypewriter, georgia, times new roman, serif; font-size:2.1rem; line-height:1.2em; color: #000; text-transform:uppercase;}
.store-latin-name {font-family: georgia, times new roman, serif; font-style:italic; margin-top:-10px; font-size:1.2rem}
.store-price {font-family: georgia, times new roman, serif;}
.store-introduction {font-family: Arial, Helvetica, sans-serif; }
#storetechdetails {width:100%; font-family: Arial, Helvetica, sans-serif; }
#storetechdetails td {padding:10px 10px 10px 10px; font-size:1.2rem; background-color:#b4b4b4;}
.store-table-heading {font-family: GothamHTFBold, "Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; color: #80222a; text-transform:uppercase; margin-right:5px;}
.storelisting
{margin-left: 0;
padding: 0px;
border: none;
background-color: #fff;
color: #999;
text-decoration: none;
clear:both;
padding-bottom:35px;}
.storelisting a
{color: #37291f; padding: 20px 0px 10px 0px;}
.storelisting a:hover
{ text-decoration:underline;}
.storelisting img {max-width: 200px;}
.listing-storename {font-family: AmericanTypewriterLT-Light, "american typewriter", AmericanTypewriter, georgia, times new roman, serif; font-size:1.6rem; line-height:1.2em; color: #000; text-transform:uppercase;}
.listing-storevariety {font-family: GothamHTFBold, "Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; color: #000; text-transform:uppercase; font-size: 1.2rem;}
.listing-storeprice {font-family: georgia, times new roman, serif; font-size:1.5rem; line-height:1.2em; color: #000; text-transform:uppercase;}
.store-buynow-content h4 {font-family: GothamHTFBold, "Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; color: #80222a; font-size: 1.6rem;}
.store-buynow-content p {font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 1.2rem;}
.storeintro p span {font-family: GothamHTFBold, "Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif; color: #80222a; text-transform:uppercase; font-size: 1.6rem;}
#fb-root {}
.pageList, .pageList ul {
padding:0px;
margin: 0px;
list-style-type: none; line-height: 1;
text-transform:uppercase; letter-spacing:1.5px;
font-family: GothamHTFBold, "Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif;
background-color: #cdcdcd;
}
.pageList li {
float: left;
width: auto;}
.artright {float:right}
.pageList a {
display: block;
width: auto;
text-decoration:none;
color:#666;
border-right: 0px solid #fff;
border-bottom: 0px;
text-align:center;
padding:10px 12px 10px 12px;
font-size:1rem;
font-weight:normal;
background-color: #cdcdcd;}
.pageList a:hover {background-color: #6c685a; /*First or top level hover colour*/ color:#fff;}
.pageList a.active {
color: #fff;
background-color: #656464;}
.list, .tagline, .consultintrotext, .gardennametext, .gardenname, .monthtips, .hottips, .moretext {font-family: "american typewriter", AmericanTypewriter, georgia, times new roman, serif; }
.list {font-size: 1.3rem; line-height: 1.4em; margin-top: 30px; padding-left: 20px;}
.tagline {color:#a21c26; font-size: 3.8rem; padding:0px; margin: -15px 0px 0px 0px;}
/* MailChimp Signup
-------------------------------------------------------------- */
#mailchimp {float:right;}
#mc_embed_signup label {display:block; font-size:1.2rem; padding-bottom:4px; padding-top:30px; font-weight:normal; color:#a21c26; font-family:"AmericanTypewriter", georgia, times new roman, serif; text-transform:none;}
#mc_embed_signup input {font-size:11px; width:200px; }
/* Horizontal Lines
-------------------------------------------------------------- */
div.hr {background-image: url(../img/site/greenhr.gif); background-repeat:repeat-x; float:left; padding-bottom:8px; margin-bottom:5px; margin-top:8px;width:100%;_margin-bottom:-10px;_margin_top:-30px;} /* Green Fat Line */
div.hrbrown {background-image: url(../img/site/month/brownhr.jpg); background-repeat:repeat-x; float:left; padding-bottom:8px; margin-bottom:5px; margin-top:20px;width:100%; height:57px; _margin-bottom:-10px;_margin_top:-30px;} /* Brown Fat Divider */
div.hrred {background-image: url(../img/site/month/redhr.gif); background-repeat:repeat-x; height:57px; float:left; padding-bottom:0px; margin-bottom:0px; margin-top:20px;width:100%;_margin-bottom:-10px;_margin_top:-30px;} /* Red Fat Divider */
div.hrgreen {background-image: url(../img/site/month/greenhr.gif); background-repeat:repeat-x; height:57px; float:left; padding-bottom:8px; margin-bottom:5px; margin-top:20px;width:100%;_margin-bottom:-10px;_margin_top:-30px;} /* Green Fat Divider */
div.hrgreen2 {background-image: url(../img/site/month/green2hr.gif); background-repeat:repeat-x; height:57px; float:left; padding-bottom:8px; margin-bottom:5px; margin-top:20px;width:100%;_margin-bottom:-10px;_margin_top:-30px;} /* Green Fat Divider */
div.hryellow {background-image: url(../img/site/month/yellowhr.gif); background-repeat:repeat-x; height:57px; float:left; padding-bottom:8px; margin-bottom:5px; margin-top:20px;width:100%;_margin-bottom:-10px;_margin_top:-30px;} /* Yellow Fat Divider */
div.hrdots {background-image: url(../img/site/dots.gif); background-repeat:repeat-x; float:left; padding-bottom:8px; margin-top:5px;width:100%;_margin-bottom:-10px;_margin_top:-30px; margin-bottom:10px;} /* Dotted line */
.imageroll {
position:relative;
margin-bottom:10px;
}
.imageroll img {
width:100%;
vertical-align:top;
}
.imageroll:after, .imageroll:before {
position:absolute;
opacity:0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.imageroll:after {
content:'\A';
width:100%; height:100%;
top:0; left:0;
background:rgba(255,255,255,0.6);
}
.imageroll:before {
content: 'View full screen';
width:100%;
color:#000;
z-index:1;
top: 50%;
transform: translateY(-50%);
text-align:center;
box-sizing:border-box;
-moz-box-sizing:border-box;
vertical-align: middle;
font-family: GothamHTFBold, "Gotham HTF", "GothamHTFMedium", Arial, Helvetica, sans-serif;
font-size:1.4rem;
text-transform:uppercase;
}
.imageroll:hover:after, .imageroll:hover:before {
opacity:1;
}
/* images
-------------------------------------------------------------- */
.floatleft {float: left; padding-right: 15px;}
.floatright {float: right; padding-left: 15px;}
.imgtips {margin-right:15px; margin-top:5px;}
.tv-image, .garden-listing-image, .contact-image, .garden-report-image {margin-top:30px;}
.imagerow {padding-bottom:20px;}
/* Month Nav for Wireframe
-------------------------------------------------------------- */
.monthnav, .monthnav ul {
list-style: none;
text-transform:uppercase;
font-family: "GothamHTFMedium", helvetica, arial, sans-serif;
float:left;
margin: 0px;
padding:0px 0px 0px 0px;
margin-top:-11px;
}
.monthnav li {
float: left;
width: auto;
padding:0px 20px 10px 0px; }
.monthnav a {
display: block;
width: auto;
text-decoration:none;
color:#4f7337;
border-bottom: 0px;
text-align:center;
padding-left:0px;
padding-bottom: 10px;
height:12px;
font-size:1.1rem;
font-weight:bold;
white-space: nowrap;
letter-spacing:-1px;}
.monthnav a:hover {
color:#a21c26;
background-image: url(../img/site/red-dots.gif);background-repeat: repeat-x;background-position: 100% 100%;
}
.monthnav .current a {color:#a21c26; background-image: url(../img/site/red-dots.gif);background-repeat: repeat-x;background-position: 100% 100%; padding-bottom: -15px; }
.monthnav .last a {padding-right:0px; }
/* ALL Side Navs
-------------------------------------------------------------- */
.sidenav
{margin:0px 0px 30px 0px; padding: 0px; list-style: none;}
.sidenav:after { content: "";
display: table;
clear: both;}
.sidenav ul
{color: #333;
font-size:1.05rem;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0;
border: none;
width:100%;}
.sidenav li
{margin-bottom: 2px;
float:left;
width:100%}
.sidenav li a
{display: block;
padding: 5px 0px 5px 5px;
color: #fff;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 1.2rem;
margin-bottom:2px;}
.sidenav .active a
{color:#fff;}
.sidenav ul li a:hover
{color: #fff;
border-bottom: 0px;}
/* Store Side Nav
-------------------------------------------------------------- */
.storenav li a
{background-color: #b4b4b4;
color: #000;}
.storenav .active a
{background-color: #b4b4b4;
color:#000;}
.storenav ul li a:hover
{background-color: #7b7b7b;
}
/* Practical Gardening Side Nav
-------------------------------------------------------------- */
.practicalnav li a
{background-color: #717d43;}
.practicalnav .active a
{background-color: #505930;}
.practicalnav ul li a:hover
{background-color: #505930;}
/* Recipes Nav in content - Produce
-------------------------------------------------------------- */
.recipesnav ul li a
{
background-color: #b5d0cd;
color: #37291f;
}
.recipesnav .active a
{background-color: #3f7712;
}
.recipesnav ul li a:hover
{background-color: #37291f;
}
.recipesproduce
{
margin-left: 0;
padding: 5px;
border: none;
background-color: #709a93;
color: #37291f;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 1.3rem;
clear:both;
}
.recipesproduce a
{color: #000;}
/* Recipes Nav in content - CHEF / Recipe / Season
-------------------------------------------------------------- */
.recipesnav2
{margin:10px 0px 20px 0px;}
.recipesnav2 li a
{
background-color: #392419;
}
.recipesnav2 .active a
{background-color: #3f7712;
}
.recipesnav2 ul li a:hover
{background-color: #37291f;
}
/* Plant Listings
-------------------------------------------------------------- */
.plant-nav
{margin:10px 0px 20px 0px; }
.plant-nav ul
{clear:both;}
.plant-nav li a
{background-color: #392419;
}
.plant-nav .active a
{background-color: #3f7712;
}
.plant-nav ul li a:hover
{background-color: #37291f;
}
/* Lists of plants in sow and plant
-------------------------------------------------------------- */
.plantnav
{margin:10px 0px 20px 0px; }
.plantnav li a
{
background-color: #c0cc5e;
color: #37291f;}
.plantnav .active a
{background-color: #3f7712;
}
.plantnav ul li a:hover
{background-color: #37291f;
}
.vegesmenu, .fruitmenu, .flowersmenu, .problemmenu, .herbsmenu
{
display: none;}
/* Harvest Highlights Side Nav
-------------------------------------------------------------- */
.harvestnav li a
{
background-color: #7c0c1c;
}
.harvestnav .active a
{background-color: #505930;
}
.harvestnav ul li a:hover
{background-color: #4d0812;
}
/* TV Side Nav
-------------------------------------------------------------- */
.tvnav
{margin:0px 0px 20px 0px; }
.tvnav li a
{
background-color: #708395;
}
.tvnav .active a
{background-color: #3f7712;
}
.tvnav ul li a:hover
{background-color: #4c5965;
}
/* Footer
-------------------------------------------------------------- */
#navfooter
{padding:10px 0px 10px 0px;}
#navfooter, #navfooter ul {
list-style: none;
text-transform:capitalize;
font-family: "american typewriter", AmericanTypewriter, georgia, times new roman, serif;
margin: 0px;
padding:0px 0px 0px 0px;
}
#navfooter li {
float: left;
width: auto;
padding:0px 15px 0px 0px;
}
#navfooter a {
display: block;
width: auto;
color:#a21c26;
border-bottom: 0px;
text-align:center;
height:12px;
font-size:1.6rem;
padding-bottom:20px;
font-weight:normal;
}
#navfooter a:hover {
color:#a21c26; background-image: url(../img/site/red-dots.gif);background-repeat: repeat-x;background-position: 100% 100%; text-decoration:none;
}
#navfooter .current a {color:#a21c26; padding-left:0px; background-image: url(../img/site/red-dots.gif);background-repeat: repeat-x;background-position: 100% 100%; }
#navfooter .last a {padding-right:0px; }
/* Larger than mobile */
@media (min-width: 400px) {}
/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
.recipecheftextbubble {padding:10px; margin:10px 0px 0px 10px;}
p.topfivetitle {font-size:2.2rem; }
.featuredtaskheading h3 .highlight {font-size:5rem;}
}
/* Larger than tablet */
@media (min-width: 750px) {{p.topfivetitle {font-size:3rem; }}
/* Larger than desktop */
@media (min-width: 1000px) {}
/* Larger than Desktop HD */
@media (min-width: 1200px) {}