/* ===== Forum "Growing flowers at home": theme "Green Garden & Blossom" ===== */
/* Palette: #2f7d4f green, #1b4a2f dark green, #58a05f leaf, #8cc66b light leaf, #f08fb0 pink, #ffd86b yellow, #eef6ea light bg */

BODY {
  font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #1f3a2a;
  BACKGROUND-COLOR: #eef6ea;
  BACKGROUND-IMAGE: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Crect width='220' height='220' fill='%23eef6ea'/%3E%3Cg fill='%232f7d4f' fill-opacity='.09'%3E%3Cpath d='M30 70c0-26 20-46 46-52-3 26-17 46-46 52z'/%3E%3Cpath d='M150 200c0-22 16-38 38-44-3 22-14 38-38 44z'/%3E%3Cpath d='M170 70c0-16 12-28 28-32-2 16-10 28-28 32z'/%3E%3C/g%3E%3Cg fill='%23f08fb0' fill-opacity='.20' transform='translate(150 60)'%3E%3Ccircle r='5'/%3E%3Cellipse cx='0' cy='-11' rx='5' ry='8'/%3E%3Cellipse cx='0' cy='11' rx='5' ry='8'/%3E%3Cellipse cx='-11' cy='0' rx='8' ry='5'/%3E%3Cellipse cx='11' cy='0' rx='8' ry='5'/%3E%3C/g%3E%3Cg fill='%23f08fb0' fill-opacity='.16' transform='translate(55 160) scale(.8)'%3E%3Ccircle r='5'/%3E%3Cellipse cx='0' cy='-11' rx='5' ry='8'/%3E%3Cellipse cx='0' cy='11' rx='5' ry='8'/%3E%3Cellipse cx='-11' cy='0' rx='8' ry='5'/%3E%3Cellipse cx='11' cy='0' rx='8' ry='5'/%3E%3C/g%3E%3Cg fill='none' stroke='%232f7d4f' stroke-opacity='.10' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M100 220c0-40 12-70 4-110'/%3E%3C/g%3E%3Cg fill='%23ffd86b' fill-opacity='.50'%3E%3Ccircle cx='110' cy='110' r='2.500'/%3E%3Ccircle cx='0' cy='0' r='2.500'/%3E%3Ccircle cx='220' cy='0' r='2.500'/%3E%3Ccircle cx='0' cy='220' r='2.500'/%3E%3Ccircle cx='220' cy='220' r='2.500'/%3E%3C/g%3E%3C/svg%3E");
  BACKGROUND-REPEAT: repeat;
  SCROLLBAR-FACE-COLOR: #58a05f; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #2f7d4f; SCROLLBAR-3DLIGHT-COLOR: #c9e5c0; SCROLLBAR-ARROW-COLOR: #ffd86b; SCROLLBAR-TRACK-COLOR: #e3f0de; SCROLLBAR-DARKSHADOW-COLOR: #1b4a2f;
}
FONT { font: 14px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif }
TH { font: 14px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif }
TD { font: 14px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif }
P { FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif }

A:link { COLOR: #1f7a45 }
A:active { COLOR: #1f7a45 }
A:visited { COLOR: #4a8a63 }
A:hover { COLOR: #d2517f; TEXT-DECORATION: underline }

HR { BORDER: 0; BORDER-TOP: 2px solid #f08fb0; HEIGHT: 0px; OPACITY: .6 }

.bodyline { BORDER: 1px solid #1b4a2f; BORDER-TOP: 4px solid #f08fb0; BACKGROUND-COLOR: #fbfef9; BORDER-RADIUS: 8px; BOX-SHADOW: 0 4px 18px rgba(20,70,40,.2) }
.forumline { BORDER: 2px solid #2f7d4f; BACKGROUND-COLOR: #ffffff; BORDER-RADIUS: 6px }

TD.row1 { BACKGROUND-COLOR: #f7fcf5 }
TD.row2 { BACKGROUND-COLOR: #ebf5e6 }
TD.row3 { BACKGROUND-COLOR: #dcecd5 }

TD.rowpic { BACKGROUND-IMAGE: linear-gradient(to right,#f08fb0 0,#f08fb0 3px,#f1f8ee 3px); BACKGROUND-REPEAT: repeat-y; BACKGROUND-COLOR: #ffffff }

TH {
  FONT-WEIGHT: bold; FONT-SIZE: 13px; TEXT-TRANSFORM: uppercase; LETTER-SPACING: .5px;
  COLOR: #fff7d6; HEIGHT: 28px; BACKGROUND-COLOR: #2f7d4f;
  BACKGROUND-IMAGE: linear-gradient(to bottom,#58a05f,#2f7d4f 60%,#1b4a2f);
  BORDER-BOTTOM: 3px solid #f08fb0;
}

TD.cat, TD.catHead, TD.catSides, TD.catLeft, TD.catRight, TD.catBottom {
  BORDER: solid #ffffff; BORDER-WIDTH: 0 0 2px 0; BORDER-BOTTOM-COLOR: #2f7d4f;
  BACKGROUND-IMAGE: linear-gradient(to bottom,#eaf6e3,#c4e2b8); BACKGROUND-COLOR: #d3e9c8;
  HEIGHT: 30px; COLOR: #1b4a2f; FONT-WEIGHT: bold;
}

TH.thHead, TH.thSides, TH.thTop, TH.thLeft, TH.thRight, TH.thBottom, TH.thCornerL, TH.thCornerR {
  BORDER: solid #f08fb0; FONT-WEIGHT: bold; HEIGHT: 28px;
}
TD.row3Right, TD.spaceRow { BORDER: solid #ffffff; BACKGROUND-COLOR: #c4e2b8 }

TH.thHead { BORDER-WIDTH: 1px 1px 0 1px; FONT-SIZE: 13px }
TD.catHead { BORDER-WIDTH: 0 0 2px 0; FONT-SIZE: 14px }
TH.thSides { BORDER-WIDTH: 0 1px 0 1px }
TD.catSides, TD.spaceRow { BORDER-WIDTH: 0 1px 0 1px }
TH.thRight { BORDER-WIDTH: 0 1px 0 0 }
TD.catRight, TD.row3Right { BORDER-WIDTH: 0 1px 0 0 }
TH.thLeft { BORDER-WIDTH: 0 0 0 1px }
TD.catLeft { BORDER-WIDTH: 0 0 0 1px }
TH.thBottom { BORDER-WIDTH: 0 1px 1px 1px }
TD.catBottom { BORDER-WIDTH: 0 0 2px 0 }
TH.thTop { BORDER-WIDTH: 1px 0 0 0 }
TH.thCornerL { BORDER-WIDTH: 1px 0 0 1px }
TH.thCornerR { BORDER-WIDTH: 1px 1px 0 0 }

.maintitle { FONT-WEIGHT: bold; FONT-SIZE: 23px; COLOR: #1f6b3f; LINE-HEIGHT: 120%; FONT-FAMILY: Georgia,'Times New Roman',serif; TEXT-DECORATION: none }

.gen { FONT-SIZE: 14px }
.genmed { FONT-SIZE: 13px }
.gensmall { FONT-SIZE: 12px }
.gen, .genmed, .gensmall { COLOR: #1f3a2a }
A.gen, A.genmed, A.gensmall { COLOR: #1f7a45; TEXT-DECORATION: none }
A.gen:hover, A.genmed:hover, A.gensmall:hover { COLOR: #d2517f; TEXT-DECORATION: underline }

.mainmenu { FONT-SIZE: 13px; COLOR: #1f3a2a }
A.mainmenu { COLOR: #1f7a45; TEXT-DECORATION: none }
A.mainmenu:hover { COLOR: #d2517f; TEXT-DECORATION: underline }

.cattitle { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #1b4a2f; LETTER-SPACING: 1px }
A.cattitle { COLOR: #1b4a2f; TEXT-DECORATION: none }
A.cattitle:hover { COLOR: #d2517f; TEXT-DECORATION: underline }

.forumlink { FONT-WEIGHT: bold; FONT-SIZE: 15px; FONT-FAMILY: Georgia,'Times New Roman',serif; COLOR: #1b4a2f }
A.forumlink { COLOR: #1b4a2f; TEXT-DECORATION: none }
A.forumlink:hover { COLOR: #d2517f; TEXT-DECORATION: underline }

.nav { FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #1f3a2a }
A.nav { COLOR: #1f7a45; TEXT-DECORATION: none }
A.nav:hover { COLOR: #d2517f; TEXT-DECORATION: underline }

.topictitle { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #1f3a2a; FONT-FAMILY: Georgia,'Times New Roman',serif }
H1 { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #1f3a2a }
H2 { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #1f3a2a }
A.topictitle:link { COLOR: #1f7a45; TEXT-DECORATION: none }
A.topictitle:visited { COLOR: #5c8f72; TEXT-DECORATION: none }
A.topictitle:hover { COLOR: #d2517f; TEXT-DECORATION: underline }

.name { FONT-SIZE: 13px; COLOR: #1b4a2f; FONT-WEIGHT: bold }
.postdetails { FONT-SIZE: 12px; COLOR: #5a7766 }
.postbody { FONT-SIZE: 14px; LINE-HEIGHT: 21px }
A.postlink:link { COLOR: #1f7a45; TEXT-DECORATION: underline; TEXT-DECORATION-COLOR: #f08fb0 }
A.postlink:visited { COLOR: #5c8f72; TEXT-DECORATION: underline }
A.postlink:hover { COLOR: #d2517f; TEXT-DECORATION: underline }

.code {
  BORDER: 1px solid #1b4a2f; BORDER-LEFT: 5px solid #f08fb0; FONT-SIZE: 13px; COLOR: #b9f0c4;
  FONT-FAMILY: Courier, 'Courier New', monospace; BACKGROUND-COLOR: #12301f; PADDING: 5px 8px
}
.quote {
  BORDER: 1px solid #b7d9a8; BORDER-LEFT: 5px solid #58a05f; FONT-SIZE: 14px; COLOR: #2f4f3b; LINE-HEIGHT: 135%;
  FONT-FAMILY: Georgia,'Times New Roman',serif; FONT-STYLE: italic; BACKGROUND-COLOR: #f1f9ec; PADDING: 5px 10px
}

.copyright { FONT-SIZE: 12px; COLOR: #5a7766; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: 0 }
A.copyright { COLOR: #1f7a45; TEXT-DECORATION: none }
A.copyright:hover { COLOR: #d2517f; TEXT-DECORATION: underline }

INPUT, TEXTAREA, SELECT { BORDER-COLOR: #58a05f; FONT: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; COLOR: #1f3a2a }
INPUT.post, TEXTAREA.post, SELECT { BACKGROUND-COLOR: #ffffff; BORDER: 1px solid #8cc6a0; BORDER-BOTTOM: 2px solid #2f7d4f; BORDER-RADIUS: 3px }
INPUT.post:focus, TEXTAREA.post:focus { BACKGROUND-COLOR: #fffdf0; BORDER-COLOR: #2f7d4f; OUTLINE: 0; BOX-SHADOW: 0 0 0 2px rgba(240,143,176,.45) }
INPUT { TEXT-INDENT: 2px }
INPUT.button { FONT-SIZE: 13px; COLOR: #1b4a2f; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #e3f0de; BORDER-RADIUS: 4px; CURSOR: pointer }
INPUT.button:hover { BACKGROUND-COLOR: #ffd86b }
INPUT.mainoption { FONT-WEIGHT: bold; BACKGROUND-COLOR: #2f7d4f; COLOR: #fff7d6; BORDER-RADIUS: 4px; CURSOR: pointer }
INPUT.mainoption:hover { BACKGROUND-COLOR: #1f6b3f }
INPUT.liteoption { FONT-WEIGHT: normal; BACKGROUND-COLOR: #f7fcf5; COLOR: #1b4a2f; BORDER-RADIUS: 4px }

.helpline { BORDER-STYLE: none; BACKGROUND-COLOR: #e3f0de }


/* WR-Forum Professional 2.2 styles */

/* 1) Page buttons */
.pgbutt a {font-family: Verdana; text-decoration: none; border: 1px #2f7d4f solid; background: #ffffff; color: #1f7a45; padding: 2px 6px; margin: 5px 2px 0 0;
 -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.pgbutt a:hover {background: #f08fb0; color: #1b4a2f; border-color: #1b4a2f;}

p { margin: 20px;}
TD {font-size: 13px;}
form { display: inline; margin: 2px; padding: 0px; border: 0px;}
input,textarea,input.liteoption,.fakebut {border: 1px solid #58a05f; background: #fbfef9; font-size: 13px; font-weight:bold;}

/* 2) QR-CODE */
#qr img{width:35px;height:35px;position: fixed;right: 10px;top: 10px;border: 2px solid #f08fb0;padding: 1px;background-color: white;border-radius: 4px;}
#qr img:hover{width:200px;height:200px;z-index:100;padding: 2px;}

/* 3) Guest avatar */
.guestavatar{width:120px;height:120px;text-align:center;background: linear-gradient(135deg,#2f7d4f 55%,#f08fb0 55%);color: #ffffff;font-size: 50px;text-shadow: 0 2px 4px rgba(0,0,0,.5);
display: table-cell;border-radius: 50%;position: relative;vertical-align: middle;}

/* 4) Admin navigation menu */
#nav8, #nav8 ul, #nav8 li {margin: