/*	COLOURS USED
	Near black:     #191918	rgb( 25, 25, 24)
	Very dark green:#223008	rgb( 34, 48,  8)
	Dark green:     #5e7620	rgb( 94,118, 32)
	Regular green:  #7d9c2a	rgb(125,156, 42)
	Bright green:   #9cc235	rgb(156,194, 53)
	light green:    #eff2e7	rgb(239,242,231)
	Pale green:     #f7f7f0	rgb(247,247,240)
	White:          #ffffff	rgb(255,255,255)
	Yellow:         #fdf09b	rgb(253,240,155)
	Pale yellow:    #fffac6	rgb(255,250,198)
	Pale grey green:#e0e6cf	rgb(224,230,207)
	Grey:           #8c8c8c	rgb(140,140,140)
	Dark grey:      #5e5e5e	rgb( 94, 94, 94)
**	--------------------------------------------- */

@import url(reset.css);

/*	Body
**	--------------------------------------------- */

body {
	background:#eee url(../images/bg.jpg) -50% 50%;
	font:81.25%/1.69230769230769 'helvetica neue', arial, sans-serif; /* 13/22 */
	color:#333;
	padding:0 10px;

	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;
}

/*	Default styling
**	--------------------------------------------- */

p, ul, ol, dl, table, pre, blockquote, .spaced > li {
	margin-bottom:1.69230769230769em; /* 22px / 13px */
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
	color:#666;
}

abbr {
	text-decoration:none;
}

pre,
code {
	background:#fffac6;
	font-family:'consolas', 'menlo', 'andale mono', 'monaco', 'courier new', monospace;
}

pre {
	font-size:0.92307692307692em; /* 12px / 13px */
	line-height:1.5; /* 18px / 12px */
	padding:19px;
	overflow:auto;
	border:1px solid #ccc;
}

code {
	font-size:0.75rem; /* should be 12px */
	color:#5e5e5e;
}

blockquote {
	font-family:'georgia', serif;
	font-style:italic;
	padding:0 20px 0 19px;
	border-left:1px dotted #ccc;
}

th {
	font-weight:bold;
	text-align:left;
}

dt {
	font-style:italic;
}

dd {
	margin:0.84615384615385em 20px;
}

ol {
	list-style:decimal inside;
}

.hidden {
	display:none;
}

.shout {
	text-transform:uppercase;
}

.note {
	padding:20px;
	background:#f7f7f0;
}

.comment {
	color:#8c8c8c;
	font-style:italic;
}


/*	Default links
**	--------------------------------------------- */

a:link, a:visited {
	color:#7d9c2a;
}

a:hover, a:active {
	color:#223008;
}

#announcement {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	background: #fffac6;
	border-bottom: #fdf09b;
	padding: 3px 0;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	z-index: 9999;
}

/*	Default Headings
**	--------------------------------------------- */

h1, h2 {
	font-family:'ronnia basic', 'ronnia', 'helvetica neue', arial, sans-serif;
	-webkit-font-smoothing:subpixel-antialiased;
}

/*	Default Forms
**	--------------------------------------------- */

input, textarea, select, button {
	font:1em/1.69230769230769 'helvetica neue', arial, sans-serif; /* 13/22 */
}

label {
	display:block;
	overflow:hidden;
	margin-bottom:20px;
}

label span {
	float:left;
	width:190px;
	font-size:1.15384615384615em; /* 15px / 13px */
	line-height:1.46666666666667; /* 22px / 15px */
	font-weight:bold;
	padding:2px 0;
}

label span b {
	color:#9cc235;
}

label .text {
	border:2px solid #ccc;
	color:#666;
	padding:2px 6px;
	width:230px;
	float:left;
	margin:0;
}

label .text:focus {
	border-color:#7d9c2a;
	background:#f7f7f0;
	outline:none;
	color:#333;
}

label select {
	width:245px;
}

.submit {
	background:#eee;
	overflow:hidden;
	padding:5px;
	border-radius:5px;
}

.submit p,
.submit label {
	float:left;
	margin:0;
	padding:8px 0 0 5px;
	font-size:0.84615384615385em; /* 11px / 13px */
	line-height:normal;
	cursor:pointer;
}

.submit p {
	padding-top:11px;
	cursor:default;
}

.submit p b {
	color:#9cc235;
}

.submit button {
	float:right;
	background:#5e7620;
	padding:0;
	color:#fff;
	font-weight:bold;
	font-size:1.15384615384615em;  /* 15px / 13px */
	line-height:1; /* 15px */
	padding:6px 10px 8px;
	border:none;
	cursor:pointer;
	border-radius:5px;
}

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

button + button {
	margin-right:5px;
}

/*	Header
**	--------------------------------------------- */

#top {
	height:165px;
	position:relative;
	max-width:1280px;
	margin:20px auto;
}

#logo {
	position:absolute;
	top:28px;
	left:-9px;
	width:190px;
	height:100px;
	background:url(../images/logo-400.png) 50% 50% no-repeat;
	background-size:contain;
	text-indent:-9999em;
	overflow:hidden;
}

/*	Header > Main nav
**	--------------------------------------------- */

nav.main ul {
	position:absolute;
	top:106px;
	left:209px;
	width:700px;
	font:1.23076923076923em/1.25 'ronnia basic', 'ronnia', 'helvetica neue', arial, sans-serif; /* 16/20 */
	color:#bbb;
}

nav.main li {
	float:left;
	margin-right:20px;
}

/*nav.main li:last-child {
	float:right;
	text-shadow:1px 1px 0 #fff;
}*/

nav.main a {
	border-bottom:2px solid transparent;
	color:#8c8c8c;
	display:block;
	text-decoration:none;
	transition:0.3s;
}

nav.main a:hover {
	color:#5e5e5e;
	border-bottom:2px solid #8c8c8c;
}

nav.main .active a {
	color:#191918;
	border-bottom:2px solid #9cc235;
}

nav.main li:last-child a {
	text-shadow:none;
}

nav.main span {
	font-size:0.8125em; /* 13px / 16px */
	line-height:1.53846153846154; /* 20px / 13px */
}

