/*
Theme Name: mediate-thurston
Theme URI: http://underscores.me/
Author: tinynow
Author URI: http://tinynow.com
Description: A custom theme for based on \"_s\"
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/* =Reset
-------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */

  overflow-y: scroll;
  /* Keeps page centred in all browsers regardless of content height */

  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */

  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

}
body {
  background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
table {
  /* tables still need 'cellspacing="0"' in the markup */

  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */

  outline: 0;
}
a img {
  border: 0;
}
* {
  box-sizing: border-box;
}
/* =Global
----------------------------------------------- */
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}
/* Headings */
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
/* Text elements */
p {
  margin-bottom: 1.5em;
}
ul,
ol {
  margin: 0 0 1.5em 3em;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
  margin-left: 1.5em;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 1.5em 1.5em;
}
b,
strong {
  font-weight: bold;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  padding: 1.6em;
  overflow: auto;
  max-width: 100%;
}
code,
kbd,
tt,
var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}
sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}
small {
  font-size: 75%;
}
big {
  font-size: 125%;
}
figure {
  margin: 0;
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
th {
  font-weight: bold;
}
button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */

  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

  vertical-align: baseline;
  *vertical-align: middle;
  /* Improves appearance and consistency in all browsers */

}
button,
input {
  line-height: normal;
  /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */

  *overflow: visible;
  /* Corrects inner spacing displayed oddly in IE6/7 */

}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid #ccc;
  border-color: #ccc #ccc #bbb #ccc;
  border-radius: 3px;
  background: #e6e6e6;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */

  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */

  font-size: 12px;
  font-size: 1.4rem;
  line-height: 1;
  padding: 1.12em 1.5em 1em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa #bbb;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #aaa #bbb #bbb #bbb;
  -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* Addresses box sizing set to content-box in IE8/9 */

  padding: 0;
  /* Addresses excess padding in IE8/9 */

}
input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */

  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

  border: 0;
  padding: 0;
}
input[type=text],
input[type=email],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
  color: #111;
}
input[type=text],
input[type=email] {
  padding: 3px;
}
textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */

  padding-left: 3px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */

  width: 98%;
}
/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}
/* Text meant only for screen readers */
.assistive-text {
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */

  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}
/* =Content
----------------------------------------------- */
.entry-meta {
  clear: both;
}
.byline {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: inline;
}
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
/* =Asides
----------------------------------------------- */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}
/* =Media
----------------------------------------------- */
.site-header img,
.entry-content img,
.comment-content img,
.widget img {
  max-width: 100%;
  /* Fluid images for posts, comments, and widgets */

}
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}
.site-header img,
.entry-content img,
img.size-full {
  max-width: 100%;
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.site-content .gallery {
  margin-bottom: 1.5em;
}
.site-content .gallery a img {
  border: none;
  height: auto;
  max-width: 90%;
}
.site-content .gallery dd {
  margin: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}
/* =Navigation
----------------------------------------------- */
.site-content .site-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.site-content .nav-previous {
  float: left;
  width: 50%;
}
.site-content .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
/* =Comments
----------------------------------------------- */
/* =Widgets
----------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
/* Search widget */
#searchsubmit {
  display: none;
}
/* ==========================================================================

Mixins ala Bootstrap

   ========================================================================= */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
/*
.input-block-level {
  display: block;
  width: 100%;
  min-height: @inputHeight; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
  .box-sizing(border-box); // Makes inputs behave like true block-level elements
}
*/
/* ==========================================================================

Objects

   ========================================================================= */
/* 3col   
   ------------------------------------------------------------------------- */
.three-col > div {
  display: inline;
  float: left;
  width: 96.7948717948718%;
  margin: 0 1.6025641025641024%;
}
@media screen and (min-width: 720px) {
  .three-col > div {
    display: inline;
    float: left;
    width: 46.794871794871796%;
    margin: 0 1.6025641025641024%;
    padding: 0;
  }
}
.three-col > div ul,
.three-col > div ol {
  margin-left: 3em;
}
.three-col > div.col3 {
  display: inline;
  float: left;
  width: 96.7948717948718%;
  margin: 0 1.6025641025641024%;
}
/*
==========================
 No Border
==========================
*/.noborder {
  border: none !important;
  box-shadow: none !important;
}
/*
==========================
 Floated list
==========================
*/
ul.widelist {
  margin: 0 auto;
  *zoom: 1;
}
ul.widelist li {
  text-align: center;
  list-style: none;
}
ul.widelist:before,
ul.widelist:after {
  display: table;
  content: "";
  line-height: 0;
}
ul.widelist:after {
  clear: both;
}
ul.widelist:before,
ul.widelist:after {
  content: "";
  display: table;
}
ul.widelist:after {
  clear: both;
}
/*
==========================
 Responsive considerations
==========================
*/
/* Orphan prevention */
.alignright,
.alignleft,
img[class*="align"] {
  max-width: 65%;
}
@media screen and (max-width: 650px) {
  .alignright,
  .alignleft,
  img[class*="align"] {
    width: 100%;
  }
}
/* Images in Content */
.wp-caption.alignleft,
.wp-caption.alignright {
  max-width: 60%;
}
.wp-caption.alignnone {
  max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
  margin-bottom: 1.5em;
}
.wp-caption img {
  display: block;
  margin: 1.2% auto;
  max-width: 98%;
}
.wp-caption-text {
  text-align: center;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.supplement ul.menu {
  margin: 0;
}
.supplement ul.menu li {
  list-style: none;
  margin: 0;
}
/* ==========================================================================
The Sprites
thanks spritecow.com
   ========================================================================= */
/*
Creates a pseudo-element to the left and fills it's background with
a sprite. To abstract it further, one might add another variable for 
the location of the sprite.
*/
.phone {
  background: url('img/sprite1.png') no-repeat -41px -23px;
  width: 81px;
  height: 296px;
}
.call-drc {
  background: url('img/sprite1.png') no-repeat -15px -433px;
  width: 121px;
  height: 164px;
}
.solve-your-conflicts-table {
  background: url('img/sprite1.png') no-repeat -202px -15px;
  width: 851px;
  height: 596px;
}
.being-a-mediator-table {
  background: url('img/sprite1.png') no-repeat -20px -674px;
  width: 557px;
  height: 681px;
}
.arrow-right {
  background: url('img/sprite1.png') no-repeat 0 -1396px;
  width: 300px;
  height: 833px;
}
.arrow-down {
  background: url('img/sprite1.png') no-repeat -383px -1952px;
  width: 833px;
  height: 298px;
}
.scroll-unfurled {
  background: url('img/sprite1.png') no-repeat -356px -1505px;
  width: 352px;
  height: 382px;
}
.multi-party-mediation-table {
  background: url('img/sprite1.png') no-repeat -640px -702px;
  width: 771px;
  height: 785px;
}
.banner {
  background: url('img/sprite1.png') no-repeat -762px -1545px;
  width: 466px;
  height: 109px;
}
.envelope {
  background: url('img/sprite1.png') no-repeat -905px -1765px;
  width: 162px;
  height: 100px;
}
.thank-you-flowers {
  background: url('img/sprite1.png') no-repeat -1281px -1546px;
  width: 291px;
  height: 534px;
}
.calendar {
  background: url('img/sprite1.png') no-repeat -1605px -1498px;
  width: 275px;
  height: 287px;
}
.family-at-home {
  background: url('img/sprite1.png') no-repeat -1632px -1830px;
  width: 525px;
  height: 309px;
}
.push-left-buddy {
  background: url('img/sprite1.png') no-repeat -1432px -550px;
  width: 205px;
  height: 223px;
}
.push-right-buddy {
  background: url('img/sprite1.png') no-repeat -1699px -568px;
  width: 205px;
  height: 223px;
}
.push-right-buddy-small {
  background: url('img/sprite1.png') no-repeat -3253px -361px;
  width: 125px;
  height: 136px;
}
.look-up-right-buddy {
  background: url('img/sprite1.png') no-repeat -1468px -828px;
  width: 183px;
  height: 294px;
}
.look-up-left-buddy {
  background: url('img/sprite1.png') no-repeat -1718px -824px;
  width: 183px;
  height: 294px;
}
.donate-today-buddy {
  background: url('img/sprite1.png') no-repeat -1480px -1189px;
  width: 190px;
  height: 268px;
}
.handstand-buddy {
  background: url('img/sprite1.png') no-repeat -1733px -1206px;
  width: 143px;
  height: 244px;
}
.register-now-buddy {
  background: url('img/sprite1.png') no-repeat -1943px -1184px;
  width: 261px;
  height: 268px;
}
.sittin-on-top-buddy {
  background: url('img/sprite1.png') no-repeat -1990px -892px;
  width: 183px;
  height: 238px;
}
.pay-now-buddy {
  background: url('img/sprite1.png') no-repeat -1971px -510px;
  width: 206px;
  height: 275px;
}
.donate-buddy {
  background: url('img/sprite1.png') no-repeat -1960px -1487px;
  width: 203px;
  height: 256px;
}
.zero {
  height: 48px;
}
.zero:before {
  content: "";
  float: left;
  background: url(img/sprite-numbers.png) no-repeat -21px -9px;
  width: 33px;
  height: 48px;
  margin-right: 5px;
  margin-top: -6px;
  margin-bottom: 6px;
}
.one {
  height: 48px;
}
.one:before {
  content: "";
  float: left;
  background: url(img/sprite-numbers.png) no-repeat -79px -9px;
  width: 20px;
  height: 48px;
  margin-right: 5px;
  margin-top: -6px;
  margin-bottom: 6px;
}
.two {
  height: 48px;
}
.two:before {
  content: "";
  float: left;
  background: url(img/sprite-numbers.png) no-repeat -113px -7px;
  width: 33px;
  height: 48px;
  margin-right: 5px;
  margin-top: -6px;
  margin-bottom: 6px;
}
.three {
  height: 48px;
}
.three:before {
  content: "";
  float: left;
  background: url(img/sprite-numbers.png) no-repeat -156px -11px;
  width: 33px;
  height: 48px;
  margin-right: 5px;
  margin-top: -6px;
  margin-bottom: 6px;
}
.four {
  height: 48px;
}
.four:before {
  content: "";
  float: left;
  background: url(img/sprite-numbers.png) no-repeat -195px -9px;
  width: 33px;
  height: 48px;
  margin-right: 5px;
  margin-top: -6px;
  margin-bottom: 6px;
}
.five {
  height: 48px;
}
.five:before {
  content: "";
  float: left;
  background: url(img/sprite-numbers.png) no-repeat -6px -77px;
  width: 33px;
  height: 48px;
  margin-right: 5px;
  margin-top: -6px;
  margin-bottom: 6px;
}
.six {
  height: 48px;
}
.six:before {
  content: "";
  float: left;
  background: url(img/sprite-numbers.png) no-repeat -46px -78px;
  width: 33px;
  height: 48px;
  margin-right: 5px;
  margin-top: -6px;
  margin-bottom: 6px;
}
.seven {
  height: 48px;
}
.seven:before {
  content: "";
  float: left;
  background: url(img/sprite-numbers.png) no-repeat -86px -78px;
  width: 33px;
  height: 48px;
  margin-right: 5px;
  margin-top: -6px;
  margin-bottom: 6px;
}
.eight {
  height: 48px;
}
.eight:before {
  content: "";
  float: left;
  background: url(img/sprite-numbers.png) no-repeat -118px -77px;
  width: 33px;
  height: 48px;
  margin-right: 5px;
  margin-top: -6px;
  margin-bottom: 6px;
}
.nine {
  height: 48px;
}
.nine:before {
  content: "";
  float: left;
  background: url(img/sprite-numbers.png) no-repeat -198px -73px;
  width: 33px;
  height: 48px;
  margin-right: 5px;
  margin-top: -6px;
  margin-bottom: 6px;
}
.one-sm {
  height: 95px;
}
.one-sm:before {
  content: "";
  float: left;
  background: url(img/sprite-numbers.png) no-repeat -3227px -45px;
  width: 42px;
  height: 95px;
  margin-right: 5px;
  margin-top: -6px;
  margin-bottom: 6px;
}
.one-sm:before {
  width: 65px;
}
.two-sm {
  height: 96px;
}
.two-sm:before {
  content: "";
  float: left;
  background: url(img/sprite-numbers.png) no-repeat -3300px -42px;
  width: 67px;
  height: 96px;
  margin-right: 5px;
  margin-top: -6px;
  margin-bottom: 6px;
}
.three-sm {
  height: 91px;
}
.three-sm:before {
  content: "";
  float: left;
  background: url(img/sprite-numbers.png) no-repeat -3374px -45px;
  width: 65px;
  height: 91px;
  margin-right: 5px;
  margin-top: -6px;
  margin-bottom: 6px;
}
.four-sm {
  height: 95px;
}
.four-sm:before {
  content: "";
  float: left;
  background: url(img/sprite-numbers.png) no-repeat -3452px -41px;
  width: 65px;
  height: 95px;
  margin-right: 5px;
  margin-top: -6px;
  margin-bottom: 6px;
}
.five-sm {
  height: 99px;
}
.five-sm:before {
  content: "";
  float: left;
  background: url(img/sprite-numbers.png) no-repeat -3072px -185px;
  width: 76px;
  height: 99px;
  margin-right: 5px;
  margin-top: -6px;
  margin-bottom: 6px;
}
/* ==========================================================================

Grid ala Semantic.gs

   ========================================================================= */
* {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  display: table;
  content: "";
  line-height: 0;
}
body:after {
  clear: both;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
/* ==========================================================================

Structure

   ========================================================================= */
body {
  max-width: 1080px;
  min-width: 320px;
  margin: 0 auto;
  position: relative;
}
#primary {
  display: inline;
  float: left;
  width: 96.7948717948718%;
  margin: 0 1.6025641025641024%;
}
@media screen and (min-width: 750px) {
  #primary {
    display: inline;
    float: left;
    width: 63.46153846153846%;
    margin: 0 1.6025641025641024%;
    margin-left: 5.769230769230768%;
  }
}
@media screen and (min-width: 1020px) {
  
}
#masthead {
  width: 100%;
  min-height: 6em;
  margin-bottom: 24px;
}
#secondary,
.supplement,
#testimonial {
  display: inline;
  float: left;
  width: 96.7948717948718%;
  margin: 0 1.6025641025641024%;
}
@media screen and (min-width: 750px) {
  #secondary,
  .supplement,
  #testimonial {
    display: inline;
    float: left;
    width: 21.794871794871796%;
    margin: 0 1.6025641025641024%;
    float: right;
  }
}
.supplement {
  margin-bottom: 2em;
}
@media screen and (min-width: 750px) {
  #testimonial {
    margin-top: 1em;
    margin-left: -4%;
    margin-right: 4%;
  }
}
#secondary,
#testimonial {
  clear: right;
}
#colophon {
  display: inline;
  float: left;
  width: 96.7948717948718%;
  margin: 0 1.6025641025641024%;
  text-align: center;
  margin-top: 1em;
  margin-bottom: .5em;
}
.entry-content section,
.entry-content div {
  margin-bottom: 3em;
}
/* ==========================================================================
Header
   ========================================================================= */
#masthead {
  background: transparent;
  margin-bottom: 1.5em;
}
#masthead .site-title {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: url(img/logo-209px.png) no-repeat;
  margin-top: 5px;
  margin-bottom: -15px;
  width: 209px;
  height: 149px;
}
#masthead .site-description {
  font-size: 1.25em;
  font-style: italic;
  position: absolute;
  top: 2.75em;
  right: 1em;
  z-index: 1;
  width: 7.5em;
  color: #83c0cf;
  text-align: right;
  text-shadow: none;
}
#banner {
  display: block;
  background: url(img/hands-olympia-gray.png) no-repeat center center;
  margin: 0;
  height: 11em;
}
/*
a#banner {
	.column(5.5);
	position: absolute;
	z-index: 0;
	right: 0;
	top: -20px;
  min-width: 250px;
  
	@media screen and (min-width: 750px) {
	    .column(7);
	    .pull(2);
	 	}
	
	img {
  	margin-top: .25em;
	}
}
a#banner:hover {
	background: none;
}
*//* ==========================================================================

Main-menu

   ========================================================================= */
/* ==========================================================================
   Primary Menu Styles
   ========================================================================= */
/* Level 1
   ------------------------------------------------------------------------- */
.site-navigation {
  width: 100%;
  *zoom: 1;
  z-index: 10;
  position: relative;
}
.site-navigation:before,
.site-navigation:after {
  display: table;
  content: "";
  line-height: 0;
}
.site-navigation:after {
  clear: both;
}
.site-navigation:before,
.site-navigation:after {
  content: "";
  display: table;
}
.site-navigation:after {
  clear: both;
}
.menu-main-container {
  width: 100%;
  clear: both;
}
.menu-main-container ul {
  display: block;
  margin: 0;
}
.menu-main-container ul li {
  display: block;
}
.menu-main-container ul li a {
  display: block;
  background-color: #99ccd7;
  background-image: -moz-linear-gradient(top, #a8d3dd, #83c0cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a8d3dd), to(#83c0cf));
  background-image: -webkit-linear-gradient(top, #a8d3dd, #83c0cf);
  background-image: -o-linear-gradient(top, #a8d3dd, #83c0cf);
  background-image: linear-gradient(to bottom, #a8d3dd, #83c0cf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d3dd', endColorstr='#ff83c0cf', GradientType=0);
  color: #275887;
  padding: .25em 1em;
  border-bottom: 1px solid #275887;
  text-shadow: 0px 1px 3px #badce4;
}
.menu-main-container ul li a:hover {
  background: #a8d3dd;
  color: #fffad2;
  text-shadow: 0px 2px 3px #5faec0;
}
.menu-main-container ul ul {
  display: block;
}
.menu-main-container ul ul li a {
  padding-left: 3em;
  background: #cde6eb;
  width: 100%;
  display: inline-block;
  /* IE 6 & 7 Needs Inline Block */

}
.menu-main-container li.current_page_item > a {
  font-weight: 700;
  color: #fffad2;
  text-shadow: 0px 2px 3px #5faec0;
}
@media screen and (max-width: 900px) {
  .site-navigation {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 750px) {
  .menu-main-container > ul {
    position: relative;
    margin: 0;
    text-align: center;
    *zoom: 1;
    background-color: #99ccd7;
    background-image: -moz-linear-gradient(top, #a8d3dd, #83c0cf);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a8d3dd), to(#83c0cf));
    background-image: -webkit-linear-gradient(top, #a8d3dd, #83c0cf);
    background-image: -o-linear-gradient(top, #a8d3dd, #83c0cf);
    background-image: linear-gradient(to bottom, #a8d3dd, #83c0cf);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d3dd', endColorstr='#ff83c0cf', GradientType=0);
  }
  .menu-main-container > ul:before,
  .menu-main-container > ul:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .menu-main-container > ul:after {
    clear: both;
  }
  .menu-main-container > ul:before,
  .menu-main-container > ul:after {
    content: "";
    display: table;
  }
  .menu-main-container > ul:after {
    clear: both;
  }
  .menu-main-container > ul > li {
    position: relative;
    list-style: none;
    border-right: 1px solid #5faec0;
    float: left;
    zoom: 1;
    text-transform: lowercase;
    background: #a8d3dd;
    -webkit-box-shadow: 1px 0 2px -1px #000000;
    -moz-box-shadow: 1px 0 2px -1px #000000;
    box-shadow: 1px 0 2px -1px #000000;
  }
  .menu-main-container > ul > li > a {
    line-height: 1em;
    padding: 10px;
    margin: 0 auto;
    border: none;
  }
  .menu-main-container > ul > li a:hover {
    color: #fffad2;
  }
  .menu-main-container > ul > li:last-child {
    box-shadow: none;
  }
  .menu-main-container > ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: #a8d3dd;
  }
  .menu-main-container > ul ul {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: absolute;
    margin-top: 1px;
  }
  .menu-main-container > ul ul li {
    background: #f6f6f6;
    float: none;
    display: block;
    min-width: 7em;
    position: relative;
  }
  .menu-main-container > ul ul li a {
    width: 100%;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 7px;
  }
  .menu-main-container > ul ul ul {
    left: 100%;
    top: 0;
    width: 7em;
  }
  li.current_page_parent {
    font-weight: bold;
  }
  li.current_page_item > a {
    border-color: #c0dd39;
  }
  li.current_page_item > a:after {
    display: none;
  }
}
@media screen and (max-width: 670px) {
  .menu-main-container > ul > li {
    margin: 0;
  }
}
.menu-toggle {
  font-size: 1.25em;
  text-transform: capitalize;
  color: #275887;
  box-shadow: inset 0px -1px 6px -4px #000000;
  margin: 0 5px;
  display: block;
  clear: both;
  padding: 2px 7px;
  background: #ddd;
  width: 30%;
  text-align: center;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  background-color: #a1cfda;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cde6eb), color-stop(50%, #a8d3dd), to(#83c0cf));
  background-image: -webkit-linear-gradient(#cde6eb, #a8d3dd 50%, #83c0cf);
  background-image: -moz-linear-gradient(top, #cde6eb, #a8d3dd 50%, #83c0cf);
  background-image: -o-linear-gradient(#cde6eb, #a8d3dd 50%, #83c0cf);
  background-image: linear-gradient(#cde6eb, #a8d3dd 50%, #83c0cf);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcde6eb', endColorstr='#ff83c0cf', GradientType=0);
  background-color: #a8d3dd;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border-bottom: 1px solid #444;
  margin-bottom: .25em;
  font-weight: bold;
  text-decoration: none;
}
.menu-toggle:hover {
  cursor: pointer;
  background-color: #c5e2e8;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f8fa), color-stop(10%, #cde6eb), to(#a8d3dd));
  background-image: -webkit-linear-gradient(#f1f8fa, #cde6eb 10%, #a8d3dd);
  background-image: -moz-linear-gradient(top, #f1f8fa, #cde6eb 10%, #a8d3dd);
  background-image: -o-linear-gradient(#f1f8fa, #cde6eb 10%, #a8d3dd);
  background-image: linear-gradient(#f1f8fa, #cde6eb 10%, #a8d3dd);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1f8fa', endColorstr='#ffa8d3dd', GradientType=0);
}
.menu-toggle:active {
  position: relative;
  top: 1px;
  background-color: #c5e2e8;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f8fa), color-stop(50%, #cde6eb), to(#a8d3dd));
  background-image: -webkit-linear-gradient(#f1f8fa, #cde6eb 50%, #a8d3dd);
  background-image: -moz-linear-gradient(top, #f1f8fa, #cde6eb 50%, #a8d3dd);
  background-image: -o-linear-gradient(#f1f8fa, #cde6eb 50%, #a8d3dd);
  background-image: linear-gradient(#f1f8fa, #cde6eb 50%, #a8d3dd);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1f8fa', endColorstr='#ffa8d3dd', GradientType=0);
}
.menu-toggle:before {
  content: "Hide ";
}
.toggled-on {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.toggled-on:before {
  content: "Show ";
}
/* ==========================================================================
Skin
   ========================================================================= */
/* less blue: #a8dfca */
/* #5B87B2 */
html {
  background: url(img/plaster-sage.png);
  background: #C0CCA8 ;
}
body {
  -webkit-box-shadow: 4px 2px 9px -3px #000000;
  -moz-box-shadow: 4px 2px 9px -3px #000000;
  box-shadow: 4px 2px 9px -3px #000000;
  padding-top: 0px;
}
#page {
  background: #fffdec;
}
a {
  font-weight: 700;
  color: #363f0b;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
a:visited {
  color: #5b6b12;
}
a:hover {
  background: #275887;
  text-shadow: 0px 1px 3px #3272af;
  -webkit-transition: all color 0.6s ease;
  -moz-transition: all color 0.6s ease;
  -o-transition: all color 0.6s ease;
  transition: all color 0.6s ease;
  color: #fffad2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
a:active {
  top: 1px;
  position: relative;
}
h1 {
  text-shadow: 0px 1px 2px #e1efa3;
}
a.nivo-imageLink:hover {
  background: none;
}
hr {
  clear: both;
  margin: .5em auto;
}
#page {
  *zoom: 1;
}
#page:before,
#page:after {
  display: table;
  content: "";
  line-height: 0;
}
#page:after {
  clear: both;
}
#page:before,
#page:after {
  content: "";
  display: table;
}
#page:after {
  clear: both;
}
.site-content {
  *zoom: 1;
}
.site-content:before,
.site-content:after {
  display: table;
  content: "";
  line-height: 0;
}
.site-content:after {
  clear: both;
}
.site-content:before,
.site-content:after {
  content: "";
  display: table;
}
.site-content:after {
  clear: both;
}
.site-main img {
  border: 1px solid #ddd;
  -webkit-box-shadow: 1px 1px 5px -1px #c0dd39;
  -moz-box-shadow: 1px 1px 5px -1px #c0dd39;
  box-shadow: 1px 1px 5px -1px #c0dd39;
}
#menu-item-135 a,
.highlight-link {
  color: #c0dd39;
  font-family: Neucha;
  background: #275887;
  font-weight: normal;
  text-shadow: none;
  padding: 12px 10px 8px ;
}
#menu-item-135 a:hover {
  box-shadow: 0px 3px 9px -3px #c0dd39;
  color: #fffad2;
  background: #275887;
}
@media screen and (min-width: 750px) {
  #menu-main {
    box-shadow: 0 1px 1px 0px #275887, 4px 0px 9px -5px #000000;
  }
  #menu-main li li {
    -webkit-box-shadow: 0 1px 1px -1px #275887;
    -moz-box-shadow: 0 1px 1px -1px #275887;
    box-shadow: 0 1px 1px -1px #275887;
    margin-bottom: 2px;
  }
  #menu-main li li a {
    border-bottom: none;
  }
}
@media screen and (min-width: 1000px) {
  #menu-main {
    width: 100.5%;
    padding-left: .5%;
    margin-left: -0.25%;
  }
}
h2,
h3,
.wp-caption,
h5 {
  color: #275887;
}
.supplement {
  background: #a8d3dd;
  -webkit-box-shadow: inset 1px 0 7px -1px #000000;
  -moz-box-shadow: inset 1px 0 7px -1px #000000;
  box-shadow: inset 1px 0 7px -1px #000000;
  padding: .75em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.supplement h4 {
  color: #275887;
  margin-bottom: .5em;
  text-shadow: 0 1px 0px #f1f8fa;
}
.supplement .menu > li > a {
  border-left: 4px solid #275887;
  padding-left: 2px;
  margin-left: 0px;
}
#testimonial {
  color: #a5c221;
}
.hand-drawn-banner {
  background: url('img/sprite1.png') no-repeat -762px -1545px;
  width: 466px;
  height: 109px;
  display: block;
  color: #444;
  text-align: center;
  font-family: Neucha;
  font-size: 2em;
  line-height: 2em;
  margin-bottom: 24px;
  margin-top: 0;
  width: 463px;
  height: 108px;
  padding: 8px 19px 0 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
a.donate-now,
input.donate-now {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: url(img/donate-now-buddy-color-2.png) no-repeat;
  width: 150px;
  height: 192px;
  margin: 0 auto;
  padding: 0;
  display: block;
}
a.donate-now:hover,
input.donate-now:hover {
  background: url(img/donate-now-buddy-color-1.png) no-repeat;
}
body .register-now {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: url(img/register-now-buddy-color-1.png) no-repeat;
  width: 150px;
  height: 143px;
  padding: 3px;
  display: block;
}
body .register-now:hover {
  background: url(img/register-now-buddy-color-2.png) no-repeat;
}
body .register-online {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: url(img/register-online-color-1.png) no-repeat;
  width: 111px;
  height: 143px;
  padding: 3px;
  display: block;
}
body .register-online:hover {
  background: url(img/register-online-color-2.png) no-repeat;
}
body .register-by-mail {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: url(img/register-by-mail-color-1.png) no-repeat;
  width: 150px;
  height: 143px;
  padding: 3px;
  display: block;
}
body .register-by-mail:hover {
  background: url(img/register-by-mail-color-2.png) no-repeat;
}
.widget_em_widget ul {
  list-style: none;
  margin: 0;
}
.widget_em_widget h4 {
  margin: 0;
}
.widget_em_widget li {
  margin-bottom: 24px;
  text-align: center;
}
#searchform input[type=text] {
  width: 100%;
}
#page .fsBody .fsForm {
  background: none;
  border: none;
}
#page .fsForm .fsSubmit {
  background: none;
}
/* ==========================================================================

Typography

   ========================================================================= */
body {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  font-size: 14px;
  word-wrap: break-word;
}
@media screen and (min-width: 760px) {
  body {
    font-size: 16px;
  }
}
.site-navigation {
  font-size: .8em;
}
@media screen and (min-width: 720px) {
  .site-navigation {
    font-size: 1em;
  }
}
a {
  text-decoration: none;
}
/* From typecast   
   ------------------------------------------------------------------------- */
h1,
.h1 {
  font-weight: 700;
  font-size: 2.8125em;
  line-height: 1.0444444444444445em;
  margin-bottom: 0.5333333333333333em;
}
h2,
.h2 {
  font-size: 1.5em;
  line-height: 1em;
  margin-bottom: 1em;
  letter-spacing: 0px;
  text-indent: 0px;
}
h3,
.h3 {
  font-family: Neucha;
  font-weight: 400;
  font-size: 1.5em;
  margin-bottom: 22px;
  line-height: 1em;
  padding-top: 3px;
}
h4,
.supplement h3,
.widget-title {
  font-weight: 900;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 1.125em;
  line-height: 1.3333333333333333em;
  margin-bottom: 1.3333333333333333em;
  margin-top: 0px;
}
h5 {
  font-style: italic;
  font-weight: 400;
  font-size: 1.3125em;
  line-height: 1.1428571428571428em;
}
h6 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 24px;
  line-height: 24px;
}
p,
ul,
ol {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}
.mobile {
  font-size: 14px;
}
.mobile h6 {
  font-size: 14px;
}
.mobile-fallback {
  font-style: normal;
  font-weight: 400;
  font-family: Arial;
}
.mobile-fallback h1 {
  font-style: normal;
  font-weight: 600;
  font-family: Arial;
}
.mobile-fallback h3 {
  font-style: italic;
  font-weight: 400;
  font-family: Arial;
}
/*
 End Typecast import
--------------*/
blockquote {
  -webkit-box-shadow: inset 1px 0 7px -1px #000000;
  -moz-box-shadow: inset 1px 0 7px -1px #000000;
  box-shadow: inset 1px 0 7px -1px #000000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f4f4f4;
  margin: 0 0 2em;
  padding: 1.5em;
  font-style: italic;
}
h2.site-description {
  font-size: 1.25em;
}
h1.widget-title {
  background: #a8d3dd;
  padding: 0 6px;
  color: #275887;
  text-shadow: 0 1px 0px #f1f8fa;
}
.wp-caption {
  font-size: .75em;
  line-height: 1em;
}
#testimonial {
  font-family: Neucha;
  font-size: 1.125em;
  line-height: 1.3333333333333333em;
}
.page-solve-your-conflicts .testimonials-widget cite {
  display: none;
}
.taxonomy-description {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 1.125em;
  line-height: 1.3333333333333333em;
  margin-bottom: 1.3333333333333333em;
  margin-top: 0px;
}
.archive .post {
  border-bottom: 1px groove #fff;
  margin-bottom: 2em;
  margin-top: -1px;
}
.archive h1.entry-title {
  font-size: 1.5em;
  line-height: 1em;
  margin-bottom: 1em;
  letter-spacing: 0px;
  text-indent: 0px;
}
.archive h1.entry-title a {
  text-decoration: none;
  border: none;
}
.entry-header .entry-meta {
  text-align: right;
}
.single .byline {
  display: none;
}
.testimonial {
  text-align: center;
  width: 100%;
}
.testimonial h3 {
  display: none;
}
ul.widelist {
  margin: 0 0 1em;
}
ul.widelist li {
  float: left;
  margin-left: 2em;
}
.noborder {
  border: none !important;
}
.supplement h2 {
  font-size: 1.75em;
  line-height: 1.5em;
  margin-bottom: .25em;
}
.supplement .menu-item {
  font-weight: 400;
}
.supplement .sub-menu {
  margin-left: 18px;
}
.supplement .sub-menu li {
  font-weight: normal;
  text-indent: -6px;
}
.supplement .menu-item-type-taxonomy a,
.supplement .menu-item-313 a {
  color: #80961a;
}
/* ==========================================================================
Testimonials
   ========================================================================= */
.testimonialswidget_author {
  margin-right: .5em;
}
.testimonialswidget_testimonial {
  min-height: 10em;
}
.testimonialswidget_active {
  height: auto;
}
/*
==========================
 Page Specific Styles
==========================
*/
/*
 Lists on handrawn number pages
--------------*/
.page-being-a-mediator .entry-content ul,
.page-being-a-mediator .entry-content ol {
  margin-left: 4em;
}
.page-being-a-mediator .entry-content h4 + ul {
  margin-left: 2em;
}
.page-being-a-mediator .entry-content li {
  margin-left: 1.5em;
}
/*
 Mediation Resources
--------------*/
.category-mediation-resources .entry-meta {
  display: none;
}
/*
==========================
 Home
==========================
*/
.home {
  /*
	#primary {
		.column(12);

	}

	#secondary {
		.column(12);
		.widget {
			@media screen and (min-width:  750px) {
				.column(3);
			}
		}
	}
*/

}
.home .entry-utility,
.home .entry-header {
  display: none;
}
/*
==========================
 Events
==========================
*/
.single-event .register-now {
  float: right;
  margin: 5px;
}