/* -- fonts -- */
@font-face { 
  font-family: 'MuseoSlab500'; 
  font-style: normal; 
  font-weight: bold; 
  src: url('/fonts/Museo_Slab_500-webfont.eot'); 
  src: url('/fonts/Museo_Slab_500-webfont.eot?iefix') format('eot'), 
       url('/fonts/Museo_Slab_500-webfont.woff') format('woff'), 
       url('/fonts/Museo_Slab_500-webfont.ttf') format('truetype'), 
       url('/fonts/Museo_Slab_500-webfont.svg#webfont8VbsAwew') format('svg'); 
}

@font-face {
  font-family: 'folia-responsive';
  src:url('/fonts/folia-responsive.eot?-vb44q0');
  src:url('/fonts/folia-responsive.eot?#iefix-vb44q0') format('embedded-opentype'),
    url('/fonts/folia-responsive.woff2?-vb44q0') format('woff2'),
    url('/fonts/folia-responsive.ttf?-vb44q0') format('truetype'),
    url('/fonts/folia-responsive.woff?-vb44q0') format('woff'),
    url('/fonts/folia-responsive.svg?-vb44q0#folia-responsive') format('svg');
  font-weight: normal;
  font-style: normal;
}

h3 a {
  color: #222;
}

.audit-stamps {
  font-size: 0.8rem;
  color: #aaa;
}

table.sortable {
  width: 100%;
}

img.profile-icon {
  width: 40px;
}

.day-counter {
  text-transform: uppercase;
  background-color: rgb(242, 229, 204);
  font-size: 0.7rem;
  padding: 3px 2px;
}

.date-select select {
  width: 30%;
}

/* welcome panel / blankslate */

.welcomepanel {
  background: #EDECD7;
  padding: 20px;
  margin-bottom: 10px;
}

/* folia supporter flags */

.supporter {}

.supporter:after {
  content: "\f06c";
  color: rgb(224, 210, 62);
  font-family: "folia-responsive";
  margin-left: 2px;
}

/* supporter feature message */

.message.supporter-feature-only {
  border: solid 1px rgba(224, 210, 62, 0.46);
  background-color: rgba(242, 224, 107, 0.06);
}

.message.supporter-feature-only .message-content {
  padding: 7px;
}

.message.supporter-feature-only .message-content p {
  font-size: 0.8rem;
  margin: 0 0 3px 0;
}

.message.supporter-feature-only h4 {
  text-transform: uppercase;
  color: #E0D23E;
  margin: 0px;
  font-size: 0.7rem;
  padding: 3px;
  border-bottom: solid 1px rgba(224, 210, 62, 0.46);
}

.message.supporter-feature-only h4:before {
  content: "\f06c";
  color: rgb(224, 210, 62);
  font-family: "folia-responsive";
  margin-right: 2px;
}

.message.supporter-feature-only .button {
  margin: 0;
  background-color: #E0D23E;
}

/* alerts */
.alert-box a {
  color: #fff;
  text-decoration: underline;
}

/* buttons */

.button {
  background-color: #A0765B;
}

button:hover, button:focus, .button:hover, .button:focus {
  background-color: #BF8D6D;
}

.button:before {
  font-family: 'folia-responsive';
  margin-right: 5px;
}

.button.edit:before {
  content: "\f040";
}

.button.reply:before {
  content: "\f112";
}

.button.add:before {
  content: "\f055";
}

.button.flag:before {
  content: "\f024";
}

.button.like:before {
  content: "\f004";
}

.button.remove:before {
   content: "\f056";
}

.button.watch:before {
   content: "\f06e";
}

.button.unwatch:before {
   content: "\f070";
}

.button.upload-image:before {
  content: "\f030";
}


/* header */

.header, .header .top-bar, .top-bar.expanded .title-area {
  background: #F7F7F2;
}

.header .top-bar {
  /*margin-bottom: 30px;*/
}

.header .name {
  width: 120px;
}

.header .name h1 a { 
  background: url(/images/responsive/logo-header.png) no-repeat 0px 2px;
  text-indent: -999px;
}

#header_specials {
}

#header_specials a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 25px;
  left: 90px;
  background-color: #fff;
  font-size: 0.8rem;
  border-radius: 50%;
  width: 43px;
  height: 43px;
  text-align: center;
  line-height: 38px;
  z-index: 9999;
}

#header_specials.harvest-day a {
  border: solid 3px #D5796D;
}

#header_specials.harvest-day a:before {
  font-family: 'folia-responsive';
  content: "\e642";
  font-size: 1.4rem;
  color: #D5796D;
}

#header_specials.bloom-day a {
  border: solid 3px #D56DB0;
}

#header_specials.bloom-day a:before {
  font-family: 'folia-responsive';
  content: "\e643";
  font-size: 1.4rem;
  color: #D56DB0;
}

.top-bar-section li:not(.has-form) a:not(.button) {
 background: #F7F7F2;
 color: #aaa; 
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
  background: #F7F7F2; 
  color: #000; 
}

.header .top-bar-section ul li {
  background: #F7F7F2;
}

.header .top-bar-section ul li.has-dropdown a {
  background: #F7F7F2;
  color: #aaa;
}

.header .top-bar-section ul li.has-dropdown a:hover {
  background-color: #EAEAE3;
  color: #000;
}

.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
 background: #EAEAE3;
 color: #000;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
  background-color: #DBDBD2;
  color: #000;
}

.top-bar-section li.page-nav a:not(.button) {
  background-color: #9CCA63;
  color: #fff;
}

.top-bar .toggle-topbar.menu-icon a {
  color: #444;
}

.top-bar .toggle-topbar.menu-icon a span::after {
  color: #444;
  box-shadow: 0 0 0 1px #9CCA63,0 7px 0 1px #9CCA63,0 14px 0 1px #9CCA63;
}

.top-bar-section .has-dropdown>a:after {
  border-color: #aaa transparent transparent transparent;
}

.top-bar .menu .top-quick-menu-nav li a:before {
  font-family: "folia-responsive";
  margin-right: 3px;
}

.top-bar .menu .top-quick-menu-nav li.messages a:before{ 
  content: "\f003";
}

.top-bar .menu .top-quick-menu-nav li.plantings a:before { 
  content: "\f06c";
}

.top-bar .menu .top-quick-menu-nav li.stashed a:before { 
  content: "\f187";
}

.top-bar .menu .top-quick-menu-nav li.wanted a:before { 
  content: "\f02e";
}

.top-bar .menu .top-quick-menu-nav li.swappable a:before { 
  content: "\f021";
}

.top-bar .menu .top-quick-menu-nav li.journals a:before { 
  content: "\f02d";
}

.top-bar .menu .top-quick-menu-nav li.faves a:before { 
  content: "\f004";
}

.top-bar .menu .top-quick-menu-nav li.comments a:before { 
  content: "\f086";
}

.top-bar .menu .top-quick-menu-nav li.members a:before { 
  content: "\f007";
}

.top-bar .menu .top-quick-menu-nav li.topics a:before { 
  content: "\f086";
}

.top-bar .menu .top-quick-menu-nav li.timeline a:before { 
  content: "\f017";
}

.top-bar .menu .top-quick-menu-nav li.reports a:before { 
  content: "\f080";
}

.top-bar .menu .top-quick-menu-nav li.tasks a:before { 
  content: "\f073";
}

.top-bar .menu .top-quick-menu-nav li.activity a:before { 
  content: "\f1da";
}

.top-bar .menu .top-quick-menu-nav li.gardens a:before { 
  content: "\e633";
}

.top-bar .menu .top-quick-menu-nav li.helper a:before { 
   content: "\f11d";
}

.top-bar .menu .top-quick-menu-nav .divider {
  border-top: solid 1px #DDDDD8;
}

/* top bar menu */

.top-bar .menu li a:before {
  font-family: "folia-responsive";
  margin-right: 3px;
}

.top-bar .menu li.divider {
  border-right: solid 1px #fff;
}

.top-bar .menu .home a:before {
  content: "\f015";
}

.top-bar .menu .settings a:before {
  content: "\f085";
}

.top-bar .menu .help a:before {
  content: "\f059";
}

.top-bar .menu .invite a:before {
  content: "\f0a1";
}

.top-bar .menu .login a:before {
  content: "\f08b";
}

.top-bar .menu .logout a:before {
  content: "\f08b";
}

.top-bar .menu .contact a:before {
    content: "\f086";
}

.top-bar .menu .tour a:before {
    content: "\f024";
}

.top-bar-section .has-form {
  background-color: inherit;
}

.top-bar-section > ul > .divider {
  border-right: #aaa;
}

/* breadcrumbs */

.breadcrumbs {
  background-color: #fff;
  border-radius: 0px;
  border: none;
  padding: 0;
  margin-bottom: 7px;
}

/* breadcrumbs */
div.pagination {
    margin: 3px;
    padding: 7px;
    text-align: center;
    font-size: 1.2rem;
}

div.pagination a {
    border: 1px solid #aaa;
    color: #aa;
    margin: 0px;
    padding: 4px;
    text-decoration: none;
    line-height: 2.6rem;
}

div.pagination a:hover,
div.pagination a:active {
    background-color: #EBE1D8;
    border: 1px solid #333;
    color: #333;
}

div.pagination span.current,
div.pagination a.current {
    background-color: #333;
    color: #FFF;
    font-weight: bold;
}

div.pagination span.disabled {
    display: none;
}

div.pagination a.disabled {
    border: 1px solid #aaa;
    color: #aaa;
    margin: 2px;
    padding: 2px 5px 2px 5px;
    text-decoration: none;
}

/* nav nav */

.tab-navigation {
  background-color: #9CCC65;
}

.tab-navigation > div {
  font-family: "MuseoSlab500",serif;
  border-bottom: solid 1px #FFF;
  border-right: solid 1px #FFF;
  padding: 6px 8px;
}

.tab-navigation > div a {
  color: #fff;
  font-size: 1rem;
}

/* content */

.content {
  padding-top: 10px;
  text-align: left;
  background-color: #fff;
}


div.sub-header { 
  position: relative; 
  color:#000; 
  padding: 10px; 
  background-color: #DCEDC8; 
  border-bottom: solid 1px #fff; 
  min-height: 77px;
  margin-bottom: 10px;
}

div.sub-header .profile-pic {
  margin-right: 10px;
}

div.sub-header h1 { 
  margin: 0; 
  font-family: "MuseoSlab500",serif; 
  color: #333; 
  text-shadow: 0 1px 1px #fff; 
  font-size: 2.3rem;
}

div.sub-header h2 { 
  font-size: 1.1rem; 
  font-family: "MuseoSlab500",serif; 
  color: #333; 
  text-shadow: 0 1px 1px #fff; 
}

.sub-header .button {
 padding: 10px; 
}

.sub-tab-navigation {
  background-color: #DCEDC8; 
}

.sub-tab-navigation a:hover, .sub-tab-navigation a.current  {
  background-color: #9CCC65;
}

.sub-tab-navigation > div {
  border: solid 2px #fff; 
  background-color: #DCEDC8; 
}

.sub-tab-navigation > div a {
  color: #000;
}

.sub-tab-navigation label {
  color: #333;
}

.sub-tab-navigation label:before {
  font-family: "folia-responsive";
  margin-right: 3px;
}

.sub-tab-navigation .home label:before { 
  content: "\f015";
}

.sub-tab-navigation .plantings label:before { 
  content: "\f06c";
}

.sub-tab-navigation .wanted label:before { 
  content: "\f02e";
}

.sub-tab-navigation .swappable label:before { 
  content: "\f021";
}

.sub-tab-navigation .journals label:before { 
  content: "\f02d";
}

.sub-tab-navigation .gardens label:before { 
  content: "\e633";
}

.sub-tab-navigation .reports label:before { 
  content: "\f080";
}










ul.sub-navigation { 
  margin-left: 0;  
}

ul.sub-navigation li { 
  background-color: #DCE8CF; 
  margin: 0; 
  border: solid 2px #fff; 
  padding: 10px 10px; 
}

ul.sub-navigation li.selected, ul.sub-navigation li:hover { 
  background-color: #A7B695; 
}

ul.sub-navigation li a { 
  text-decoration: none; 
  font-size: 0.9rem; 
  color: #444; 
}

/* table of contents */

.table-of-contents {
  background-color: #F7F7F7;
  padding: 10px;
  margin: 10px 0;
}

.table-of-contents li {
  list-style: none;
  text-decoration: underline;
  padding: 0;
}

.add-to-my-options form {}

/* dropdown option settings */

.dropdown-settings {
  text-align: left;
  padding: 10px;
}

.dropdown-settings:before {
  font-family: 'folia-responsive';
  content: "\f013";
  color: #fff;
  margin-right: 5px;
}

.dropdown-settings-list .quick-add-options button, .dropdown-settings-list .quick-add-options .button  {
  padding: 10px;
  margin-bottom: 1px;
  text-align: left;
  color: #fff;
  font-size: 0.9rem;
}

.dropdown-settings-list .quick-add-options button:before {
  content: "\f055";
  font-family: 'folia-responsive';
  margin-right: 5px;
}

.dropdown-settings-list li a:before {
  font-family: 'folia-responsive';
  margin-right: 5px;
}

.dropdown-settings-list li.edit a:before {
  content: "\f040";
}

.dropdown-settings-list li.history a:before {
  content: "\f1da";
}

.dropdown-settings-list li.add a:before {
  content: "\f055";
}

.dropdown-settings-list li.reply a:before {
  content: "\f112";
}

.dropdown-settings-list li.export a:before {
  content: "\e636";
}

.dropdown-settings-list li.export-ical a:before {
  content: "\f073";
}


.dropdown-settings-list li.print a:before {
  content: "\f02f";
}

.dropdown-settings-list li.journal a:before {
  content: "\f02d";
}

.dropdown-settings-list li.question a:before {
  content: "\f059";
}

.dropdown-settings-list li.split a:before {
    content: "\e63b";
}

.dropdown-settings-list li.copy a:before {
    content: "\e640";
}

.dropdown-settings-list li.link a:before {
    content: "\e641";
}

.dropdown-settings-list li.settings a:before {
  content: "\f013";
}

.dropdown-settings-list li.remove a:before {
  content: "\f056";
}

.dropdown-settings-list li.complete a:before {
  content: "\ea52";
}

.dropdown-settings-list li.archive a:before {
  content: "\f056";
}

.dropdown-settings-list li.question a:before {
    content: "\f059";
}

.dropdown-settings-list li.helper a:before {
   content: "\f11d";
}

.dropdown-settings-list li.message a:before {
   content: "\f003";
}

.dropdown-settings-list li.report a:before {
   content: "\f11d";
}

.dropdown-settings-list li.divider {
  border-bottom: solid 1px #EFEEEE;
}



/* search results */

.search-results .result {
  border-bottom: solid 1px #F2F1F1;
  padding: 10px 0;
}

.search-results .result p.name {
  margin: 0;
}

.search-results .result p.synonyms {
  color: #aaa;
}

.search-results .result ul.profile-stats li {
  margin-right: 15px;
} 

/* profile stats */

ul.profile-stats {
  margin: 0;
}

ul.profile-stats li { 
  margin-left: 0;
}

ul.profile-stats li a:before {
  font-family: "folia-responsive";
  margin-right: 3px;
  font-size: 1.2rem;
}

ul.profile-stats li.messages a:before { 
  content: "\f003";
}

ul.profile-stats li.plantings a:before, ul.profile-stats li.planting a:before { 
  content: "\f06c";
  color: rgb(48, 173, 48);
}

ul.profile-stats li.stashed a:before, ul.profile-stats li.stash a:before { 
  content: "\f187";
  color: rgb(60, 137, 160);
}

ul.profile-stats li.wanted a:before, ul.profile-stats li.wish-list a:before { 
  content: "\f02e";
  color: rgb(224, 153, 23);
}

ul.profile-stats li.swap a:before { 
  content: "\f021";
  color: rgb(152, 137, 178);
}

ul.profile-stats li.journal a:before { 
  content: "\f02d";
  color: rgb(153, 208, 228);
}

ul.profile-stats li.fave a:before { 
  content: "\f004";
  color: rgb(228, 153, 166);
}

ul.profile-stats li.comment a:before { 
  content: "\f086";
  color: rgb(226, 228, 153);
}

ul.profile-stats li.members a:before { 
  content: "\f007";
  color: rgb(226, 228, 153);
}

ul.profile-stats li.topics a:before { 
  content: "\f086";
  color: rgb(133, 169, 167);
}

/* plantings gallery */

.plantings-gallery { 
  margin: 10px 0;
}

.plantings-gallery li { 
  width: 60px; 
  height: 60px; 
  margin-left: 0;
  margin-right: 10px;
}

.plantings-gallery li img:hover { 
  border: solid 1px #fff;
}

.plantings-gallery li img {
  border-radius: 50%;
}

 /* plant stats */

.plant-statistics ul.profile-stats li {
  margin-right: 20px;
}

.plant-statistics ul.profile-stats li span {
  display: inline;
}

.colour-cube-box .colour-cube {
  width: 15px;
  height: 15px;
  display: inline-block;
}

/* seed starting schedule */

ul.seed-starting-colour-key {
font-size:.8em;
position:absolute;
right:0;
list-style: none;
}

ul.seed-starting-colour-key li {
width:60px;
border:solid 1px #fff;
padding:3px;
}

ul.seed-starting-colour-key li.sow span.indoor {
background-color:#845683;
padding-left:2px;
padding-right:2px;
color:#fff;
}

div.seed-start-schedule-box,div.seed-start-schedule {
position:relative;
}

div.seed-start-schedule ul {
clear:left;
margin:0;
padding:0;
list-style: none;
}

div.seed-start-schedule ul.disabled {
color:#aaa;
}

div.seed-start-schedule ul.disabled li {
background:none;
}

div.seed-start-schedule ul li.month {
font-weight:700;
font-size:.9em;
clear:none;
float:left;
width:50px;
height:50px;
line-height:40px;
border-bottom:solid 1px #bbb;
border-right:solid 1px #aaa;
padding-bottom:4px;
padding-top:4px;
text-align:center;
}

div.seed-start-schedule ul li.first {
border-top:solid 1px #bbb;
}

div.seed-start-schedule ul li.label {
padding-left:5px;
font-weight:400;
font-size:.9em;
width:80px;
border-left:solid 1px #bbb;
}