/*	Member nav
**	--------------------------------------------- */

nav.member {
	position:absolute;
	top:0;
	left:0;
	height:5px;
	background:#223008;
	color:#fff;
	width:100%;
	z-index:10;
}

nav.member > div {
	width:920px;
	margin:0 auto;
	position:relative;
}

nav.member ul {
	position:absolute;
	right:20px;
	background:#223008;
	padding:8px 12px 5px;
	font:0.92307692307692em/1.5 'ronnia basic', 'ronnia', 'helvetica neue', arial, sans-serif; /* 12/18 */
	border-radius:0 0 5px 5px;
}

nav.member li {
	float:left;
}

nav.member li:first-child {
	padding-right:6px;
	margin-right:6px;
	border-right:1px solid #5e7620;
}

nav.member li span {
	margin-right:20px;
}

nav.member li a:link {
	color:#9cc235;
	text-decoration:none;
}

nav.member li a:hover {
	color:#fff;
}

/*	Login overlay
**	--------------------------------------------- */

#login {
	display:none;
}

#login.open {
	display:block;
}

#login form {
	position:absolute;
	right:20px;
}

#login .legend {
	float:right;
	padding:6px 12px 5px 6px;
	font:0.92307692307692em/1.5 'ronnia basic', 'ronnia', 'helvetica neue', arial, sans-serif; /* 12/18 */
	margin:2px 0 0 0;
	background:#fff;
	color:#223008;
	text-decoration:none;
	border-radius:5px 5px 0 0;
	box-shadow:0 -5px 5px rgba(0,0,0,0.1);
}

#login fieldset {
	background:#fff;
	color:#333;
	padding:15px;
	clear:both;
	margin:0;
	border-radius:5px 0 5px 5px;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}

#login fieldset > label {
	margin:0 0 15px 0;
}

#login label span {
	width:70px;
	font-size:1em;
	line-height:normal;
	padding:4px 0 0;
}

#login label .text {
	width:180px;
	line-height:normal;
	padding:3px;
}

#login fieldset p {
	margin:-8px 0 15px 70px;
	font-size:0.84615384615385em;
	line-height:normal;
}

#login fieldset p a {
	color:#999;
}

#login fieldset .submit {
	margin-left:65px;
	background:none;
	padding:0;
}

#login fieldset .submit button {
	font-size:1em;
}

/*	Main Content
**	--------------------------------------------- */

#content {
	max-width:1280px;
	margin:0 auto 40px;
	border-radius:10px;
}

/*	Main Content > Header
**	--------------------------------------------- */

#content header {
	background:#213007;
	color:#e9ebe6;
	padding:26px 18px 24px;
	position:relative;
	border-radius:10px 10px 0 0;
}

#content header h1 {
	font-size:2.61538461538462em; /* 34px / 13px */
	line-height:normal;
}

#content header p {
	font:2.15384615384615em/1.21428571428571 'ronnia basic', 'ronnia', 'helvetica neue', arial, sans-serif; /* 28/34 */
	margin:0;
}

#content header a {
	color:#91b432;
	text-decoration:none;
	border-bottom:2px solid #769327;
}

#content header a.back {
	display:inline-block;
	position:relative;
	border-width:1px;
	top:-10px;
	line-height:normal;
	margin-bottom:12px;
}

#content header a:hover,
#content header a:active {
	color:#fff;
	border-color:#fff;
}

/*	Main Content > Header > Service links
**	--------------------------------------------- */

#content header ul.service {
	position:absolute;
	right:20px;
	bottom:26px;
	margin:0;
	font-size:1.07692307692308em; /* 14px / 13px */
	line-height:normal;
}

#content header ul.service li {
	display:inline-block;
	margin-left:28px;
}

#content header ul.service a {
	border:none;
	font-weight:bold;
	color:rgba(224,230,207,0.7);
}

#content header ul.service a i {
	display:inline-block;
	width:16px;
	text-align: center;
}

#content header ul.service a:hover,
#content header ul.service a:active,
#content header ul.service a i.fa {
	color:rgba(224,230,207,1);
}

#content header ul.service a i.fa {
	color:rgba(224,230,207,1);
}


/*	Main Content > Article
**	--------------------------------------------- */

#content article {
	background:#fff;
	border:1px solid #d4d4d4;
	border-width:0 1px;
	overflow:hidden;
}

/*	Main Content > Article > Local nav
**	--------------------------------------------- */

nav.local {
	border-bottom:1px solid #d4d4d4;
	height:39px;
	position:relative;
}

nav.local ul {
	position:absolute;
	left:19px;
	bottom:-1px;
	margin:0;
}

nav.local li {
	float:left;
}

nav.local a {
	display:block;
	font-size:1.15384615384615em; /* 15px / 13px */
	line-height:normal;
	font-weight:bold;
	padding:10px 15px 13px;
	text-decoration:none;
	color:#bbb;
	color:rgba(0,0,0,0.3);
	border-radius:5px 5px 0 0;
}

nav.local a:hover {
	color:#333;
	color:rgba(0,0,0,0.7);
}

nav.local .active a {
	background:#fff;
	color:#333;
	border:1px solid #d4d4d4;
	border-bottom:none;
	padding:9px 14px 13px;
}


/*	Main Content > Article > Default Columns
**	--------------------------------------------- */

.col1 {
	float:left;
	width:calc(50% - 39px);
	margin-left:19px;
}

.col2 {
	float:right;
	width:calc(50% - 39px);
	margin-right:19px;
}

/*	Main Content > Article > Intro styles
**	--------------------------------------------- */

.intro {
	font-size:1.15384615384615em;     /* 15px / 13px */
	line-height:1.46666666666667;     /* 22px / 15px */
	margin-bottom:1.46666666666667em; /* 22px / 15px */
}

/*	Main Content > Article > Default More link
**	--------------------------------------------- */

.more a {
	background-color:#5e7620;
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:1.15384615384615em;  /* 15px / 13px */
	line-height:1; /* 15px */
	padding:6px 10px 8px;
	transition:background-color .2s;
	border-radius:5px;
}

.more a i {
	font-size: 11px;
}

/* .more a.get-it,
.more a.go-back {
	padding:6px 10px 8px 24px;
	background-position:9px -143px;
}

.more a.go-back {
	padding:6px 10px 8px 24px;
	background-position:0 -193px;
}


.more a.download {
	padding:6px 10px 8px 24px;
	background-position:4px -243px;
}
*/

.more a:hover,
.more a:active {
	background-color:#223008 !important;
}

/*	Main Content > Article > Addon type markers
**	--------------------------------------------- */

.addon-type {
	display:inline-block;
	margin-left:5px;
	padding:4px 8px 3px;
	text-transform:uppercase;
	font-size:13px;
	line-height:1;
	border-radius:5px;
}

.addon-type.premium {
	background-color:#fdf09b;
}

.addon-type.free {
	background-color:#9cc235;
	color:#fff;
}

.addon-type.retired {
	background: #e0e6cf;
	color: #5e7620;
}

/*	Main Content > Article > Addon meta data (table)
**	--------------------------------------------- */

.addon-meta {
	border-top:1px dotted #ccc;
}

.addon-meta tr {
	border-bottom:1px dotted #ccc;
}

.addon-meta th {
	color:#333;
}

.addon-meta th,
.addon-meta td {
	padding:6px 0 5px;
}

.addon-meta small {
	font-size:0.92307692307692em; /* 12px / 13px */
	color:#999;
	margin-left:10px;
}

/*	Main Content > Add-on properties (Call To Action, Add-on Meta, Local Nav)
**	--------------------------------------------- */

#properties {
	background:#eff2e7;
}

#properties .cta {
	margin:30px 0;
	padding:23px 20px;
	background:#e3e7da;
	border-radius:5px;
}

#properties .cta p {
	font:2em/normal 'ronnia basic', 'ronnia', 'helvetica neue', arial, sans-serif; /* 26px / 13px */
	margin-bottom:0.84615384615385em;
}

#properties .cta ul {
	margin:0;
}

#properties .cta li.also {
	font-size:0.92307692307692em; /* 12px / 13px */
	line-height:normal;
	margin:9px 0 0;
}

#properties .cta li.also a {
	color:#888;
}

#properties .cta li.also a:hover {
	color:#333;
}

#properties .addon-meta {
	margin:30px 0;
	width:100%;
}

#properties nav.local {
	clear:both;
}

/*	Main Content > Primary Content
**	--------------------------------------------- */

#primary {
	margin-top:40px;
	overflow:hidden;
}

#primary ul > li,
#modal ul > li {
	padding-left:15px;
	position: relative;
}

#primary ul > li:before,
#modal ul > li:before {
	content: '\25E6';
	position: absolute;
	left: 0;
	font-weight: bold;
	transform: scale(2) translate(1px);
	color: #9cc235;
}

#content .addon-meta a,
#primary .link-list a {
	color:#223008;
}

#content .addon-meta a:hover,
#content .addon-meta a:active,
#primary .link-list a:hover,
#primary .link-list a:active {
	color:#7d9c2a;
}

/*	Main Content > Featured add-ons
**	--------------------------------------------- */

.addons .addon {
	border-top:1px solid #ccc;
	padding-top:29px;
	margin:29px 19px;
	overflow:hidden;
}

.addons .addon:first-child {
	border:none;
	padding-top:0;
	margin-top:0;
}

.addons .addon .col1,
.addons .addon .col2 {
	margin:0;
}

.addons .addon h2 a {
	font-size:1.84615384615385em; /* 24px / 13px */
	line-height:0.91666666666667; /* 22px / 24px */
	color:#333;
	text-decoration:none;
	border-bottom:1px solid;
	display:inline-block;
	margin-bottom:0.91666666666667em; /* 22px / 24px */
}

.addons .addon h2 a:hover,
.addons .addon h2 a:active {
	color:#7d9c2a;
}

.addons .addon .addon-meta {
	width:100%;
}

.addons .addon th {
	width:131px;
}

.addons .addon p.more {
	margin-bottom:0;
}

/*	Main Content > Addon Screenshots
**	--------------------------------------------- */

.col2 figure.active {
	margin-bottom:20px;
	max-height:320px;
	overflow:hidden;
	border:1px solid #d3d3d3;
	position:relative;
}

.col2 figure img {
	display:block;
	max-width:100%;
}

.col2 figure a {
	display:block;
	width:auto;
	height:auto;
	max-height:100%;
}

.col2 figure i:before {
	position:absolute;
	width:80px;
	height:80px;
	left: 50%;
	margin-left: -40px;
	top: 50%;
	margin-top: -40px;
	font-size: 20px;
	background: rgba(0,0,0,0.75);
	border-radius: 10px;
	color: #fff;
	text-align: center;
	line-height: 75px;
}

.addons .col2 figure {
	max-height:230px;
	border:1px solid #d3d3d3;
	overflow:hidden;
}

.addons .col2 figure a {
	border:none;
}

/*	Main Content > Addon screenshot thumbnails
**	--------------------------------------------- */

.addon-overview #primary ul.thumbs {
	margin-bottom:20px;
	overflow:hidden;
}

.addon-overview #primary ul.thumbs li {
	background:none;
	padding:0;
	float:left;
	margin:0 10px 10px 0;
}

.addon-overview #primary ul.thumbs li:before {
	display: none;
}

.addon-overview #primary ul.thumbs a {
	display:block;
	width:64px;
	height:52px;
	border:1px solid #e5e5e5;
	overflow:hidden;
}

.addon-overview #primary ul.thumbs img {
	display:block;
	max-width:300%;
}

.addon-overview #primary ul.thumbs .active a {
	border-color:#9cc235;
}

/*	Main Content > Thumbs, jcarousel
**	--------------------------------------------- */

.jcarousel-container {
	margin-bottom:20px;
}

.jcarousel-clip {
	overflow:hidden;
	margin:0 29px;
}

