/* -----------------------------------------------
   CSS Framework v2.2
   Copyright to James Kirby - www.jameskirby.me.uk
   Creative Commons Attribution-Noncommercial-No Derivative Works 2.0 UK:England & Wales License (http://creativecommons.org/licenses/by-nc-nd/2.0/uk/)
   Updated:Feb 24th 2009 12:43pm
----------------------------------------------- */

html { margin:0; padding:0; -webkit-text-size-adjust:none; }
body { margin:0; padding:0; color:#FFFFFF; background-color:#222b49; font-size:1em; font-family:Arial,Sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

header, footer, section, article, aside, content, nav, mobnav, figure, figcaption { display:block; }

::-moz-selection { background:#2ac887; color:#FFFFFF; }
::selection { background:#2ac887; color:#FFFFFF; }
::-moz-focus-inner { border:0; padding:0; }

img { border-style:none; display:block; -webkit-touch-callout:none; }
img.inline,
#article img,
#sidebar img { display:-moz-inline-stack; display:inline-block; }
img.block, embed, object { display:block!important; }
img.icon,
img.arrow { display:-moz-inline-stack; display:inline-block; vertical-align:middle; }

form,
.g-recaptcha { margin:0 0 16px 0; padding:0; }
input:focus, textarea:focus { outline:none; }
blockquote { margin:30px; /* Improve */ }
hr { border:none 0; margin:16px 0; border-top:1px solid #2ac887; height:0; }
p { padding:0; margin:0 0 16px 0; }

h1 { color:#2ac887; font-size:1.5em; margin-top:0; }
h2 { color:#2ac887; font-size:1.3em; margin-top:0; }
h3 { color:#2ac887; font-size:1.2em; margin-top:0; }
h4, h5, h6 { color:#2ac887; font-size:1em; margin-top:0; }

a,
a:visited { color:#2ac887; text-decoration:underline; outline:none; }
a:focus,
a:hover { color:#1f9463; text-decoration:underline; }
a:active { color:#2fe097; text-decoration:underline; }

.clear { clear:both; height:0; overflow:hidden; }
.screen-reader-text { display:none; }
.hide { display:none; }

.photoRight { float:right; margin:3px 0 7px 10px; }
.photoLeft { float:left; margin:3px 10px 7px 0; }
.photoCenter,
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.justify { text-align:justify; }
.nomargins { margin:0!important; padding:0!important; }
.uppercase { text-transform:uppercase; }

iframe[seamless] { background-color:transparent; border:0px none transparent; padding:0px; overflow:hidden; }

.outdated { background-color:#FFFFFF; color:#222b49; border-bottom:1px solid #2ac887; }
.outdated p { margin:0; padding:10px; text-align:center; }

/* ----------------------
   Interface CSS
---------------------- */

.container { max-width:1000px; margin:0 auto; }

#accessibility { height:0; overflow:hidden; }
#accessibility p { text-indent:-9000px; margin:0; padding:0; }

header { height:104px; width:100%; overflow:hidden; background:#2ac887 url("header.gif") left top repeat-x; }
header .padding { padding-top:66px; }
header #header_left { width:242px; height:25px; float:left; }
header #header_left p { margin:0; padding:0; }
header #header_left p a,
header #header_left p a:visited { width:242px; height:25px; background:url("ambleside-ac.gif") left top no-repeat; display:block; text-indent:-9000px; }

header #header_right { float:right; width:200px; }

header .facebook { width:23px; height:23px; float:right; margin-right:5px; }
header .facebook a,
header .facebook a:visited { width:23px; height:23px; background:url("nav-facebook.gif") top left no-repeat; display:block; text-indent:-9000px; }

header .twitter { width:23px; height:23px; float:right; margin-right:5px; }
header .twitter a,
header .twitter a:visited { width:23px; height:23px; background:url("nav-twitter.gif") top left no-repeat; display:block; text-indent:-9000px; }

header .instagram { width:23px; height:23px; float:right; margin-right:5px; }
header .instagram a,
header .instagram a:visited { width:23px; height:23px; background:url("nav-instagram.gif") top left no-repeat; display:block; text-indent:-9000px; }

header .strava { width:23px; height:23px; float:right; margin-right:5px; }
header .strava a,
header .strava a:visited { width:23px; height:23px; background:url("nav-strava.gif") top left no-repeat; display:block; text-indent:-9000px; }

header .rss { width:23px; height:23px; float:right; }
header .rss a,
header .rss a:visited { width:23px; height:23px; background:url("nav-blog.gif") top left no-repeat; display:block; text-indent:-9000px; }

header .forum { width:81px; height:23px; float:right; margin-right:5px; }
header .forum a,
header .forum a:visited { width:81px; height:23px; background:url("nav-forum.gif") top left no-repeat; display:block; text-indent:-9000px; }

navmob { width:100%; display:none; border-bottom:1px solid #fff; }
navmob ul { list-style:none; margin:0; padding:0; }
navmob ul li a,
navmob ul li a:visited { color:#FFFFFF; display:block; background:#222b49 url("navm.png") 95% center no-repeat; padding:13px 15px 12px 15px; text-decoration:none; font-size:1.23em; }
navmob ul li a:hover,
navmob ul li a:focus,
navmob ul li a:active { text-decoration:none; background-color:#222b49; color:#FFFFFF; }

nav.screen { min-height:52px; background:#222b49; display:block; width:100%; /*z-index:999;*/ }
nav.screen .padding { padding:14px 0 0 0; }
nav.screen ul { list-style:none; margin:0; padding:0; /*position:relative;*/ }
nav.screen ul li { float:left; margin-right:20px; position:relative; }
/*nav.screen ul li:last-child { float:right; margin-right:0; margin-left:20px; }*/
nav.screen ul li a,
nav.screen ul li a:visited { color:#2ac887; font-weight:bold; text-transform:uppercase; font-size:1.175em; padding:11px 0 6px 0; text-decoration:none; display:block; }
nav.screen ul li a:focus,
nav.screen ul li a:hover { color:#34faa8; text-decoration:none; }
nav.screen ul li a:active { color:#FFFFFF; text-decoration:none; }
nav.screen ul li.current_page_item>a,
nav.screen ul li.current_page_item>a:visited { color:#2ac887; text-decoration:none; }
nav.screen ul li.current_page_ancestor>a,
nav.screen ul li.current_page_ancestor>a:visited { color:#2ac887; text-decoration:none; }

nav.screen ul li ul { display:none; }
nav.screen ul li ul li ul { display:none; }

nav.screen ul>li:hover>ul { display:block; position:absolute; }
nav.screen ul li:hover ul li { margin:0; float:none; }
nav.screen ul li:hover ul li a,
nav.screen ul li:hover ul li a:visited { background-color:#222b49; margin:0; border-top:2px solid #2ac887; padding:6px 7px; width:200px; text-decoration:none; font-size:0.875em; }
nav.screen ul>li>ul>li:hover>ul { display:block; position:absolute; left:214px; top:0; }
nav.screen ul li ul li:hover a { background-color:#2f3b63; }
nav.screen ul li ul li:hover ul li a,
nav.screen ul li ul li:hover ul li a:visited { background-color:#2f3b63; }

nav.screen ul>li.over>ul { display:block; position:absolute; }
nav.screen ul li.over ul li { margin:0; float:none; }
nav.screen ul li.over ul li a,
nav.screen ul li.over ul li a:visited { background-color:#222b49; margin:0; border-top:2px solid #2ac887; padding:6px 7px; width:200px; text-decoration:none; font-size:0.875em; }
nav.screen ul>li>ul>li.over>ul { display:block; position:absolute; left:214px; top:0; }
nav.screen ul li ul li.over a { background-color:#2f3b63; }
nav.screen ul li ul li.over ul li a,
nav.screen ul li ul li.over ul li a:visited { background-color:#2f3b63; }

nav.screen ul li ul li a { text-transform:none; }

nav.screen ul li ul li.page_item_has_children>a { background-image:url("nav-arrow.png"); _background-image:url("nav-arrow.gif"); background-position:right center; background-repeat:no-repeat; padding:6px 21px 6px 7px; width:186px; }

nav.mobile { width:100%; display:none; border-bottom:10px solid #fff; }
nav.mobile ul { list-style:none; margin:0; padding:0; }

nav.mobile ul li { border-top:1px solid #fff; }
nav.mobile ul li a,
nav.mobile ul li a:visited { color:#FFFFFF; background-color:#222b49; text-decoration:none; display:block; padding:13px 15px 12px 15px; font-size:1.23em; }
nav.mobile ul li a:hover,
nav.mobile ul li a:focus,
nav.mobile ul li a:active { color:#FFFFFF; background-color:#3b4a7d; text-decoration:none; }

nav.mobile ul li ul li a,
nav.mobile ul li ul li a:visited { font-size:1.13em; background-color:#2f3b63; padding:13px 15px 12px 30px; }

nav.mobile ul li ul li ul li a,
nav.mobile ul li ul li ul li a:visited { font-size:1.13em; background-color:#3b4a7d; padding:13px 15px 12px 45px; }

nav.mobile ul li ul li ul li ul li a,
nav.mobile ul li ul li ul li ul li a:visited { font-size:1.13em; background-color:#475996; padding:13px 15px 12px 60px; }

nav.mobile ul li.page_item_has_children>a { background-image:url("nav-mob.png"); _background-image:url("nav-mob.gif"); background-position:right center; background-repeat:no-repeat; }

/* Nav Children */
.navchildren ul { list-style:none; margin:0; padding:0; }
.navchildren ul li { border-top:1px solid #fff; }
.navchildren ul li a,
.navchildren ul li a:visited { color:#FFFFFF; background-color:#222b49; text-decoration:none; display:block; padding:13px 15px 12px 15px; font-size:1.23em; }
.navchildren ul li a:hover,
.navchildren ul li a:focus,
.navchildren ul li a:active { color:#FFFFFF; background-color:#3b4a7d; text-decoration:none; }

.navchildren ul li ul li a,
.navchildren ul li ul li a:visited { font-size:1.13em; background-color:#2f3b63; padding:13px 15px 12px 30px; }

.navchildren ul li ul li ul li a,
.navchildren ul li ul li ul li a:visited { font-size:1.13em; background-color:#3b4a7d; padding:13px 15px 12px 45px; }

.navchildren ul li ul li ul li ul li a,
.navchildren ul li ul li ul li ul li a:visited { font-size:1.13em; background-color:#475996; padding:13px 15px 12px 60px; }

.navchildren ul li.page_item_has_children>a { background-image:url("nav-mob.png"); _background-image:url("nav-mob.gif"); background-position:right center; background-repeat:no-repeat; }
/* / Nav Children */

content { margin-top:30px; }

.content { background:url("content.png") left top repeat; _background:url("content.gif") left top repeat; margin-bottom:30px; }
.content .padding { padding:30px; line-height:1.5em; }
.content .nopadding { line-height:1.5em; }

article { width:67%; float:right; }
article.contentwide { width:100%!important; float:none; }
article img { max-width:100%; height:auto; }
article div,
article table,
article iframe { max-width:100%; }

.article { background-color:rgba(42,200,135,0.1); margin-bottom:15px; word-wrap: break-word; }
.article_padding { padding:20px; }
.entry-summary p { margin:0; padding:0; }

.article-left { width:48.5%; float:left; }
.article-right { width:48.5%; float:right; }
.article-photo { padding-top:100%; }
.article-thumb { width:30px; height:30px; float:left; margin:8px 8px 0 0; }

.lastp p:last-child { margin:0!important; }

aside { width:30%; float:left; }
.box-twitter iframe,
.box-facebook iframe { display:block!important; }

ul.latestposts { list-style:none; margin:0; padding:0; }
ul.latestposts li { border-bottom:1px solid #2ac887; }
ul.latestposts li small { font-size:0.73em; color:#FFFFFF; }
ul.latestposts li a,
ul.latestposts li a:visited { background:url("latestposts-arrow.png") right center no-repeat; _background:url("latestposts-arrow.gif") right center no-repeat; text-decoration:none; padding:7px 20px 7px 0; display:block; line-height:1.125em; color:#FFF; }
ul.latestposts li a:focus,
ul.latestposts li a:hover { color:#34faa8; background:url("latestposts-arrow-hover.png") right center no-repeat; _background:url("latestposts-arrow-hover.gif") right center no-repeat; }
ul.latestposts li a:active { color:#2ac887; background:url("latestposts-arrow-active.png") right center no-repeat; _background:url("latestposts-arrow-active.gif") right center no-repeat; }

p.latestposts { margin:0; }
p.latestposts a,
p.latestposts a:visited { background:url("latestposts-arrow-active.png") right center no-repeat; _background:url("latestposts-arrow-active.gif") right center no-repeat; text-decoration:none; padding:7px 0; display:block; color:#2ac887; }
p.latestposts a:focus,
p.latestposts a:hover { color:#34faa8; background:url("latestposts-arrow-hover.png") right center no-repeat; _background:url("latestposts-arrow-hover.gif") right center no-repeat; }
p.latestposts a:active { color:#2ac887; background:url("latestposts-arrow-active.png") right center no-repeat; _background:url("latestposts-arrow-active.gif") right center no-repeat; }

footer { width:100%; overflow:hidden; color:#FFF; }
footer p { margin:0; padding:0; }

footer .padding a,
footer .padding a:visited { color:#FFF; text-decoration:none; }
footer .padding a:focus,
footer .padding a:hover { color:#FFF; text-decoration:underline; }
footer .padding a:active { color:#FFF; text-decoration:underline; }

.footer_top { background-color:#222b49; }
.footer_top .padding { padding:30px 20px 30px 20px; color:#2ac887; font-size:1.05em; text-align:center; font-weight:bold; text-transform:uppercase; }

.footer_bottom { background-color:#2ac887; font-size:0.87em; }
.footer_bottom .padding { color:#222b49; padding:15px 0 15px 0; }
.footer_bottom .padding a,
.footer_bottom .padding a:visited { color:#222b49; text-decoration:none; }
.footer_bottom .padding a:focus,
.footer_bottom .padding a:hover { color:#b1fadc; text-decoration:none; }
.footer_bottom .padding a:active { color:#FFF; text-decoration:none; }

#footer_left { float:left; width:60%; line-height:1.25em; }
#footer_right { float:right; width:37%; text-align:right; }

.jameskirby,
.jameskirby:visited { text-decoration:none; filter:alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity:0.25; opacity:0.25; }
.jameskirby:focus,
.jameskirby:hover { text-decoration:none; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; }

.social { margin-bottom:10px; display:none; }
.social p { margin:0; text-align:center; }

.facebook { width:50px; height:50px; background:url("icon-facebook.png") center no-repeat; _background:url("icon-facebook.gif") center no-repeat; display:inline-block; text-indent:-9000px; text-align:left; margin-right:10px; }

.twitter { width:50px; height:50px; background:url("icon-twitter.png") center no-repeat; _background:url("icon-twitter.gif") center no-repeat; display:inline-block; text-indent:-9000px; text-align:left; }

.instagram { width:50px; height:50px; background:url("icon-instagram.png") center no-repeat; _background:url("icon-instagram.gif") center no-repeat; display:inline-block; text-indent:-9000px; text-align:left; }

.strava { width:50px; height:50px; background:url("icon-strava.png") center no-repeat; _background:url("icon-strava.gif") center no-repeat; display:inline-block; text-indent:-9000px; text-align:left; }

.widget-area select { padding:3px; width:100%; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }

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

.page-item-12203 .children { display:none!important; }

.table { margin-bottom:16px; width:100%; border-collapse:collapse; }
.table caption { text-align:left; font-size:0.85em; }
.table th,
.table td { border-bottom:1px solid #2ac887; padding:3px 3px 3px 0; }
.table th { text-align:left; vertical-align:bottom; }
.table th a,
.table th a:visited { text-decoration:none; }
.table th a:hover { text-decoration:underline; }
.table td { text-align:left; vertical-align:top; }
.table thead th,
.table thead td { border-bottom:2px solid #2ac887!important; font-weight:bold; }

.tablerollofhonour { margin-bottom:16px; width:100%; border-collapse:collapse; }
.tablerollofhonour td { border-bottom:1px solid #2ac887; padding:3px 13px 3px 0; text-align:left; vertical-align:top; }

.wpcf7-form { clear:both; }
.wpcf7-list-item { display:block; }
.wpcf7-form p { clear:both; font-weight:bold; margin-bottom:15px; }
.wpcf7-form input { padding:3px; width:98.5%; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
.wpcf7-form input[type=radio],
.wpcf7-form input[type=checkbox] { padding:3px; width:3%; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
.wpcf7-form select { padding:3px; width:98.5%; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
.wpcf7-form textarea { padding:4px; width:98.5%; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
.wpcf7-submit { width:157px!important; font-size:1.4em!important; }

.cat { padding:3px; background-color:#2f3b63; text-transform:capitalize; float:right; display:inline-block; margin:1px 0 0 5px; line-height:1em; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer; }

/* ----------------------
   Wordpress
---------------------- */

#entry-author-info { border-top:1px solid #687114; clear:both; line-height:20px; margin:16px 0; overflow:hidden; padding:18px 0 0 0; }
#entry-author-info #author-avatar { border:1px solid #687114; float:left; height:60px; margin:0 -94px 0 0; padding:11px; }
#entry-author-info #author-description { float:left; font-size:0.83em; line-height:1.5em; margin:0 0 0 94px; }
#entry-author-info h2 { font-weight:bold; margin-bottom:0; }

/* Images -------------------------------------------------------------- */
img.size-auto,
img.size-large,
img.size-full,
img.size-medium { max-width:100%; height:auto; }
.alignleft,
img.alignleft { display:inline; float:left; margin-right:24px; margin-top:4px; }
.alignright,
img.alignright { display:inline; float:right; margin-left:24px; margin-top:4px; }
.aligncenter,
img.aligncenter { clear:both; display:block!important; margin-left:auto; margin-right:auto; }
img.alignleft,
img.alignright,
img.aligncenter { margin-bottom:12px; }

/* Navigation -------------------------------------------------------------- */
.navigation { overflow:hidden; }
.navigation a:link,
.navigation a:visited { text-decoration:none; }
.navigation a:active,
.navigation a:hover { }
.nav-previous { float:left; width:48%; }
.nav-next { float:right; text-align:right; width:48%; }
#nav-above { margin-bottom:16px; }
#nav-below { margin-top:16px; }

/* Widget Areas */
.widget-area ul { list-style:none; margin-left:0; padding:0; }
.widget-area ul ul { list-style:square; margin-left:0; padding:0 0 0 18px; }
.widget-area select { max-width:100%; }
.widget_search #s {/* This keeps the search inputs in line */ width:60%; }
.widget_search label { display:none; }
.widget-container { margin:0 0 18px 0; }
.widget-title { color:#FFFFFF; font-weight:bold; }
.widget-area a:link,
.widget-area a:visited { text-decoration:none; }
.widget-area a:active,
.widget-area a:hover { text-decoration:underline; }
.widget-area .entry-meta { font-size:11px; }
.xoxo { list-style:none; margin:0; padding:0; }	

.wp-caption { text-align:center; }
.wp-caption img { margin:0; display:block!important; }
.wp-caption p.wp-caption-text { padding:5px; background-color:#2ac887; color:#222b49; }

.wp-block-latest-posts.wp-block-latest-posts__list {
  list-style:square!important; margin-left:0!important; padding:0 0 0 18px!important;
}

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

@media screen and (max-width:1050px) {
	header .padding { padding:66px 15px 0 15px; }
	nav.screen .padding { padding:14px 15px 0 15px; }
	.footer_top .padding { padding:15px 15px 15px 15px;  }
	.footer_bottom .padding { padding:15px 15px 15px 15px; }
}

@media screen and (max-width:860px) {
	.content .padding { padding:20px; }
}

/* Mobile */
@media handheld and (max-width:667px), screen and (max-device-width:667px), screen and (max-width:667px), only screen and (max-device-width:667px) {

	img.alignright,
	.photoRight,
	.photoright { float:none; display:block!important; margin:0 auto 16px auto; }
	img.alignleft,
	.photoLeft,
	.photoleft { float:none; display:block!important; margin:0 auto 16px auto; }
	img.aligncenter,
	.photoCentre,
	.photocentre { display:block; margin:0 auto 16px auto; }

	#backstretch,
	.backstretch { display:none!important; }
	
	.article .backstretch,
	.latestposts .backstretch { display:block!important; }

	body { background-color:#ffffff!important; /* 2ac887 */ }

	#container { width:100%; }

	#accessibility,
	#photo,
	header #header_right { display:none; }

	.container { width:100%; margin:0 auto; }

	header #header_left { width:100%; height:25px; float:none; margin:0 auto; }
	header #header_left p a,
	header #header_left p a:visited { width:100%; height:25px; background-position:center; }

	navmob { display:block; }

	content { margin-top:10px!important; }

	.content { margin-bottom:10px; }
	.content .padding { padding:15px; background:none; background-color:#222b49; }
	
	article { width:100%; float:none; }
	
	article img { max-width:100%; height:auto; }
	article div,
	article table,
	article iframe { max-width:100%; }
	article iframe { margin:0 auto; }
	
	aside { width:100%; float:none; }

	.box-twitter,
	.box-facebook { display:none; }

	#footer_left { float:none; width:100%; text-align:center; }
	#footer_right { float:none; width:100%; text-align:center; }
	
	.social { display:block; }
	
	.article-left { width:100%; float:none; }
	.article-right { width:100%; float:none; }
	
}

/* Mobile HD */
@media only screen and (max-width:667px) and (-webkit-min-device-pixel-ratio:2) {

	header #header_left p a,
	header #header_left p a:visited { background:url("ambleside-ac-hd.png") center no-repeat; background-size:242px 25px; }
	
	navmob ul li a,
	navmob ul li a:visited { background:#222b49 url("navm-hd.png") 95% center no-repeat; background-size:27px 15px; }

	.facebook { background:url("icon-facebook-hd.png") center no-repeat; background-size:50px 50px; }
	.twitter { background:url("icon-twitter-hd.png") center no-repeat; background-size:50px 50px; }
	.instagram { background:url("icon-instagram-hd.png") center no-repeat; background-size:50px 50px; }
	.strava { background:url("icon-strava-hd.png") center no-repeat; background-size:50px 50px; }
	
	nav.screen ul li ul li.page_item_has_children>a { background-image:url("nav-arrow-hd.png"); background-size:14px 12px; }
	nav.mobile ul li.page_item_has_children>a { background-image:url("nav-mob-hd.png"); background-size:27px 7px; }

	ul.latestposts li a,
	ul.latestposts li a:visited { background:url("latestposts-arrow-hd.png") right center no-repeat; background-size:14px 12px; }
	ul.latestposts li a:focus,
	ul.latestposts li a:hover { background:url("latestposts-arrow-hover-hd.png") right center no-repeat; background-size:14px 12px; }
	ul.latestposts li a:active { background:url("latestposts-arrow-active-hd.png") right center no-repeat; background-size:14px 12px; }

	p.latestposts a,
	p.latestposts a:visited { background:url("latestposts-arrow-active-hd.png") right center no-repeat;  }
	p.latestposts a:focus,
	p.latestposts a:hover { color:#34faa8; background:url("latestposts-arrow-hover-hd.png") right center no-repeat; background-size:14px 12px; }
	p.latestposts a:active { color:#2ac887; background:url("latestposts-arrow-active-hd.png") right center no-repeat; background-size:14px 12px; }

}