div.seed-start-schedule ul li.name {
font-weight:400;
font-size:1em;
padding-left:5px;
width:300px;
border-left:solid 1px #bbb;
border-right:solid 2px #bbb;
text-align:left;
}

div.seed-start-schedule ul li.first-month {
border-left:solid 1px #bbb;
}

div.seed-start-schedule ul li {
background:transparent url(/images/seed-starting-chart/indoor-sow-transplant-harvest.png);
}

div.seed-start-schedule ul li.sow {
background-position:-369px 0;
}

div.seed-start-schedule ul li.sow-transplant {
background-position:-123px 0;
}

div.seed-start-schedule ul li.sow-transplant-harvest {
background-position:-41px 0;
}

div.seed-start-schedule ul li.sow-harvest {
background-position:-205px 0;
}

div.seed-start-schedule ul li.transplant {
background-position:-287px 0;
}

div.seed-start-schedule ul li.transplant-harvest {
background-position:-82px 0;
}

div.seed-start-schedule ul li.harvest {
background-position:-328px 0;
}

div.seed-start-schedule ul li.none {
background-image:none;
}

div.seed-start-schedule ul.hemisphere-schedule li {
background-image:none;
border:solid 2px #FFF;
}

div.seed-start-schedule ul.hemisphere-schedule li.rare {
opacity:0.1;
filter:alpha(opacity=10);
}

div.seed-start-schedule ul.hemisphere-schedule li.occasional {
opacity:0.2;
filter:alpha(opacity=20);
}

div.seed-start-schedule ul.hemisphere-schedule li.infrequent {
opacity:0.4;
filter:alpha(opacity=40);
}

div.seed-start-schedule ul.hemisphere-schedule li.frequent {
opacity:0.6;
filter:alpha(opacity=60);
}

div.seed-start-schedule a.upgrade {
opacity:0.8;
filter:alpha(opacity=80);
position:absolute;
top:24px;
left:3px;
background-color:#fff;
font-size:.7em;
color:#aaa;
}

div.seed-start-schedule a.upgrade:hover {
opacity:1;
filter:alpha(opacity=100);
color:#000;
}

div.seed-start-schedule div.sow-from {
margin-top:2px;
clear:both;
}

div.seed-start-schedule div.sow-from span.label {
font-size:.7em;
}

div.seed-start-schedule div.sow-from span.ready {
background-color:#B4EEB4;
}

div.seed-start-schedule div.sow-from span.soon {
background-color:#EEE8AA;
}

ul.seed-starting-colour-key li.sow,div.seed-start-schedule ul.hemisphere-schedule li.sow {
background-color:#C27FC2;
}

ul.seed-starting-colour-key li.transplant,div.seed-start-schedule ul.hemisphere-schedule li.transplant {
background-color:#FC3;
}

ul.seed-starting-colour-key li.harvest,div.seed-start-schedule ul.hemisphere-schedule li.harvest {
background-color:#6CF;
}

div.seed-start-schedule ul li.indoor-sow-sow,div.seed-start-schedule ul li.indoor-sow {
background-position:-410px 0;
}

div.seed-start-schedule ul li.indoor-sow-sow-transplant,div.seed-start-schedule ul li.indoor-sow-transplant {
background-position:-164px 0;
}

div.seed-start-schedule ul li.indoor-sow-sow-transplant-harvest,div.seed-start-schedule ul li.indoor-sow-transplant-harvest {
background-position:0 0;
}

div.seed-start-schedule ul li.indoor-sow-sow-harvest,div.seed-start-schedule ul li.indoor-sow-harvest {
background-position:-246px 0;
}

div.seed-start-schedule ul li.first-frost-month,div.seed-start-schedule ul li.last-frost-month {
border-left:solid 3px #D8D8C0;
}

/* where to buy catalogue items */
.catalogue-item {
  padding: 5px 5px 0;
  border: 2px solid #efefef;
  border-radius: 2px;
  margin-bottom: 10px;
}

.catalogue-item .name {
  font-size: 0.9em;
  min-height: 40px;
}

.catalogue-item .item-details p {
  font-size: 0.7em;
}

.catalogue-item span.price {
  font-size: 2em;
  font-weight: bold;
  color: #333;
}

.catalogue-item span.currency {
  font-size: 1.4em;
  text-transform: lowercase;
  font-variant: small-caps;
  color: #777;
}

.catalogue-item span.quantity {
  font-size: 0.7em;
  color: #777;
}

.catalogue-item a.buy-now {
  margin-top: 10px;
  background-color: #9CCC65;
}

/* footer */

.footer {
  background: #E5E5E2;  
  padding: 20px 0;
  margin-top: 10px;
}

.footer p {
  font-size: 0.8rem;
}

.feature-spotlight {
  padding: 10px 0;
}


/* amazon buy banner */

div.amazon-buy-link-box { 
  padding: 10px 0 10px 155px; 
  margin-bottom: 30px; 
  font-size: 15px; 
  border: solid 1px #aaa; 
  background: #616161 url(/images/walnut/logo-amazon.jpg) no-repeat 5px center;
}

div.amazon-buy-link-box a { 
  color: #fff; 
}


/* zones */
ul.zones-list li {
  margin: 3px;
}

ul.zones-list li a {
  padding: 10px 20px;
}