.jcarousel-next, .jcarousel-prev {
	position:absolute;
	top:0;
	width:20px;
	height:54px;
	background:#e0e6cf url(../images/low-sprites.png) no-repeat;
	cursor:pointer;
}

.jcarousel-next {
	right:0;
	background-position:50% -381px;
	border-radius:0 5px 5px 0;
}

.jcarousel-prev {
	left:0;
	background-position:50% -331px;
	border-radius:5px 0 0 5px;
}

.jcarousel-next-disabled, .jcarousel-prev-disabled {
	background-image:none;
	cursor:default;
}

/*	Main Content > Addon overview
**	--------------------------------------------- */

.addon-overview #primary h2 {
	font:bold 1.23076923076923em/1.375 'helvetica neue', arial, sans-serif;
	margin-bottom:0.6875em;
}

/*	Main Content > Documentation
**	--------------------------------------------- */

.docs h2,
.docs h3 {
	font-family:'helvetica neue', arial, sans-serif;
}

.addon-docs {
	position:relative;
}

.addon-docs aside {
	position:absolute;
	width:215px;
	right:19px;
}

nav.docs {
	width:215px;
	font-size:0.92307692307692em; /* 12px / 13px */
	line-height:1.83333333333333; /* 22px / 12px */
	background:#eff2e7;
	overflow:hidden;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}

nav.docs.fixed {
	position:fixed;
	top:19px;
}

nav.docs h2 {
	display:none;
}

nav.docs h3 {
	margin:5px 10px 10px 10px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}

nav.docs ul + h3 {
	margin-top:0;
}

nav.docs > ul {
	margin:5px 0 1.83333333333333em; /* 22px / 12px */
}

nav.docs > ul:last-child {
	margin-bottom:5px;
}

#primary nav.docs li {
	background:none;
	padding:0 0 0 20px;
}

#primary nav.docs li:before {
	left: 7px;
	top: 2px;
	color: #8c8c8c;
}

#primary nav.docs li.active:before {
	color: #f7f7f0;
}

#primary nav.docs li.active:first-child {
	margin-top:-5px;
}

#primary nav.docs li.active:last-child {
	margin-bottom:-5px;
}

nav.docs a {
	display:inline-block;
	padding:2px 0 1px;
	color:#223008;
	text-decoration:none;
	display: relative;
}

nav.docs a:hover {
	text-decoration:underline;
}

#primary nav.docs .active {
	background-color:#5e7620;
}

nav.docs .active > a {

	color:#fff;
	font-weight:bold;
	cursor:default;
	text-decoration:none;
}

nav.docs.fixed ul:first-of-type .active:first-child > a {
	border-radius:5px 5px 0 0;
}

nav.docs.fixed ul:last-of-type .active:last-child > a {
	border-radius:0 0 5px 5px;
}

nav.docs .active ul {
	margin-bottom:0;
}

nav.docs .active ul a {
	margin-left:15px;
}

div.docs {
	margin:0 318px 0 19px;
	min-height:15em;
}

div.docs h2 {
	font-size:1.15384615384615em; /* 15px / 13px */
	line-height:1.46666666666667; /* 22px / 15px */
	font-weight:bold;
	color:#333;
	border-bottom:1px solid #ccc;
	padding:6px 0;
	margin-bottom:1em;
}

div.docs h2:first-child {
	padding-top:0;
}

div.docs h2 code {
	font-weight:normal;
}

div.docs h3 {
	font-weight:bold;
	color:#666;
	margin-bottom:0.84615384615385em; /* 11px / 22px */
	border-bottom:1px dotted #ccc;
	padding-bottom:5px;
}

div.docs h4 {
	font-style:italic;
	color:#666;
}

div.docs table {
	width:100%;
}

div.docs table.headless {
	border-top:1px dotted #ccc;
}

div.docs table caption,
div.docs table.headless thead {
	display:none;
}

div.docs table .var {
	width:160px;
}

div.docs table th,
div.docs table td {
	padding:10px 10px 10px 0;
}

div.docs table tr :last-child {
	padding-right:0;
}

div.docs thead th {
	border-bottom:1px solid #ccc;
}

div.docs tbody td {
	border-bottom:1px dotted #ccc;
}

-div.docs tbody td:first-child code {
	font-size:0.92307692307692em; /* 12px / 13px */
	line-height:1.83333333333333; /* 22px / 12px */
}

div.docs td ul {
	margin-bottom:0;
}

/*div.docs pre {
	-webkit-transition:.3s;
}

div.docs pre:hover {
	width:838px;
}*/

div.docs a.anchor {
	display:inline-block;
	margin:-5px -5px -5px 5px;
	padding:5px;
	font-weight:normal;
	text-decoration:none;
	color:#eee;
}

div.docs a.anchor:hover  {
	color:#999;
}

/*	Main Content > Change log
**	--------------------------------------------- */

#changelog {
	width:calc(100% - 38px);
	margin:0 19px 1.69230769230769em;
}

#changelog col.version,
#changelog col.date {
	width:15%;
}

#changelog th {
	font-size:1.15384615384615em; /* 15px / 13px */
	line-height:1.46666666666667; /* 22px / 15px */
	font-weight:bold;
	padding-bottom:6px;
	border-bottom:2px solid #d6d6d6;
}

#changelog td {
	padding:1.69230769230769em 0;
	border-top:1px solid #ccc;
}

#changelog ul {
	margin:0;
}

/*	Main Content > Blog
**	--------------------------------------------- */

.blog .article,
.blog #primary {
	margin:0 19px;
	padding:50px 210px 40px 150px;
	border-bottom:1px solid #ccc;
	position:relative;
}

.blog .article h2,
.blog #primary h2 {
	font-size:2em; /* 26px / 13px */
	line-height:1.23076923076923; /* 32px / 26px */
	margin-bottom:0.5em; /* 13px / 26px */
}

.blog .article h2 a,
.blog #primary h2 a {
	color:#333;
	border-bottom:1px solid;
	display:inline-block;
	text-decoration:none;
}

.blog .article h2 a:hover,
.blog .article h2 a:active,
.blog #primary h2 a:hover,
.blog #primary h2 a:active {
	color:#7d9c2a;
}

.blog #primary h3 {
	font-weight:bold;
	color:#666;
	margin:1.69230769230769em 0 1em;
}

.blog #primary h4 {
	font-style:italic;
}

.blog .article p,
.blog #primary p,
.blog .article ul,
.blog #primary ul,
.blog .article ol,
.blog #primary ol,
.blog .article dl,
.blog #primary dl,
.blog .article pre,
.blog #primary pre,
.blog .article table,
.blog #primary table {
	margin-bottom:1em;
}

.blog .article .meta,
.blog #primary .meta {
	position:absolute;
	left:0;
	top:50px;
	width:130px;
}

.blog .article .meta span,
.blog #primary .meta span {
	display:block;
}

.blog .article .tags,
.blog #primary .tags {
	overflow:hidden;
	margin:1.69230769230769em 0 0 0;
}

.blog .article .tags li,
.blog #primary .tags li {
	float:left;
	background:none;
	padding:0;
}

.blog .article .tags li:before,
.blog #primary .tags li:before {
	display:none;
}

.blog .article .tags a,
.blog #primary .tags a {
	display:block;
	background:#e0e6cf;
	color:#333;
	padding:1px 10px;
	margin-right:10px;
	text-decoration:none;
	font-size:0.92307692307692em; /* 12px / 13px */
	line-height:1.83333333333333; /* 22px / 12px */
	border-radius:10px;
}

.blog .article .tags a:hover,
.blog .article .tags a:active,
.blog #primary .tags a:hover,
.blog #primary .tags a:active {
	background:#7d9c2a;
	color:#fff;
}

.blog .more {
	margin:40px 0 50px 169px;
}

/*	Main Content > Comments
**	--------------------------------------------- */

#comments {
	margin:40px 229px 50px 169px;
}

#comments h2 {
	font-size:1.69230769230769em; /* 22px / 13px */
	line-height:normal;
	margin-bottom:1em;
}

#comments ol {
	border-top:1px dotted #ccc;
	margin-bottom:55px;
	list-style:none;
}

#comments ol > li {
	border-bottom:1px dotted #ccc;
	position:relative;
	padding:20px 0;
	overflow:auto;
}

#comments p {
	margin-bottom:1em;
}

#comments .meta {
	margin-top:-4px;
}

#comments .meta img {
	position:absolute;
	left:-65px;
	top:20px;
}

#comments .meta .author {
	font-size:1.15384615384615em; /* 15px / 13px */
	line-height:1.46666666666667; /* 22px / 15px */
	font-weight:bold;
}

#comments .meta .author a {
	color:#333;
}

#comments .meta .author a:hover,
#comments .meta .author a:active {
	color:#7d9c2a;
}

#comments .meta .date {
	float:right;
	color:#8f8f8f;
	font-size:0.92307692307692em; /* 12px / 13px */
	line-height:1.83333333333333; /* 22px / 12px */
}

#comments ol > li :last-child {
	margin-bottom:0;
}


/*	Main Content > Comment form
**	--------------------------------------------- */

#comments label span {
	width:85px;
}

#comments .text {
	width:289px;
}

#comments textarea.text {
	width:419px;
	height:120px;
}

/*	Main Content > Blog archive
**	--------------------------------------------- */

#filter {
	margin:50px 19px 30px;
}

#filter p {
	font-size:1.15384615384615em; /* 15px / 13px */
	line-height:1.46666666666667; /* 22px / 15px */
	font-weight:bold;
}

#archive {
	margin:0 19px 40px;
}

#archive h2 {
	font-size:2em;
	line-height:1em; /* 26px */
	background:#e0e6cf;
	padding:8px 10px 6px;
	margin:40px 0 30px;
	clear:both;
}

#archive h3 {
	font-size:1.38461538461538em; /* 18px / 13px */
	line-height:1.22222222222222; /* 22px / 18px */
	float:left;
	margin-left:10px;
}

#archive ul {
	margin:0 0 0 180px;
}

#archive li {
	overflow:hidden;
	border-bottom:1px solid #ccc;
	margin-bottom:16px;
	padding-bottom:16px;
}

#archive ul abbr,
#archive ul strong {
	font-size:1.15384615384615em; /* 15px / 13px */
	line-height:1.46666666666667; /* 22px / 15px */
	font-weight:bold;
}

#archive ul abbr {
	float:left;
	width:8.571428571428571%;
	color:#999;
}

#archive ul strong {
	float:left;
	width:61.428571428571429%;
	margin-right:7.142857142857143%;
}

#archive ul strong a {
	color:#223008;
}

#archive ul strong a:hover,
#archive ul strong a:active {
	color:#7d9c2a;
}

/*	Main content > Default pages
**	--------------------------------------------- */

.page #primary {
	float:left;
	width:calc(56.521739130434783% - 19px);
	margin-left:19px;
}

.page #primary h2 {
	font:bold 2.30769230769231em/1.1 'helvetica neue', arial, sans-serif; /* 30px / 13px // 33px / 30px */
	margin-bottom:0.73333333333333em; /* 22px / 30px */
}

.page #primary h2 a {
	text-decoration:none;
	border-bottom:2px solid;
}

.page #primary h3 {
	font-weight:bold;
	color:#666;
	margin:1.69230769230769em 0 1em;
}

.page #primary img {
	float:left;
	margin:0 20px 10px 0;
}

.page aside {
	float:right;
	width:calc(21.739130434782609% - 19px);
	min-width:140px;
	padding:20px;
	margin:40px 19px 40px 0;
	background:#eff2e7;
	border-radius:5px;
}

.page aside h3 {
	font-size:1.23076923076923em; /* 16px / 13px */
	line-height:1.25; /* 20px / 16px */
	font-weight:bold;
	margin-bottom:11px;
}

.page aside .more a {
	background-image:none;
	font-size:1em;
	padding-right:10px;
	display:block;
	text-align:center;
}

/*.page aside ul,*/
.page aside :last-child {
	margin-bottom:0;
}

.page aside li {
	/* background:url(../images/low-sprites.png) 0 -497px no-repeat;
	padding-left:15px; */
}

/*	Member Account
**	--------------------------------------------- */

.account nav.local {
	background:#eff2e7;
	padding-top:20px;
}

.account #primary {
	margin:40px 19px;
}

#purchases table {
	width:100%;
}

#purchases .software,
#purchases .date {
	width:150px;
}

#purchases .license,
#purchases .notes {
	width:200px;
}

#purchases .num {
	text-align:right;
	padding-right:15px;
}

#purchases thead th {
	font-size:1.15384615384615em; /* 15px / 13px */
	line-height:1.46666666666667; /* 22px / 15px */
	font-weight:bold;
	padding-bottom:6px;
	border-bottom:2px solid #d6d6d6;
}

#purchases tfoot td,
#purchases tfoot th {
	padding:0;
	border:none;
}

#purchases tfoot th {
	text-align:right;
	padding-right:1.69230769230769em;
	font-weight:normal;
}

#purchases tfoot tr:first-child td,
#purchases tfoot tr:first-child th {
	padding-top:1.69230769230769em;
}

#purchases tfoot tr:last-child td,
#purchases tfoot tr:last-child th {
	font-weight:bold;
}

#purchases th.ghost {
	color:transparent;
}

#purchases td {
	padding:1.69230769230769em 0;
	border-bottom:1px solid #ccc;
}

#purchases td.more {
	text-align:center;
}

#purchases .text {
	width:95%;
	margin:0;
}

#purchases div.more a {
	float:right;
}

.footnote {
	font-size:0.92307692307692em; /* 12px / 13px */
	line-height:1.83333333333333; /* 22px / 12px */
	margin:1.83333333333333em 0 0;
	color:#808080;
}

/*	Member account > edit
**	--------------------------------------------- */

.account-edit form {
	width:460px;
	margin-left:30px;
}

.account-edit form fieldset {
	margin-bottom:3.38461538461538em; /* 44px / 13px */
}

.account-edit form .submit {
	margin:0 4px 0 -4px;
}

/*	Secondary content
**	--------------------------------------------- */

#secondary {
	background:#eff2e7;
	border-top:1px solid #d4d4d4;
	padding:30px 19px;
	overflow:hidden;
}

#secondary h2 {
	font-size:1.53846153846154em; /* 20px / 13px */
	line-height:normal;
	margin-bottom:1.25em; /* 25px / 20 px */
	color:#222;
}

/*	Secondary content > List of all add-ons
**	--------------------------------------------- */

.addons-list ul {
	overflow:hidden;
	margin-bottom:0;
	display:grid;
	grid-gap: 19px;
	grid-row-gap: 30px;
	grid-template-columns: 1fr 1fr 1fr;
}

.addons-list a {
	display:inline-block;
	font:1.15384615384615em/normal 'ronnia basic', 'ronnia', 'helvetica neue', arial, sans-serif; /* 15px / 13px */
	color:#000;
	text-decoration:none;
	border-bottom:1px solid;
}

.addons-list a:hover,
.addons-list a:active {
	color:#7d9c2a;
}

.addons-list .addon-type {
	font:0.76923076923077em/normal 'ronnia basic', 'ronnia', 'helvetica neue', arial, sans-serif; /* 10px / 13px */
	letter-spacing:1px;
	padding:3px 5px 2px;
	border-radius:3px;
}

.addons-list .addon-type.premium {
	border:1px solid #ccc;
}

.addons-list .blurb {
	display:block;
	color:#666;
	margin:6px 0 0 0;
}

/*	Secondary Content > Testimonials
**	--------------------------------------------- */

.testimonials {
	display: grid;
	grid-template: fit-content(1rem) 1fr / repeat(3, 1fr);
	grid-gap: 19px;
	grid-row-gap: 0;
}

.testimonials h2 {
	grid-column-end: span 3;
}

.testimonials h2 + div {
	grid-column-start: 1;
}

.testimonials blockquote {
	background:#e3e7da;
	padding:20px;
	border:none;
	border-radius:5px;
}

.testimonials blockquote:last-child {
	margin-bottom:0;
}

.testimonials p:first-child {
	font-size:1.15384615384615em; /* 15px / 13px */
	line-height:1.46666666666667; /* 20px / 15px */
	color:#333;
	margin-bottom:0.66666666666667em;
}

.testimonials p:first-child:before {
	content:'“';
}

.testimonials p:first-child:after {
	content:'”';
}

.testimonials p.cite {
	font-family:'helvetica neue', arial, sans-serif;
	font-style:normal;
	margin:0;
	color:#8f918b;
}

/*	Secondary content > Fetch license
**	--------------------------------------------- */

#fetch fieldset {
	overflow:hidden;
}

#fetch label {
	float:left;
	padding:4px 0;
	font-weight:bold;
	width:120px;
}
#fetch input {
	float:left;
	width:180px;
	margin-right:10px;
}

#fetch .submit {
	float:left;
	padding:0;
	background:none;
	margin-top:-1px;
}

/*	Support archive
**	--------------------------------------------- */

#content.support article table {
	width: calc(100% - 40px);
	margin: 20px;
}

#content.support article table th,
#content.support article table td {
	padding: 10px 0;
}

#content.support article table thead th {
	border-bottom: 1px solid #ccc;
}

#content.support article table tbody tr {
	border-bottom: 1px dotted #ccc;
}

#content.support article table tfoot td {
	text-align: center;
}

/*	Home Page: Exceptions
**	--------------------------------------------- */

.home #primary {
	margin-top:0;
}

.home #secondary {
	background:#fff;
}

/*	Home Page: Exceptions local nav
**	--------------------------------------------- */

.home nav.local {
	background:#fff;
	height:79px;
}

.home nav.local h2 {
	font-size:1.07692307692308em; /* 14px / 13px */
	line-height:normal;
	text-transform:uppercase;
	color:#555;
	margin-right:30px;
	padding:12px 0;
/*	padding:10px 15px 13px;*/
	position:absolute;
	left:20px;
	bottom:0;
}

.home nav.local ul {
	left:179px;
}

.home nav.local .active a {
	background:#eff2e7;
}


/*	Home Page: Featured add-ons
**	--------------------------------------------- */

.home .addon {
	background:#eff2e7;
	color:#444;
	padding:30px 20px 35px;
	overflow:hidden;
	display:none;
}

.home .addon.active {
	display:block;
}

.home .addon div {
	float:right;
	width:calc(50% - 20px);
}

.home .addon figure {
	float:left;
	width:calc(50% - 20px);
	max-height:347px;
	overflow:hidden;
	border:1px solid #ccc;
}

.home .addon figure img {
	max-width:150%;
	display:block;
}

.home .addon h3 {
	font:1.84615384615385em/normal 'ronnia basic', 'ronnia', 'helvetica neue', arial, sans-serif;
	margin:-.2em 0 0;
	color:#222;
}

.home .addon .intro {
	font-size:1.15384615384615em; /* 15px / 13px */
	line-height:1.4; /* 21px / 15px */
	margin:1em 0 1.4em;
}

.home .addon blockquote {
	background:#e3e7d9;
	padding:16px 18px;
	border:none;
	border-bottom:1px solid #d8dcce;
	margin:0;
}

.home .addon blockquote:first-of-type {
	border-radius:5px 5px 0 0;
}

.home .addon blockquote:last-of-type {
	border-bottom:none;
	border-radius:0 0 5px 5px;
}

.home .addon blockquote p:first-child {
	font-size:1.15384615384615em;
	line-height:1.4;
	margin:0 0 .2em;
	text-indent:-0.4em;
	color:#666;
}

.home .addon blockquote p:first-child:before {
	content:'“';
}

.home .addon blockquote p:first-child:after {
	content:'”';
}

.home .addon blockquote .cite {
	font-family:'helvetica neue', arial, sans-serif;
	font-style:normal;
	margin:0;
	color:#999;
}

.home .addon blockquote a {
	color:#999;
}

.home .addon blockquote a:hover {
	color:#7D9C2A;
}

.home .addon p.more {
	margin:25px 0 0;
}

.home .addon p.more a {
	background-color:#9dc236;
}

/*	Home Page: Happy clients
**	--------------------------------------------- */

.clients {
	display:flex;
	justify-content: space-between;
}

.clients img {
	border:2px solid #d9d9d9;
	padding:13px;
	display:block;
	width:130px;
	height:70px;
}

/*	Footer
**	--------------------------------------------- */

#content footer {
	background:#213007;
	color:#e9ebe6;
	padding:30px 20px;
	overflow:hidden;
	border-radius:0 0 10px 10px;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap:19px;
	grid-auto-flow: column dense;
}

footer p {
	margin:0;
	font-size:0.92307692307692em;
	line-height:1.5;
	color:#f7f7f0;
	vertical-align: middle;
}

footer .about {
	background:url(../images/me-55.jpg) 0 0 no-repeat;
	padding-left:65px;
	grid-column-start: 3;
	overflow:auto;
	min-height:55px;
}

footer p a,
footer p a:link,
footer p a:visited {
	color:#e9ebe6;
}

footer p a:hover,
footer p a:active {
	color:#7d9c2a;
}

footer p:not(.about) a {
	display:inline-block;
	text-decoration: none;
}

footer p:not(.about) a:hover {
	text-decoration:underline;
}

footer p a i.fa {

}
footer p a i.fa:before {
	font-size: 55px;
	line-height: 1;
	display: inline-block;
	width:55px;
	height:55px;
	text-align:center;
	vertical-align:middle;
	margin-right:10px;
}

footer p a span {
	position: relative;
	top: 3px;
}

/*
footer .subscribe fieldset {
	margin-left:180px;
	width:350px;
}

footer .subscribe fieldset legend {
	font-family:'ronnia basic', 'ronnia', 'helvetica neue', arial, sans-serif;
}

footer .subscribe fieldset input[type=email] {
	border:1px solid #cacecd;
	padding:7px 9px;
	width:230px;
	font:1em/normal 'helvetica neue', arial, sans-serif;
}

footer .subscribe fieldset button {
	background:#fef6b8;
	font:bold 1em/normal 'helvetica neue', arial, sans-serif;
	border:none;
	padding:7px 10px 8px;
	color:#213007;
	cursor:pointer;
	margin-left:10px;
	background-image:linear-gradient(to bottom, #fef6b8, #feef9a);
	border-radius:5px;
}

footer .subscribe fieldset button:hover {
	background:#fef6b8;
}
*/

/*	User Messages / Modal window
**	--------------------------------------------- */

#modal {
	width:518px;
	border:1px solid #ccc;
	margin:164px auto 10px;
	background:#fff;
	border-radius:10px;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}

#modal header {
	height:85px;
	margin:30px;
}

#modal h1 {
	color:#223008;
	font-size:1.53846153846154em;
	line-height:2.5;
	background:#eff2e7;
	padding-left:54px;
}

#modal section {
	padding:0;
	margin:30px 59px 30px 54px;
}

#modal section p.more {
	margin:0;
}

#modal label span {
	font-size:1.07692307692308em; /* 14px / 13px */
	line-height:1.57142857142857; /* 22px / 14px */
	width:80px;
}

#modal label a {
	font-size:0.92307692307692em;
	line-height:normal;
	float:right;
	color:#999;
	margin-top:8px;
}

#modal label a:hover,
#modal label a:active {
	color:#223008;
}

#modal.overlay {
	border:none;
	padding:20px;
	overflow:auto;
	height:400px;
	box-shadow:0 0 20px rgba(0,0,0,0.5);
}

#modal.overlay.loading {
	background:#fff url(../images/loading.gif) 50% 50% no-repeat;
}

#modal.overlay h2 {
	color:#223008;
	font-size:1.53846153846154em;
	line-height:2.5;
	background:#eff2e7;
	margin:0 -20px 22px -20px;
	text-indent:20px;
}

#modal.overlay :last-child {
	margin-bottom:0;
}

/*	Boxed Image
**	--------------------------------------------- */

#box-overlay {
	background:#eee url(../images/bg.jpg) -50% 50%;
	background:rgba(0,0,0,0.25);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
}

#box-overlay img {
	display:block;
	max-width:100%;
	max-height:100%;
	margin:0 auto;
	cursor:pointer;
	box-shadow:0 0 20px rgba(0,0,0,0.5);
}

/*	Debug
**	--------------------------------------------- */

.debug {
	position:fixed;
	padding:0 3px;
	top:0;
	left:0;
	background:rgba(255,255,255,0.75);
	font:12px/normal consolas;
	z-index:200;
}

/*	Media Queries
**	--------------------------------------------- */

@media (max-width: 959px) {

	#content header p br {
		display: none;
	}

	#content header ul.service li {
		display:block;
		margin-left:0;
		text-align:right;
	}

	.col1, .col2 {
		/* width: calc(50% - 9px); */
	}

	.addons-list ul {
		grid-gap: 49px;
		grid-row-gap: 30px;
		grid-template-columns: 1fr 1fr;
	}

	.addon-docs aside {
		position:static;
		width:auto;
		margin: 0 19px 20px;
		min-height: 27px;
	}

	nav.docs {
		width:auto;
	}

	nav.docs h2 {
		display: block;
		padding: 0 10px;
		font-weight: bold;
		cursor:pointer;
	}

	nav.docs h2:before {
		content: '☰ ';
		margin-left: -5px;
		font-size: larger;
		font-weight: normal;
	}

	nav.docs.fixed {
		position:static;
	}

	nav.docs:not(.open) ul,
	nav.docs:not(.open) h3 {
		display: none;
	}

	nav.docs.open {
		position: absolute;
		z-index: 100;
		left: 20px;
		right: 20px;
		top: inherit;
		box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	}

	nav.docs.open h2 {
		border-bottom: 1px dotted #ccc;
	}

	div.docs {
		margin-right:19px;
	}

	.testimonials {
		display: block;
	}

	.testimonials div blockquote:last-child {
		margin-bottom: 1.69230769230769em;
	}

	.blog .article,
	.blog #primary {
		padding-right:0;
	}

	#comments {
		margin-right: 19px;
	}

	#archive ul {
		margin-left:120px;
	}

	#archive ul strong {
		width:91.428571428571429%;
		margin-right:0;
	}

	#archive ul .comments {
		display:inline-block;
		margin-left:8.571428571428571%;
	}

	.home nav.local h2 {
		position:static;
		text-align: center;
		margin: 0 0 0 20px;
	}

	.home nav.local ul {
		left:0;
	}

	.home nav.local ul {
		width: 100%;
		text-align: center;
		white-space: nowrap;
	}

	.home nav.local li {
		float: none;
		display: inline-block;
		margin-right: -4px;
	}

	.home .addon div {
		width:calc(50% - 10px);
	}

	.home .addon figure {
		width:calc(50% - 10px);
	}

	.clients {
		display:block;
		text-align: center;
		line-height: 0;
		word-spacing: -4px;
	}

	.clients li {
		display:inline-block;
		margin:10px;
	}


	#content footer {
		grid-template-columns: 1fr 1fr;
		grid-gap: 49px;
		grid-row-gap:15px;
	}

	footer .about {
		grid-column-start:2;
		grid-row: span 2;
	}

	footer .twitter {
		grid-column-start:1;
		grid-row-start:1;
	}

	footer .github {
		grid-column-start:1;
		grid-row-start:2;
	}
}

@media (max-width: 499px) {

	#logo {
		background-size:contain;
		width:100%;
		top:10px;
	}

	nav.main ul {
		left: 0;
		top: 126px;
		width: 100%;
		margin: 0;
		text-align: center;
	}

	nav.main li {
		float: none;
		display: inline-block;
	}

	#content header p {
		font-size:1.69230769230769em; /* 22px / 13px */
		line-height:1.272727272727273; /* 28px / 22px */
	}

	#content header ul.service {
		position:static;
		margin-top:19px;
	}

	#content header ul.service li {
		display:inline-block;

		text-align:left;
	}

	#content header ul.service li:not(:last-child) {
		margin-right:28px;
	}

	.col1, .col2 {
		float: none;
		width: auto;
		margin: 0 19px 25px;
	}

	#content header a.back {
		display: none;
	}

	nav.local ul {
		left:0;
	}

	nav.local ul {
		width: 100%;
		text-align: center;
		white-space: nowrap;
	}

	nav.local li {
		float: none;
		display: inline-block;
		margin-right: -4px;
	}

	nav.local a {
		font-size: 13px;
		padding: 7px 10px 8px;
	}

	nav.local .active a {
		padding: 7px 9px 8px;
	}

	.addons .addon .col2 {
		display: none;
	}

	.addons-list ul {
		display: block;
	}

	.addons-list li:not(:last-child) {
		margin-bottom: 30px;
	}

	#properties .col1 {
		border-top: 20px solid transparent;
	}

	#properties .cta {
		margin-top: 0;
	}

	#changelog td li:before {
		/* display: none; */
	}

	.blog .article,
	.blog #primary {
		padding-left:0;
	}

	.blog .article .meta,
	.blog #primary .meta {
		position:static;
		width:auto;
	}

	#comments {
		margin-left: 19px;
		margin-right: 19px;
	}

	#archive h3 {
		float:none;
		margin-left:0;
		margin-bottom: 8px;
	}

	#archive ul {
		margin:0;
	}

	#archive ul strong {
		width:91.428571428571429%;
		margin-right:0;
	}

	#archive ul .comments {
		display:inline-block;
		margin-left:8.571428571428571%;
	}

	.page #primary,
	.page aside {
		float: none;
		margin-left: 19px;
		margin-right: 19px;
		width: auto;
	}

	.home .addon div {
		width:auto;
	}

	.home .addon div h3 {
		display:none;
	}

	.home .addon div .intro {
		margin-top:0;
	}

	.home .addon figure {
		width:auto;
		margin-top:25px;
	}

	#content footer {
		display:block;
	}

	#content footer p:not(:last-child) {
		margin-bottom: 30px;
	}
}