/**
 * Theme Name: Garden Hotline
 * Description: A child theme for hybrid
 * Author: Christopher Cox
 * Author URI: http://outwardfocusdesign.com
 * Template: hybrid
 *
 */

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

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

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

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

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
body {
    margin: 0;
}

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

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}

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

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
    font-weight: bold;
}
blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */
p,
pre {
    margin: 0 0 1em;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

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

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
    content: '';
    content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

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

/*
 * Addresses margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
    margin: 1em 0;
}
dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

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

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
    overflow: hidden;
}

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

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
    margin: 0;
}

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

/*
 * Corrects margin displayed oddly in IE 6/7.
 */
form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

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

/*
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
 * 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.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}
body {
    font-size: 1em;
    line-height: 1.4;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   GARDEN HOTLINE CUSTOM STYLES
   ========================================================================== */

/**
* CUSTOM FONTS
************************************************/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 6, 2012 */
@font-face {
    font-family: 'belucian_bookregular';
    src: url('fonts/belucian-book-webfont.eot');
    src: url('fonts/belucian-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/belucian-book-webfont.woff') format('woff'),
         url('fonts/belucian-book-webfont.ttf') format('truetype'),
         url('fonts/belucian-book-webfont.svg#belucian_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**
* Core Layout
************************************************/

/* Contains everything */
body {
	position: relative;
	height: 100%;
	background-color: #355935;
	font-family: 'Cabin Condensed','lucida grande', calibri, arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #2f291d; /*dark brown*/
}

/* Wrapper for everything inside of the body */
#body-container {
	position:relative; 
	/* mobile first rules -- changes handled by media queries at bottom */
	width: 100%;
	margin: 0;
	background: url(images/white70perc.png);
	border:6px solid rgba(255,203,48,.6);
	/*layer relative to #main-bg*/
	z-index: 2;	
}
	
/* define all elements to have border-box sizing, with IE7 polyfill (htc) */	
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(/boxsizing.htc);
}
/*Colorbox on Firefox clips images without the following adjustment*/
#colorbox, #colorbox * {
	-moz-box-sizing: content-box;
}

* { 
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease; 
}

#main-bg {
	/* display set to block for larger viewports in media queries at bottom */
	display: none;
	position: fixed; 
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 1; 
	/*support background-size for IE8*/
	-ms-behavior: url(/backgroundsize.min.htc);
}
/* name of current season put into body tag in header.php */
.summer #main-bg {
	background-image: url(images/bg-blur-light.jpg);
}
.fall #main-bg {
	background-image: url(images/bg-japanese-maple.jpg);
}
.spring #main-bg {
	background-image: url(images/bg-flowering-tree-flip.jpg);
}
.winter #main-bg {
	background-image: url(images/bg-witchhazel2.jpg);
}

/**
* Elements
************************************************/

/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin:0 0 1em;
	line-height:1.3;
	color: #7eae5a;
}
	
h1{font-size:1.9em} 
h2{font-size:1.7em}
h3{font-size:1.4em}
h4{font-size:1.2em}
h5{font-size:1em}
h6{font-size:1em}

/*Links inside titles maintain title styles*/
.entry-title,
.entry-title a,
.entry-title a:visited {
	color: #569458;
	text-decoration: none;
}

/* H2 inside of main column entry content has border to help divide sections */
#content .entry-content h2 {
	padding: 0 0 6px;
	border-bottom: 2px solid #ffa530;
}
#content .entry-content .staff-name {
	padding: 0;
	border-bottom: none;
}
.archive #content .entry-title {
	margin: 0 0 .5em;
	font-size: 1.7em;
}

.home section h1,
#primary .widget-title,
#staff-bios h1 {
	padding: 4px;
	background: #78ab79;
	font-size: 1.3em;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .5em;
	text-shadow: 0 1px 2px #666;
	text-shaodw: 0 1px 2px rgba(0,0,0,.5);
}
#primary .widget-title {
	font-size: 1.2em;
	letter-spacing: .3em;
}
.home #primary .widget-title {
	margin: 0 0 .75em;
}

/* Links */
a, a:visited {
	color: #ef1712;
	text-decoration: underline;
	font-weight: normal;
}
a:hover {
	text-decoration: none;
}

/* External link icons (either hard coded or with a class provided by javascript */
.external {
	padding-right:12px;
	background: url(images/icon-external-link.png) no-repeat right -25px;
}
.external.big-icon {
	padding-right:20px;
	background: url(images/icon-external-link.png) right 2px no-repeat;
}


/* Buttons */
button, .button, #respond #submit { 
	display:inline-block; 
	background: #ffd65d; /* old browsers */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe583) to(#ffcd35)); /*old webkit*/
    background: -webkit-linear-gradient(#ffe583, #ffcd35); /*new webkit*/
    background: -moz-linear-gradient(#ffe583, #ffcd35); /*gecko*/
    background: -ms-linear-gradient(#ffe583, #ffcd35); /*IE10*/
    background: -o-linear-gradient(#ffe583, #ffcd35); /*opera 11.10+*/
    background: linear-gradient(#ffe583, #ffcd35); /*future CSS3 browsers*/	
	padding:4px 8px; 
	border:1px solid #fedd7c;
	border-top:1px solid #ffe583; 
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0 1px 3px #666; 
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), 0 1px 1px rgba(255,255,255,.3) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), 0 1px 1px rgba(255,255,255,.3) inset;
	box-shadow: 0 1px 3px rgba(0,0,0,.25), 0 1px 1px rgba(255,255,255,.3) inset;
	text-shadow: 0 -1px 1px rgba(255,255,255,.5);
	font-family: 'Cabin Condensed','lucida grande', calibri, arial, sans-serif;
	font-size:1em;
	font-weight:normal;
	line-height:1.2;
	color: #554e3f;
	text-decoration: none;
}
button {
	/*Chrome renders buttons with fat text*/
	-webkit-font-smoothing: antialiased;
}
.button:visited { 
	color: #554e3f;
}
button:hover, .button:hover, #respond #submit:hover { 
	box-shadow:0 1px 3px #444; 
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.5), 0 1px 1px rgba(254,152,62,.7) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5), 0 1px 1px rgba(254,152,62,.7) inset;
	box-shadow: 0 1px 3px rgba(0,0,0,.5), 0 1px 1px rgba(254,152,62,.7) inset;
	text-decoration:none;
	color: #554e3f;
}
button.primary, .button.primary { 
	padding:6px 12px;
	font-size:1.1em; 
}

.big-button {
	display: inline-block;
	padding: 8px 10px;
	background: #892324;
	border: 3px solid #e81d39;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3);
	box-shadow: 0 2px 4px rgba(0,0,0,.3);
	font-size: 1.4em;
	line-height: 1;
	color: #fff;
	text-decoration: none;
}
.big-button:visited {
	color: #fff;
}
.big-button:hover {
	background: #b21f21;
	border: 3px solid #892324;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.5);
	box-shadow: 0 2px 4px rgba(0,0,0,.5);
}

/* Tables */
table {
	margin: 0 0 20px;
}

/* Form elements */
select, input, textarea { 
	color:#444; 
	font-family: 'Cabin Condensed','lucida grande', calibri, arial, sans-serif;
	font-size:16px;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
	display:block; 
	width:100%;
	min-height:2em;/*for IE, otherwise descenders cut off in text inputs*/
	padding:5px;
	background:#fff;
	border:1px solid #bbb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
	line-height: 1;
}
textarea {
	line-height:1.3;
}
label { 
	display:block;
	margin:0 0 2px; 
	color:#acacac;
	letter-spacing: .1em;
	text-transform: uppercase;
}
/* align checkboxes, radios, text inputs with their label */
input[type="radio"],
input[type="checkbox"] { 
    margin:0 3px 0 0;
    vertical-align: middle;
    position: relative;
    top: -1px;
    *overflow: hidden;/*IE6-7 hack*/
}
select { 
	padding: 3px 0;
}
label input[type=checkbox] { 
	/*For checkboxes inside labels, provide margin*/
	margin:0 5px 0 0;
}
/* hand cursor on clickable input elements */
input[type=button], 
input[type=submit], 
button, 
.radioset label { 
	cursor: pointer;
}

/* Columns */
.column-set:after {
	/*contain floats*/
	content: "";
	display: table;
	clear: both;
}
.column {
	float: left; 
}

/* Alignment */
.clearleft { clear:left }
.clearright { clear:right }
.clearboth { clear:both }
.alignright { float:right; margin:0 0 1em 1em }
.alignleft { float:left; margin:0 1em 1em 0 }
.aligncenter { 
	display:block;
	margin:1em auto; 
	text-align:center;
}

/**
* Images
************************************************/

.entry-content img,
.comment-content img,
.widget img {
	/* Establish responsive images in posts/pages */
	max-width: 97.5%;
}
img[class*="align"],
img[class*="wp-image-"],
.thumbnail img {
	/* Make sure images with WordPress-added height and width attributes are scaled correctly */
	height: auto;
}
img.size-full {
	/* Prevent stretching of full-size images with height and width attributes in IE8 */
	max-width: 97.5%;
	width: auto; 
}

/* WP Smilies */
img.wp-smiley {}

/* WP Captions [caption] */
.wp-caption.aligncenter {
	/*prevent width being added automatically by caption shortcode,
	  which breaks layout for column sizes less than ~590px*/
	width: auto !important;  
}
	.wp-caption img {}
	
	.wp-caption p { 
		margin: 5px 0 10px;
		text-align: center;
		font:italic .9em/1.3 georgia, serif; 
	}

/* Gallery [gallery] */
.gallery {}
	.gallery img {}

/* Avatars */
.avatar {}

/**
* Header
************************************************/

/* Contains entire header */
#header-container {
	position:relative; 
	margin: 0 0 3px;
}

	/* Contains site title and tagline */
	#header {
		background: #fff;
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffcb30) to(#fff)); /*old webkit*/
	    background: -webkit-linear-gradient(#ffcb30, #fff); /*new webkit*/
	    background: -moz-linear-gradient(#ffcb30, #fff); /*gecko*/
	    background: -ms-linear-gradient(#ffcb30, #fff); /*IE10*/
	    background: -o-linear-gradient(#ffcb30, #fff); /*opera 11.10+*/
	    background: linear-gradient(#ffcb30, #fff); /*future CSS3 browsers*/
	}
	
	#header:after {
		/*contain floats*/
		content: "";
		display: table;
		clear: both;
	}

		/* Site title */
		#site-title {
			position:relative;
			/* mobile first rules -- changes handled by media queries at bottom */
			width: 308px;
			height: 156px;
			margin: 0 auto;
		}

		#site-title a {
			position:absolute;
			top: 0;
			left: 0;
			/* mobile first rules -- changes handled by media queries at bottom */
			width: 308px;
			height: 156px;
		}
		#site-title a span {
			/* mobile first rules -- changes handled by media queries at bottom */
			position:absolute; 
			top: 0;
			left: 0;
			width: 308px;
			height: 156px;
			background: url(images/logo.png);
			background-size: 308px 156px;
			text-indent: -9999px;
		}

		/* Site description/tagline */
		#site-description {
			/*visually hidden*/
		    position: absolute;
		    width: 1px;
		    height: 1px;
		    margin: -1px;
		    clip: rect(0 0 0 0);
		    overflow: hidden;
		}
		
		#header-sidebar {
			/* mobile first rules -- changes handled by media queries at bottom */
			width: 308px;
			margin: 10px auto 0;
			padding: 0 0 10px;
			background: url(images/bg-question.png) center 35px no-repeat;
			background-size: 308px auto;
			text-align: center;
		}
			/*if support @font-face as detected by Modernizr*/
			.fontface #header-sidebar {
				font-family: 'belucian_bookregular',sans-serif;
			}
			
			#header-sidebar:after {
				/*contain floats*/
				content: "";
				display: table;
				clear: both;
			}
		
		#header-sidebar .widget-title {
			/* mobile first rules -- changes handled by media queries at bottom */
			/* aimed at 480 and below */
			width: 100%;
			margin: 0 auto .3em;
			font-size: 1.6em;
			line-height: 1.05;
			color: #2f291d; /*dark brown*/
		}
			/*x-height of belucian is small, bump up font sizes*/
			.fontface #header-sidebar .widget-title {
				font-size: 1.9em;
			}
			
		#header-sidebar .column-1 {
			/* mobile first rules -- changes handled by media queries at bottom */
			width: 59%;
			margin: 0 1% 0 2%;
		}
		#header-sidebar p {
			margin:0 0 .5em;
			line-height: 1.3;
		}
			/*x-height of belucian is small, bump up font sizes*/
			.fontface #header-sidebar p {
				font-size: 1.1em;
			}
		#header-sidebar .big-button {
			font-family: 'Cabin Condensed','lucida grande', calibri, arial, sans-serif;
			letter-spacing: .05em;
			/* mobile first rules -- changes handled by media queries at bottom */
			font-size: 1.1em;
		}

/**
* Primary Menu
************************************************/

/* Wrapper for entire menu area */
#primary-menu {
	background: #fff;
	margin: 0 0 3px;
}

	/* Menu list. */
	#primary-menu ul {
		margin: 0;
		padding: 0 3px 6px;
		/*contain floats*/
		overflow: hidden;
		text-align: center;
	}
		#primary-menu li {
			display: inline-block;
			/* mobile first rules -- changes handled by media queries at bottom */
			/* two menu items per row */
			float: left;
			width: 50%;
			margin: 6px 0 0;
			padding: 0 3px;
		}
				
		#primary-menu li a {
			/* mobile first rules -- changes handled by media queries at bottom */
			display: block;
			/*force min height since some menu items wrap to two lines */
			min-height: 3.5em;
			padding: 10px 12px;
			background-color: #ccdfcc;
			line-height: 1;
			font-size: 1.2em;
			font-weight: 700;
			color: #2f291d;
			text-decoration: none;
			text-transform: uppercase;
			vertical-align: middle;
		}
		
		#primary-menu a:hover {
			background: #78ab79;
			color: #fff;
		}
		
		#primary-menu .current-menu-item a {
			padding: 10px 12px 10px 28px;
			background-image: url(images/ladybug.png);
			background-position: 8px 11px;
			background-repeat: no-repeat;
		}
		#primary-menu .current-menu-item a:hover {
			background-color: #ccdfcc;
			color: #2f291d;
		}

/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container {
	background: #fff;
	margin:0 0 3px;
}
#container:after {
	/*contain floats*/
	content: "";
	display: table;
	clear: both;
}

#container a {
	font-weight: 700;
}

	/**
	* Content
	************************************************/

	/* Contains site's main content */
	#content {
		width: 100%;
		padding: 30px;
	}

		/* Breadcrumb trail */
		.breadcrumb {}
			.breadcrumb-trail {}

		/* Archive and search <div> before posts are listed */
		.archive-info
		.author-info {}
		.term-info
		.category-info {}
		.tag-info {}
		.date-info {}
		.search-info {}

			/* Archive and search page titles. */
			.loop-title {
				padding: 0 0 .5em;
				border-bottom: 2px solid #ffa530;
				font-size: 24px;
			}
			.loop-title span {
				font-family: 'Cabin Condensed','lucida grande', calibri, arial, sans-serif;
				font-size: 18px;
				color: #2f291d; /*dark brown*/
			}
			.author-title {}
			.term-title {}
			.category-title {}
			.tag-title {}
			.date-title {}
			.search-title {}

		/* Entry wrapper <div> */
		.hentry li {
			margin: 0 0 .5em;
		}
		.post {}
		.page {}

			/* Post, page, and 404 page titles */
			.entry-title {}
			.post-title {}
			.page-title {}
			.attachment-title {}
			.error-404-title {}

			/* Author and date byline */
			.byline {}

			/* Full entries */
			.entry-content {}

			/* Excerpts (introduced) */
			.entry-summary {}

				/* Using <!--nextpage--> */
				p.page-links a {}

				/* More link <!--more--> */
				a.more-link {}

			/* Entry metadata */
			.entry-meta {}

		/* Post series */
		.series {} 
			.series-title {}

		/* Navigation links */
		.navigation-links {}
			.navigation-links .previous {}
			.navigation-links .next {}

		/* WP PageNavi (plugin) */
		.wp-pagenavi {}
			.wp-pagenavi .pages {}
			.wp-pagenavi .current {}
			.wp-pagenavi .extend {}
			.wp-pagenavi a {}

		/* Attachment image navigation */
		.navigation-attachment {}

		/**
		* Comments template
		************************************************/

		/* Wrapper for entire comments area */
		#comments-template {}

			/* Comments section headers/titles */
			.comments-header {}
			#comments-number {}

			/* Comments closed paragraph */
			p.comments-closed {}

				/* Main comments section */
				#comments {}
					#comments ol {}

						/* Individual comments (note that WordPress has even/odd backwards) */
						#comments li {}
							#comments li li {}
								#comments li li li {}
									#comments li li li li {}
						#comments li.even {}
						#comments li.odd {}
						#comments li.thread-even {}
						#comments li.thread-odd {}
						#comments li.author {}
						#comments li.trackback {}
						#comments li.pingback {}

							/* Comment avatars */
							#comments .avatar {}

							/* Comment metadata */
							#comments .comment-meta {}
								#comments .comment-meta cite {}

							/* Comment text */
							#comments .comment-text {}

					/* Paged comments navigation */
					#comments-template .paged-navigation {}
						#comments-template .paged-navigation .page-numbers {}
						#comments-template .paged-navigation .next {}
						#comments-template .paged-navigation .prev {}

				/* Main comment form div */
				#respond {}

					/* Comment form title */
					#reply {}

					/* Comment form elements */
					p#cancel-comment-reply {}
					#respond form {}
						#respond .form-author {}
							#respond input {}
						#respond .form-email {}
						#respond .form-url {}
						#respond .form-textarea {}
							#respond textarea {}
						#respond #submit {}
							#respond #submit:hover {}

		/**
		* Utility widget sections (see other widget code below)
		************************************************/

		/* All utility widget sections (except widgets template) */
		.utility {}

		/* Before content */
		#utility-before-content {}

		/* After content */
		#utility-after-content {}

		/* After post but before comments */
		#utility-after-single {}

		/* After page but before comments */
		#utility-after-page {}

		/* Widgets page template widgets */
		.page-template-widgets #content .widget {}

	/**
	* Widget sections (Primary and Secondary)
	************************************************/

	/* Widgets in general */
	.widget {}
		.widget-inside {}
			.widget-title {}

	/* Primary widget section */
	#primary {
		width: 100%;
		padding: 30px;
	}
	#primary .widget {
		margin: 0 0 20px;
	}
	#primary .categories li {
		list-style-type: none;
	}
	
	#primary #seasonal-tips ul {
		margin: 0 0 20px;
		padding: 0;
	}
	#primary #seasonal-tips li {
		list-style-type:none;
	}
	#primary #seasonal-tips .first {
		margin: 0 0 20px;
		padding: 0 0 10px;
		border-bottom: 2px solid #ffa530;
	}
	#primary #seasonal-tips .thumbnail {
		margin: 0 0 5px;
		text-align: center;
	}
	#primary #seasonal-tips h2 {
		margin: 0 0 10px;
	}
	#primary #seasonal-tips .first h2 {
		font-size: 1.5em;
	}
	#primary #seasonal-tips .entry-meta {
		padding: 4px 8px;
		background: #e7e7e7;
		font-size: .9em;
	}
	
	.widget-posts .entry-title {
		font-size: 1.2em;
		margin: 0;
	}
	.widget-posts .byline {
		margin: 0 0 0 10px;
		font-size: .9em;
	}
	.widget-posts .entry-meta {
		font-size: .9em;
		margin: 0 0 20px 10px;
	}
	
	#primary.has-spotlight .widget h2 {
		margin: 0;
		font-weight: bold;
		font-size: 1.2em; 
		color: #2f291d;
	}
	#primary.has-spotlight .widget p {
		margin: 0;
	}
	#primary.has-spotlight .widget .link { 
		text-align: center;
	}
	#spotlight .thumbnail,
	#seasonal-tip .thumbnail,
	#seasonal-tips .thumbnail {
		margin: 5px 0 15px;
		max-height: 200px;
		overflow: hidden;
		text-align: center; 
	}
	
		

	/* Secondary widget section */
	#secondary {}
		#secondary .widget {}
			#secondary .widget-inside {}
				#secondary .widget-title {}
				#secondary .widget ul {}
					#secondary .widget ul li {}
					
/**
* Homepage
************************************************/
.list-wrapper {
	position: relative;
}

#featured-resources ul {
	margin: 0;
	padding: 0;
}

#featured-resources .images {
	/*creates a faux fixed width column*/
	position:absolute;
	top: 0;
	right: 0;
	width: 150px;
	height: auto;
	/*hide thumbnails on homepage resource list for anything smaller than iPad vertical orientation*/	
	display:none;
}

#featured-resources .links li {
	margin: 0 0 16px;
	padding: 20px 0 0;
	border-top: 2px solid #ffa530;
	list-style-type: none;
}

#featured-resources .images li {
	margin: 0 0 30px;
	padding: 0;
	list-style-type: none;
}

#featured-resources .links .first {
	padding: 0;
	border-top: none;
}

#featured-resources .button {
	float: right;
	position: relative; 
	/*nudge the button up into padding a bit to feel more correctly aligned*/
	top: -4px;
	left: 0;
	margin: 0 0 0 1em;
}

#featured-resources .title {
	margin: 0 0 .25em;
	font-size: 1.2em;
}

#featured-resources .description p {
	margin: .5em 0 0;
}

/**
* Languages page
************************************************/
.page-92 #content .column-1 {
	width: 50%;
	padding: 0 20px 0 0;
}
.page-92 #content .column-2 {
	width: 50%;
}

/**
* About/Staff page
************************************************/
#staff-bios ul {
	margin: 0;
	padding: 0;
}

#staff-bios li {
	margin: 0 0 10px;
	padding: 15px 0 0;
	border-top: 2px solid #ffa530;
	list-style-type: none;
}

#staff-bios .first {
	padding: 0;
	border-top: none;
}

#staff-bios h2 {
	margin: 0 0 .5em;
}

/**
* Tips and Articles main page
************************************************/
#featured-articles {
	margin: 0 0 30px;
	padding: 15px;
	background: #fff6c6 url(images/bg-leaf-graphic.png) no-repeat right bottom;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#featured-articles h1 {
	margin: 0 0 .5em;
}

#featured-articles li {
	margin: .75em 0;
	list-style-type: none; 
}
/**
* Contact Forms
************************************************/
div.wpcf7 {
	/*form container*/
	margin: 0 0 30px;
	padding: 0 20px 20px;
	background: #fff6c6 url(images/bg-leaf.png) no-repeat bottom right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.wpcf7 label {
	color: #2f291d;
}
.wpcf7 label span {
	font-size: .8em;
	text-transform: none;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
	border-color: #ffa530;
}
.wpcf7 form br {
	/*hide br tags inserted by WordPress*/
	display:none;
}

/* mobile first rules -- changes handled by media queries at bottom */
/* contact form elements width 100% */
	.wpcf7 form .half,
	.wpcf7 form .third {
		float: none;
		width: 100%;
		padding: 10px 0;
	}

.wpcf7 form .third {
	/* mobile first rules -- changes handled by media queries at bottom */
	margin: 0;
}
.wpcf7 form .right {
	padding: 10px 0;
}
.wpcf7 .file {
	padding: 0 0 10px;
	clear: left;
}
.wpcf7-quiz-label {
	/*match label elements*/
	color: #2f291d;
	letter-spacing: .1em;
	text-transform: uppercase;
}
#cf-quiz {
	display: inline;
	width: auto;
}
.quiz small {
	margin: 0 0 0 5px;
	color: #2f291d;
}
span.wpcf7-not-valid-tip,
.wpcf7 form div.wpcf7-response-output {
	/*update plugin styles*/
	width: auto;
	margin: 2px 0 0;
	padding: 3px 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 2px 3px #333333; /* if no support for rgba */
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
	box-shadow: 0 2px 3px rgba(0,0,0,.3);
	background: #fff;
}
span.wpcf7-not-valid-tip {
	/*update plugin styles*/
	position: static;
	display: block;
}
.wpcf7 form div.wpcf7-response-output {
	float: none;
	width: 75%; 
}
.wpcf7 .region {
	margin: 10px 0;
}
.wpcf7 .region p {
	margin: 0;
	/*match label elements*/
	color: #2f291d;
	letter-spacing: .1em;
	text-transform: uppercase;
}
span.wpcf7-list-item {
	display: block;
	margin: 0;
}

/**
* Classes and events page
************************************************/
.page-79 #content h3 {
	margin: 30px 0 10px;
}


/**
* Misc elements
************************************************/
.sharedaddy {
	margin: 20px 0 0;
}

/**
* Footer
************************************************/

/* Wrapper for the entire footer */
#footer-container {
	/*make sure paragraph margins in footer don't create empty space by adding bottom padding*/
	padding: 10px 30px 1px;
	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff) to(#ffcb30)); /*old webkit*/
    background: -webkit-linear-gradient(#fff, #ffcb30); /*new webkit*/
    background: -moz-linear-gradient(#fff, #ffcb30); /*gecko*/
    background: -ms-linear-gradient(#fff, #ffcb30); /*IE10*/
    background: -o-linear-gradient(#fff, #ffcb30); /*opera 11.10+*/
    background: linear-gradient(#fff, #ffcb30); /*future CSS3 browsers*/
}

	/* Subsidiary widget section */
	#subsidiary:after {
		/*contain floats*/
		content: "";
		display: table;
		clear: both;
	}
	/* mobile first rules -- changes handled by media queries at bottom */
	#subsidiary .widget {
		width: 100%;
		margin: 0 0 20px;
	}
	#subsidiary .widget-title {
		margin: 0 0 .5em;
		color: #569458;
	}
	
	/* Footer section */
	#footer {}

		/* Footer extra */
		/*BG image credit only shown when #main-bg is visible*/
		#footer .credit { 
			display: none; 
		}
		
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * 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;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
   
@media only screen and ( min-width: 401px ) {
	/* scale logo to 348px wide for slightly larger screens */
	#site-title {
		width: 348px;
		height: 177px;
	}
	#site-title a {
		width: 348px;
		height: 177px;
	}
	#site-title a span {
		width: 348px;
		height: 177px;
		background-size: 348px 177px;
	}
	#header-sidebar {
		width: 380px;
		background-size: 380px auto;
		background-position: center top;
	}
	#header-sidebar .column-1 {
		width: 55%;
	}
	/* three menu items per row */
	#primary-menu li {
		width: 33%;
	}
}

@media only screen and ( min-width: 480px ) {
	/* full size logo */
	#site-title {
		width: 399px;
		height: 203px;
	}
	#site-title a {
		width: 399px;
		height: 203px;
	}
	#site-title a span {
		width: 399px;
		height: 203px;
		background-size: 399px 203px;
	}
	/*Larger buttons in header*/
	#header-sidebar .big-button {
		font-size: 1.2em;
	}
	/* Contact form inputs */
	.wpcf7 form .half,
	.wpcf7 form .third {
		float: left;
		width: 50%;
		padding: 10px 20px 10px 0;
	}
	.wpcf7 form .third {
		width: 33%;
		/*floated elements cause div below to effectively lose padding*/
		margin: 0 0 10px;
	}
	.wpcf7 form .half.right {
		padding: 10px 0;
	}
	.wpcf7 form .third.right {
		width: 34%;
	}
}

@media only screen and ( min-width: 540px ) {
	/* nav buttons have little chance of wrapping incorrectly, remove min-height */
	#primary-menu li a {
		min-height: 0;
	}
}

@media only screen and ( min-width: 768px ) {
	/*show thumbnails on homepage resource list*/	
	#featured-resources .images {
		display: block;
	}
	
	#featured-resources .links {
		margin: 0 170px 0 0;
	}
	/*full size sidebar header and bg*/
	#header-sidebar {
		width: 490px;
		background-size: 490px auto;
	}
	#header-sidebar .widget-title {
		width: 80%;
	}
	/*Larger buttons in header*/
	#header-sidebar .big-button {
		font-size: 1.6em;
	}
	#subsidiary .widget {
		float: left;
		width: 33%;
		padding: 0 20px 0 0;
	}
}

@media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {
	/* Show the right sidebar in 'normal' sidebar position */
	/* hide thumbnails on homepage to make the main column a bit wider*/
	#content {
		float: left;
		width: 64%;
		padding: 30px 30px;
	}
	#primary {
		float: right; 
		width: 36%;
		padding: 30px 30px 30px 33px;
	}
	.home #featured-resources .images {
		display: none;
	}
	.home #featured-resources .links {
		margin: 0;
	}
}

@media only screen and ( min-width: 820px ) {
	/* menu items display inline, single row */
	#primary-menu ul {
		padding: 0;
	}
	#primary-menu li {
		float: none;
		width: auto;
		min-height: auto;
		margin: 6px 6px 6px 0;
		padding: 0;
	}
}

@media only screen and ( min-width: 1024px ) {
    /* Styles targeted at laptops and larger */
    body {
    	background: #fff;
    }
    #main-bg {
    	display:block;
    }
    #body-container {
    	width: 960px;
		margin: 20px auto;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		box-shadow: 0 0 30px #333333; /* if no support for rgba */
		-moz-box-shadow: 0 0 30px rgba(0,0,0,.8);
		-webkit-box-shadow: 0 0 30px rgba(0,0,0,.8);
		box-shadow: 0 0 30px rgba(0,0,0,.8);
    }
    #header {
	    -webkit-border-top-left-radius: 9px;
		-webkit-border-top-right-radius: 9px;
		-moz-border-radius-topleft: 9px;
		-moz-border-radius-topright: 9px;
		border-top-left-radius: 9px;
		border-top-right-radius: 9px;
	}
	#site-title {
		float:left;
		margin: 0 0 0 30px;
	}
	#site-title a {
		top: -12px;
	}
	#header-sidebar {
		float:left; 
		/*let 'leaf' graphic hang over the right border for a decorative touch*/
		position: relative;
		right: -30px;
		width: 490px;
		margin: 10px 0 0 29px;
	}
	#header-sidebar .column-1 {
		width: 50%;
		margin: 0 3% 0 4%;
	}
	#container {
		background: url(images/bg-container.png) repeat-y;
		background-position: -135px 0;
	}
	#content {
		float: left;
		width: 66%;
		padding: 30px 30px;
	}
	#primary {
		float: right; 
		width: 34%;
		padding: 30px 30px 30px 33px;
	}
	#footer-container {
		-webkit-border-bottom-left-radius: 9px;
		-webkit-border-bottom-right-radius: 9px;
		-moz-border-radius-bottomleft: 9px;
		-moz-border-radius-bottomright: 9px;
		border-bottom-left-radius: 9px;
		border-bottom-right-radius: 9px;		
	}
	/*credit to display in footer depends on season*/
	.spring #footer .credit.spring { 
		display: block; 
	}
	.summer #footer .credit.summer { 
		display: block; 
	}
}

@media only screen and ( min-width: 1280px ) {
	/*Styles for widescreen laptops on up*/
	#body-container {
		width: 1200px;
	}
	#site-title {
		margin: 0 0 0 50px;	
	}
	#header-sidebar {
		right: 0;
		margin: 12px 0 0 185px;	
	}
	#container {
		background-position: 0 0;
	}
	#content {
		width: 64%;
		padding: 30px 50px;				
	}
	#primary {
		width: 36%;
		padding: 30px 50px;	
	}
	#footer-container {
		padding: 10px 50px 1px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi),
       only screen and (-o-min-device-pixel-ratio: 3/2) {
    /* Style adjustments for high resolution devices */
    #site-title a span {
		background: url(images/logo@2x.png);
		background-size: 308px 156px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and ( min-width: 401px ),
       only screen and (min-resolution: 144dpi) and ( min-width: 401px ),
       only screen and (-o-min-device-pixel-ratio: 3/2) and ( min-width: 401px ) {
    /* Style adjustments for high resolution devices */
    #site-title a span {
		background: url(images/logo@2x.png);
		background-size: 348px 177px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and ( min-width: 480px ),
       only screen and (min-resolution: 144dpi) and ( min-width: 480px ),
       only screen and (-o-min-device-pixel-ratio: 3/2) and ( min-width: 480px ) {
    /* Style adjustments for high resolution devices */
    #site-title a span {
		background: url(images/logo@2x.png);
		background-size: 399px 203px;
    }
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        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;
    }
}