a.zone-1 {
    background-color: #F9F9F9;
}
a.zone-2 {
    background-color: #E8E8E8;
}
a.zone-2a {
    background-color: #E8E8E8;
}
a.zone-2b {
    background-color: #E8E8E8;
}
a.zone-3 {
    background-color: #CCE7E8;
}
a.zone-3a {
    background-color: #CCE7E8;
}
a.zone-3b {
    background-color: #CCE7E8;
}
a.zone-4 {
    background-color: #ADF0DA;
}
a.zone-4a {
    background-color: #ADF0DA;
}
a.zone-4b {
    background-color: #ADF0DA;
}
a.zone-5 {
    background-color: #8BD8CC;
}
a.zone-5a {
    background-color: #8BD8CC;
}
a.zone-5b {
    background-color: #8BD8CC;
}
a.zone-6 {
    background-color: #9BD8CC;
}
a.zone-6a {
    background-color: #9BD8CC;
}
a.zone-6b {
    background-color: #9BD8CC;
}
a.zone-7 {
    background-color: #85D566;
}
a.zone-7a {
    background-color: #85D566;
}
a.zone-7b {
    background-color: #85D566;
}
a.zone-8 {
    background-color: #A2E688;
}
a.zone-8a {
    background-color: #A2E688;
}
a.zone-8b {
    background-color: #A2E688;
}
a.zone-9 {
    background-color: #C0F7AB;
}
a.zone-9a {
    background-color: #C0F7AB;
}
a.zone-9b {
    background-color: #C0F7AB;
}
a.zone-10 {
    background-color: #F5F269;
}
a.zone-10a {
    background-color: #F5F269;
}
a.zone-10b {
    background-color: #F5F269;
}
a.zone-11 {
    background-color: #F6AC09;
}
a.zone-11a {
    background-color: #F6AC09;
}
a.zone-11b {
    background-color: #F6AC09;
}
a.zone-12 {
    background-color: #EE8C13;
}
a.zone-12a {
    background-color: #EE8C13;
}
a.zone-12b {
    background-color: #EE8C13;
}
a.zone-13 {
    background-color: #E56C1C;
}
a.zone-13a {
    background-color: #E56C1C;
}
a.zone-13b {
    background-color: #E56C1C;
}
a.zone-14 {
    background-color: #DC4C25;
}

/* profile card */
.profile-card {
    padding: 0.5rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin: 0;
    background-color: #fff;
}

.profile-card h4 {
  background-color: orange;
  text-transform: uppercase;
  font-size: 0.8rem;
  color: #fff;
  padding: 10px;
  margin: -8px -8px 0px -8px;
}

.profile-card img {
    width: 4rem;
    display: block;
    margin: 1rem auto;
    text-align: center;
    box-shadow: 2px 2px 5px #888888;
}
.profile-card .profile-info {
    padding: 0.5rem;
}
.profile-card .profile-info h4 {
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
}
.profile-card .profile-info p {
    text-align: center;
}
.profile-card .profile-info .inline-list {
    text-align: center;
    margin-bottom: 1rem;
}
.profile-card .profile-info .inline-list li {
    float: none;
    display: inline-block;
}

.profile-card .zone {
  padding: 2px 8px;
}

/* featured variety box on homepage */

.featured-variety-box .featured-plant {
  text-transform: uppercase;
  font-size: 0.8rem;
  background-color: #F9F7CC; 
  padding: 7px;
  text-shadow: 1px 1px 1px #fff;
}

.featured-variety-box .variety-info p {
  margin: 0;
}

.featured-variety-box .variety-info p.plant-name {
  font-size: 1.4rem;
}

.featured-variety-box .variety-info p.botanical-name {
  font-style: italic;
}

.featured-variety-box .plantings-gallery li {
 margin-bottom: 10px; 
}

/* topics */

.topics .topic {
  padding: 10px 0px;
}

.topics .topic.even {
  background-color: #F5F5F5;
}

.topics .topic .summary p {
  margin: 0;
}

.topics .topic .summary p.updated-at {
  color: #aaa;
  font-size: 0.8rem;
}

.group-description p {
  font-size: 0.9rem;
}

.topics .topic .count.topics:before { 
  font-family: "folia-responsive";
  margin-right: 3px;
  font-size: 1.2rem;
  content: "\f086";
  color: rgb(156, 204, 101);
}

.topics .topic .sticky:after {
  font-family: "folia-responsive";
  content: "\f005";
  margin-right: 2px;
  color: rgb(234, 234, 137);
}


/* gardens */


.gardens li.garden {
  border-bottom: solid 12px #fff;
  background-color: rgb(250, 250, 250);
  padding: 10px;
}

.gardens li.garden p {
  margin: 0;
}

.gardens li.garden .name {
  font-size: 1.2rem;
  font-weight: bold;
}

.gardens li.garden .zone {
  padding: 2px 5px;
}

.gardens li.garden .archived {
  font-size: 0.8rem;
  color: #aaa;
  text-transform: uppercase;
}

.gardens li.garden .additional-information {
  margin-top: 10px;
}



/* journals */

li.journal > div {
  border: solid 1px #aaa;
  height: 400px;
  padding: 5px;
}

li.journal .profile-icon {
  margin-right: 10px;
  margin-bottom: 10px;
}

li.journal img.primary {
  margin-left: 10px;
  margin-bottom: 10px;
}

li.journal .header {
  height: 60px;
  margin-bottom: 2px;
  background-color: #fff;
}

li.journal div.description {
  border-bottom: 1px solid #F7F4F4;
  min-height: 220px;
}

li.journal div.additional-details {
  color: #aaa;
  font-size: 0.9rem;
  padding: 10px;
}

li.journal div.additional-details .journal-item-details {
  font-size: 0.8rem;
  margin: 0;
}

.journal div.date {
  height: 100%;
  margin: 0 0.5rem 0.2rem 0;
  text-align: center;
  width: 55px;
  background-color: #F7F7F3;
}

.journal div.date span.day {
  color: #333;
  font-size: 1.9rem;
  font-weight: bold;
  display: inline-block;
  border-bottom: 1px solid #CCC;
}

.journal div.date span.month {
  color: #999;
  font-size: 1.0rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.journal div.date span.year {
    color: #999;
    font-size: 1.0rem;
}

.journal .temperature:before {
  font-family: "folia-responsive";
  content: "\e62a";
  margin-right: 1px;
}

/* milestones */
li.milestone {
  background-color: #FBF9F5;
  margin-bottom: 2px;
}

.label.milestone {
  background-color: #F9ECD4;
  color: #000;
}

.label.milestone a {
  color: #000;
}

li.milestone .photo {
  margin: 10px;
}

li.milestone div.date {
  height: 100%;
  margin: 0 0.5rem 0.2rem 0;
  text-align: center;
  width: 55px;
  background-color: #F9ECD4;
}

li.milestone div.date span.day {
  color: #333;
  font-size: 1.9rem;
  font-weight: bold;
  display: inline-block;
  border-bottom: 1px solid #CCC;
}

li.milestone div.date span.month {
  color: #999;
  font-size: 1.0rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}

li.milestone div.date span.year {
    color: #999;
    font-size: 1.0rem;
}

li.milestone p .event-name {
  text-decoration: underline;
  font-size:1.2rem;
  line-height: 36px;
}

li.milestone p {
  margin-bottom:4px;
}

li.milestone .day-counter {

}

/* happiness */

.happiness:before {
  font-family: "folia-responsive";
  margin-right: 3px;
  font-size: 1.2rem;
}

.happiness.happiness-rating-5:before {
  content: "\e637";
}

.happiness.happiness-rating-4:before {
  content: "\e637";
}

.happiness.happiness-rating-3:before {
  content: "\e638";
}

.happiness.happiness-rating-2:before {
  content: "\e639";
}

.happiness.happiness-rating-1:before {
  content: "\e639";
}





/* weather conditions */

.weather-condition:before {
  font-family: "folia-responsive";
  margin-right: 3px;
  font-size: 1.2rem;
}

.weather-condition.sunny:before {
   content: "\e601";
}
.weather-condition.cloudy:before {
  content: "\e618";
}
.weather-condition.overcast:before {
  content: "\e618";
}
.weather-condition.rainy:before {
  content: "\e610";
}
.weather-condition.storms:before {
  content: "\e60e";
}
.weather-condition.snow:before {
  content: "\e615";
}
.weather-condition.partly-sunny:before {
  content: "\e607";
}
.weather-condition.clear:before {
    
}
.weather-condition.frosty:before {
  content: "\e606";
}
.weather-condition.windy:before {
  content: "\e604";
}
.weather-condition.hail:before {
  content: "\e617";
}
.weather-condition.blizzard:before {
  content: "\e626";
}
.weather-condition.hurricane:before {
  content: "\e623";
}
.weather-condition.hazy:before {
  content: "\e609";
}
.weather-condition.balmy:before {}
.weather-condition.indoors:before {}
.weather-condition.drizzle:before {
  content: "\e610";
}
.weather-condition.light-drizzle:before {
  content: "\e610";
}
.weather-condition.heavy-drizzle:before {
  content: "\e610";
}
.weather-condition.rain:before {
  content: "\e610";
}
.weather-condition.light-rain:before {
  content: "\e610";
}
.weather-condition.heavy-rain:before {
  content: "\e611";
}
.weather-condition.light-snow:before {
  content: "\e615";
}
.weather-condition.heavy-snow:before {
   content: "\e616";
}
.weather-condition.snow-grains:before {
  content: "\e615";
}
.weather-condition.light-snow-grains:before {
  content: "\e615";
}
.weather-condition.heavy-snow-grains:before {
  content: "\e615";
}
.weather-condition.ice-crystals:before {}
.weather-condition.light-ice-crystals:before {}
.weather-condition.heavy-ice-crystals:before {}
.weather-condition.ice-pellets:before {}
.weather-condition.light-ice-pellets:before {}
.weather-condition.heavy-ice-pellets:before {}
.weather-condition.light-hail:before {
  content: "\e617";
}
.weather-condition.heavy-hail:before {
  content: "\e617";
}
.weather-condition.mist:before {}
.weather-condition.light-mist:before {}
.weather-condition.heavy-mist:before {}
.weather-condition.heavy-mist:before {}
.weather-condition.fog:before {}
.weather-condition.light-fog:before {}
.weather-condition.heavy-fog:before {}
.weather-condition.fog-patches:before {}
.weather-condition.light-fog-patches:before {}
.weather-condition.heavy-fog-patches:before {}
.weather-condition.smoke:before {}
.weather-condition.light-smoke:before {}
.weather-condition.heavy-smoke:before {}
.weather-condition.volcanic-ash:before {}
.weather-condition.light-volcanic-ash:before {}
.weather-condition.heavy-volcanic-ash:before {}
.weather-condition.widespread-dust:before {}
.weather-condition.light-widespread-dust:before {}
.weather-condition.heavy-widespread-dust:before {}
.weather-condition.sand:before {}
.weather-condition.light-sand:before {}
.weather-condition.heavy-sand:before {}
.weather-condition.haze:before {}
.weather-condition.light-haze:before {}
.weather-condition.heavy-haze:before {}
.weather-condition.spray:before {}
.weather-condition.light-spray:before {}
.weather-condition.heavy-spray:before {}
.weather-condition.dust-whirls:before {}
.weather-condition.light-dust-whirls:before {}
.weather-condition.heavy-dust-whirls:before {}
.weather-condition.sandstorm:before {}
.weather-condition.light-sandstorm:before {}
.weather-condition.heavy-sandstorm:before {}
.weather-condition.low-drifting-snow:before {}
.weather-condition.light-low-drifting-snow:before {}
.weather-condition.heavy-low-drifting-snow:before {}
.weather-condition.low-drifting-widespread-dust:before {}
.weather-condition.light-low-drifting-widespread-dust:before {}
.weather-condition.heavy-low-drifting-widespread-dust:before {}
.weather-condition.low-drifting-sand:before {}
.weather-condition.light-low-drifting-sand:before {}
.weather-condition.heavy-low-drifting-sand:before {}
.weather-condition.blowing-snow:before {}
.weather-condition.light-blowing-snow:before {}
.weather-condition.heavy-blowing-snow:before {}
.weather-condition.blowing-widespread-dust:before {}
.weather-condition.light-blowing-widespread-dust:before {}
.weather-condition.heavy-blowing-widespread-dust:before {}
.weather-condition.blowing-sand:before {}
.weather-condition.light-blowing-sand:before {}
.weather-condition.heavy-blowing-sand:before {}
.weather-condition.rain-mist:before {}
.weather-condition.light-rain-mist:before {}
.weather-condition.heavy-rain-mist:before {
   content: "\e611";
}
.weather-condition.rain-showers:before {}
.weather-condition.light-rain-showers:before {}
.weather-condition.heavy-rain-showers:before {
   content: "\e611";
}
.weather-condition.snow-showers:before {
  content: "\e614";
}
.weather-condition.light-snow-showers:before {
  content: "\e614";
}
.weather-condition.heavy-snow-showers:before {
  content: "\e614";
}
.weather-condition.snow-blowing-snow-mist:before {}
.weather-condition.light-snow-blowing-snow-mist:before {}
.weather-condition.heavy-snow-blowing-snow-mist:before {}
.weather-condition.ice-pellet-showers:before {
  content: "\e617";
}
.weather-condition.light-ice-pellet-showers:before {
  content: "\e617";
}
.weather-condition.heavy-ice-pellet-showers:before {
  content: "\e617";
}
.weather-condition.hail-showers:before {
  content: "\e617";
}
.weather-condition.light-hail-showers:before {
  content: "\e617";
}
.weather-condition.heavy-hail-showers:before {
  content: "\e617";
}
.weather-condition.small-hail-showers:before {}
.weather-condition.light-small-hail-showers:before {}
.weather-condition.heavy-small-hail-showers:before {}
.weather-condition.thunderstorm:before {
  content: "\e60e";
}
.weather-condition.light-thunderstorm:before {
  content: "\e60e";
}
.weather-condition.heavy-thunderstorm:before {
  content: "\e60e";
}
.weather-condition.thunderstorms-and-rain:before {}
.weather-condition.light-thunderstorms-and-rain:before {}
.weather-condition.heavy-thunderstorms-and-rain:before {}
.weather-condition.thunderstorms-and-snow:before {}
.weather-condition.light-thunderstorms-and-snow:before {}
.weather-condition.heavy-thunderstorms-and-snow:before {}
.weather-condition.thunderstorms-and-ice-pellets:before {}
.weather-condition.light-thunderstorms-and-ice-pellets:before {
  content: "\e60e";
}
.weather-condition.heavy-thunderstorms-and-ice-pellets:before {
  content: "\e60e";
}
.weather-condition.thunderstorms-with-hail:before {}
.weather-condition.light-thunderstorms-with-hail:before {
  content: "\e617";
}
.weather-condition.heavy-thunderstorms-with-hail:before {
  content: "\e617";
}
.weather-condition.thunderstorms-with-small-hail:before {
  content: "\e617";
}
.weather-condition.light-thunderstorms-with-small-hail:before {
  content: "\e617";
}
.weather-condition.heavy-thunderstorms-with-small-hail:before {
  content: "\e617";
}
.weather-condition.freezing-drizzle:before {}
.weather-condition.light-freezing-drizzle:before {}
.weather-condition.heavy-freezing-drizzle:before {}
.weather-condition.freezing-rain:before {}
.weather-condition.light-freezing-rain:before {}
.weather-condition.heavy-freezing-rain:before {}
.weather-condition.freezing-fog:before {}
.weather-condition.light-freezing-fog:before {}
.weather-condition.heavy-freezing-fog:before {}
.weather-condition.patches-of-fog:before {}
.weather-condition.shallow-fog:before {}
.weather-condition.partial-fog:before {}
.weather-condition.overcast:before {}
.weather-condition.clear:before {}
.weather-condition.partly-cloudy:before {}
.weather-condition.mostly-cloudy:before {}
.weather-condition.scattered-clouds:before {}
.weather-condition.small-hail:before {}
.weather-condition.squals:before {}
.weather-condition.funnel-cloud:before {}
.weather-condition.unknown-precipitation:before {}



/*** seed start schedule ***/
ul.seed-starting-colour-key { font-size: 0.8em; position: absolute; right: 0; }
ul.seed-starting-colour-key li { padding: 3px; width: 60px; border: solid 1px #fff;}
ul.seed-starting-colour-key li.sow { background-color: #C27FC2;}
ul.seed-starting-colour-key li.sow span.indoor { background-color: #845683; padding-left: 2px; padding-right: 2px; color: #fff;}
ul.seed-starting-colour-key li.transplant { background-color: #FFCC33; }
ul.seed-starting-colour-key li.harvest { background-color: #66CCFF; }
div.seed-start-schedule-box, div.seed-start-schedule { position: relative; }
div.seed-start-schedule ul { clear: left; margin: 0; padding: 0; }
div.seed-start-schedule ul.disabled { color: #aaa; }
div.seed-start-schedule ul.disabled li { background: none;}

div.seed-start-schedule ul li.month { font-weight: bold; font-size: 0.9em; clear: none; float: left; width: 32px; height: 30px; line-height: 30px; border-bottom: solid 1px #bbb; border-right: solid 1px #aaa; padding-bottom: 4px; padding-top: 4px; text-align: center; }
div.seed-start-schedule ul li.first { border-top: solid 1px #bbb; }
div.seed-start-schedule ul li.label { padding-left: 5px; font-weight: normal; font-size: 0.9em; width: 80px; border-left: solid 1px #bbb; }
div.seed-start-schedule ul li.name { font-weight: normal; font-size: 1em; padding-left: 5px; width: 300px; border-left: solid 1px #bbb; border-right: solid 2px #bbb; text-align: left;}
div.seed-start-schedule ul li.first-month {border-left: solid 1px #bbb;}

div.seed-start-schedule ul li { background: transparent url(/images/seed-starting-chart/indoor-sow-transplant-harvest.png) }
div.seed-start-schedule ul li.sow { background-position: -369px 0; }
div.seed-start-schedule ul li.sow-transplant { background-position: -123px 0; }
div.seed-start-schedule ul li.sow-transplant-harvest { background-position: -41px 0; }
div.seed-start-schedule ul li.sow-harvest { background-position: -205px 0; }
div.seed-start-schedule ul li.transplant { background-position: -287px 0; }
div.seed-start-schedule ul li.transplant-harvest { background-position: -82px 0; }
div.seed-start-schedule ul li.harvest { background-position: -328px 0; }
div.seed-start-schedule ul li.indoor-sow-sow { background-position: -410px 0; }
div.seed-start-schedule ul li.indoor-sow-sow-transplant { background-position: -164px 0; }
div.seed-start-schedule ul li.indoor-sow-sow-transplant-harvest { background-position: 0 0; }
div.seed-start-schedule ul li.indoor-sow-sow-harvest { background-position: -246px 0; }
div.seed-start-schedule ul li.indoor-sow { background-position: -410px 0; }
div.seed-start-schedule ul li.indoor-sow-transplant { background-position: -164px 0; }
div.seed-start-schedule ul li.indoor-sow-transplant-harvest { background-position: 0 0; }
div.seed-start-schedule ul li.indoor-sow-harvest{ background-position: -246px 0; }
div.seed-start-schedule ul li.none { background-image: none; }

div.seed-start-schedule ul li.first-frost-month { border-left: solid 3px #D8D8C0; } 
div.seed-start-schedule ul li.last-frost-month { border-left: solid 3px #D8D8C0; }

div.seed-start-schedule ul.hemisphere-schedule  li { background-image: none; border: solid 2px white; }
div.seed-start-schedule ul.hemisphere-schedule  li.sow { background-color: #C27FC2; }
div.seed-start-schedule ul.hemisphere-schedule  li.transplant { background-color: #FFCC33; }
div.seed-start-schedule ul.hemisphere-schedule  li.harvest { background-color: #66CCFF; }

div.seed-start-schedule ul.hemisphere-schedule  li.rare { opacity:0.1;filter:alpha(opacity=10); }
div.seed-start-schedule ul.hemisphere-schedule  li.occasional { opacity:0.2;filter:alpha(opacity=20); }
div.seed-start-schedule ul.hemisphere-schedule  li.infrequent { opacity:0.4;filter:alpha(opacity=40); }
div.seed-start-schedule ul.hemisphere-schedule  li.frequent { opacity:0.6;filter:alpha(opacity=60);}

div.seed-start-schedule a.upgrade { opacity:0.8;filter:alpha(opacity=80); position: absolute; top: 24px; left: 3px; background-color: #fff; font-size: 0.7em; color: #aaa; }
div.seed-start-schedule a.upgrade:hover { opacity:1;filter:alpha(opacity=100); color: #000;}

div.seed-start-schedule div.sow-from { margin-top: 5px; clear: both; }
div.seed-start-schedule div.sow-from span.label { font-size: 0.7em; }
div.seed-start-schedule div.sow-from span.ready { background-color: #B4EEB4; padding: 1px 4px; }
div.seed-start-schedule div.sow-from span.soon { background-color: #EEE8AA; }


.icon-twitter:before { 
  font-family: 'folia-responsive';
  content: "\f099";
  color: #55ACEE;
} 

.icon-facebook:before { 
  font-family: 'folia-responsive';
  content: "\f09a";
  color: #425F9C;
}

.icon-picasa:before { 
  font-family: 'folia-responsive';
  content: "\e630";
}

.icon-photobucket:before { 
  font-family: 'folia-responsive';
  content: "\e62f";
}

.icon-flickr:before { 
  font-family: 'folia-responsive';
  content: "\e631";
}


.post-to {
  margin: 0;
  margin-bottom: 3px;
}

.post-to:after {
  content: "."; 
  display: block; 
  clear: both; 
  visibility: hidden; 
  line-height: 0; 
  height: 0;
}

.post-to li.provider input[type="checkbox"] {
  margin: 0;
}

.post-to li.provider.is-disabled:before {
  color: #aaa;
}

.post-to li.provider:after {
  margin-left: 10px;
}

.post-to li.provider.is-disabled {
  color: rgba(128, 128, 128, 0.25);
}

/* photo account tab */
.photo-account-tabs {
  margin: 0;
  margin-bottom: 10px;
}

.photo-account-tabs li {
  padding: 2px 10px;
  margin: 0;
  margin-right: 2px;
}

.photo-account-tabs li.selected, .photo-account-tabs li:hover {
  background-color: rgba(128, 128, 128, 0.25);
}

.photo-account-tabs li a:before {
  padding-left: 5px;
}

/* profile summary */

.profile-summary p {
  margin: 2px 0;
}

.profile-summary p.name {
  max-width: 280px;
  overflow: hidden;
}

.profile-summary .role {
  text-transform: uppercase;
  font-size: 0.7rem;
  padding: 3px;
}

.profile-summary .role-helper {
  background-color: rgb(244, 234, 244);
}

.profile-summary .role-admin {
  background-color: #B8DAF2;
}

.profile-summary .zone a {
  display: inline-block;
  padding: 2px 10px; 
  margin: 0 3px;
}

/* comments */
.comments .comment {
  padding: 10px;
  border-bottom: solid 1px #F5F5F5;
}

.comments .actions {
  font-size: 0.8rem;
  color: #aaa;
}

/* tasks */
/*.task { padding: 0; margin: 0 0.5em 1em 0; border-top: 1px solid #C0C0C0; margin-top: 5px; width: 100%; }
*/
.task .date {
  height: 100%;
  margin: 0 0.5rem 0.2rem 0;
  text-align: center;
  width: 55px;
  background-color: #F7F7F3;
}


.task .date .day {
  color: #333;
  font-size: 1.9rem;
  font-weight: bold;
  display: inline-block;
  border-bottom: 1px solid #CCC;
}

.task .date .month {
  color: #999;
  font-size: 1.0rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.task.date .year {
    color: #999;
    font-size: 1.0rem;
}

.tasks .task { 
  min-height: 50px; 
  padding: 0.5em 1em 1em 0.5em; 
  border-bottom: 1px solid #C0C0C0; 
  position: relative; 
  background-color: #FFF; 
}

.task .repeat-details { 
  color: #999; 
  font-size: 0.8rem;
}
.task .repeat-details:before {
  font-family: 'folia-responsive';
  content: "\f017";
  margin-right: 3px;
}

.task .taskable-details { color: #999; font-size: 0.8rem; }


.task.overdue div.date { border-color-right: #f00; }
.task.overdue div.date span.day { color: #B22222; }
.task.overdue div.date span.month { color: #f00; }
.task.overdue div.date span.year { color: #f00; }

.task.completed { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.task.completed div.date { border-color-right: #006400; }
.task.completed div.date span.day { color: #006400; }
.task.completed div.date span.month { color: #00CD00; }
.task.completed div.date span.year { color: #00CD00; }

.tasks .task-status-action a:before {
  font-family: 'folia-responsive';
  margin-right: 10px;
  content: "\ea53";
}

.tasks .completed .task-status-action a:before {
  content: "\ea52";
}

.tasks .task-status-action a:hover {
  color: #9CCC65;
}

.tasks .task-status-action a:hover:before {
  content: "\ea52";
}


.photo-chooser-list .photo-chooser-item {
  margin: 20px 10px;
}