/*=======================================================================
Stylesheet: Main Stylesheet
=======================================================================*/
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
@import url(//fonts.googleapis.com/css?family=Dosis:400,500,600);
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/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 IE6/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.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
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 IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic; }

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

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

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
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 IE6/7.
 */
q {
  quotes: none; }

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

small {
  font-size: 75%; }

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
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 IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

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

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

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

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

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/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 IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/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 IE6/7, FF3+, S5, 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 FF3/4 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 IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type="button"],
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 IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
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 S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, 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 S5, 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 FF3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE6/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; }

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

b, strong, .strong {
  font-weight: bold; }

dfn, em, .em {
  font-style: italic; }

small, .small {
  font-size: 75%; }

ul, ol {
  padding: 0;
  list-style-type: none; }

dd {
  margin: 0; }

.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none; }

/*=======================================================================
Site Name: Orange County SPCA
Author: Jake Craigmile - http://www.jakecraigmile.com
Stylesheet: Mixins & Constants Stylesheet

===========================
	Index
===========================
 - Tools
 - Colors
 - Typography
 - Buttons

=======================================================================*/
/*=======================================================================
	Tools
=======================================================================*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* CLEARFIX
   @include clearfix;
=============================================*/
/* IMAGE REPLACE
   @include ir;
=============================================*/
/* HIDE ELEMENT
   @include hide;
=============================================*/
/* SHOW ELEMENT
   @include show;
=============================================*/
/* BORDER RADIUS
   @include border-radius(4px 4px 0 0);
=============================================*/
/* TRANISTION
   @include transition(all 0.2s ease-in-out);
=============================================*/
/* BOX SHADOWS
   @include box-shadow(inset 0 0 4px rgba(0,0,0,0.22));
=============================================*/
/* CSS3 GRADIENTS
   @include css-gradient(#dfdfdf,#f8f8f8);
=============================================*/
/* BOX SIZING
   @include box-sizing(border-box);
=============================================*/
/*=======================================================================
	Colors
=======================================================================*/
/* Descriptive
=============================================*/
/*=======================================================================
	Typography
=======================================================================*/
@font-face {
  font-family: 'SFCartoonistHandRegular';
  src: url("../fonts/SF_Cartoonist_Hand-webfont.eot");
  src: url("../fonts/SF_Cartoonist_Hand-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/SF_Cartoonist_Hand-webfont.woff") format("woff"), url("../fonts/SF_Cartoonist_Hand-webfont.ttf") format("truetype"), url("../fonts/SF_Cartoonist_Hand-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SFCartoonistHandBold';
  src: url("../fonts/SF_Cartoonist_Hand_Bold-webfont.eot");
  src: url("../fonts/SF_Cartoonist_Hand_Bold-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/SF_Cartoonist_Hand_Bold-webfont.woff") format("woff"), url("../fonts/SF_Cartoonist_Hand_Bold-webfont.ttf") format("truetype"), url("../fonts/SF_Cartoonist_Hand_Bold-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon-ultimate';
  src: url("../fonts/icomoon-ultimate.eot");
  src: url("../fonts/icomoon-ultimate.eot#iefix") format("embedded-opentype"), url("../fonts/icomoon-ultimate.woff") format("woff"), url("../fonts/icomoon-ultimate.ttf") format("truetype"), url("../fonts/icomoon-ultimate.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon]:before {
  font-family: 'icomoon-ultimate';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.icon-menu, .icon-coin, .icon-warning, .icon-facebook, .icon-twitter, .icon-google-plus, .icon-instagram, .icon-heart, .icon-aid, .icon-patch {
  font-family: 'icomoon-ultimate';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.icon-menu:before {
  content: "\e000"; }

.icon-coin:before {
  content: "\e001"; }

.icon-warning:before {
  content: "\e002"; }

.icon-facebook:before {
  content: "\e003"; }

.icon-twitter:before {
  content: "\e004"; }

.icon-google-plus:before {
  content: "\e005"; }

.icon-instagram:before {
  content: "\e006"; }

.icon-heart:before {
  content: "\e007"; }

.icon-aid:before {
  content: "\e008"; }

.icon-patch:before {
  content: "\e009"; }

.icon-phone:before {
  content: "\e00a"; }

.icon-envelop:before {
  content: "\e00b"; }

.icon-youtube:before {
  content: "\e00c"; }

.icon-file-plus:before {
  content: "\e00d"; }

.icon-certificate:before {
  content: "\e00e"; }

.icon-coins:before {
  content: "\e00f"; }

.icon-calendar:before {
  content: "\e010"; }

.icon-location:before {
  content: "\e011"; }

.icon-user:before {
  content: "\e012"; }

.icon-pie:before {
  content: "\e013"; }

.icon-bars:before {
  content: "\e015"; }

/*=======================================================================
	Buttons
=======================================================================*/
a.button, a.button:visited, .mainBody a.button:visited, .featured a.button:visited, .mainBody .main .gform_wrapper input[type="submit"]:visited, .mainBody .default .gform_wrapper input[type="submit"]:visited, .home .featured .gform_button:visited, .mainBody a.button, .mainBody a.button:visited, .mainBody .main .gform_wrapper input[type="submit"]:visited, .mainBody .default .gform_wrapper input[type="submit"]:visited, .mainBody .home .featured .gform_button:visited, .home .featured .mainBody .gform_button:visited, .featured a.button, .featured a.button:visited, .featured .mainBody .main .gform_wrapper input[type="submit"]:visited, .mainBody .main .gform_wrapper .featured input[type="submit"]:visited, .featured .mainBody .default .gform_wrapper input[type="submit"]:visited, .mainBody .default .gform_wrapper .featured input[type="submit"]:visited, .home .featured .gform_button:visited {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -border-radius: 3px;
  border-radius: 3px;
  background-color: #306eff;
  background-image: -webkit-linear-gradient(bottom, rgba(16, 64, 178, 0.29), rgba(48, 110, 255, 0.29));
  background-image: -moz-linear-gradient(bottom, rgba(16, 64, 178, 0.29), rgba(48, 110, 255, 0.29));
  background-image: -o-linear-gradient(bottom, rgba(16, 64, 178, 0.29), rgba(48, 110, 255, 0.29));
  background-image: -ms-linear-gradient(bottom, rgba(16, 64, 178, 0.29), rgba(48, 110, 255, 0.29));
  background-image: linear-gradient(to top, rgba(16, 64, 178, 0.29), rgba(48, 110, 255, 0.29));
  border: solid 2px #1141b2;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  padding: 12px 16px;
  text-decoration: none;
  text-shadow: -1px -1px rgba(0, 0, 0, 0.15);
  text-transform: uppercase;
  /* Yellow Button
	=============================================*/
  /* Red Button
	=============================================*/
  /* Brown Button
	=============================================*/
  /* Medium Size Button
	=============================================*/
  /* Small Size Button
	=============================================*/ }
  a.button:hover, .mainBody a.button:hover:visited, .featured a.button:hover:visited, .mainBody .main .gform_wrapper input[type="submit"]:hover:visited, .mainBody .default .gform_wrapper input[type="submit"]:hover:visited, .home .featured .gform_button:hover:visited, a.button:focus, .mainBody a.button:focus:visited, .featured a.button:focus:visited, .mainBody .main .gform_wrapper input[type="submit"]:focus:visited, .mainBody .default .gform_wrapper input[type="submit"]:focus:visited, .home .featured .gform_button:focus:visited, .mainBody a.button:hover, .mainBody .main .gform_wrapper input[type="submit"]:hover:visited, .mainBody .default .gform_wrapper input[type="submit"]:hover:visited, .mainBody .home .featured .gform_button:hover:visited, .home .featured .mainBody .gform_button:hover:visited, .mainBody a.button:focus, .mainBody .main .gform_wrapper input[type="submit"]:focus:visited, .mainBody .default .gform_wrapper input[type="submit"]:focus:visited, .mainBody .home .featured .gform_button:focus:visited, .home .featured .mainBody .gform_button:focus:visited, .featured a.button:hover, .featured .mainBody .main .gform_wrapper input[type="submit"]:hover:visited, .mainBody .main .gform_wrapper .featured input[type="submit"]:hover:visited, .featured .mainBody .default .gform_wrapper input[type="submit"]:hover:visited, .mainBody .default .gform_wrapper .featured input[type="submit"]:hover:visited, .home .featured .gform_button:hover:visited, .featured a.button:focus, .featured .mainBody .main .gform_wrapper input[type="submit"]:focus:visited, .mainBody .main .gform_wrapper .featured input[type="submit"]:focus:visited, .featured .mainBody .default .gform_wrapper input[type="submit"]:focus:visited, .mainBody .default .gform_wrapper .featured input[type="submit"]:focus:visited, .home .featured .gform_button:focus:visited {
    background-image: none; }
  a.button:active, .mainBody a.button:active:visited, .featured a.button:active:visited, .mainBody .main .gform_wrapper input[type="submit"]:active:visited, .mainBody .default .gform_wrapper input[type="submit"]:active:visited, .home .featured .gform_button:active:visited, .mainBody a.button:active, .mainBody .main .gform_wrapper input[type="submit"]:active:visited, .mainBody .default .gform_wrapper input[type="submit"]:active:visited, .mainBody .home .featured .gform_button:active:visited, .home .featured .mainBody .gform_button:active:visited, .featured a.button:active, .featured .mainBody .main .gform_wrapper input[type="submit"]:active:visited, .mainBody .main .gform_wrapper .featured input[type="submit"]:active:visited, .featured .mainBody .default .gform_wrapper input[type="submit"]:active:visited, .mainBody .default .gform_wrapper .featured input[type="submit"]:active:visited, .home .featured .gform_button:active:visited {
    background: #2356e9;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.15); }
  a.button.yellow, .mainBody a.yellow.button:visited, .featured a.yellow.button:visited, .mainBody .main .gform_wrapper input.yellow[type="submit"]:visited, .mainBody .default .gform_wrapper input.yellow[type="submit"]:visited, .home .featured .yellow.gform_button:visited, .mainBody a.button.yellow, .mainBody .main .gform_wrapper input.yellow[type="submit"]:visited, .mainBody .default .gform_wrapper input.yellow[type="submit"]:visited, .mainBody .home .featured .yellow.gform_button:visited, .home .featured .mainBody .yellow.gform_button:visited, .featured a.button.yellow, .featured .mainBody .main .gform_wrapper input.yellow[type="submit"]:visited, .mainBody .main .gform_wrapper .featured input.yellow[type="submit"]:visited, .featured .mainBody .default .gform_wrapper input.yellow[type="submit"]:visited, .mainBody .default .gform_wrapper .featured input.yellow[type="submit"]:visited, .home .featured .yellow.gform_button:visited {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(bottom, rgba(178, 126, 0, 0.29), rgba(255, 194, 48, 0.29));
    background-image: -moz-linear-gradient(bottom, rgba(178, 126, 0, 0.29), rgba(255, 194, 48, 0.29));
    background-image: -o-linear-gradient(bottom, rgba(178, 126, 0, 0.29), rgba(255, 194, 48, 0.29));
    background-image: -ms-linear-gradient(bottom, rgba(178, 126, 0, 0.29), rgba(255, 194, 48, 0.29));
    background-image: linear-gradient(to top, rgba(178, 126, 0, 0.29), rgba(255, 194, 48, 0.29));
    border: solid 2px #b27e00; }
    a.button.yellow:hover, .mainBody .main .gform_wrapper input.yellow[type="submit"]:hover:visited, .mainBody .default .gform_wrapper input.yellow[type="submit"]:hover:visited, .home .featured .yellow.gform_button:hover:visited, a.button.yellow:focus, .mainBody .main .gform_wrapper input.yellow[type="submit"]:focus:visited, .mainBody .default .gform_wrapper input.yellow[type="submit"]:focus:visited, .home .featured .yellow.gform_button:focus:visited, .mainBody a.button.yellow:hover, .mainBody .main .gform_wrapper input.yellow[type="submit"]:hover:visited, .mainBody .default .gform_wrapper input.yellow[type="submit"]:hover:visited, .mainBody .home .featured .yellow.gform_button:hover:visited, .home .featured .mainBody .yellow.gform_button:hover:visited, .mainBody a.button.yellow:focus, .mainBody .main .gform_wrapper input.yellow[type="submit"]:focus:visited, .mainBody .default .gform_wrapper input.yellow[type="submit"]:focus:visited, .mainBody .home .featured .yellow.gform_button:focus:visited, .home .featured .mainBody .yellow.gform_button:focus:visited, .featured a.button.yellow:hover, .featured .mainBody .main .gform_wrapper input.yellow[type="submit"]:hover:visited, .mainBody .main .gform_wrapper .featured input.yellow[type="submit"]:hover:visited, .featured .mainBody .default .gform_wrapper input.yellow[type="submit"]:hover:visited, .mainBody .default .gform_wrapper .featured input.yellow[type="submit"]:hover:visited, .home .featured .yellow.gform_button:hover:visited, .featured a.button.yellow:focus, .featured .mainBody .main .gform_wrapper input.yellow[type="submit"]:focus:visited, .mainBody .main .gform_wrapper .featured input.yellow[type="submit"]:focus:visited, .featured .mainBody .default .gform_wrapper input.yellow[type="submit"]:focus:visited, .mainBody .default .gform_wrapper .featured input.yellow[type="submit"]:focus:visited, .home .featured .yellow.gform_button:focus:visited {
      background-image: none; }
    a.button.yellow:active, .mainBody .main .gform_wrapper input.yellow[type="submit"]:active:visited, .mainBody .default .gform_wrapper input.yellow[type="submit"]:active:visited, .home .featured .yellow.gform_button:active:visited, .mainBody a.button.yellow:active, .mainBody .main .gform_wrapper input.yellow[type="submit"]:active:visited, .mainBody .default .gform_wrapper input.yellow[type="submit"]:active:visited, .mainBody .home .featured .yellow.gform_button:active:visited, .home .featured .mainBody .yellow.gform_button:active:visited, .featured a.button.yellow:active, .featured .mainBody .main .gform_wrapper input.yellow[type="submit"]:active:visited, .mainBody .main .gform_wrapper .featured input.yellow[type="submit"]:active:visited, .featured .mainBody .default .gform_wrapper input.yellow[type="submit"]:active:visited, .mainBody .default .gform_wrapper .featured input.yellow[type="submit"]:active:visited, .home .featured .yellow.gform_button:active:visited {
      background: #dca70b; }
  a.button.red, .mainBody a.red.button:visited, .featured a.red.button:visited, .mainBody .main .gform_wrapper input.red[type="submit"]:visited, .mainBody .default .gform_wrapper input.red[type="submit"]:visited, .home .featured .red.gform_button:visited, .mainBody a.button.red, .mainBody .main .gform_wrapper input.red[type="submit"]:visited, .mainBody .default .gform_wrapper input.red[type="submit"]:visited, .mainBody .home .featured .red.gform_button:visited, .home .featured .mainBody .red.gform_button:visited, .featured a.button.red, .featured .mainBody .main .gform_wrapper input.red[type="submit"]:visited, .mainBody .main .gform_wrapper .featured input.red[type="submit"]:visited, .featured .mainBody .default .gform_wrapper input.red[type="submit"]:visited, .mainBody .default .gform_wrapper .featured input.red[type="submit"]:visited, .home .featured .red.gform_button:visited {
    background-color: #e74c3c;
    background-image: -webkit-linear-gradient(bottom, rgba(178, 44, 17, 0.29), rgba(255, 105, 73, 0.29));
    background-image: -moz-linear-gradient(bottom, rgba(178, 44, 17, 0.29), rgba(255, 105, 73, 0.29));
    background-image: -o-linear-gradient(bottom, rgba(178, 44, 17, 0.29), rgba(255, 105, 73, 0.29));
    background-image: -ms-linear-gradient(bottom, rgba(178, 44, 17, 0.29), rgba(255, 105, 73, 0.29));
    background-image: linear-gradient(to top, rgba(178, 44, 17, 0.29), rgba(255, 105, 73, 0.29));
    border: solid 2px #b22c11; }
    a.button.red:hover, .mainBody .main .gform_wrapper input.red[type="submit"]:hover:visited, .mainBody .default .gform_wrapper input.red[type="submit"]:hover:visited, .home .featured .red.gform_button:hover:visited, a.button.red:focus, .mainBody .main .gform_wrapper input.red[type="submit"]:focus:visited, .mainBody .default .gform_wrapper input.red[type="submit"]:focus:visited, .home .featured .red.gform_button:focus:visited, .mainBody a.button.red:hover, .mainBody .main .gform_wrapper input.red[type="submit"]:hover:visited, .mainBody .default .gform_wrapper input.red[type="submit"]:hover:visited, .mainBody .home .featured .red.gform_button:hover:visited, .home .featured .mainBody .red.gform_button:hover:visited, .mainBody a.button.red:focus, .mainBody .main .gform_wrapper input.red[type="submit"]:focus:visited, .mainBody .default .gform_wrapper input.red[type="submit"]:focus:visited, .mainBody .home .featured .red.gform_button:focus:visited, .home .featured .mainBody .red.gform_button:focus:visited, .featured a.button.red:hover, .featured .mainBody .main .gform_wrapper input.red[type="submit"]:hover:visited, .mainBody .main .gform_wrapper .featured input.red[type="submit"]:hover:visited, .featured .mainBody .default .gform_wrapper input.red[type="submit"]:hover:visited, .mainBody .default .gform_wrapper .featured input.red[type="submit"]:hover:visited, .home .featured .red.gform_button:hover:visited, .featured a.button.red:focus, .featured .mainBody .main .gform_wrapper input.red[type="submit"]:focus:visited, .mainBody .main .gform_wrapper .featured input.red[type="submit"]:focus:visited, .featured .mainBody .default .gform_wrapper input.red[type="submit"]:focus:visited, .mainBody .default .gform_wrapper .featured input.red[type="submit"]:focus:visited, .home .featured .red.gform_button:focus:visited {
      background-image: none; }
    a.button.red:active, .mainBody .main .gform_wrapper input.red[type="submit"]:active:visited, .mainBody .default .gform_wrapper input.red[type="submit"]:active:visited, .home .featured .red.gform_button:active:visited, .mainBody a.button.red:active, .mainBody .main .gform_wrapper input.red[type="submit"]:active:visited, .mainBody .default .gform_wrapper input.red[type="submit"]:active:visited, .mainBody .home .featured .red.gform_button:active:visited, .home .featured .mainBody .red.gform_button:active:visited, .featured a.button.red:active, .featured .mainBody .main .gform_wrapper input.red[type="submit"]:active:visited, .mainBody .main .gform_wrapper .featured input.red[type="submit"]:active:visited, .featured .mainBody .default .gform_wrapper input.red[type="submit"]:active:visited, .mainBody .default .gform_wrapper .featured input.red[type="submit"]:active:visited, .home .featured .red.gform_button:active:visited {
      background: #d33a2c; }
  a.button.brown, .mainBody a.brown.button:visited, .featured a.brown.button:visited, .mainBody .main .gform_wrapper input.brown[type="submit"]:visited, .mainBody .default .gform_wrapper input.brown[type="submit"]:visited, .home .featured .brown.gform_button:visited, .mainBody a.button.brown, .mainBody .main .gform_wrapper input.brown[type="submit"]:visited, .mainBody .default .gform_wrapper input.brown[type="submit"]:visited, .mainBody .home .featured .brown.gform_button:visited, .home .featured .mainBody .brown.gform_button:visited, .featured a.button.brown, .featured .mainBody .main .gform_wrapper input.brown[type="submit"]:visited, .mainBody .main .gform_wrapper .featured input.brown[type="submit"]:visited, .featured .mainBody .default .gform_wrapper input.brown[type="submit"]:visited, .mainBody .default .gform_wrapper .featured input.brown[type="submit"]:visited, .home .featured .brown.gform_button:visited {
    background-color: #736357;
    background-image: -webkit-linear-gradient(bottom, rgba(57, 45, 38, 0.29), rgba(115, 99, 87, 0.29));
    background-image: -moz-linear-gradient(bottom, rgba(57, 45, 38, 0.29), rgba(115, 99, 87, 0.29));
    background-image: -o-linear-gradient(bottom, rgba(57, 45, 38, 0.29), rgba(115, 99, 87, 0.29));
    background-image: -ms-linear-gradient(bottom, rgba(57, 45, 38, 0.29), rgba(115, 99, 87, 0.29));
    background-image: linear-gradient(to top, rgba(57, 45, 38, 0.29), rgba(115, 99, 87, 0.29));
    border: solid 2px #392d26; }
    a.button.brown:hover, .mainBody .main .gform_wrapper input.brown[type="submit"]:hover:visited, .mainBody .default .gform_wrapper input.brown[type="submit"]:hover:visited, .home .featured .brown.gform_button:hover:visited, a.button.brown:focus, .mainBody .main .gform_wrapper input.brown[type="submit"]:focus:visited, .mainBody .default .gform_wrapper input.brown[type="submit"]:focus:visited, .home .featured .brown.gform_button:focus:visited, .mainBody a.button.brown:hover, .mainBody .main .gform_wrapper input.brown[type="submit"]:hover:visited, .mainBody .default .gform_wrapper input.brown[type="submit"]:hover:visited, .mainBody .home .featured .brown.gform_button:hover:visited, .home .featured .mainBody .brown.gform_button:hover:visited, .mainBody a.button.brown:focus, .mainBody .main .gform_wrapper input.brown[type="submit"]:focus:visited, .mainBody .default .gform_wrapper input.brown[type="submit"]:focus:visited, .mainBody .home .featured .brown.gform_button:focus:visited, .home .featured .mainBody .brown.gform_button:focus:visited, .featured a.button.brown:hover, .featured .mainBody .main .gform_wrapper input.brown[type="submit"]:hover:visited, .mainBody .main .gform_wrapper .featured input.brown[type="submit"]:hover:visited, .featured .mainBody .default .gform_wrapper input.brown[type="submit"]:hover:visited, .mainBody .default .gform_wrapper .featured input.brown[type="submit"]:hover:visited, .home .featured .brown.gform_button:hover:visited, .featured a.button.brown:focus, .featured .mainBody .main .gform_wrapper input.brown[type="submit"]:focus:visited, .mainBody .main .gform_wrapper .featured input.brown[type="submit"]:focus:visited, .featured .mainBody .default .gform_wrapper input.brown[type="submit"]:focus:visited, .mainBody .default .gform_wrapper .featured input.brown[type="submit"]:focus:visited, .home .featured .brown.gform_button:focus:visited {
      background-image: none; }
    a.button.brown:active, .mainBody .main .gform_wrapper input.brown[type="submit"]:active:visited, .mainBody .default .gform_wrapper input.brown[type="submit"]:active:visited, .home .featured .brown.gform_button:active:visited, .mainBody a.button.brown:active, .mainBody .main .gform_wrapper input.brown[type="submit"]:active:visited, .mainBody .default .gform_wrapper input.brown[type="submit"]:active:visited, .mainBody .home .featured .brown.gform_button:active:visited, .home .featured .mainBody .brown.gform_button:active:visited, .featured a.button.brown:active, .featured .mainBody .main .gform_wrapper input.brown[type="submit"]:active:visited, .mainBody .main .gform_wrapper .featured input.brown[type="submit"]:active:visited, .featured .mainBody .default .gform_wrapper input.brown[type="submit"]:active:visited, .mainBody .default .gform_wrapper .featured input.brown[type="submit"]:active:visited, .home .featured .brown.gform_button:active:visited {
      background: #594b42; }
  a.button.medium, .mainBody a.medium.button:visited, .featured a.medium.button:visited, .mainBody .main .gform_wrapper input.medium[type="submit"]:visited, .mainBody .default .gform_wrapper input.medium[type="submit"]:visited, .home .featured .medium.gform_button:visited, .mainBody a.button.medium, .mainBody .main .gform_wrapper input.medium[type="submit"]:visited, .mainBody .default .gform_wrapper input.medium[type="submit"]:visited, .mainBody .home .featured .medium.gform_button:visited, .home .featured .mainBody .medium.gform_button:visited, .featured a.button.medium, .featured .mainBody .main .gform_wrapper input.medium[type="submit"]:visited, .mainBody .main .gform_wrapper .featured input.medium[type="submit"]:visited, .featured .mainBody .default .gform_wrapper input.medium[type="submit"]:visited, .mainBody .default .gform_wrapper .featured input.medium[type="submit"]:visited, .home .featured .medium.gform_button:visited {
    font-size: 15px;
    padding: 10px 16px; }
  a.button.small, .mainBody a.small.button:visited, .featured a.small.button:visited, .mainBody .main .gform_wrapper input.small[type="submit"]:visited, .mainBody .default .gform_wrapper input.small[type="submit"]:visited, .home .featured .small.gform_button:visited, .mainBody a.button.small, .mainBody .main .gform_wrapper input.small[type="submit"]:visited, .mainBody .default .gform_wrapper input.small[type="submit"]:visited, .mainBody .home .featured .small.gform_button:visited, .home .featured .mainBody .small.gform_button:visited, .featured a.button.small, .featured .mainBody .main .gform_wrapper input.small[type="submit"]:visited, .mainBody .main .gform_wrapper .featured input.small[type="submit"]:visited, .featured .mainBody .default .gform_wrapper input.small[type="submit"]:visited, .mainBody .default .gform_wrapper .featured input.small[type="submit"]:visited, .home .featured .small.gform_button:visited {
    font-size: 13px;
    padding: 8px 16px; }

/*=======================================================================
Site Name: Orange County SPCA
Author: Jake Craigmile - http://www.jakecraigmile.com
Stylesheet: Base Mobile Stylesheet

===========================
	Index
===========================
 - General
 - Header & Navigation
 - Body & Sidebar
 - Footer
 - Page Templates

=======================================================================*/
/*=======================================================================
	General
=======================================================================*/
body {
  background: url(../images/bg-body.jpg) repeat;
  color: #534741;
  font-family: "Dosis", sans-serif;
  font-size: 100%; }

h1, .h1, h2, .h2, .home .mainBody .end h1, .single-programs .mainBody article header h1, h3, .h3, .mainBody .connect h1, .home .mainBody .end h2, .post-type-archive-programs .mainBody .program header h1, .page-template-page_shelters-php .mainBody .city header h1, .post-type-archive-event .mainBody .event header h1, .search-results .mainBody .main article h1, h4, .h4, .mainBody .main form h5, .mainBody .default form h5, .mainBody .main .gform_wrapper h2, .mainBody .default .gform_wrapper h2, .mainBody .sidebar h1, .post-type-archive-tributes .mainBody .main .browse h1, h5, .h5, .mainBody .main .gform_wrapper .gfield_label, .mainBody .default .gform_wrapper .gfield_label, .page-id-9 .mainBody nav h1, .page-id-21 .mainBody nav h1, .post-type-archive-programs .mainBody nav h1, .single-event .mainBody .sidebar .info h2, .page-template-page_shelters-php .mainBody .city div h2, .post-type-archive-event .mainBody .event .info ul h3, .page-template-page_event-php .mainBody .fe-extrainfo-container label, h6, .h6, .mainBody .page-title, .home .mainBody .group article header h1, .post-type-archive-programs .mainBody .program header p, .page-template-page_shelters-php .mainBody .city div h3, .post-type-archive-event .mainBody .event .date h2, .single-tributes .mainBody .sidebar .info h2 {
  color: #392d26;
  margin: 0; }

h1, .h1, h2, .h2, .home .mainBody .end h1, .single-programs .mainBody article header h1, h3, .h3, .mainBody .connect h1, .home .mainBody .end h2, .post-type-archive-programs .mainBody .program header h1, .page-template-page_shelters-php .mainBody .city header h1, .post-type-archive-event .mainBody .event header h1, .search-results .mainBody .main article h1 {
  font-family: "SFCartoonistHandRegular", sans-serif; }

h4, .h4, .mainBody .main form h5, .mainBody .default form h5, .mainBody .main .gform_wrapper h2, .mainBody .default .gform_wrapper h2, .mainBody .sidebar h1, .post-type-archive-tributes .mainBody .main .browse h1, h5, .h5, .mainBody .main .gform_wrapper .gfield_label, .mainBody .default .gform_wrapper .gfield_label, .page-id-9 .mainBody nav h1, .page-id-21 .mainBody nav h1, .post-type-archive-programs .mainBody nav h1, .single-event .mainBody .sidebar .info h2, .page-template-page_shelters-php .mainBody .city div h2, .post-type-archive-event .mainBody .event .info ul h3, .page-template-page_event-php .mainBody .fe-extrainfo-container label, h6, .h6, .mainBody .page-title, .home .mainBody .group article header h1, .post-type-archive-programs .mainBody .program header p, .page-template-page_shelters-php .mainBody .city div h3, .post-type-archive-event .mainBody .event .date h2, .single-tributes .mainBody .sidebar .info h2 {
  font-family: "Dosis", sans-serif; }

h1, .h1 {
  font-size: 48px; }

h2, .h2, .home .mainBody .end h1, .single-programs .mainBody article header h1 {
  font-size: 40px; }

h3, .h3, .mainBody .connect h1, .home .mainBody .end h2, .post-type-archive-programs .mainBody .program header h1, .page-template-page_shelters-php .mainBody .city header h1, .post-type-archive-event .mainBody .event header h1, .search-results .mainBody .main article h1 {
  font-size: 32px; }

h4, .h4, .mainBody .main form h5, .mainBody .default form h5, .mainBody .main .gform_wrapper h2, .mainBody .default .gform_wrapper h2, .mainBody .sidebar h1, .post-type-archive-tributes .mainBody .main .browse h1 {
  font-size: 24px; }

h5, .h5, .mainBody .main .gform_wrapper .gfield_label, .mainBody .default .gform_wrapper .gfield_label, .page-id-9 .mainBody nav h1, .page-id-21 .mainBody nav h1, .post-type-archive-programs .mainBody nav h1, .single-event .mainBody .sidebar .info h2, .page-template-page_shelters-php .mainBody .city div h2, .post-type-archive-event .mainBody .event .info ul h3, .page-template-page_event-php .mainBody .fe-extrainfo-container label {
  font-size: 18px;
  margin-top: 21px; }

h6, .h6, .mainBody .page-title, .home .mainBody .group article header h1, .post-type-archive-programs .mainBody .program header p, .page-template-page_shelters-php .mainBody .city div h3, .post-type-archive-event .mainBody .event .date h2, .single-tributes .mainBody .sidebar .info h2 {
  color: #998675;
  font-size: 16px;
  text-transform: uppercase; }

p {
  font-size: 16px;
  line-height: 24px;
  margin: 12px 0; }

a:link, a:visited {
  color: #e74c3c;
  text-decoration: none; }

a:hover, a:active, a:focus {
  color: #a82315; }

hr {
  border: 0;
  border-top: 1px solid #c5c29f;
  display: block;
  height: 1px;
  margin: 30px 0;
  padding: 0;
  zoom: 1; }
  hr:before, hr:after {
    content: "";
    display: table; }
  hr:after {
    clear: both; }

.alignright {
  float: right; }

.alignleft {
  float: left; }

#s {
  -webkit-appearance: none;
  appearance: none;
  border-top: 1px solid #534741;
  border-right: none;
  border-bottom: 1px solid #534741;
  border-left: 1px solid #534741;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  -border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  font-family: "Dosis", sans-serif;
  padding-left: 8px;
  width: 166px;
  float: left;
  height: 32px; }

#searchsubmit {
  background: url(../images/bg-search.gif) no-repeat center center;
  background-size: 40px 32px;
  border: none;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  -border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  color: #fff;
  width: 40px;
  float: left;
  height: 32px; }

p.search {
  margin-top: 21px; }

/*=======================================================================
	Header & Navigation
=======================================================================*/
/* Sub Header
=============================================*/
.subHead {
  display: none;
  visibility: hidden; }

/* Main Header
=============================================*/
.mainHead {
  background: url(../images/bg-nav.jpg) repeat-x left center;
  border-top: 2px solid #1141b2;
  border-bottom: 2px solid #1141b2;
  padding: .25em 1em;
  zoom: 1; }
  .mainHead:before, .mainHead:after {
    content: "";
    display: table; }
  .mainHead:after {
    clear: both; }
  .mainHead h1 {
    float: left;
    font-family: "Dosis", sans-serif;
    font-size: 24px;
    font-weight: 500;
    margin: 0; }
  .mainHead a {
    color: #fff; }
  .mainHead .trigger {
    color: #fff;
    float: right;
    font-size: 24px; }
  .mainHead nav {
    display: none;
    visibility: hidden;
    background: #1141b2;
    position: absolute;
    top: 43px;
    left: 0;
    width: 100%;
    z-index: 9999; }
    .mainHead nav ul {
      margin: 0; }
      .mainHead nav ul li a {
        border-top: 1px solid #2f6bfe;
        border-bottom: 1px solid #1141b2;
        display: block;
        padding: .5em 1em; }
      .mainHead nav ul ul li a {
        padding-left: 1.5em; }
      .mainHead nav ul ul ul li a {
        padding-left: 2em; }
  .mainHead nav.open {
    display: block;
    visibility: visible; }

/*=======================================================================
	Body
=======================================================================*/
/* Featured Image
=============================================*/
.featured-image, .tributes-image {
  margin-bottom: -35px; }
  .featured-image + .mainBody, .tributes-image + .mainBody {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px; }
  .featured-image img, .tributes-image img {
    margin: 0;
    height: auto;
    max-width: 100%; }

.post-type-archive .featured-image, .single-tributes .featured-image, .single-event .featured-image, .search .featured-image {
  display: none;
  visibility: hidden;
  margin-bottom: 0; }
  .post-type-archive .featured-image + .mainBody, .single-tributes .featured-image + .mainBody, .single-event .featured-image + .mainBody, .search .featured-image + .mainBody {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -border-radius: 0;
    border-radius: 0; }

/* Main Body
=============================================*/
.mainBody {
  background: url(../images/bg-content.jpg) repeat;
  border: solid 2px #c5c29f;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 1, 0.2);
  -moz-box-shadow: 0 10px 10px rgba(0, 0, 1, 0.2);
  -ms-box-shadow: 0 10px 10px rgba(0, 0, 1, 0.2);
  -o-box-shadow: 0 10px 10px rgba(0, 0, 1, 0.2);
  -box-shadow: 0 10px 10px rgba(0, 0, 1, 0.2);
  box-shadow: 0 10px 10px rgba(0, 0, 1, 0.2);
  margin: 8px 8px -24px 8px;
  position: relative;
  z-index: 100;
  /* Gravity Forms
	=============================================*/
  /* Sidebar
	=============================================*/
  /* Connect // Sign Up
	=============================================*/ }
  .mainBody .content {
    padding: 21px 16px; }
  .mainBody .page-title {
    margin-bottom: 12px; }
  .mainBody a.blend:link, .mainBody .sidebar .contact a:link, .page-template-page_shelters-php .mainBody .city div h2 a:link, .page-template-page_event-php .mainBody .fe-extrainfo-container a:link, .single-tributes .mainBody .sidebar a:link, .page-id-32 .mainBody ul a:link, .search-results .mainBody .main article h1 a:link, .mainBody a.blend:visited, .mainBody .sidebar .contact a:visited, .page-template-page_shelters-php .mainBody .city div h2 a:visited, .page-template-page_event-php .mainBody .fe-extrainfo-container a:visited, .single-tributes .mainBody .sidebar a:visited, .page-id-32 .mainBody ul a:visited, .search-results .mainBody .main article h1 a:visited {
    color: #534741;
    font-weight: 600; }
  .mainBody a.blend:hover, .mainBody .sidebar .contact a:hover, .page-template-page_shelters-php .mainBody .city div h2 a:hover, .page-template-page_event-php .mainBody .fe-extrainfo-container a:hover, .single-tributes .mainBody .sidebar a:hover, .page-id-32 .mainBody ul a:hover, .search-results .mainBody .main article h1 a:hover, .mainBody a.blend:active, .mainBody .sidebar .contact a:active, .page-template-page_shelters-php .mainBody .city div h2 a:active, .page-template-page_event-php .mainBody .fe-extrainfo-container a:active, .single-tributes .mainBody .sidebar a:active, .page-id-32 .mainBody ul a:active, .search-results .mainBody .main article h1 a:active, .mainBody a.blend:focus, .mainBody .sidebar .contact a:focus, .page-template-page_shelters-php .mainBody .city div h2 a:focus, .page-template-page_event-php .mainBody .fe-extrainfo-container a:focus, .single-tributes .mainBody .sidebar a:focus, .page-id-32 .mainBody ul a:focus, .search-results .mainBody .main article h1 a:focus {
    color: #1a1614; }
  .mainBody ul, .mainBody ol, .mainBody dl {
    font-weight: 500;
    margin: 12px 0;
    padding-left: 40px; }
    .mainBody ul li, .mainBody ol li, .mainBody dl li {
      margin: 12px 0; }
  .mainBody ul {
    list-style: disc; }
  .mainBody ol {
    list-style: decimal; }
  .mainBody dl {
    list-style: circle; }
  .mainBody ul.nav-tabs, .mainBody ol.bones_page_navi {
    font-weight: 400;
    list-style: none;
    margin: 30px 0 0 0;
    padding: 0; }
    .mainBody ul.nav-tabs li, .mainBody ol.bones_page_navi li {
      margin: 0; }
  .mainBody ol.bones_page_navi {
    border-top: 1px solid #c5c29f;
    padding-top: 12px; }
    .mainBody ol.bones_page_navi li {
      float: left;
      margin: 0 8px; }
  .mainBody blockquote {
    background: url(../images/bg-blockquote.jpg);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -border-radius: 2px;
    border-radius: 2px;
    font-style: italic;
    font-weight: 600;
    margin: 16px 0;
    padding: 1px 32px; }
    .mainBody blockquote cite {
      color: #998675;
      font-weight: 500; }
  .mainBody h2 + p {
    font-size: 18px; }
  .mainBody .main img {
    max-width: 100%;
    height: auto; }
  .mainBody .main .wp-caption {
    background: #eee;
    padding: 4px 0;
    text-align: center; }
    .mainBody .main .wp-caption img {
      max-width: 100%;
      height: auto; }
    .mainBody .main .wp-caption p {
      margin: 0; }
  .mainBody .main h3 {
    margin-top: 24px; }
  .mainBody .main p.last {
    margin: 24px 0 0 0; }
  .mainBody .main .button {
    margin: 10px 0 4px 0; }
  .mainBody .main form, .mainBody .default form {
    margin: 16px 0 43px 0; }
    .mainBody .main form table, .mainBody .main form td, .mainBody .main form tr, .mainBody .default form table, .mainBody .default form td, .mainBody .default form tr {
      width: 100%; }
    .mainBody .main form p, .mainBody .default form p {
      margin: 8px 0;
      width: 100%;
      zoom: 1; }
      .mainBody .main form p:before, .mainBody .main form p:after, .mainBody .default form p:before, .mainBody .default form p:after {
        content: "";
        display: table; }
      .mainBody .main form p:after, .mainBody .default form p:after {
        clear: both; }
      .mainBody .main form p input, .mainBody .default form p input {
        margin: 4px 13px 0 0; }
      .mainBody .main form p label, .mainBody .default form p label {
        font-size: 18px;
        font-weight: 500; }
      .mainBody .main form p input, .mainBody .main form p label, .mainBody .default form p input, .mainBody .default form p label {
        cursor: pointer;
        display: inline-block;
        float: left; }
      .mainBody .main form p span, .mainBody .default form p span {
        margin-left: 4px; }
    .mainBody .main form table + p input, .mainBody .default form table + p input {
      margin-top: 3px; }
    .mainBody .main form table + p .pixel, .mainBody .default form table + p .pixel {
      visibility: hidden; }
  .mainBody .main .gform_confirmation_wrapper, .mainBody .default .gform_confirmation_wrapper {
    background: #e3ebff;
    color: #1141b2;
    font-weight: 500;
    margin-bottom: 20;
    padding: 8px;
    text-align: center; }
  .mainBody .main .gform_wrapper h2, .mainBody .default .gform_wrapper h2 {
    border-bottom: 1px solid #c5c29f;
    display: block;
    padding-bottom: 10px; }
  .mainBody .main .gform_wrapper .gform_validation_container, .mainBody .default .gform_wrapper .gform_validation_container {
    display: none;
    visibility: hidden; }
  .mainBody .main .gform_wrapper .ginput_container, .mainBody .default .gform_wrapper .ginput_container {
    margin-top: 8px; }
  .mainBody .main .gform_wrapper .gform_heading, .mainBody .default .gform_wrapper .gform_heading {
    margin-bottom: 16px; }
  .mainBody .main .gform_wrapper .gfield_description, .mainBody .default .gform_wrapper .gfield_description {
    font-size: 14px;
    margin-top: 4px; }
  .mainBody .main .gform_wrapper .validation_error, .mainBody .default .gform_wrapper .validation_error {
    margin-bottom: 20px; }
  .mainBody .main .gform_wrapper .validation_message,
  .mainBody .main .gform_wrapper .validation_error, .mainBody .default .gform_wrapper .validation_message,
  .mainBody .default .gform_wrapper .validation_error {
    color: #e74c3c; }
  .mainBody .main .gform_wrapper .validation_error, .mainBody .default .gform_wrapper .validation_error {
    background: #fbdedb;
    margin-bottom: 20;
    padding: 8px;
    text-align: center; }
  .mainBody .main .gform_wrapper ul, .mainBody .default .gform_wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .mainBody .main .gform_wrapper ul li, .mainBody .default .gform_wrapper ul li {
      margin: 0 0 18px 0;
      zoom: 1; }
      .mainBody .main .gform_wrapper ul li:before, .mainBody .main .gform_wrapper ul li:after, .mainBody .default .gform_wrapper ul li:before, .mainBody .default .gform_wrapper ul li:after {
        content: "";
        display: table; }
      .mainBody .main .gform_wrapper ul li:after, .mainBody .default .gform_wrapper ul li:after {
        clear: both; }
      .mainBody .main .gform_wrapper ul li label, .mainBody .default .gform_wrapper ul li label {
        font-weight: 600; }
  .mainBody .main .gform_wrapper .gfield_radio, .mainBody .main .gform_wrapper .gfield_checkbox, .mainBody .default .gform_wrapper .gfield_radio, .mainBody .default .gform_wrapper .gfield_checkbox {
    margin-top: 8px; }
    .mainBody .main .gform_wrapper .gfield_radio li, .mainBody .main .gform_wrapper .gfield_checkbox li, .mainBody .default .gform_wrapper .gfield_radio li, .mainBody .default .gform_wrapper .gfield_checkbox li {
      margin: 12px 0; }
      .mainBody .main .gform_wrapper .gfield_radio li label, .mainBody .main .gform_wrapper .gfield_checkbox li label, .mainBody .default .gform_wrapper .gfield_radio li label, .mainBody .default .gform_wrapper .gfield_checkbox li label {
        font-weight: 400; }
    .mainBody .main .gform_wrapper .gfield_radio input[type="text"], .mainBody .main .gform_wrapper .gfield_checkbox input[type="text"], .mainBody .default .gform_wrapper .gfield_radio input[type="text"], .mainBody .default .gform_wrapper .gfield_checkbox input[type="text"] {
      width: 96px; }
  .mainBody .main .gform_wrapper input, .mainBody .main .gform_wrapper label, .mainBody .default .gform_wrapper input, .mainBody .default .gform_wrapper label {
    height: auto;
    float: none; }
  .mainBody .main .gform_wrapper input[type="text"], .mainBody .default .gform_wrapper input[type="text"] {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #534741;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -border-radius: 3px;
    border-radius: 3px;
    font-family: "Dosis", sans-serif;
    height: 32px;
    padding: 0 8px;
    width: 256px; }
  .mainBody .main .gform_wrapper .textarea, .mainBody .default .gform_wrapper .textarea {
    max-width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -border-radius: 3px;
    border-radius: 3px;
    padding: 8px; }
  .mainBody .main .gform_wrapper input[type="radio"], .mainBody .main .gform_wrapper input[type="checkbox"], .mainBody .default .gform_wrapper input[type="radio"], .mainBody .default .gform_wrapper input[type="checkbox"] {
    margin-right: 8px; }
  .mainBody .main .gform_wrapper .gfield_required, .mainBody .default .gform_wrapper .gfield_required {
    color: #e74c3c;
    margin-left: 4px; }
  .mainBody .main .gform_wrapper input[type="submit"], .mainBody .default .gform_wrapper input[type="submit"] {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -border-radius: 3px;
    border-radius: 3px;
    background-color: #306eff;
    background-image: -webkit-linear-gradient(bottom, rgba(16, 64, 178, 0.29), rgba(48, 110, 255, 0.29));
    background-image: -moz-linear-gradient(bottom, rgba(16, 64, 178, 0.29), rgba(48, 110, 255, 0.29));
    background-image: -o-linear-gradient(bottom, rgba(16, 64, 178, 0.29), rgba(48, 110, 255, 0.29));
    background-image: -ms-linear-gradient(bottom, rgba(16, 64, 178, 0.29), rgba(48, 110, 255, 0.29));
    background-image: linear-gradient(to top, rgba(16, 64, 178, 0.29), rgba(48, 110, 255, 0.29));
    border: solid 2px #1141b2;
    color: #fff;
    display: inline-block;
    font-family: "Dosis", sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin-top: 3px;
    padding: 10px 16px;
    text-decoration: none;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.15);
    text-transform: uppercase; }
    .mainBody .main .gform_wrapper input[type="submit"]:hover, .mainBody .main .gform_wrapper input[type="submit"]:focus, .mainBody .default .gform_wrapper input[type="submit"]:hover, .mainBody .default .gform_wrapper input[type="submit"]:focus {
      background-image: none; }
    .mainBody .main .gform_wrapper input[type="submit"]:active, .mainBody .default .gform_wrapper input[type="submit"]:active {
      background: #2356e9;
      text-shadow: 1px 1px rgba(0, 0, 0, 0.15); }
  .mainBody .main .gform_wrapper .ginput_complex label, .mainBody .default .gform_wrapper .ginput_complex label {
    zoom: 1;
    color: #736357;
    font-size: 14px; }
    .mainBody .main .gform_wrapper .ginput_complex label:before, .mainBody .main .gform_wrapper .ginput_complex label:after, .mainBody .default .gform_wrapper .ginput_complex label:before, .mainBody .default .gform_wrapper .ginput_complex label:after {
      content: "";
      display: table; }
    .mainBody .main .gform_wrapper .ginput_complex label:after, .mainBody .default .gform_wrapper .ginput_complex label:after {
      clear: both; }
  .mainBody .main .gform_wrapper .ginput_complex span, .mainBody .default .gform_wrapper .ginput_complex span {
    display: inline-block;
    margin-top: 8px; }
  .mainBody .main .gform_wrapper .ginput_complex #input_5_1_3_container,
  .mainBody .main .gform_wrapper .ginput_complex #input_5_3_1_container, .mainBody .default .gform_wrapper .ginput_complex #input_5_1_3_container,
  .mainBody .default .gform_wrapper .ginput_complex #input_5_3_1_container {
    margin-top: 0; }
  .mainBody .main .gform_wrapper .ginput_left, .mainBody .default .gform_wrapper .ginput_left {
    margin-right: 24px; }
  .mainBody .main .gform_wrapper .ginput_full, .mainBody .default .gform_wrapper .ginput_full {
    width: 100%; }
  .mainBody .main .gform_wrapper #input_6_1,
  .mainBody .main .gform_wrapper #input_5_9,
  .mainBody .main .gform_wrapper #input_5_19, .mainBody .default .gform_wrapper #input_6_1,
  .mainBody .default .gform_wrapper #input_5_9,
  .mainBody .default .gform_wrapper #input_5_19 {
    width: 128px; }
  .mainBody .sidebar {
    background: url(../images/bg-aside.jpg);
    border: 1px solid #c5c29f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -border-radius: 3px;
    border-radius: 3px;
    margin-top: 46px;
    padding: 16px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); }
    .mainBody .sidebar .finance {
      border-bottom: 1px solid #c5c29f;
      margin-bottom: 17px;
      padding: 0 0 24px 0; }
    .mainBody .sidebar .contact {
      border-bottom: 1px solid #c5c29f;
      margin-bottom: 17px;
      padding: 0 0 8px 0; }
      .mainBody .sidebar .contact p {
        font-size: 18px;
        font-weight: 600;
        zoom: 1; }
        .mainBody .sidebar .contact p:before, .mainBody .sidebar .contact p:after {
          content: "";
          display: table; }
        .mainBody .sidebar .contact p:after {
          clear: both; }
        .mainBody .sidebar .contact p span {
          display: inline-block;
          float: left;
          font-size: 20px;
          margin: 1px 12px 0 0; }
    .mainBody .sidebar .donate {
      border-bottom: 1px solid #c5c29f;
      padding: 0 0 24px 0; }
    .mainBody .sidebar .volunteers {
      border-bottom: 1px solid #c5c29f;
      padding: 17px 0 24px 0; }
    .mainBody .sidebar .application {
      border-bottom: 1px solid #c5c29f;
      padding: 17px 0 24px 0; }
    .mainBody .sidebar .widget_search {
      padding: 24px 0 8px 0;
      zoom: 1; }
      .mainBody .sidebar .widget_search:before, .mainBody .sidebar .widget_search:after {
        content: "";
        display: table; }
      .mainBody .sidebar .widget_search:after {
        clear: both; }
      .mainBody .sidebar .widget_search input {
        float: left;
        height: 32px; }
  .mainBody .variable {
    margin-top: 32px; }
    .mainBody .variable h1 {
      font-family: "Dosis", sans-serif;
      font-size: 24px;
      margin-bottom: 16px;
      text-transform: uppercase; }
    .mainBody .variable h2 {
      font-family: "Dosis", sans-serif;
      font-size: 18px;
      margin: 16px 0;
      text-transform: uppercase; }
    .mainBody .variable img {
      margin-bottom: 24px;
      max-width: 192px;
      height: auto; }
  .mainBody .connect {
    background: url(../images/bg-aside.jpg) repeat;
    border-top: 1px solid #c5c29f;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    padding: 24px 16px; }
    .mainBody .connect h1 {
      margin-top: 8px; }
    .mainBody .connect p {
      margin: 0; }
    .mainBody .connect .text, .mainBody .connect .email {
      zoom: 1; }
      .mainBody .connect .text:before, .mainBody .connect .text:after, .mainBody .connect .email:before, .mainBody .connect .email:after {
        content: "";
        display: table; }
      .mainBody .connect .text:after, .mainBody .connect .email:after {
        clear: both; }
    .mainBody .connect .col_1 {
      float: left;
      width: 100%;
      text-align: center; }
    .mainBody .connect .col_2 {
      float: left;
      width: 100%;
      text-align: center; }
    .mainBody .connect .gform_wrapper {
      width: 100%;
      margin-left: 50%; }
    .mainBody .connect .ginput_container {
      margin-left: -137px; }
    .mainBody .connect .gform_wrapper {
      margin-top: 8px; }
      .mainBody .connect .gform_wrapper ul {
        font-weight: 400;
        list-style: none;
        margin: 0;
        padding: 0; }
        .mainBody .connect .gform_wrapper ul li {
          margin: 0; }
      .mainBody .connect .gform_wrapper input {
        float: left;
        height: 32px; }
    .mainBody .connect .validation_message,
    .mainBody .connect .validation_error {
      display: none;
      visibility: hidden; }
    .mainBody .connect input[type="text"] {
      -webkit-appearance: none;
      appearance: none;
      border-top: 1px solid #534741;
      border-right: none;
      border-bottom: 1px solid #534741;
      border-left: 1px solid #534741;
      -webkit-border-radius: 3px 0 0 3px;
      -moz-border-radius: 3px 0 0 3px;
      -ms-border-radius: 3px 0 0 3px;
      -o-border-radius: 3px 0 0 3px;
      -border-radius: 3px 0 0 3px;
      border-radius: 3px 0 0 3px;
      font-family: "Dosis", sans-serif;
      padding-left: 8px;
      width: 192px; }
    .mainBody .connect input[type="submit"] {
      -webkit-appearance: none;
      appearance: none;
      background: #534741;
      background-color: #534741;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#736357), to(#534741));
      background-image: -webkit-linear-gradient(top, #736357, #534741);
      background-image: -moz-linear-gradient(top, #736357, #534741);
      background-image: -o-linear-gradient(top, #736357, #534741);
      background-image: linear-gradient(to bottom, #736357, #534741);
      border: none;
      -webkit-border-radius: 0 3px 3px 0;
      -moz-border-radius: 0 3px 3px 0;
      -ms-border-radius: 0 3px 3px 0;
      -o-border-radius: 0 3px 3px 0;
      -border-radius: 0 3px 3px 0;
      border-radius: 0 3px 3px 0;
      color: #fff;
      font-family: "Dosis", sans-serif;
      font-size: 14px;
      font-weight: 600;
      padding-left: 16px;
      padding-right: 16px;
      text-transform: uppercase; }
    .mainBody .connect .email .col_1 img {
      height: 96px;
      width: 92px; }
    .mainBody .connect .text {
      border-top: 1px solid #c5c29f;
      margin-top: 24px;
      padding-top: 24px; }
      .mainBody .connect .text .col_1 img {
        height: 127px;
        width: 70px; }

/*=======================================================================
	Footer
=======================================================================*/
/* Main Footer
=============================================*/
.mainFoot {
  background: url(../images/bg-foot-lgt.jpg) repeat;
  color: #fff;
  padding-top: 4px; }
  .mainFoot h1 {
    color: #fff;
    font-size: 28px; }
  .mainFoot p {
    margin: 8px 0 12px 0; }
  .mainFoot a:link, .mainFoot a:visited {
    color: #f1c40f; }
  .mainFoot a:hover, .mainFoot a:active, .mainFoot a:focus {
    color: #b27e00; }
  .mainFoot .button.yellow {
    color: #534741;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4); }
  .mainFoot .group {
    background: url(../images/bg-foot-drk.jpg) repeat;
    padding: 40px 16px 12px 16px; }
  .mainFoot .contact {
    border-bottom: 1px solid #736357;
    padding-bottom: 11px;
    zoom: 1; }
    .mainFoot .contact:before, .mainFoot .contact:after {
      content: "";
      display: table; }
    .mainFoot .contact:after {
      clear: both; }
    .mainFoot .contact .col_1 {
      float: left;
      margin-right: 16px; }
    .mainFoot .contact .col_2 {
      float: left; }
      .mainFoot .contact .col_2 .social {
        font-size: 24px; }
        .mainFoot .contact .col_2 .social a {
          margin-right: 4px; }
  .mainFoot .volunteer {
    border-bottom: 1px solid #736357;
    padding: 20px 0 24px 0; }
    .mainFoot .volunteer p {
      margin: 10px 0 16px 0; }
  .mainFoot .copyright {
    font-size: 12px;
    line-height: 18px;
    padding: 24px 0 9px 0; }
    .mainFoot .copyright p {
      font-size: 14px;
      margin: 10px 0 0 0; }
  .mainFoot .partners {
    padding: 20px 16px 8px 16px;
    zoom: 1; }
    .mainFoot .partners:before, .mainFoot .partners:after {
      content: "";
      display: table; }
    .mainFoot .partners:after {
      clear: both; }
    .mainFoot .partners h1 {
      margin-bottom: 16px; }
    .mainFoot .partners img {
      border: 2px solid #392d26;
      float: left;
      margin: 0 16px 16px 0; }

/* Mobile Navigation
=============================================*/
#mobileNav {
  background: url(../images/bg-mobile-nav.jpg) repeat;
  border-top: 2px solid #1141b2;
  border-bottom: 2px solid #1141b2; }
  #mobileNav ul {
    border: 4px solid #1141b2;
    margin: 24px 8px; }
    #mobileNav ul li {
      border-top: 1px solid #2f6bfe;
      border-bottom: 1px solid #1141b2; }
      #mobileNav ul li.first {
        border-top: none; }
      #mobileNav ul li.last {
        border-bottom: none; }
      #mobileNav ul li:hover {
        border-color: #1141b2; }
      #mobileNav ul li a {
        color: #fff;
        display: block;
        font-family: "SFCartoonistHandBold", sans-serif;
        font-size: 24px;
        padding: 17px 18px;
        text-transform: uppercase; }
        #mobileNav ul li a:link, #mobileNav ul li a:visited {
          background: url(../images/bg-nav.jpg) left center repeat-x;
          text-shadow: 1px 1px rgba(0, 0, 1, 0.75); }
        #mobileNav ul li a:hover, #mobileNav ul li a:focus {
          background-color: #306eff;
          -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4), inset 0 0 70px rgba(48, 110, 255, 0.27);
          -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4), inset 0 0 70px rgba(48, 110, 255, 0.27);
          box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4), inset 0 0 70px rgba(48, 110, 255, 0.27);
          background-image: -webkit-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
          background-image: -moz-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
          background-image: -o-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
          background-image: -ms-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
          background-image: linear-gradient(to bottom, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
          text-shadow: -1px -1px rgba(0, 0, 1, 0.5); }
        #mobileNav ul li a:active {
          background-color: #1141b2;
          -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4), inset 0 0 70px rgba(48, 110, 255, 0.27);
          -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4), inset 0 0 70px rgba(48, 110, 255, 0.27);
          box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4), inset 0 0 70px rgba(48, 110, 255, 0.27);
          background-image: -webkit-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
          background-image: -moz-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
          background-image: -o-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
          background-image: -ms-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
          background-image: linear-gradient(to bottom, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
          text-shadow: -1px -1px rgba(0, 0, 1, 0.5); }

/*=======================================================================
	Page Templates
=======================================================================*/
/* page_homepage.php
=============================================*/
.home {
  /**** Featured Content ****/
  /**** Main Body ****/ }
  .home .slider {
    display: none;
    visibility: hidden; }
  .home .mobile-image {
    margin-bottom: -34px;
    position: relative;
    z-index: 1; }
    .home .mobile-image img {
      max-width: 100%; }
  .home .featured article {
    background: url(../images/bg-content.jpg) repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 1, 0.2);
    -moz-box-shadow: 0 10px 10px rgba(0, 0, 1, 0.2);
    -ms-box-shadow: 0 10px 10px rgba(0, 0, 1, 0.2);
    -o-box-shadow: 0 10px 10px rgba(0, 0, 1, 0.2);
    -box-shadow: 0 10px 10px rgba(0, 0, 1, 0.2);
    box-shadow: 0 10px 10px rgba(0, 0, 1, 0.2);
    margin: 8px;
    position: relative;
    z-index: 500; }
    .home .featured article header {
      background: url(../images/bg-aside.jpg) repeat;
      border-bottom: 1px solid #c5c29f;
      padding: 8px 16px;
      text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
      .home .featured article header h1 {
        font-size: 32px; }
        .home .featured article header h1 span {
          font-size: 24px;
          margin-right: 6px; }
    .home .featured article div {
      padding: 18px 16px 22px 16px; }
      .home .featured article div h2 {
        font-family: "Dosis", sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 26px;
        margin: 0 0 8px 0; }
      .home .featured article div p {
        margin: 0 0 16px 0; }
        .home .featured article div p a {
          font-weight: 500; }
    .home .featured article img {
      max-width: 100%; }
    .home .featured article .more {
      margin: 11px 0 0 0; }
  .home .featured .button {
    text-align: center;
    width: 144px; }
  .home .featured .col_1 {
    border: 2px solid #1141b2; }
    .home .featured .col_1 header span {
      color: #1141b2; }
    .home .featured .col_1 .more a:link, .home .featured .col_1 .more a:visited {
      color: #1141b2; }
    .home .featured .col_1 .more a:hover, .home .featured .col_1 .more a:active, .home .featured .col_1 .more a:focus {
      color: #306eff; }
  .home .featured .col_2 {
    border: 2px solid #b27e00; }
    .home .featured .col_2 span {
      color: #b27e00; }
    .home .featured .col_2 .more a:link, .home .featured .col_2 .more a:visited {
      color: #b27e00; }
    .home .featured .col_2 .more a:hover, .home .featured .col_2 .more a:active, .home .featured .col_2 .more a:focus {
      color: #f1c40f; }
  .home .featured .col_3 {
    border: 2px solid #b22c11; }
    .home .featured .col_3 span {
      color: #b22c11; }
    .home .featured .col_3 .more a:link, .home .featured .col_3 .more a:visited {
      color: #b22c11; }
    .home .featured .col_3 .more a:hover, .home .featured .col_3 .more a:active, .home .featured .col_3 .more a:focus {
      color: #e74c3c; }
  .home .featured .gform_wrapper,
  .home .featured .gform_body,
  .home .featured .ginput_container,
  .home .featured .gform_footer {
    padding: 0; }
  .home .featured .gform_fields {
    margin-top: 13px; }
  .home .featured .gfield_label {
    display: none;
    visibility: hidden; }
  .home .featured .gfield_radio, .home .featured .gfield_checkbox {
    margin: 0; }
    .home .featured .gfield_radio li, .home .featured .gfield_checkbox li {
      margin: 2px 0 15px 0;
      width: 100%;
      zoom: 1; }
      .home .featured .gfield_radio li:before, .home .featured .gfield_radio li:after, .home .featured .gfield_checkbox li:before, .home .featured .gfield_checkbox li:after {
        content: "";
        display: table; }
      .home .featured .gfield_radio li:after, .home .featured .gfield_checkbox li:after {
        clear: both; }
      .home .featured .gfield_radio li input, .home .featured .gfield_checkbox li input {
        margin: 6px 16px 0 4px; }
      .home .featured .gfield_radio li label, .home .featured .gfield_checkbox li label {
        font-size: 20px;
        font-weight: 600; }
      .home .featured .gfield_radio li input, .home .featured .gfield_radio li label, .home .featured .gfield_checkbox li input, .home .featured .gfield_checkbox li label {
        cursor: pointer;
        display: inline-block;
        float: left; }
  .home .featured input[type="text"] {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #534741;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -border-radius: 3px;
    border-radius: 3px;
    font-family: "Dosis", sans-serif;
    height: 24px;
    padding: 0 8px;
    width: 96px; }
  .home .featured .gform_button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -border-radius: 3px;
    border-radius: 3px;
    background-color: #306eff;
    background-image: -webkit-linear-gradient(bottom, rgba(16, 64, 178, 0.29), rgba(48, 110, 255, 0.29));
    background-image: -moz-linear-gradient(bottom, rgba(16, 64, 178, 0.29), rgba(48, 110, 255, 0.29));
    background-image: -o-linear-gradient(bottom, rgba(16, 64, 178, 0.29), rgba(48, 110, 255, 0.29));
    background-image: -ms-linear-gradient(bottom, rgba(16, 64, 178, 0.29), rgba(48, 110, 255, 0.29));
    background-image: linear-gradient(to top, rgba(16, 64, 178, 0.29), rgba(48, 110, 255, 0.29));
    border: solid 2px #1141b2;
    color: #fff;
    display: inline-block;
    font-family: "Dosis", sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin-top: 3px;
    padding: 10px 16px;
    text-decoration: none;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.15);
    text-transform: uppercase; }
    .home .featured .gform_button:hover, .home .featured .gform_button:focus {
      background-image: none; }
    .home .featured .gform_button:active {
      background: #2356e9;
      text-shadow: 1px 1px rgba(0, 0, 0, 0.15); }
  .home .featured .gform_validation_container,
  .home .featured label span.ginput_price {
    display: none;
    visibility: hidden; }
  .home .featured .ginput_container {
    margin-top: 8px; }
  .home .featured .gfield_description {
    font-size: 14px;
    margin-top: 4px; }
  .home .featured .validation_error {
    margin-bottom: 20px; }
  .home .featured .validation_message,
  .home .featured .validation_error {
    color: #e74c3c; }
  .home .featured .validation_message {
    padding: 0; }
  .home .featured .validation_error {
    background: #fbdedb;
    margin-bottom: 20;
    padding: 8px;
    text-align: center; }
  .home .mainBody .group article header h2 {
    margin-bottom: 7px; }
  .home .mainBody .group article img {
    border: 2px solid #c5c29f;
    max-width: 100%; }
    .home .mainBody .group article img + p {
      font-size: 18px;
      font-weight: 600;
      line-height: 26px; }
  .home .mainBody .news {
    border-bottom: 1px solid #c5c29f;
    padding-bottom: 31px; }
  .home .mainBody .spotlight {
    border-bottom: 1px solid #c5c29f;
    padding: 28px 0 31px 0; }
  .home .mainBody .end {
    padding: 26px 0 0 0; }
    .home .mainBody .end h2 {
      margin-top: 20px; }
    .home .mainBody .end ul {
      color: #e74c3c;
      list-style: none;
      padding: 0;
      text-align: center; }
      .home .mainBody .end ul li {
        margin: 0 0 24px 0; }
      .home .mainBody .end ul a {
        display: block;
        font-size: 18px; }
    .home .mainBody .end span {
      font-size: 32px;
      margin-right: 8px; }
    .home .mainBody .end img {
      width: 32px;
      margin-right: 8px; }
  .home .mainBody p + .button {
    margin-top: 10px; }

/* More Ways To Give Page, About OCSPCA
=============================================*/
.page-id-9 .mainBody .main img, .page-id-21 .mainBody .main img {
  display: none;
  visibility: hidden; }

.page-id-9 .mainBody nav h1, .page-id-21 .mainBody nav h1 {
  color: #e74c3c;
  margin-bottom: 8px; }

.page-id-9 .mainBody nav select, .page-id-21 .mainBody nav select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/select.png) no-repeat right center;
  background-size: 32px 32px;
  border: 1px solid red;
  cursor: pointer;
  font-family: "Dosis", sans-serif;
  height: 32px;
  padding: 0 40px 0 8px; }

/* archive-programs.php
=============================================*/
.post-type-archive-programs .mainBody .intro {
  margin-bottom: -5px; }

.post-type-archive-programs .mainBody nav h1 {
  color: #e74c3c;
  margin-bottom: 8px; }

.post-type-archive-programs .mainBody nav select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/select.png) no-repeat right center;
  background-size: 32px 32px;
  border: 1px solid red;
  cursor: pointer;
  font-family: "Dosis", sans-serif;
  height: 32px;
  padding: 0 40px 0 8px; }

.post-type-archive-programs .mainBody .program {
  margin: 42px 0; }
  .post-type-archive-programs .mainBody .program header {
    border-bottom: 1px solid #c5c29f;
    margin-bottom: 18px; }
    .post-type-archive-programs .mainBody .program header h1 a:link, .post-type-archive-programs .mainBody .program header h1 a:visited {
      color: #534741; }
    .post-type-archive-programs .mainBody .program header h1 a:hover, .post-type-archive-programs .mainBody .program header h1 a:active, .post-type-archive-programs .mainBody .program header h1 a:focus {
      color: #e74c3c; }
    .post-type-archive-programs .mainBody .program header p {
      font-weight: 600;
      margin: 0 0 7px 0; }
  .post-type-archive-programs .mainBody .program img {
    display: none;
    visibility: hidden; }
  .post-type-archive-programs .mainBody .program .button {
    margin-top: 18px; }

/* single-programs.php
=============================================*/
.single-programs .mainBody .main .wp-caption, .single-programs .mainBody .main img {
  display: none;
  visibility: hidden; }

.single-programs .mainBody article header + p {
  font-size: 18px; }

/* PAWS Volunteers */
.page-id-938 .mainBody .main {
  zoom: 1; }
  .page-id-938 .mainBody .main:before, .page-id-938 .mainBody .main:after {
    content: "";
    display: table; }
  .page-id-938 .mainBody .main:after {
    clear: both; }
  .page-id-938 .mainBody .main .wp-caption {
    float: left;
    margin: 16px 16px 0 0;
    width: 192px; }

/* single-events.php
=============================================*/
.single-event .mainBody .main img {
  display: none;
  visibility: hidden; }

.single-event .mainBody .sidebar .info h2 {
  margin-top: 15px; }

.single-event .mainBody .sidebar .info p {
  margin: 0; }

/* page_shelters.php
=============================================*/
.page-template-page_shelters-php .map {
  display: none;
  visibility: hidden; }

.page-template-page_shelters-php .mainBody .city {
  margin: 40px 0; }
  .page-template-page_shelters-php .mainBody .city.last {
    margin-bottom: 22px; }
  .page-template-page_shelters-php .mainBody .city header {
    border-bottom: 1px solid #c5c29f;
    margin-bottom: 20px; }
    .page-template-page_shelters-php .mainBody .city header h1 {
      margin-bottom: 8px; }
  .page-template-page_shelters-php .mainBody .city div h2 {
    margin-top: 8px; }
  .page-template-page_shelters-php .mainBody .city div h3 {
    font-size: 14px;
    margin-bottom: 5px; }
  .page-template-page_shelters-php .mainBody .city div p {
    margin: 8px 0; }
  .page-template-page_shelters-php .mainBody .city div + div {
    margin-top: 22px; }

/* page_resources.php
=============================================*/
/**** Twitter Bootstrap Tabs ****/
.nav {
  margin-left: 0;
  margin-bottom: 20px;
  list-style: none; }
  .nav > li > a {
    display: block; }
    .nav > li > a:hover, .nav > li > a:focus {
      text-decoration: none;
      background-color: #eeeeee; }
    .nav > li > a > img {
      max-width: none; }
  .nav > .pull-right {
    float: right; }

.nav-tabs, .nav-pills {
  *zoom: 1; }

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
  display: table;
  content: "";
  line-height: 0; }

.nav-tabs:after, .nav-pills:after {
  clear: both; }

.nav-tabs > li, .nav-pills > li {
  float: left; }

.nav-tabs > li > a, .nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px; }

.nav-tabs {
  border-bottom: 1px solid #1141b2; }
  .nav-tabs > li {
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      border: 1px solid #998675;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      -border-radius: 2px;
      border-radius: 2px;
      color: #534741;
      font-family: "SFCartoonistHandRegular", sans-serif;
      font-size: 18px;
      line-height: 20px;
      margin: 0 8px 8px 0;
      padding: 8px 16px;
      text-align: center; }
      .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
        background: #eee; }
  .nav-tabs > .active > a {
    border: 1px solid #1141b2;
    background: url(../images/bg-nav.jpg) repeat-x left center;
    color: #fff;
    text-shadow: 1px 1px rgba(0, 0, 1, 0.75); }
    .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
      background: url(../images/bg-nav.jpg) repeat-x left center;
      color: #fff;
      text-shadow: 1px 1px rgba(0, 0, 1, 0.75); }

.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px; }

.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.nav .dropdown-toggle .caret {
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
  margin-top: 6px; }

.nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580; }

/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px; }

.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff; }

.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555; }

.nav > .dropdown.active > a:hover, .nav > .dropdown.active > a:focus {
  cursor: pointer; }

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999; }

.nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999; }

.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100); }

.nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100); }

.tabs-stacked .open > a:hover, .tabs-stacked .open > a:focus {
  border-color: #999999; }

.tabbable {
  *zoom: 1; }
  .tabbable:before {
    display: table;
    content: "";
    line-height: 0; }
  .tabbable:after {
    display: table;
    content: "";
    line-height: 0;
    clear: both; }

.tab-content {
  overflow: auto; }

.tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs {
  border-bottom: 0; }

.tab-content > .tab-pane, .pill-content > .pill-pane {
  display: none; }

.tab-content > .active, .pill-content > .active {
  display: block; }

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd; }
  .tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0; }
    .tabs-below > .nav-tabs > li > a {
      -webkit-border-radius: 0 0 4px 4px;
      -moz-border-radius: 0 0 4px 4px;
      border-radius: 0 0 4px 4px; }
      .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus {
        border-bottom-color: transparent;
        border-top-color: #ddd; }
  .tabs-below > .nav-tabs > .active > a {
    border-color: transparent #ddd #ddd #ddd; }
    .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus {
      border-color: transparent #ddd #ddd #ddd; }

.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
  float: none; }

.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px; }

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd; }
  .tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px; }
    .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus {
      border-color: #eeeeee #dddddd #eeeeee #eeeeee; }
  .tabs-left > .nav-tabs .active > a {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff; }
    .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
      border-color: #ddd transparent #ddd #ddd;
      *border-right-color: #ffffff; }

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd; }
  .tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0; }
    .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus {
      border-color: #eeeeee #eeeeee #eeeeee #dddddd; }
  .tabs-right > .nav-tabs .active > a {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff; }
    .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus {
      border-color: #ddd #ddd #ddd transparent;
      *border-left-color: #ffffff; }

.nav > .disabled > a {
  color: #999999; }
  .nav > .disabled > a:hover, .nav > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    cursor: default; }

/* OCSPCA Membership Page
=============================================*/
.page-id-13 .mainBody .main form {
  margin: -22px 0 43px 0; }

/* archive-events.php
=============================================*/
.post-type-archive-event .mainBody .intro {
  margin-bottom: -5px; }

.post-type-archive-event .mainBody .event {
  margin: 42px 0; }
  .post-type-archive-event .mainBody .event .date {
    border-top: 2px dashed #c5c29f;
    text-align: center;
    position: relative; }
    .post-type-archive-event .mainBody .event .date h2 {
      background: url(../images/bg-content.jpg) repeat;
      display: inline-block;
      padding: 0 16px;
      position: relative;
      top: -12px; }
  .post-type-archive-event .mainBody .event header h1 {
    margin-top: 6px; }
    .post-type-archive-event .mainBody .event header h1 a:link, .post-type-archive-event .mainBody .event header h1 a:visited {
      color: #534741; }
    .post-type-archive-event .mainBody .event header h1 a:hover, .post-type-archive-event .mainBody .event header h1 a:active, .post-type-archive-event .mainBody .event header h1 a:focus {
      color: #e74c3c; }
  .post-type-archive-event .mainBody .event .info ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .post-type-archive-event .mainBody .event .info ul li {
      margin: 0;
      padding: 0; }
    .post-type-archive-event .mainBody .event .info ul h3 {
      margin-top: 6px; }
    .post-type-archive-event .mainBody .event .info ul p {
      margin: 0; }
  .post-type-archive-event .mainBody .event img {
    display: none;
    visibility: hidden; }

/* page_event.php
=============================================*/
.rhcalendar {
  margin-top: 0; }
  .rhcalendar [class^="fc-button"] {
    height: 39px;
    line-height: 100%; }
  .rhcalendar .fc-button-icalendar {
    display: none;
    visibility: hidden; }

.page-template-page_event-php .mainBody .page-title + p {
  display: none;
  visibility: hidden; }

.page-template-page_event-php .mainBody .fe-extrainfo-container {
  background: url(../images/bg-aside.jpg);
  border: 1px solid #c5c29f;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -border-radius: 3px;
  border-radius: 3px;
  margin-top: 46px;
  padding: 0 16px 24px 16px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); }
  .page-template-page_event-php .mainBody .fe-extrainfo-container .fe-extrainfo-container2 {
    background: none; }
  .page-template-page_event-php .mainBody .fe-extrainfo-container .fe-extrainfo-holder {
    padding: 0; }
  .page-template-page_event-php .mainBody .fe-extrainfo-container span {
    font-size: 18px;
    font-weight: 600; }

/* archive-tributes.php
=============================================*/
.post-type-archive-tributes .mainBody .main .browse {
  background: #eee;
  border-top: 1px solid #c5c29f;
  margin-top: 36px;
  padding: 8px 0 10px 0;
  text-align: center; }
  .post-type-archive-tributes .mainBody .main .browse h1 {
    margin-bottom: 8px; }
  .post-type-archive-tributes .mainBody .main .browse .first {
    margin-right: 16px; }

.post-type-archive-tributes .mainBody .main article {
  border-top: 1px solid #c5c29f;
  padding: 28px 0 14px 0; }
  .post-type-archive-tributes .mainBody .main article h1 {
    font-family: "Dosis", sans-serif;
    font-size: 18px;
    text-transform: uppercase; }
  .post-type-archive-tributes .mainBody .main article h1 a:link, .post-type-archive-tributes .mainBody .main article h1 a:visited, .post-type-archive-tributes .mainBody .main article h2 a:link, .post-type-archive-tributes .mainBody .main article h2 a:visited {
    color: #392d26; }
  .post-type-archive-tributes .mainBody .main article h1 a:hover, .post-type-archive-tributes .mainBody .main article h1 a:active, .post-type-archive-tributes .mainBody .main article h1 a:focus, .post-type-archive-tributes .mainBody .main article h2 a:hover, .post-type-archive-tributes .mainBody .main article h2 a:active, .post-type-archive-tributes .mainBody .main article h2 a:focus {
    color: #765d4f; }

.post-type-archive-tributes .mainBody .main .col_1 {
  float: right;
  margin: 0 0 8px 12px;
  width: 33%; }
  .post-type-archive-tributes .mainBody .main .col_1 img {
    border: 1px solid #c5c29f;
    width: 100%;
    height: auto; }

.post-type-archive-tributes .mainBody .main .col_3 {
  display: none;
  visibility: hidden; }

.post-type-archive-tributes .mainBody .main .page-navigation ol {
  margin-top: 0; }

/* single-tributes.php
=============================================*/
.single-tributes .mainBody .tribute-image {
  margin-bottom: -4px; }
  .single-tributes .mainBody .tribute-image img {
    border-top: 1px solid #c5c29f;
    border-right: 1px solid #c5c29f;
    border-left: 1px solid #c5c29f;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    max-width: 100%;
    height: auto; }

.single-tributes .mainBody .sidebar {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  -border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  margin-top: 0; }
  .single-tributes .mainBody .sidebar .info hgroup {
    margin: 4px 0 16px 0; }
  .single-tributes .mainBody .sidebar span {
    margin-right: 4px; }

.single-tributes .mainBody .main {
  margin: 44px 0 21px 0; }

/* NEWSLETTERS
=============================================*/
.page-id-32 .mainBody ul {
  border-top: 1px solid #eee; }

/* Search Results
=============================================*/
.search-results .mainBody .main article {
  border-top: 1px solid #c5c29f;
  padding: 27px 0 0 0;
  margin: 0 0 26px 0; }

.search-results .mainBody .main h1 + article {
  border: none;
  padding: 10px 0 0 0; }

/* ERROR 404
=============================================*/
.error404 .mainBody .content {
  zoom: 1; }
  .error404 .mainBody .content:before, .error404 .mainBody .content:after {
    content: "";
    display: table; }
  .error404 .mainBody .content:after {
    clear: both; }
  .error404 .mainBody .content img {
    max-width: 100%;
    margin-top: 32px; }

@media only screen and (min-width: 600px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.

The grid below is a combination of the 1140 grid and Twitter Boostrap. 
I liked 1140 but Boostrap's grid was way more detailed so I merged them 
together, let's see how this works out. If you want to use 1140, the original 
values are commented out on each line.

******************************************************************/
  .onecol {
    width: 5.801104972%; }
  /* 4.85%;  } /* grid_1  */
  .twocol {
    width: 14.364640883%; }
  /* 13.45%; } /* grid_2  */
  .threecol {
    width: 22.928176794%; }
  /* 22.05%; } /* grid_3  */
  .fourcol {
    width: 31.491712705%; }
  /* 30.75%; } /* grid_4  */
  .fivecol {
    width: 40.055248616%; }
  /* 39.45%; } /* grid_5  */
  .sixcol {
    width: 48.618784527%; }
  /* 48%;    } /* grid_6  */
  .sevencol {
    width: 57.182320438000005%; }
  /* 56.75%; } /* grid_7  */
  .eightcol {
    width: 65.74585634900001%; }
  /* 65.4%;  } /* grid_8  */
  .ninecol {
    width: 74.30939226%; }
  /* 74.05%; } /* grid_9  */
  .tencol {
    width: 82.87292817100001%; }
  /* 82.7%;  } /* grid_10 */
  .elevencol {
    width: 91.436464082%; }
  /* 91.35%; } /* grid_11 */
  .twelvecol {
    width: 99.999999993%; }
  /* 100%;   } /* grid_12 */
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%; }
  .first {
    margin-left: 0; }
  .last {
    float: right; }
  /*=======================================================================
Site Name: Orange County SPCA
Author: Jake Craigmile - http://www.jakecraigmile.com
Stylesheet: 600px and Up Stylesheet

===========================
	Index
===========================
 - General
 - Header & Navigation
 - Body & Sidebar
 - Footer
 - Page Templates

=======================================================================*/
  /*=======================================================================
	General
=======================================================================*/
  .container {
    min-width: 1000px; }
  .wrap {
    width: 1000px;
    margin: 0 auto;
    padding: 0 32px; }
  hr {
    margin: 38px 0; }
  .rsABlock p {
    background: #000;
    background: rgba(57, 45, 38, 0.25);
    display: inline-block;
    font-size: 32px;
    margin: 0 0 2px 0;
    padding: 8px 16px 16px 16px; }
  .rsABlock a {
    margin-top: 6px; }
  /*=======================================================================
	Header & Navigation
=======================================================================*/
  nav ul {
    margin: 0; }
  /* Sub Header
=============================================*/
  .subHead {
    display: block;
    visibility: visible;
    background: url(../images/bg-foot-drk.jpg) repeat;
    position: relative;
    z-index: 500; }
    .subHead nav {
      zoom: 1; }
      .subHead nav:before, .subHead nav:after {
        content: "";
        display: table; }
      .subHead nav:after {
        clear: both; }
      .subHead nav ul {
        float: right;
        padding: 10px 0 4px 0; }
        .subHead nav ul li {
          color: #b27e00;
          float: left;
          font-size: 16px;
          font-weight: 600;
          text-transform: uppercase; }
          .subHead nav ul li.link {
            border-right: 1px solid #b27e00;
            margin-right: 16px;
            padding-right: 16px; }
          .subHead nav ul li.icon {
            margin-left: 8px;
            font-size: 24px;
            margin-top: -5px; }
          .subHead nav ul li a:link, .subHead nav ul li a:visited {
            color: #f1c40f; }
          .subHead nav ul li a:hover, .subHead nav ul li a:active, .subHead nav ul li a:focus {
            color: #b27e00; }
  /* Main Header
=============================================*/
  .mainHead {
    padding: 8px 0;
    position: relative;
    z-index: 500; }
    .mainHead h1 a {
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      background: url(../images/ocspca-logo.png) no-repeat;
      width: 98px;
      height: 74px;
      display: block; }
    .mainHead .trigger {
      display: none;
      visibility: hidden; }
    .mainHead nav {
      display: block;
      visibility: visible;
      zoom: 1;
      background: #1141b2;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      -border-radius: 2px;
      border-radius: 2px;
      float: right;
      margin-top: 5px;
      padding: 4px;
      position: relative;
      top: auto;
      left: auto;
      width: auto; }
      .mainHead nav:before, .mainHead nav:after {
        content: "";
        display: table; }
      .mainHead nav:after {
        clear: both; }
      .mainHead nav ul {
        zoom: 1;
        background: url(../images/bg-nav.jpg) left center;
        -webkit-box-shadow: inset 0 1px #306eff, inset 0 0 70px rgba(48, 110, 255, 0.27), 0 0 4px black;
        -moz-box-shadow: inset 0 1px #306eff, inset 0 0 70px rgba(48, 110, 255, 0.27), 0 0 4px black;
        box-shadow: inset 0 1px #306eff, inset 0 0 70px rgba(48, 110, 255, 0.27), 0 0 4px black;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        -border-radius: 2px;
        border-radius: 2px; }
        .mainHead nav ul:before, .mainHead nav ul:after {
          content: "";
          display: table; }
        .mainHead nav ul:after {
          clear: both; }
        .mainHead nav ul ul li a, .mainHead nav ul ul ul li a {
          padding-left: 16px; }
        .mainHead nav ul li {
          float: left;
          border-left: 1px solid #2f6bfe;
          border-right: 1px solid #1141b2;
          position: relative; }
          .mainHead nav ul li.first {
            border-left: none; }
          .mainHead nav ul li.last {
            border-right: none; }
          .mainHead nav ul li:hover {
            border-color: #1141b2; }
          .mainHead nav ul li:hover {
            background-color: #306eff;
            -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4), inset 0 0 70px rgba(48, 110, 255, 0.27);
            -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4), inset 0 0 70px rgba(48, 110, 255, 0.27);
            box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4), inset 0 0 70px rgba(48, 110, 255, 0.27);
            background-image: -webkit-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
            background-image: -moz-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
            background-image: -o-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
            background-image: -ms-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
            background-image: linear-gradient(to bottom, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
            text-shadow: -1px -1px rgba(0, 0, 1, 0.5); }
          .mainHead nav ul li ul {
            border-top: 1px solid #1141b2;
            border-right: 1px solid #1141b2;
            border-left: 1px solid #1141b2;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            display: none;
            position: absolute;
            top: 100%; }
            .mainHead nav ul li ul li {
              background: url(../images/bg-nav.jpg) left center;
              border: none;
              border-bottom: 1px solid #1141b2;
              width: 250px; }
              .mainHead nav ul li ul li ul {
                top: 0;
                left: 100%; }
          .mainHead nav ul li:hover .levelTwo,
          .mainHead nav ul li .levelTwo li:hover .levelThree {
            display: block; }
          .mainHead nav ul li a {
            border-top: none;
            border-bottom: none;
            color: #fff;
            cursor: pointer;
            display: block;
            font-family: "SFCartoonistHandBold", sans-serif;
            font-size: 18px;
            letter-spacing: 1px;
            padding: 18px 16px;
            text-transform: uppercase; }
            .mainHead nav ul li a:link, .mainHead nav ul li a:visited {
              text-shadow: 1px 1px rgba(0, 0, 1, 0.75); }
            .mainHead nav ul li a:hover, .mainHead nav ul li a:focus {
              background-color: #306eff;
              -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4), inset 0 0 70px rgba(48, 110, 255, 0.27);
              -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4), inset 0 0 70px rgba(48, 110, 255, 0.27);
              box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4), inset 0 0 70px rgba(48, 110, 255, 0.27);
              background-image: -webkit-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
              background-image: -moz-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
              background-image: -o-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
              background-image: -ms-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
              background-image: linear-gradient(to bottom, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
              text-shadow: -1px -1px rgba(0, 0, 1, 0.5); }
            .mainHead nav ul li a:active {
              background-color: #1141b2;
              -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4), inset 0 0 70px rgba(48, 110, 255, 0.27);
              -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4), inset 0 0 70px rgba(48, 110, 255, 0.27);
              box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4), inset 0 0 70px rgba(48, 110, 255, 0.27);
              background-image: -webkit-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
              background-image: -moz-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
              background-image: -o-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
              background-image: -ms-linear-gradient(top, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
              background-image: linear-gradient(to bottom, rgba(17, 65, 178, 0.5), rgba(48, 110, 255, 0.5));
              text-shadow: -1px -1px rgba(0, 0, 1, 0.5); }
  /*=======================================================================
	Body
=======================================================================*/
  header + .mainBody {
    border-top: none;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px; }
  /* Featured Image
=============================================*/
  .featured-image, .tributes-image {
    background: #a2bfea;
    background: rgba(48, 110, 255, 0.25);
    max-height: 518px;
    overflow: hidden;
    padding: 0;
    text-align: center; }
    .featured-image img, .tributes-image img {
      width: 100%;
      min-width: 1000px;
      max-width: 1200px; }
    .featured-image + .mainBody, .tributes-image + .mainBody {
      margin-top: -80px; }
  .post-type-archive .featured-image, .single-tributes .featured-image, .single-event .featured-image, .search .featured-image {
    display: none;
    visibility: hidden; }
    .post-type-archive .featured-image + .mainBody, .single-tributes .featured-image + .mainBody, .single-event .featured-image + .mainBody, .search .featured-image + .mainBody {
      border-top: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      -border-radius: 0;
      border-radius: 0;
      margin-top: 0; }
  /* Main Body
=============================================*/
  .mainBody {
    margin: 0 auto -48px auto;
    width: 1000px;
    /* Sidebar
	=============================================*/
    /* Connect // Sign Up
	=============================================*/ }
    .mainBody .content {
      padding: 32px;
      zoom: 1; }
      .mainBody .content:before, .mainBody .content:after {
        content: "";
        display: table; }
      .mainBody .content:after {
        clear: both; }
    .mainBody ul.twocol, .mainBody ol.twocol, .mainBody dl.twocol {
      zoom: 1;
      width: 100%; }
      .mainBody ul.twocol:before, .mainBody ul.twocol:after, .mainBody ol.twocol:before, .mainBody ol.twocol:after, .mainBody dl.twocol:before, .mainBody dl.twocol:after {
        content: "";
        display: table; }
      .mainBody ul.twocol:after, .mainBody ol.twocol:after, .mainBody dl.twocol:after {
        clear: both; }
      .mainBody ul.twocol li, .mainBody ol.twocol li, .mainBody dl.twocol li {
        float: left;
        margin: 4px 0;
        width: 50%; }
    .mainBody .gform_wrapper {
      margin-top: 35px; }
      .mainBody .gform_wrapper .textarea {
        width: 548px; }
      .mainBody .gform_wrapper #field_3_2,
      .mainBody .gform_wrapper #field_3_6 {
        float: left;
        margin-right: 36px;
        width: 256px; }
    .mainBody .main {
      float: right;
      width: 640px;
      /* Gravity Forms
		=============================================*/ }
      .mainBody .main p + h3 {
        margin: 32px 0 19px 0; }
      .mainBody .main p.last {
        margin: 19px 0 12px 0; }
      .mainBody .main img {
        border: 2px solid #534741; }
        .mainBody .main img.noborder {
          border: none; }
        .mainBody .main img.alignright {
          margin: 0 0 16px 16px; }
        .mainBody .main img.alignleft {
          margin: 0 6px 16px 0; }
      .mainBody .main .wp-caption img {
        border: none; }
      .mainBody .main .wp-caption p {
        padding: 4px;
        line-height: 20px; }
      .mainBody .main .wp-caption.alignright {
        margin: 0 0 16px 16px; }
      .mainBody .main .wp-caption.alignleft {
        margin: 0 6px 16px 0; }
      .mainBody .main .gform_confirmation_wrapper {
        background: #e3ebff;
        color: #1141b2;
        font-weight: 500;
        margin-bottom: 20;
        padding: 8px;
        text-align: center; }
      .mainBody .main .gform_wrapper ul li {
        margin-bottom: 24px; }
      .mainBody .main .gform_wrapper .left {
        float: left;
        margin-right: 24px; }
      .mainBody .main .gform_wrapper .right {
        left: left;
        margin-bottom: 0; }
    .mainBody .sidebar {
      float: left;
      margin-top: 0;
      width: 240px; }
      .mainBody .sidebar h1 {
        font-size: 18px; }
    .mainBody .variable {
      float: left;
      margin-top: 32px;
      width: 240px; }
    .mainBody .connect {
      padding: 32px;
      zoom: 1; }
      .mainBody .connect:before, .mainBody .connect:after {
        content: "";
        display: table; }
      .mainBody .connect:after {
        clear: both; }
      .mainBody .connect .col_1 {
        width: auto;
        text-align: left;
        margin-right: 24px;
        width: 92px; }
      .mainBody .connect .col_2 {
        float: left;
        width: auto;
        text-align: left;
        width: 280px; }
      .mainBody .connect .gform_wrapper {
        width: auto;
        margin-left: 0; }
      .mainBody .connect .ginput_container {
        margin-left: 0; }
      .mainBody .connect .email {
        border-right: 1px solid #c5c29f;
        float: left;
        height: 144px;
        padding: 8px 48px 0 0;
        width: 457px; }
        .mainBody .connect .email .col_1 img {
          margin-top: 14px; }
      .mainBody .connect .text {
        border-top: none;
        float: left;
        margin-top: 0;
        padding: 8px 0 0 48px;
        width: 457px; }
  /*=======================================================================
	Footer
=======================================================================*/
  /* Main Footer
=============================================*/
  .mainFoot .group {
    zoom: 1;
    padding: 88px 0 24px 0; }
    .mainFoot .group:before, .mainFoot .group:after {
      content: "";
      display: table; }
    .mainFoot .group:after {
      clear: both; }
  .mainFoot .contact {
    border-bottom: none;
    float: left;
    width: 280px; }
  .mainFoot .volunteer {
    border-bottom: none;
    float: left;
    margin-right: 32px;
    padding: 0;
    width: 312px; }
  .mainFoot .copyright {
    float: left;
    padding: 0;
    width: 312px; }
  .mainFoot .partners {
    padding: 28px 16px 32px 32px; }
    .mainFoot .partners img {
      margin: 2px 12px 0 0px; }
  /* Mobile Navigation
=============================================*/
  #mobileNav {
    display: none;
    visibility: hidden; }
  /*=======================================================================
	Page Templates
=======================================================================*/
  /* Homepage
=============================================*/
  .home {
    /**** Featured Content ****/
    /**** Main Body ****/ }
    .home .slider {
      display: block;
      visibility: visible;
      background: #a2bfea;
      background: rgba(48, 110, 255, 0.25);
      height: auto;
      position: relative;
      width: 100%;
      z-index: 1; }
      .home .slider .royalSlider {
        margin: auto;
        min-width: 1000px;
        max-width: 1200px; }
    .home .mobile-image {
      display: none;
      visibility: hidden; }
    .home .featured {
      margin: 0 auto 32px;
      padding: 0 32px;
      width: 1000px;
      zoom: 1; }
      .home .featured:before, .home .featured:after {
        content: "";
        display: table; }
      .home .featured:after {
        clear: both; }
      .home .featured article {
        float: left;
        min-height: 415px;
        margin: -80px 0 0 0;
        width: 296px; }
        .home .featured article div {
          padding-top: 16px; }
      .home .featured .col_2 {
        margin: -80px 24px 24px 24px; }
      .home .featured .ginput_container {
        margin-top: 15px; }
      .home .featured .gfield_radio li, .home .featured .gfield_checkbox li {
        margin: 0 0 12px 0; }
        .home .featured .gfield_radio li input, .home .featured .gfield_checkbox li input {
          margin: 3px 16px 0 4px; }
        .home .featured .gfield_radio li label, .home .featured .gfield_checkbox li label {
          font-size: 17px; }
      .home .featured .validation_error {
        font-size: 14px; }
    .home .mainBody .content {
      padding: 38px 32px; }
    .home .mainBody .group {
      border-bottom: 1px solid #c5c29f;
      padding-bottom: 40px;
      zoom: 1; }
      .home .mainBody .group:before, .home .mainBody .group:after {
        content: "";
        display: table; }
      .home .mainBody .group:after {
        clear: both; }
      .home .mainBody .group article {
        width: 400px;
        margin: 0 32px; }
    .home .mainBody .news {
      border-bottom: none;
      float: left;
      padding-bottom: 0; }
    .home .mainBody .spotlight {
      border-bottom: none;
      float: right;
      padding: 0; }
    .home .mainBody .end {
      padding: 34px 32px 0 32px;
      zoom: 1; }
      .home .mainBody .end:before, .home .mainBody .end:after {
        content: "";
        display: table; }
      .home .mainBody .end:after {
        clear: both; }
      .home .mainBody .end h2 {
        font-size: 32px;
        margin-top: 6px; }
      .home .mainBody .end .intro {
        float: left;
        width: 370px; }
      .home .mainBody .end .links {
        float: right;
        width: 424px; }
      .home .mainBody .end ul {
        text-align: left; }
        .home .mainBody .end ul li {
          display: table;
          height: 42px;
          margin: 0;
          zoom: 1; }
          .home .mainBody .end ul li:before, .home .mainBody .end ul li:after {
            content: "";
            display: table; }
          .home .mainBody .end ul li:after {
            clear: both; }
        .home .mainBody .end ul a {
          display: block;
          float: left;
          font-size: 22px; }
      .home .mainBody .end span, .home .mainBody .end img {
        float: left;
        margin-right: 16px; }
      .home .mainBody .end span {
        margin-top: -5px; }
      .home .mainBody .end img {
        margin-top: 3px; }
  @-moz-document url-prefix() {
    .home .featured .ginput_container {
      margin-top: 0px; }
    .home .featured .gfield_radio, .home .featured .gfield_checkbox li {
      margin: 0 0 11px 0; }
    .home .featured article div h2 {
      margin-bottom: 0; }
    .home .featured article div p {
      margin-bottom: 30px; } }
  /* More Ways To Give Page, About OCSPCA
=============================================*/
  .page-id-9 .mainBody .main img, .page-id-21 .mainBody .main img {
    display: block;
    visibility: visible;
    border: none; }
  /* archive-programs.php
=============================================*/
  .post-type-archive-programs .mainBody .program {
    zoom: 1; }
    .post-type-archive-programs .mainBody .program:before, .post-type-archive-programs .mainBody .program:after {
      content: "";
      display: table; }
    .post-type-archive-programs .mainBody .program:after {
      clear: both; }
    .post-type-archive-programs .mainBody .program img {
      display: block;
      visibility: visible;
      float: left;
      margin: 0 16px 16px 0; }
  /* single-programs.php
=============================================*/
  .single-programs .mainBody .main .wp-caption, .single-programs .mainBody .main img {
    display: block;
    visibility: visible; }
  /* PAWS Volunteers */
  .page-id-938 .mainBody .main {
    zoom: 1; }
    .page-id-938 .mainBody .main:before, .page-id-938 .mainBody .main:after {
      content: "";
      display: table; }
    .page-id-938 .mainBody .main:after {
      clear: both; }
    .page-id-938 .mainBody .main .wp-caption:nth-of-type(3n+3), .page-id-938 .mainBody .main .last .wp-caption {
      margin-right: 0; }
  /* page_shelters.php
=============================================*/
  .page-template-page_shelters-php .map {
    display: block;
    visibility: visible;
    background: #a2bfea;
    background: rgba(48, 110, 255, 0.25);
    min-height: 431px;
    max-height: 518px; }
    .page-template-page_shelters-php .map .box {
      margin: auto;
      overflow: hidden;
      padding-top: 30px;
      padding-bottom: 34.7%;
      position: relative;
      width: 100%;
      min-width: 1000px;
      max-width: 1200px;
      min-height: 431px;
      z-index: 1; }
      .page-template-page_shelters-php .map .box iframe, .page-template-page_shelters-php .map .box object, .page-template-page_shelters-php .map .box embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-height: 431px;
        max-height: 518px; }
  .page-template-page_shelters-php .mainBody {
    margin-top: -80px; }
    .page-template-page_shelters-php .mainBody .city {
      float: left;
      margin: 22px 0 0px 0;
      zoom: 1; }
      .page-template-page_shelters-php .mainBody .city:before, .page-template-page_shelters-php .mainBody .city:after {
        content: "";
        display: table; }
      .page-template-page_shelters-php .mainBody .city:after {
        clear: both; }
      .page-template-page_shelters-php .mainBody .city.col_1 {
        width: 609px; }
      .page-template-page_shelters-php .mainBody .city.col_2 {
        width: 609px; }
      .page-template-page_shelters-php .mainBody .city.col_3 {
        width: 100%; }
      .page-template-page_shelters-php .mainBody .city .small {
        width: 25%; }
      .page-template-page_shelters-php .mainBody .city ul {
        zoom: 1;
        float: left;
        width: 75%; }
        .page-template-page_shelters-php .mainBody .city ul:before, .page-template-page_shelters-php .mainBody .city ul:after {
          content: "";
          display: table; }
        .page-template-page_shelters-php .mainBody .city ul:after {
          clear: both; }
        .page-template-page_shelters-php .mainBody .city ul li {
          float: left;
          margin: 2px 0;
          width: 33.333333%; }
      .page-template-page_shelters-php .mainBody .city div {
        float: left;
        min-height: 140px;
        width: 284px; }
        .page-template-page_shelters-php .mainBody .city div + div {
          margin-top: 0;
          margin-left: 40px; }
  /* page_resources.php
=============================================*/
  .nav-tabs > li > a {
    margin: 0 4px 0 0;
    border-bottom: 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    -border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0; }
  .nav-tabs > .active > a {
    border-bottom: 0; }
  /* archive-event.php
=============================================*/
  .post-type-archive-event .mainBody .event {
    margin: 48px 0; }
    .post-type-archive-event .mainBody .event .info {
      background: #fff;
      border: 1px solid #ddd;
      margin-top: 16px;
      padding: 12px 16px;
      zoom: 1; }
      .post-type-archive-event .mainBody .event .info:before, .post-type-archive-event .mainBody .event .info:after {
        content: "";
        display: table; }
      .post-type-archive-event .mainBody .event .info:after {
        clear: both; }
      .post-type-archive-event .mainBody .event .info ul {
        float: left;
        width: 40%; }
        .post-type-archive-event .mainBody .event .info ul h3 {
          font-size: 16px; }
        .post-type-archive-event .mainBody .event .info ul p {
          font-size: 14px; }
    .post-type-archive-event .mainBody .event .excerpt {
      float: left;
      width: 60%; }
      .post-type-archive-event .mainBody .event .excerpt p {
        margin: 0; }
    .post-type-archive-event .mainBody .event img {
      display: block;
      visibility: visible;
      border: 1px solid #c5c29f;
      float: right;
      margin: 0 0 16px 16px; }
  /* single-events.php
=============================================*/
  .single-event .mainBody .main img {
    display: block;
    visibility: visible; }
  .single-event .mainBody .sidebar .info h2 {
    font-size: 18px;
    margin-top: 21px;
    margin-top: 15px; }
  .single-event .mainBody .sidebar .info p {
    font-size: 14px; }
  /* archive-tributes.php
=============================================*/
  .post-type-archive-tributes .mainBody .main .browse {
    text-align: left;
    padding-left: 16px; }
  .post-type-archive-tributes .mainBody .main article {
    zoom: 1;
    padding: 28px 0 32px 0; }
    .post-type-archive-tributes .mainBody .main article:before, .post-type-archive-tributes .mainBody .main article:after {
      content: "";
      display: table; }
    .post-type-archive-tributes .mainBody .main article:after {
      clear: both; }
  .post-type-archive-tributes .mainBody .main .col_1 {
    float: left;
    margin: 0;
    padding-right: 32px;
    width: 33%; }
  .post-type-archive-tributes .mainBody .main .col_2 {
    float: right;
    width: 66%; }
  .post-type-archive-tributes .mainBody .main .col_3 {
    display: block;
    visibility: visible;
    float: right;
    width: 66%; }
    .post-type-archive-tributes .mainBody .main .col_3 h2 {
      font-family: "Dosis", sans-serif;
      font-size: 16px;
      font-weight: 500; }
  /* single-tributes.php
=============================================*/
  .single-tributes .mainBody aside {
    float: left;
    width: 240px; }
  .single-tributes .mainBody .main {
    margin: 0; }
  /* search.php
=============================================*/
  .search-results .mainBody .main article {
    padding: 34px 0 0 0;
    margin: 0 0 38px 0; }
  .search-results .mainBody .main h1 + article {
    padding: 18px 0 0 0; }
  /* ERROR 404
=============================================*/
  .error404 .mainBody .content img {
    float: right;
    margin: 0; } }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /*=======================================================================
Site Name: Orange County SPCA
Author: Jake Craigmile - http://www.jakecraigmile.com
Stylesheet: Retina Screens & Devices Stylesheet

===========================
	Index
===========================
 - General
 - Header & Navigation
 - Body
 - Footer
 - Page Templates

=======================================================================*/
  /*=======================================================================
	General
=======================================================================*/
  body {
    background: url(../images/bg-body-2x.jpg) repeat;
    background-size: 500px 333px; }
  /*=======================================================================
	Header & Navigation
=======================================================================*/
  /* Sub Header
=============================================*/
  .subHead {
    background: url(../images/bg-foot-drk-2x.jpg) repeat;
    background-size: 250px 250px; }
  /* Main Header
=============================================*/
  .mainHead, .mainHead nav li {
    background: url(../images/bg-nav-2x.jpg) left top;
    background-size: 170px 180px; } }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 600px), only screen and (min--moz-device-pixel-ratio: 1.5) and (min-width: 600px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 600px) {
  .mainHead h1 a {
    background: url(../images/ocspca-logo-2x.png) no-repeat;
    background-size: contain; }
  .mainHead, .mainHead nav ul {
    background: url(../images/bg-nav-2x.jpg) left center;
    background-size: 170px 180px; }
  .mainHead nav li {
    background: none; } }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /*=======================================================================
	Body
=======================================================================*/
  .mainBody {
    background: url(../images/bg-content-2x.jpg) repeat;
    background-size: 300px 300px; }
    .mainBody .connect {
      background: url(../images/bg-aside-2x.jpg) repeat;
      background-size: 300px 300px; }
  /*=======================================================================
	Footer
=======================================================================*/
  .mainFoot {
    background: url(../images/bg-foot-lgt-2x.jpg) repeat;
    background-size: 250px 250px; }
    .mainFoot .group {
      background: url(../images/bg-foot-drk-2x.jpg) repeat;
      background-size: 250px 250px; }
  /*=======================================================================
	Page Templates
=======================================================================*/
  /* Homepage
=============================================*/
  .home .featured article {
    background: url(../images/bg-content-2x.jpg) repeat;
    background-size: 300px 300px; }
    .home .featured article header {
      background: url(../images/bg-aside-2x.jpg) repeat;
      background-size: 300px 300px; } }

@media print {
  /******************************************************************
Site Name:
Author:

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. If you want to
though, go for it.

******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .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; }
  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; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }