/*
Theme Name: Botanics
Theme URI: http://www.infinite-eye.com
Description: An HTML5 theme for Friends of the Glasgow Botanic Gardens website.
Version: 3.3
Author: Infinite Eye
Author URI: http://www.infinite-eye.com
Tags: botanics, html5, naked, clean, basic
*/
/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

 .loading img{
	    margin: auto;
    width: 64px;
    height: 64px;
    display: block;
}

a {
	text-decoration:none;
	color:#fff;
	}
a:visited { color: #fff; }
a:hover { color: #fff; }
a:focus { outline: thin dotted; }
.article a {
	text-decoration:underline;
	color:#548D3A;

}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 20px;  }
dd { margin: 0 0 0 20px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: Infinite Eye
   ========================================================================== */
/* colors
txt green: 548d3a
green: 4a8c4b
active green: a2dd1f
green thin rule: 5b8e3e
calendar sq : 5c8e40
footer off blk: 1b1b14
tab grey: 484440 / tab offblk: 121110
picbox blk: 101110
*/
body {
	font-family: helvetica, arial, verdana, sans-serif;
	}

#container {
	width:1020px; 
	margin:10px auto 10px auto;
}


/* supersized big bg css */
body { height:100%;background-color:#444;  }
	
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em;
	 background:transparent url(images/progress.gif) no-repeat center center;
		
		}

#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%;
		margin:0;
		padding:0;
		list-style:none;
}
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized li { display:block; list-style-type:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { 	 background:#111 url(images/progress.gif) no-repeat center center; width:100%; height:100%;
		 }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
/* /supersized big bg css */

/* header 
*/
#wraphead {
	background-color:#fff;
	position:relative;
	z-index:1;
}
div.info {padding-top:0px;}
.info ul{
	margin:0;
	padding:0;
	list-style:none;
	}
.info li{
	margin:6px 0;
	padding:0 0 1px 0;
	list-style-type:none;
	overflow:hidden;
	font-size:93%;
	}
h4.free-entry {position:absolute;bottom:15px;}
div.social-media{ }

.info li em, .info li strong, .info li span  {float:left;}
.opening li strong {width:84px;}
.enquire li strong{width:70px;}
.opening li span {width:138px;}
.enquire li span {width:120px;}

.logo-link {
	margin: 11px 0;
	width: 262px;
	height: 141px;
	background-image: url(images/heading.png);
	background-repeat: no-repeat;
	background-size: 262px auto;	
}

.social-media {margin-top:12px;}

.social-media a {width:32px;height:32px;float:left;margin-right:10px;}

.i-fb {background: transparent url(images/fb.png) no-repeat 0 0;
}

.i-flickr {background: transparent url(images/flickr.png) no-repeat 0 0;
}
.i-twt {background: transparent url(images/twitter.png) no-repeat 0 0;
}
.i-rss {background: transparent url(images/rss.png) no-repeat 0 0;
}
#fbc {float:left;width:90px;clear:none;}
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
display: none !important;}

/*
* menu main 
*
*/
#menu-main-nav {z-index:3;}
#menu-main-nav li {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	position:relative;
	}


#menu-main-nav li a {
	display:block;
	color:#fff;
	text-align:center;
	}
	
#menu-main-nav > li > a {
	padding:14px 9px 6px 9px;
}
#menu-main-nav > li.smaller > a { /* add a fontsize if needed */ }
#menu-main-nav > li.first > a {padding-left:2px;}

#menu-main-nav li a:hover, #menu-main-nav > li.current-page-ancestor > a, 
.striplinks li a:hover, #menu-main-nav li.current-menu-item > a, 
#menu-main-nav li.current-page-item > a {color:#a2dd1f;}

/* widths */
#menu-main-nav > li.first {
	width:67px;
} 
#menu-item-2, #menu-item-3 {
	width:170px;	
}

/* sublevel*/
#menu-main-nav li ul {
	position:absolute;
	z-index:2;
	left: -999em;
	background:transparent url(images/dropdown-long.1.png) no-repeat 0 -7px;
	width:265px;
	padding-top:20px;
	padding-bottom:0;
}
#menu-main-nav > li:last-of-type ul {
	right: 0;
}
#menu-main-nav li li {
	clear:left;
	padding-bottom:5px;
}
#menu-main-nav > li:hover ul {
	left:auto !important;
	
}
.ie7 #menu-main-nav > li:hover, .ie7#menu-main-nav > li.hover {
    position: static;
}

#menu-main-nav li li a{
	font-size:16px;
	width:246px;
	text-align:left;
	margin-left:20px;
	margin-bottom:5px;
}

#menu-main-nav li li.last {
	margin-bottom:-10px;
	background:transparent url(images/bottom-gradient.png) no-repeat left bottom;
	padding-bottom:18px;
	
}
#menu-main-nav li li.last a {
	margin-bottom:0;
	margin-top:-10px;
	padding-top:10px;
	}
#menu-main-nav ul ul {display:none;}

/*
* /menu main 
*
*/



/* /header 
*/

/* nav
*/
#wrapnav {
	background:transparent url(images/trans.png) repeat 0 0;
	background: rgba(255, 255, 255, 0.77);
	padding:0 0 20px;
	margin:0;

}
#wrapnav .navbg{
	background: transparent url(images/bgnavshad.png) no-repeat 0 0;
	position:relative;
	bottom:3px;
	z-index:10;
	min-height: 48px;
	height:auto !important;
	height: 48px;
}

.js .slicknav_menu 	{ display: none; }
/* /nav */

.social-media a {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}

/* main
*/

#wrapmain {
	-webkit-background-size:100% 100%;
	background:transparent url(images/trans.png) repeat 0 0;
	background: rgba(255, 255, 255, 0.77);
}
#wrapmain .article{
/*	background-color:#fff;
	
*/	padding-top:12px;
	
	padding-bottom:10px;
	min-height: 399px;
	height:auto !important;
	height: 399px;
	position:relative;
}
.home #wrapmain .article {padding-top:30px;height:auto;min-height:inherit;padding-bottom:0;}

.article .page, .article .post {
	margin:0 30px;
}
div.post + div.post {margin-top:30px ;}

#flickr-box {
	background-color:#101110;
	padding-bottom:8px;
	position:relative;
	margin-top: 12px;
	height:130px;
}

.tabs{
	z-index:100;
	margin:0 0 8px 0;
	padding:0;
	width:100%;
	background-color:#ffffff;
	position:relative;
	overflow:auto;
	}
	
.tabs li, .home .flickr-gallery li, .striplinks li {
	list-style-type:none;
	float:left;
	width:160px;
	}


.tabs li {
	margin:0;
	padding:7px 0;
	width:122px;	
	background-color:#484440;
}
.tabs li:first-child {width:122px;}
.tabs li.tab {padding-left:30px;}
.tabs li.submitter {width:202px;padding-left:0;text-align:center;}
.tabs li.active {
	background-color:#101110;
}

.tabs li a, .striplinks li a {
	color:#fff;
	text-decoration:none;
}

.how-to-submit {font-size:93%;margin-left:30px;margin-top:10px;width:414px;margin-right:30px;overflow:hidden;margin-bottom:0;}	
.how-to-submit a{color:#fff;}
.how-to-submit em{color:#888;font-size:81%;text-align:right;padding-top:3px;display:block;}

.home .hentry {height:184px;overflow:hidden;}
.striplinks {
	margin:0;
	padding: 0 ;
	overflow:hidden;
}
	
.striplinks li {
	background:transparent url(images/grnstriplink.png) no-repeat 0 0;
	margin-right:20px;
	width:87px;
	height:35px;
	
}
.striplinks li.first {
	margin-left:0;
}
.striplinks li.right {
	margin-right:0;
}
.striplinks li a {
	display:block;
	width:85px;
	height:35px;
	text-align:center;
	padding-top:7px;
	padding-left:2px;
	}
	
#flickr-box p{color:#fff;}

.home .flickr-gallery, .striplinks {
	margin:0 30px;
	padding:0 ;
	width:100%;
	overflow:hidden;
	
}

.home .flickr-gallery li {
	width:75px;
	margin-right:9px;
	}
.home .flickr-gallery li a{width:75px;padding:0;margin:0;height:75px;display:block;}
	
.page-template-default .article ul.flickr-gallery {
	list-style:none;
	margin:20px 0 20px 0;
	padding:0;
	overflow:hidden;
}
.page-template-default .article ul.flickr-gallery li {
	float:left;
	overflow:hidden;
	width:144px;
	height:144px;
	padding:0;
	margin:0 30px 30px 0;	
	list-style-type:none;
}
.page-template-default .article .flickr-gallery li.row-first {}

.page-template-default .article .flickr-gallery li.row-last {margin-right:0;}
.page-template-default .article .flickr-gallery li span {padding:5px 0 0 0 ;display:block;height:36px;}


.slider {position:relative;z-index:1;}
.sliderwrap {padding:7px 23px 0 31px;visibility:hidden;}
.sliderwrap a {text-decoration:none;}

a.buttons {
	color:#fff;
	position:absolute;
	z-index:2;
	left:3px;
	width:20px;
	display:block;
	height:24px;
	top:74px;
	background: url(images/arrow-lft.png) no-repeat  0 0;
}
a.next {
	left:448px;
	background-image:url(images/arrow-rt.png);
	float:none;text-align:left;
	}
	
	
.newsevents > div {
	float:left;
	width:210px;
	height:395px;
	overflow:hidden;
}
.newsevents {
	height:399px;
	background: url(images/paperblockstrip.jpg) no-repeat top right;

}
.newsevents, .submenuwrap, .piclinks li, .inner-format, .home .article{
	-moz-box-shadow: 3px 3px 10px rgba(100, 100, 100, 0.7);
	-webkit-box-shadow: 3px 3px 10px rgba(100, 100, 100, 0.7);
	box-shadow:  3px 3px 10px rgba(100, 100, 100, 0.7);
}
.col-events, .col-news {margin-left:25px;position:relative;}
.col-news {margin-left:17px;}
.col-events h2, .col-news h2 {
	font-weight:normal;
	padding:20px 10px 0px 10px;
	margin-bottom:20px;
}
.ie7 .home .article p strong, .ie8 .home .article p strong  {letter-spacing:-1px;}
.ie7 .col-events h2, .ie7 .col-news h2 {
	margin-top:15px;
}
.col-news > div a {color:#fff;text-decoration:none}
.col-news > div{
	border-bottom:1px solid #9e875e;
	padding-right:20px;
	width:182px;
	padding-top:5px;
	padding-bottom:20px;
}	
.col-news div + div {border:none;padding-bottom:0;}
.col-news div div p {display:inline;}

.col-news div.view-all-links{padding:20px 0 20px 40px;width:157px;border:none;background: url(images/news.png) no-repeat center left;}
.col-events div.view-all-links{padding:20px 0 20px 40px;width:157px;border:none;background: url(images/events.png) no-repeat center left;}

.home .newsevents .view-all-links a {color:#111;padding-right:21px;background: url(images/arrow-right.png) no-repeat center right;}

.col-events ul {
	margin:0;
	padding:0;
	list-style:none;
}
.col-events li {
	list-style-type:none;
	background:  url(images/calander-icon.png) no-repeat  0 16px;
	overflow:hidden;
	margin:13px 0;
	padding-top:13px;
	border-top:1px solid #9e875e;
	clear:both;
	display:block;
}	
.col-events li:first-child {border:none;}
.col-events li > em {
	width:35px;
	min-height:45px;
	height:auto !important;
	height: 45px;
	float:left;
	font-size:85%;
	line-height:16px;
	padding:11px 0 0 2px;
	font-style:normal;
	text-align:center;
	color:#fff;
}
.col-events li > em strong {color:#111;display:block;font-size:116%;}
#wrapmain .col-events li a {width:158px;float:right;color:#111;}
#wrapmain .col-events li span {width:158px;float:right;padding-top:3px; font-size:11px;}


	
.piclinks {
	margin:30px 0 23px 0;
	padding:0;
	list-style:none;
	height:165px;
}

.piclinks li {
	position:relative;
	z-index:1;
	width:222px;
	height:158px;
	float:left;
	list-style-type:none;
	padding:0;
	margin-right:30px;

	
}
.piclinks li.last {margin-right:0}
.piclinks img {
	position:absolute;
	z-index:1;
}

.piclinks a {
	text-align:left;
	background:#101110 url(images/arrow-rt.png) no-repeat 194px center;
	display:block;
	text-decoration:none;
	width:222px;
	height:42px;
	position:absolute;
	z-index:5;
	bottom:0;
}

.piclinks span {
	z-index:5;
	height:42px;
	display:block; 
	width:170px;
	line-height:42px;
	padding-left:20px;
	}
.ie7 .piclinks span {margin-left:-20px;}
.piclinks span.doubler {line-height:21px}

/* todo not sure how to do it so the 2liner works?*/
/* /main
*/


/* footer 
*/
#wrapfoot {
	background-color:#101110;
	padding-top:20px;
	padding-bottom:16px;
}
.ie7 #wrapfoot {margin-bottom:20px;}
#wrapmain {position:relative;}
#mappywrap {
	background-color:#101110;
	position:absolute;
	z-index:100;
	bottom:0;
}
#mappy {
	display:none;
	margin:20px 31px 10px 31px;
	padding-top:10px;
	}
#closemap {position:absolute;z-index:100;right:30px;color:#fff;top:7px;display:none;}
a:hover#closemap{text-decoration:underline;}
#footer {color:#fff;}
#footer a{
	color:#fff;
	text-decoration:none;}

#footer ul {
	overflow:hidden;
	margin:0;
	padding:0;
	}
#footer ul li{
	text-align:center;
	margin:0;
	padding:0 ;
	list-style-type:none;
	float:left;}
#footer ul li a {
	display:block;
	padding:0px 10px;
	}
#footer ul li a:hover {text-decoration:underline;}
#footer ul li {border-right:1px solid #fff;}
#footer ul li.last {border:none;}
#footer ul li.first a {padding-left:0;}

p.credit {
	width:133px;
	overflow:hidden;
	padding:0;
	margin:0;
	
}
p.credit span{
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter:alpha(opacity=30);
	float:left;
	width:70px;
	display:block;
	}
	
.credit a {
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter:alpha(opacity=30);
	clear:none;
	float:left;
	background: transparent url(images/ie_pixel.png) no-repeat  0 0;
	width:63px;
	text-decoration:none;
	height:10px;
	margin-top:2px;
	
}
/*
/footer 
*/


/* type common styles 
*/

	



p, ul, ol, dl {
	margin-top:0; 
}
#wraphead h4, #desktop-nav li, .striplinks li a, .tabs li, .col-events h2, .col-news h2, .icon-cal, .piclinks li a, .col-events li a{
	font-family: 'Architects Daughter', helvetica, arial, sans-serif;
	color:#fff;
	font-size:123.1%;
}
#wraphead h4 {
	color:#548d3a;
	font-size:123.1%;
	font-weight:normal;
	padding-bottom:0;
	margin-bottom:2px;
	margin-top:11px;
}

.newsevents h4 {margin-top:10px; margin-bottom:5px;}

.col-events h2, .col-news h2 {
	font-size:131%;
}
a.view-all {color:#111;font-size:116%;font-family: 'Architects Daughter', helvetica, arial, sans-serif;
}
a:hover.view-all {text-decoration:underline;}
a.view-all {display:inline-block;}
.view-all-links {position:absolute;bottom:-7px;}
.newsevents h4 a{ 
	color:#111;
	font-weight:normal;
	font-size:123.1%;
}
.ie7 .newsevents h4 a {
	font-size:108%;
}
.enquire li a {color:#548d3a;}
.enquire li a:hover {color:#548d3a;text-decoration:underline;}

.striplinks li a{
	font-size:116%;
}

.article p, .article ul {font-size:108%;line-height:1.4;}
.home .article p, .home .article ul {line-height:1.231;}
.article ul ul {font-size:100%;}
/* /type common styles 
*/



/*
	inner adjustments (.page-template-default)
*/
.submenuwrap {
	background:#b59e6c url(images/paperblankinner.jpg) repeat-y top left;
	min-height:200px;
	height:auto !important;
	height: 200px;
	}
h1, h2, h3, .submenuwrap a, .submenuwrap h3, h4 {
	font-family: 'Architects Daughter', helvetica, arial, sans-serif;
	color:#fff;
}
h1 {
	height:44px;
	font-size:153.9%;
	font-weight:normal;
	margin-top:18px;
}
.ie7 h1 {
	margin-top:28px;
	margin-bottom:3px;
}
h2 {color:#4b7a32;}

.page h2{
	font-size:138.5%;
	font-weight:normal;
	margin-bottom:10px;
}
.inner-format {
	background: #fff url(images/navbginner2.png) no-repeat 20px 18px;
	-webkit-background-size:689px 44px;
}
.home .article {background-image:none;background-color:#fff;}
.submenuwrap h3 {
	font-size:131%;
	color:#fff;
	font-weight:normal;
	background:transparent url(images/grn-strip.png) repeat-y 5px 0px ;
	line-height:38px;
	padding-left:25px;
}
.ie7 .submenuwrap h3 {margin-top:20px;}

#subnavigation ul{
	list-style:none;margin:0;padding:0;
	}
#subnavigation > ul{padding:10px 0 30px 0;margin-left:25px;}
#subnavigation > ul > li > a {	font-size:123.1%;}
#subnavigation ul li {line-height:167%;}
#subnavigation ul li li a {font-size:116%;}
#subnavigation > ul > li {padding-bottom:10px;}
#subnavigation ul li li a:before {content:"- ";}
#subnavigation ul li li {padding-left:10px; }
#subnavigation li{list-style-type:none;margin:0;padding:0;}
#subnavigation li a{
	color:#fff;
	}

#subnavigation li.current-menu-item > a, #subnavigation li a:hover {color:#000;}

.alignleftwp {
	float:left;
	margin:0px 30px 10px 0;
	clear:left;
	}
.page-template-default .article {
	min-height:450px;
	height:auto !important;
	height: 450px;
}
.page-template-default .article p, .single .article .post p, .blog .article .post p {
	overflow:hidden;
	margin-bottom:1.5em;
}

.page-template-default .article h2, .single .article .post h2, .blog .article .post h2 {
	font-family: 'Architects Daughter', helvetica, arial, sans-serif;
	font-size:138.5%;
	margin-top:0em;
	margin-bottom:0.3em;
	padding:0;
	color:#4b7a32;
}
.page-template-default .article h3, .single .article .post h3,  .blog .article .post h3 {
	font-family: helvetica, arial, verdana, sans-serif;
	font-size:123.1%;
	margin-top:0.75em;
	margin-bottom:0.25em;
	padding:0;
	color:#111;
}
.page-template-default .article h4, .single .article .post h4,  .blog .article .post h4{
	font-family: helvetica, arial, verdana, sans-serif;
	font-size:108%;
	margin-top:0.75em;
	margin-bottom:0.25em;
	padding:0;
	color:#111;
}
.page-template-default .article ul, .single .article .post ul,  .blog .article .post ul {
	padding:0.25em 0 0 0;
	list-style-position:inside; 
	margin-left:5px;
}
.page-template-default .article ol, .single .article .post ol,  .blog .article .post ol {
	padding:0.25em 0 0 0;
	list-style-position:inside; 
	margin-left:5px;
	
}
.page-template-default .article ul li, .single .article .post ul li,  .blog .article .post ul li {
	padding:0.25em 0;
	margin:0;
}
.page-template-default .article ol li, .single .article .post ol li,  .blog .article .post ol li {
	padding:0.25em 0;
	margin:0;
}

.wrapgallery {
	background-color:#fff;
	margin-top:-1px;
}
.wrapgallery h2 {
	margin-left:30px;
}



.events-archive h1{margin-left:30px;margin-bottom:0;}
.events-archive .upcoming {margin-top:10px;}

.events-archive h4.event-day, .events-single h4.event-day {color:#888;font-style:normal;margin-bottom:0;font-size:116%;}
.events-archive h1 a {color:#fff;font-size:100% ;}
.events-single .hentry {padding:15px 10px 10px 20px;}
.events-single .hentry h1 {padding-left:10px;margin-top:0;padding-top:0;}
.events-single .previous a:before {
	content: "« "; 
}
.events-single .next a:after {
	content: " »"; 
}
.events-single img {
	margin-bottom:10px;
}
.events-single .navlink a, .events-single dl a {color:#888;text-decoration:none;}
.events-single .navlink a {font-size:93%;}
.events-archive .article h1 a {text-decoration:none;}


.events-single .navlink a:hover, .events-archive .article h1 a:hover {text-decoration:underline;}

.tribe-events-calendar a, .tribe-events-calendar a:link, .tribe-events-calendar a:visited, .tribe-events-calendar a:hover, .tribe-events-calendar a:active {
	color:#111;
}

#wrapmain  .tribe-events-event-entry p {font-size:108% ;}

#wrapmain .tribe-events-event-entry ul ul {font-size:100% !important; }
#wrapmain .tribe-events-button-off {background-color:#666;}
#wrapmain .tribe-events-button-on {background-color:#416e2a;}

.tribe-events-calendar a:hover {text-decoration:underline;}
#tribe-events-event-meta dl .event-label-address, #tribe-events-event-meta dl .event-meta-address {display:none;}
.has-an-event {background-color:#efe;}

#tribe-events-loop {padding-top:10px;}

.clickable, .has-an-event {cursor:pointer;}

.events-list .addthis_toolbox, .search .addthis_toolbox, .page-id-175 .addthis_toolbox {display:none !important;}






/* news section

*/
#wrapmain .newshead h3{margin:0.25em 0 0 0;
	padding-bottom:0;font-size:131%;
	font-family: 'Architects Daughter', helvetica, arial, sans-serif;
}
.newshead a, .rel-links a {color:#111;text-decoration:none;}
.newshead h3 a {color:#548D3A;}
.newshead a:hover, .rel-links a:hover {text-decoration:underline;}
.newshead span, .newshead span a, .rel-links span a{color:#888;font-size:100%;}
.newshead span {padding-bottom:0.75em;display:block;}
.single .newshead span {padding-bottom:0;}
/* /news section

*/



#supersized-loader {visibility:hidden;}

#container a.back-link {display:block;padding:15px 0 15px 30px;text-decoration:none;color:#111;font-size:93%;}
#container a:hover.back-link {text-decoration:underline;}
.archive  div.addthis_toolbox, .category div.addthis_toolbox {  display:none !important;}
.rel-links div { float: right; margin-left: 20px; }
.rel-links, .nav-link {position:relative;padding-top:1.5em;padding-bottom:0.5em;}



/* override nextgen gallery*/
/*.article .ngg-galleryoverview {margin-top:20px;}
.ngg-gallery-thumbnail-box {margin-left:30px;margin-bottom:20px;}
div.row-first{margin-left:0 ;}
.article .ngg-gallery-thumbnail {margin:0;text-align:left;}
.article .ngg-gallery-thumbnail span {padding-left:0;padding-top:5px;width:144px;height:30px;}
.article .ngg-gallery-thumbnail a{text-decoration:none;}
.article .ngg-gallery-thumbnail img {border:none;margin:0;padding:0;cursor:pointer;}
.article .flickr-thumb img {cursor:pointer;}*/

/*
	/inner adjustments
*/

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* prevent callout */
.nocallout {-webkit-touch-callout: none;}

/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {-webkit-appearance: none;}
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/*
    Slick Nav Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block; font-family: 'Architects Daughter', helvetica, arial, sans-serif; font-size: 16px; }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_brand { float:left }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
    box-sizing:border-box;
}
.slicknav_menu * {
  box-sizing:border-box;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-family: 'Architects Daughter', helvetica, arial, sans-serif;
    /*text-shadow: 0 1px 3px #000;*/
}
.slicknav_menu a:hover .slicknav_menutxt { 
	color: #a2dd1f; 
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu a:hover .slicknav_icon-bar {
  background-color: #a2dd1f;
}
.slicknav_menu {
    background:#397725;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
}
.slidera li {
	margin-right: 9px;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}

.slicknav_nav a:hover, .slicknav_nav span:hover {
    color: #a2dd1f;
}
.slicknav_nav a:hover span { color: #fff; }

.slicknav_nav .slicknav_txtnode {
    margin-left:15px;   
}
.slicknav_brand {
	color:#fff;
	font-size: 18px;
	line-height:30px;
	padding:7px 12px;
	height:44px;
}

article img { max-width: 100%; height: auto; }

.tribe-events-notices {
    background: #548D3A!important;
    border: none!important;
    color: #FFF!important;
    border-radius: 0px!important;
}
#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
    background-color: #548D3A!important;
}
#tribe-events-content .tribe-events-calendar .mobile-active:hover, #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active, #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active div[id*="tribe-events-daynum-"], #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active div[id*="tribe-events-daynum-"] a, .tribe-events-calendar .mobile-active div[id*="tribe-events-daynum-"], .tribe-events-calendar .mobile-active div[id*="tribe-events-daynum-"] a, .tribe-events-calendar td.mobile-active {
    background-color: #548D3A!important;
}


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 1023px) {
	#container { width: 720px; }
	div.layout-978 { width: 700px; }
	#wraphead header div.col3 { margin-left: 20px; }
	.piclinks img { width: 100%; height: auto; }
	
	.inner-format { background: #fff; }
	.inner-format h1 { color: #548D3A; }

	div.col6.newsevents { margin-left: 0; margin-top: 20px; }*/

	.artnewsevents div.col6 { margin: auto; float: none; margin-bottom: 20px; }

	.js nav#desktop-nav { display: none; }
	.js .slicknav_menu { display: block; }

	div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 { 
		margin-left: 20px;
	}

	div.col12 { width: 700px; }
	div.col10 { width: 580px; }
	div.col9 { width: 525px; }
	div.col3 { width: 155px; }
	div.col2 { width: 100px; }
	.piclinks { padding-left: 175px; }
	.piclinks li { margin-right: 81px; margin-bottom: 30px; }
	.piclinks li.third { margin-right: 0; }
	#wrapmain { padding-bottom: 20px; }
	#subnavigation > ul { margin-left: 10px; }
	.submenuwrap h3 { padding-left: 20px; max-width: 195px; margin-right: 10px; }

  	.inner-format { background-size: 484px 44px; }

	#footer div.col10 { width: 545px; }
	#footer div.col2 { width: 135px; }

}

@media only screen and (max-width: 1023px) and (min-width: 768px){
	.home .piclinks li { margin-right: 30px; }
	.home .piclinks { padding-left: 113px; }
	#wraphead header div.col6 { width: 280px; background-size: 280px auto; height: 151px; }
	#wraphead header div.col3 { width: 190px; }
	.artnewsevents div.col6 {   margin-left: auto; margin-right: auto; float: none; } 
}

@media only screen and (max-width: 767px) {
	#container { width: 460px; }
	div.layout-978 { width: 440px; }
	#wraphead header div.col6 { width: 309px; margin: auto; float: none; }
	#wraphead header div.col3 { width: 210px; margin-left: 0; }
	#wraphead header div.col3.last { margin-left: 20px; }

	.logo-link { margin: 11px auto; }
  	div.col12 { width: 440px; }
  	div.col6 { width: 100%; }
  	div.col3, div.col9 { margin-left: 0; margin-bottom: 20px; width: 100%; }
  	a.next { left: 411px; }
  	#slidera { width: 372px!important; }
  	.newsevents > div { width: 199px; }
  	.piclinks { padding-left: 109px; }
  	.submenuwrap { background: #B59E6C; }
  	.inner-format { background-size: 400px 44px; }
  	.blog #subnavigation h3:last-of-type, .blog #subnavigation ul:last-of-type, 
  	.category #subnavigation h3:last-of-type, .category #subnavigation ul:last-of-type,
  	.single-post #subnavigation h3:last-of-type, .single-post #subnavigation ul:last-of-type
  		{ display: none; }

  	#footer div.col10 { width: 285px; }

}

@media only screen and (max-width: 479px) {
	#container { width: 300px; }
	.article .page, .article .post { margin: 0px 16px; }
	div.layout-978 { width: 280px; }
	.piclinks { padding-left: 29px; }
	.piclinks li { margin-right: 29px; }
	.inner-format { background-size: 239px 44px; }
	#wraphead header div.col6 { width: 280px; background-size: 280px auto; height: 151px; }
	#wraphead header div.col3 { width: 280px; position: relative; margin-bottom: 8px; }
	#wraphead header div.col3.last { height: auto; margin-left: 0; }
	h4.free-entry { position: relative; bottom: inherit; } 
	#flickr-box { display: none; }

	.artnewsevents div.col6 { height: auto; background: #B59E6C; }
	.newsevents > div { width: 100%; margin: 0 30px; height: auto; padding-bottom: 58px; }
	.artnewsevents h2 { background: transparent url(images/grn-strip.png) no-repeat 1px 8px; height: 25px; }

	div.col12 { width: 280px; }
	#footer div.col10, #footer div.col2 { width: 100%; }
	#footer div.col2 { margin-left: 0; margin-top: 10px; }
}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  body, #container {background:none !important;}
  .piclinks, #flickr-box, #supersized, #supersized img{display:none !important;}
	.ngg-gallery-thumbnail-box, .ngg-gallery-thumbnail, .ngg-gallery-thumbnail img {margin:0 !important;padding:5px !important;display:inline !important;}
  .social-media {visibility:hidden !important;}
  .logo-link img{
	  display: block !important;
	  
	}

}
