/*
Theme Name: PR
Theme URI: http://www.pinksheepmedia.com/
Description: If you're looking at this screen, Please don't touch anything. If you have questions, call Sherwin. Also, this theme is responsive, with a focus on navigation, custom application for Project Respect
Author: Sherwin Arnott
Author URI: http://www.pinksheepmedia.com/
Version: 1.0
Tags: awesomesauce


*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/****** structure ******/

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lato', Arial, Sans-Serif;
	margin:0;
	padding:0;
	color:#000;
	text-align:left;
	width:100%;
	background-color:#eee;
	border-top:2px solid #000;
	background-image:url('images/bg3.jpg');
	background-position:center  30px;
	}

#navwrapper {
	display:block;
	width: 100%;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}

.wrapper {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	float:left;
	}

.n_i {
	margin: 10px 0 10px 3%;
	padding: 0;
	width: 94%;
	float:left;
	display:block;
	}

.x_i {
	background-color:transparent;
	float:left;
	padding: 0;
	width:100%;
	}

.w_i {
	margin: 0 0 0 3%;
	padding: 0 0 10px 0;
	width: 94%;
	float:left;
	display:block;
	background-color:#fff;
	border-top:1px solid #aaa;
	}

.trans {
	border:0px;
	background-color:transparent;
	}

.f_i {
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	float:left;
	display:block;
	}

article {
	float:left;
	width:94%;
	margin: 0 0 0 3%;
	}

/****** blrg mobile navigation ******/

#navwrapper {
	}

.n_i {
	margin:0 0 0 3%;
	position:relative;
	}

#main {
	display:none;
	}

#title {
	float:left;
	}

#title a {
	margin:0px;
	padding:12px 20px 8px 0;
	display:block;
	float:left;
	color:#fff;
	font-weight:600;
	font-size:15px;
	}

/****** more structure ******/

#top_menu {
	width:100%;
	float:left;
	position:fixed;
	top:0;
	z-index:9999;
	background-color:#000;
	}

body.admin-bar #top_menu {
	top:40px;
	}

.top_left {
	float:left;
	}

.top_right {
	float:right;
	width:800px;
	max-width:70%;
	}

#top_menu ul li.current-menu-item a, #top_menu ul li.current_page_parent a {
	color:#fff;
	background-color:#444;
	}

/*** skiptocontent ***/

#skiptocontent a {
	height: 40px;
	width: 200px;
	position: absolute;
	overflow: hidden;
	left: -400px;
	float:left;
	}


#skiptocontent a:focus, #skiptocontent a:active {
	left:250px;
	color:#fff;
	background-color:#000;
	z-index:8000;
	font-size:16px;
	line-height:40px;
	text-align:center;
	}

/*** logo ***/

#logo {
	display:none;
	vertical-align:top;
	width:60%;
	height:auto;
	float:left;
	margin: 10px 0 0 0;
	}

#logo img {
	}

#logo a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
	}

/*** mission ***/

#mission {
	display:block;
	float:left;
	width:78%;
	margin:0;
	padding:0;
	}

#mission h1.title {
	width:100%;
	float:left;
	margin:0;
	}

#mission p.subtitle {
	font-family: 'PT Serif', georgia, times, serif;
	display:block;
	font-size:13px;
	margin: 30px 0 0 0;
	line-height:1.2;
	}

/*** phone ***/

#phone {
	float:right:
	width:45%;
	clear:right;
	margin: 0 2% 0 0;
	}

#phone p {
	}

#phone a.speechballoon {
	display:none;
	float:right;
	width:120px;
	}

#phone a.phone {
	color:#fff;
	font-size:18px;
	font-weight:600;
	padding:5px auto;
	border:1px solid #fff;
	float:right;
	margin:5px 25% 5px 0;
	width:50%;
	text-align:center;
	}

#phone a.phone:hover {
	color:#000;
	}

#phone small {
	font-size:12px;
	}

/*** quick menu ***/

#quick {
	display:block;
	float:right;
	padding: 0;
	width:20%;
	margin:15px 2% 0 0;
	text-align:right;
	}

#quick ul {
	}

#quick ul li {
	display:block;
	width:100%;
	}

#quick ul li a {
	color:#fff;
	padding: 5px 0;
	text-transform:uppercase;
	text-align:center;
	background-color:#e54e13;
	display:block;
	width:100%;
	margin:0;
	font-size:12px;
	line-height:16px;
	clear:both;
	}

#quick ul li a:hover {
	background-color:#eee;
	}

#quick ul li.menu-item-20973 a { /* donate */
	display:none;
	background-color:#43494C;
	color:#fff;
	width:50%;
	padding: 5px 10px;
	float:right;
	}

/** get help nav ***/

#get_help {
	width:100%;
	margin: 0;
	float:left;
	clear:left;
	}

#get_help ul {
	padding:0;
	margin:0;
	width:100%;
	float:none;
	text-align:center;
	}

#get_help ul li {
	display:inline;
	text-align:center;
	}

#get_help ul li a {
	font-size:13px;
	line-height:20px;
	padding: 10px;
	color:#000;
	text-transform:uppercase;
	}

#get_help ul li a:hover {
	color:#777;
	}

/*** desktop ***/

.entry, .article-footer {
	float: left;
	width: 100%;
	padding: 10px 0;
	margin: 0;
	}

/****** page template ******/

#submenu {
	display:none;
	}

/*** slideshow ***/

body .slideshow_container {
	}

body .slideshow_container_style-light .slideshow_description_box {
	background-color:transparent;
	background-image:url('images/overlay.png');
	height:100%;
	}

body .slideshow_container_style-light .slideshow_transparent {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	}

/** slideshow buttons **/

body .slideshow_container .slideshow_button {
	top: 0%;
	}

body .slideshow_container .slideshow_button {
	width: 8%;
	background-image:none;
	height:90%;
	margin: 2% 0;
	}
	
body .slideshow_container .slideshow_next {
	background-image:url('images/button_right.png');
	background-size:60%;
	background-repeat:none;
	background-position: 50% 50%;
	}

body .slideshow_container .slideshow_previous {
	background-image:url('images/button_left.png');
	background-size:60%;
	background-repeat:none;
	background-position: 50% 50%;
	}

body .slideshow_container .slideshow_button {
	border: 0px solid #fff;
	}

body .slideshow_container .slideshow_button:click {
	border: 1px solid transparent;
	}

/* reponsive part */

body h2.slideshow_title  {
	padding-top:10px;
	font-size:16px;
	}

/*** contact page ***/

body.page-id-920 h2 {
	font-size:20px;
	border-top:1px solid #ddd;
	margin: 20px 0 5px 0;
	padding: 5px 0;
	}

body.page-id-920 h3 {
	padding: 10px 0 0;
	}

/****** register page ******/

body.page-id-73 .entry ul {
	margin:0;
	padding:0;
	}

body.page-id-73 .entry ul li {
	list-style:none;
	margin: 10px 0 5px 0;
	padding: 5px 0;
	}

/****** typography ******/

h3, h4 {
	color: #000;
	font-weight:700; 
	}

h1 {
	font-family: 'PT Serif', georgia, times, serif;
	color:#000;
	font-size: 24px;
	line-height: 24px;
	margin:0 0 10px 0;
	font-weight:700; 
	}

h2 {
	font-family: 'PT Serif', georgia, times, serif;
	color:#000;
	font-size: 20px;
	line-height: 20px;
	font-weight:700; 
	}

h2 {
	margin-top:-50px;
	padding-top:50px;
	}

h3 {
	font-family: 'PT Serif', georgia, times, serif;
	font-size: 22px;
	line-height: 26px;
	margin: 10px 0;
	}

h4 {
	font-size: 20px;
	line-height: 22px;
	margin: 10px 0;
	color:#505369;
	}

h1 a, h2 a, h3 a {
	color:#0073AE;
	}

h1 a:hover, h2 a:hover, h3 a:hover {
	color:#000;
	}

.entry p {
	font-size:15px;
	line-height:25px;
	margin: 13px 0;
	color:#222;
	}

.entry ul li, .entry ol li {
	font-size:15px;
	line-height:25px;
	margin: 5px 0;
	}

.entry p a, .entry ul li a, .entry ol li a { 
	color:#316ac3;
	text-decoration:underline;
	}

.entry p a:hover, .entry ul li a:hover, .entry ol li a:hover {
	color:#000;
	text-decoration:none;
	}

.entry strong {
	font-weight:700;
	color:#222; 
	}

em {
	font-style:italic;
	}

small {
	font-size: 12px;
	}

a.post-edit-link {
	font-size:12px;
	color:#fff;
	background-color:#333;
	padding: 10px;
	line-height:30px;
	}

a {
	text-decoration:none;
	}

/*** tables ***/

td, th {
	padding: 10px 5px;
	border:1px dotted #ddd;
	font-size: 14px;
	line-height:18px;
	}

th {
	background-color:#eee;
	}

th h2 {
	padding:0;
	margin: 5px 0;
	}

td a {
	color:#009B77;
	text-decoration:underline;
	}

td a:hover {
	color:#666;
	text-decoration:none;
	}

td.reality {
	width:70%;
	}

td.reality, td.reality p {
	font-size:15px;
	line-height:20px;
	color:#000;
	}

/*** report typography ***/

body.page-template-pagereport-php h2 {
	}

/** also on contact page **/


body.page-template-pagereport-php .back_top {
	float:right;
	}

body.page-template-pagereport-php .back_top a {
	float:right;
	background-color:#fdf9cd;
	color:#000;
	font-size:16px;
	padding: 0 5px;
	}

/**	single post navigation **/

.navigation {
	display: block;
	margin:20px 0 10px;
	width:100%;
	float:left;
	}

.navigation a {
	margin:5px 0;
	padding:10px 20px;
	background-color:#79B0AB;
	color:#fff;
	font-size:15px;
	display: inline-block;
	}

.navigation a:hover {
	background-color:#333;
	}

/****** images and floats ******/

img {
	max-width: 100%; /* Add !important if needed. */
	height: auto;	/* Add !important if needed. */
	}

a img {
	border:none;
	}

p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

/** gallery **/

#gallery-6 a img {
	padding: 10px;
	border:2px solid #f8f8f8;
	}
#gallery-6 a img:hover {
	border:2px solid #eee;
	}

/****** lists ******/

.entry ul {
	margin: 13px 0 13px 20px;
	padding: 0 0 0 20px;
	list-style: none;
	padding-left: 10px;
	}

.entry ul li {
	margin: 0px 0px 5px 5px;
	padding-left:10px;
	list-style:disc;
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 15px 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	list-style:decimal;
	}

.entry ol li ol {
	margin: 0 0 15px;
	}

.entry ol li ol li {
    list-style-type: lower-alpha;
	}

/****** widgets ******/

.widget a {
	color:#0378a4;
	}

.widget a:hover {
	color:#000;
	}

/****** footer ******/

footer .widget {
	margin: 10px 0 0 0;
	}

footer h3 {
	color:#555;
	font-size:16px;
	margin: 20px 0 5px;
	}

footer ul, footer ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	}

footer .widget {
	border-top:1px solid #ddd;
	margin:5px 0;
	padding:5px 0;
	}

footer ul li {
	list-style-type: none;
	margin: 12px 0;
	padding: 0;
	line-height:22px;
	display: inline;
	}

footer ul li a {
	padding: 3px;
	margin-right:20px;
	}

footer ul li ul li {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
	display: block;
	}

/****** footer and sidebar ******/

.grey {
	background-color:#eee;
	}

.footer {
	margin:20px 0 0;
	padding: 20px 0 0;
	min-height:300px;
	float:left;
	}

.footer p, .footer ul li, .footer ol li {
	font-size:13px;
	line-height:20px;
	margin: 12px 0;
	}

.footer #info {
	width:100%;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin: 20px 0 0 0;
	}

.footer #info p {
	margin: 20px 0;
	text-align:center;
	color:#888;
	}


.footer #credit p {
	margin: 20px 0;
	text-align:center;
	color:#888;
	font-size:11px;
	}

.footer #credit p a, .footer #info p a {
	color:#666;
	}

/****** sidebar ******/

#sidebar {
	float:left;
	width:96%;
	margin: 0 0 00 2%;
	padding: 20px 0 0 0;
	border-top:1px solid #ddd;
	}

#sidebar ul li, #sidebar ol li {
	font-size:13px;
	line-height:18px;
	margin:5px 0;
	}

#sidebar p {
	font-size:13px;
	line-height:18px;
	margin:10px 0;
	}

#sidebar p.metadata a {
	color:#316ac3;
	border-bottom:1px dotted #ccc;
	}

#sidebar a:hover {
	color:#000;
	}

aside {
	}

#sidebar h2 {
	}

#sidebar ul li a {
	color:#555;
	}

#sidebar ul li a:hover {
	color:#000;
	}

#sidebar .widget {
	margin: 0 0 10px 0;
	float:left;
	border-top:1px dashed #aaa;
	width:100%;
	}

#sidebar h3.widget-title {
	padding-top: 5px;
	}

#sidebar .omsc-recent-posts .omsc-one-third {
	width:90%;
	}

body.single #sidebar .widget {
	border-top:4px solid #eee;
	padding:10px 0;
	}

/****** submobile submenu ******/

#submobile {
	border-top:1px solid #ddd;
	float:left;
	width:96%;
	margin: 0 0 00 2%;
	padding: 0;
	}

#submobile h3 {
	font-size:15px;
	color:#888;
	letter-spacing:1px;
	text-align:center;
	}

#submobile ul {
	}

#submobile ul li {
	font-size:13px;
	line-height:18px;
	}

#submobile ul li a {
	color:#009B77;
	width:100%;
	padding: 10px 0;
	float:left;
	}

#submobile ul li a:hover {
	color:#000;
	}

#submobile ul li ul li ul li a {
	color:#777;
	width:auto;
	padding:5px;
	float:left;
	}

/****** captions ******/

.wp-caption {
	text-align: center;
	background-color: #eee;
	max-width: 100%;
	position:relative;
	width:100%;
	border-bottom:1px dotted #ddd;
	padding-bottom:5px;
	margin-bottom:20px;
	}

.wp-caption.alignleft {
	margin: 10px 15px 10px 0;
	}

.wp-caption.alignright {
	margin: 10px 0 10px 15px;
	}

.wp-caption img {
	margin: 0;
	padding: 0;
	}

.wp-caption p.wp-caption-text {
	font-size: 12px;
	line-height: 14px;
	font-weight:600;
	color:#333;
	padding:5px 2% 0;
	margin:0;
	overflow:hidden;
	width: 96%;
	}

/****** comments ******/

.comments {
	margin-top: 30px;
	}

#respond {
	width:100%;
	float:left;
	}

/** **/

#commenting {
	font-size:13px;
	line-height:18px;
	float:left;
	width:100%;
	}

h3#comments {
	width:100%;
	clear:both;
	}

ol.commentlist {
	width:100%;
	float:left;
	}

ol.commentlist li {
	padding-left:8px;
	}

p.nocomments {
	display:none;
	}

/****** wp standards ******/

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps {
	font-size: 1em;
	letter-spacing: .07em;
	}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

hr {
	color:#ddd;
	background-color:#ddd;
	clear:both;
	border:0;
	width:100%;
	margin:5px 0;
	height:1px;
	}

.center {
	text-align: center;
	}

.hidden {
	display:none;
	}

.entry blockquote p {
	color:#666;
	margin:20px 0 20px 20px;
	padding:10px 0;
	font-size:18px;
	line-height:24px;
	font-family: 'PT Serif', georgia, times, serif;
	font-style:italic;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	text-align:left;
	}

.entry p.intro {
	margin:10px 0;
	padding:5px 0 10px;
	font-size:16px;
	line-height:22px;
	border-bottom:1px solid #ddd;
	}

.clear {
	clear: both;
	}

.thread-alt {
	background-color: #f8f8f8;
	}

.thread-even {
	background-color: white;
	}

.depth-1 {
	border: 1px solid #fff;
	}

.even, .alt {
	border-left: 1px solid #ddd;
	}

sup {
	font-size:9px;
	}

/****** full full template ******/

body .f_i .entry, body .f_i .entry-header {
	padding:0;
	margin:0;
	width:100%;
	}

body .f_i article {
	}

/******	single post template ******/

.entry-header {
	float: left;
	width: 100%;
	padding: 10px 0 0;
	margin: 0;
	}

h1.entry-title {
	font-size:22px;
	line-height:26px;
	}

p.subtitle {
	font-size:15px;
	line-height:20px;
	color:#666;
	margin:0 0 10px;
	}

p.metadata {
	font-family: 'PT Serif', georgia, times, serif;
	font-style:italic;
	font-size: 14px;
	line-height: 16px;
	padding: 0 0 10px;
	margin:10px 0 3px;
	color:#666;
	}

.author a {
	color:#000;
	}

body.single-post footer {
	float:left;
	width:100%;
	}

#jp-relatedposts h4 a { /* related posts */
	color:#000;
	}

/** sharing **/

#sidebar .sharedaddy ul li {
	}

#sidebar .sharedaddy ul li a {
	padding:4px;
	}

#sidebar .sharedaddy ul li a:hover {
	background-color:none;
	}

/****** blog index ******/

body.blog article, body.tag article, body.category article {
	width:46%;
	}

body.blog article.odd, body.tag article.odd, body.category article.odd {
	float:left;
	clear:left;
	}

body.blog article.even, body.tag article.even, body.category article.even {
	float:right;
	border-left:0;
	}

body.blog article {
	border-top:1px solid #ddd;
	}

body.blog h2.entry-title {
	padding:60px 0 0;
	}

body.blog p.metadata {
	padding:0 0 5px;
	margin:0 0 5px;
	}

body.blog .post_thumb img {
	padding:0;
	height:auto;
	width:100%;
	}

body.blog .entry p {
	padding:0;
	margin:5px 0;
	}

a.more {
	padding:10px 15px 8px;
	margin:0;
	background-color:#888;
	color:#fff;
	text-transform:uppercase;
	text-align:right;
	display:block;
	float:left;
	}

a.more:hover {
	background-color:#ddd;
	color:#666;
	}

#pagination {
	width:100%;
	float:left;
	text-align:center;
	margin:20px 0;
	padding:20px 0 10px;
	border-top:1px solid #ddd;
	}

#pagination a {
	font-size:18px;
	padding: 10px;
	background-color:#333;
	color:#fff;
	}

#pagination span.current {
	font-size:18px;
	padding: 10px;
	background-color:#316ac3;
	color:#fff;
	}

/****** sponsors blogroll ******/

body.page-id-10056 .entry ul {
	margin:0;
	padding:0;
	}

body.page-id-10056 .entry ul li {
	margin:0 3% 0 0;
	padding:0;
	list-style-type:none;
	display:block;
	float:left;
	text-align:center;
	width:30%;
	}

body.page-id-10056 .entry ul li a {
	margin:10px 0;
	padding:20px 0;
	color:#555;
	font-size:13px;
	line-height:15px;
	letter-spacing:1px;
	float:left;
	width:100%;
	text-decoration:none;
	border:1px solid #eee;
	height:100px;
	background-color:#fcfcfc;
	}

body.page-id-10056 .entry ul li a:hover {
	border-left:2px solid #06a47f;
	border-right:0px solid #06a47f;
	background-color:#fafafa;
	}

body.page-id-10056 ul li img {
	max-height:60px;
	margin:20px auto 0;
	display:block;
	max-width:140px;
	}

/*** breadcrumb ***/

.breadcrumbs {
	font-size:10px;
	letter-spacing:1px;
	font-weight:400;
	text-transform:uppercase;
	margin-left:3%;
	margin-top:20px;
	}

.breadcrumbs a {
	color:#777;
	}

.breadcrumbs a:hover {
	color:#222;
	}

/****** category ******/

body.category section {
	width:96%;
	float:left;
	margin-left:2%;
 	}

body.category section section {
	width:100%;
	float:left;
	margin:0;
	border-bottom: 1px dotted #ddd;
 	}

body.category .summary p {
	font-size:16px;
	line-height:22px;
 	}

body.category h2.entry-title {
	font-size:18px;
	line-height:24px;
 	}

body.category .post_thumb img {
	}

body.category p.date {
	margin:4px 0 0;
 	}

body.category p {
 	}

/** pagefeature template **/

.page_feature {
	width:100%;
	margin: 0;
	height:auto;
	overflow:hidden;
	}

.page_feature img {
	width:100%;
	}

aside.feature {
	border-bottom:1px solid #ddd;
	}

aside.feature {
	font-family: 'PT Serif', georgia, times, serif;
	width:96%;
	margin: 0 auto;
	color:#333;
	font-weight:400;
	font-size:15px;
	line-height:20px;
	padding:5px 0;
	}

/****** panel ******/

#panel_more a {
	font-size:24px;
	line-height:40px;
	font-weight:400;
	float:left;
	width:45px;
	height:40px;
	background-color:#4ca186;
	color:#000;
	text-align:center;
	margin:0 0 0 20px;
	}

#panel_more a:hover {
	background-color:#ccc;
	}

#panel_main {
	display:none;
	margin-right:30px;
	float:right;
	}

#panel_main a {
	color:#fff;
	padding: 10px 5px;
	float:left;
	}

#panel_main a:hover {
	color:#4ca186;
	}

#panel {
	display:none;
	margin:0%;
	float:left;
	background-color:#f4f4f4;
	height: auto;
	width:98%;
	padding: 0 1%;
	float:left;
	border-bottom:4px solid #aaa;
	}

#panel.yes {
	display:block;
	}

#panel h2, panel h3 {
	margin-top:10px;
	}

#panel p, #panel ul li {
	font-size:13px;
	line-height:18px;
	}

#panel p {
	margin:12px 0;
	}

#panel ul li {
	margin:2px 0;
	padding:5px 0;
	}

#panel .widget {
	width:100%;
	float:left;
	margin:0;
	padding:5px 0;
	border-bottom:1px solid #fff;
	}

/* ===== == = === (stuff) === = == ===== */

aside, article p, article ul li, nav.social_icons, .contact_info, a, h1 a, h1 a:hover, #branding, #logo a img, #panel, #panel.yes, .header_search input.s:hover, .header_search input.s:focus {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
	}

/* ===== == = === (stuff) === = == ===== */


/* ===== == = === (400px) === = == ===== */

@media only screen and (min-width : 400px) {

}

/* ===== == = === (480px) === = == ===== */

@media only screen and (min-width : 480px) {

#logo {
	margin:0;
	width:240px;
	}

#logo img {
	width: auto;
	height:auto;
	}

/*** slideshow break1 ***/

body h2.slideshow_title  {
	font-size:20px;
	padding-top:30px;
	}

/** panel **/

#panel .widget {
	width:48%;
	float:left;
	margin-left:1%;
	border:none;
	}

}

/* ===== == = === (600px) === = == ===== */

@media only screen and (min-width: 600px) {

/*** pagefeature ***/

body.page-template-pagefeature-php article {
	float:left;
	width:80%;
	margin: 0 0 0 3%;
	}

/*** slideshow break2 ***/

body h2.slideshow_title  {
	font-size:28px;
	padding-top:50px;
	}

/** footer **/

footer ul li {
	display:block;
	}

footer ul li a {
	}

}

/* ===== == = === (820px) === = == ===== */
/* major break point */

@media only screen and (min-width: 820px) {

#top_menu {
	position:relative;
	width:100%;
	}

#main {
	display:block;
	}

body.admin-bar #top_menu {
	top:0;
	}

#logo {
	width:300px;
	max-width:300px;
	margin:20px 0 0 0;
	display:block;
	}

#mission {
	display:block;
	float:left;
	width:600px;
	margin:0 10px 5px;
	}

#phone p a.phone {
	margin:5px 0 5px 0;
	padding:5px 1%;
	width:13%;
	}

#phone a.speechballoon {
	display:block;
	}

#quick {
	width:15%;
	float:right;
	}

.header_search {
	display:block;
	float:right;
	margin: 10px 10px 4px 20px;
	} 

.header_search input.s {
	background-color:#fff;
	color:#4ca186;
	border:none;
	text-align:center;
	height:20px;
	}

.header_search input.s:hover, .header_search input.s:focus {
	background-color:#ddd;
	color:#000
	}

/** panel **/

#panel .widget {
	width:23.5%;
	float:left;
	margin-left:1%;
	}

/** get help nav ***/

#get_help {
	width:125px;
	margin: 35px 0 0 50px;
	float:left;
	clear:none;
	text-align:right;
	}

#get_help ul {
	width:125px;
	}

#get_help ul li {
	display:block;
	}

#get_help ul li a {
	font-size:13px;
	line-height:13px;
	letter-spacing:.5px;
	padding: 10px 5px 5px;
	text-transform:uppercase;
	float:left;
	width:100%;
	}

/** single post **/

h1.entry-title {
	font-size:32px;
	line-height:34px;
	}

p.subtitle {
	font-size:18px;
	line-height:20px;
	color:#666;
	margin:0 0 10px;
	}

body.single-post #logo {
	display:block;
	}

body.single-post .entry {
	float:left;
	width:55%;
	margin: 0;
	}

body.single-post #sidebar {
	width:35%;
	}

body.single-post #submenu {
	border:none;
	}

/** page template **/

body.page-template-default article, body.page-template-pagedcs-php article,body.page-template-pagedonate-php article {
	float:left;
	width:65%;
	margin: 0 0 0 3%;
	}

/** pagewide **/

body.page-template-pagewide-php article {
	float:left;
	width:80%;
	margin: 0 0 0 3%;
	}

/** pageteam **/

body.page-template-pageteam-php article {
	float:left;
	width:80%;
	margin: 0 0 0 3%;
	}

/*** pagefeature ***/

aside.feature {
	margin-top:-150px;
	height:150px;

	}

aside.feature p.white {
	color:#fff;
	text-shadow: -2px 1px 2px #000;
	font-size: 30px;
	line-height: 36px;
	padding:5px 0;
	background-image:url('images/overlay.png');
	background-repeat:repeat;
	margin-top:-150px;
	}

/*** attachment image ***/

body.attachment article {
	float:left;
	width:94%;
	margin: 0 0 0 3%;
	}

/** blog tag **/

body.blog section, body.tag section {
	width:68%;
	float:left;
 	}
 
body.blog #sidebar, body.tag #sidebar {
	width:13%;
 	}
  
/** category **/

body.category section {
	width:55%;
	float:left;
	margin-left:2%;
 	}

body.category section section {
	width:100%;
	float:left;
	margin:0;
 	}

body.category .summary p {
	font-size:19px;
	line-height:26px;
 	}

body.category h2.entry-title {
	font-size: 25px;
	line-height: 30px;
 	}

body.category p.date {
	margin:4px 0 0;
 	}

body.category p {
 	}

/** sidebar **/

#sidebar {
	float:right;
	width:25%;
	padding-left:2%;
	padding-right:2%;
	padding-top: 20px;
	border-top:0px;
	}

/** submobile submenu **/

#submobile {
	display:none;
	}

/** navigation **/

a.menu_icon {
	display:none;
	float:left;
	}

.n_i { /* footer header */
	float:none;
	max-width:1170px;
	margin: 0 auto;
	}

.w_i { /*main content area, has shadow */
	float:none;
	max-width:1170px;
	margin:0 auto;
	padding:0;
	overflow:auto;
	}

#navwrapper {
	}

#title a {
	}

.mobile_menu {
	display:none;
	}

/****** page template ******/

#submenu {
	display:block;
	float:left;
	width:100%;
	margin: 0 0 20px 0;
	padding-top:5px;
	padding-bottom:20px;
	}

#submenu ul li.cmw-level-1 a {
	text-transform:uppercase;
	}

#submenu ul li.cmw-level-2 a {
	text-transform:none;
	}

#submenu a {
	font-size:13px;
	color:#000;
	font-weight:500;
	border-bottom:1px solid #f6f6f6;
	}

#submenu a:hover {
	background-color:#f6f6f6
	}

#submenu ul {
	width:100%;
	padding:0;
	float:left;
	margin:0;
	}

#submenu ul li {
	width:100%;
	}

#submenu ul li a {
	width:94%;
	padding:5px 3%;
	float:left;
	}

#submenu ul li ul li {
	width:100%;
	margin:0;
	}

#submenu ul li ul li ul {
	}

#submenu ul li ul li a {
	width:94%;
	padding:4px 0 4px 3%;
	float:left;
	}

#submenu ul li ul li ul li a {
	width:88%;
	padding:4px 2% 4px 10%;
	float:left;
	}

#submenu ul li ul li ul li {
	border-bottom:none;
	}

#submenu ul li a:hover, #submenu ul li ul li a:hover {
	color:#333;
	background-color:#ddd;
	}

#submenu ul li.current-menu-item a {
	background-color:#43494C;
	color:#fff;
	}

#submenu ul li.current-menu-item  ul li a {
	background-color:transparent;
	color:#000;
	}

#submenu ul li.current-menu-item  ul li ul li a {
	background-color:transparent;
	color:#000;
	}

/** submenu single post **/


/****** full full template ******/

body .f_i .entry, body .f_i .entry-header {
	padding:0;
	margin:0;
	width:100%;
	}

body .f_i article {
	}

/****** panel ******/

#panel_main {
	display:block;
	}

/*** typography ***/

.entry p.intro {
	font-size:19px;
	line-height:26px;
	}

}

/* ===== == = === (920px) === = == ===== */
/* typography shift */

@media only screen and (min-width : 920px) {

h1 {
	font-size: 30px;
	line-height: 36px;
	margin:10px 0;
	}

h2 {
	font-size: 22px;
	line-height: 26px;
	margin: -50px 0 10px 0;
	}

h3 {
	font-size: 18px;
	line-height: 24px;
	}

/*** get help nav ***/

#get_help {
	margin: 35px 0 0 150px;
	}

/*** slideshow break2 ***/

body h2.slideshow_title  {
	font-size:32px;
	padding-top:100px;
	}

}

/* ===== == = === (1100px) === = == ===== */

@media only screen and (min-width : 1100px) {

/** get help nav ***/

#get_help {
	margin: 35px 0 0 250px;
	}

	}

/****** page template ******/



}

/* ===== == = === (1300px) === = == ===== */

@media only screen and (min-width : 1300px) {


}


/****** ie ******/

/* IE7 */


/****** plugins ******/

/*** calendar ***/

    .calnk a:hover {
        background-position:0 0;
        text-decoration:none;  
        color:#000000;
        border-bottom:1px dotted #000000;
     }
    .calnk a:visited {
        text-decoration:none;
        color:#000000;
        border-bottom:1px dotted #000000;
    }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
    }
    .calnk a span { 
        display:none; 
    }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        line-height:1.2em;
    }
    .calendar-table {
        border:0 !important;
        width:100% !important;
        border-collapse:separate !important;
        border-spacing:2px !important;
    }
    .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
    }
    .calendar-next {
        width:25%;
        text-align:center;
    }
    .calendar-prev {
        width:25%;
        text-align:center;
    }
    .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
    }
    .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
    }
    .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
        color:#FF0000;
    }
    .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #DFE6DE;
    }
    .no-events {

    }
    .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
    }
    span.weekend {
        color:#FF0000;
    }
    .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #BFBFBF;
        background-color:#E4EBE3;
    }
    span.event {
        font-size:0.75em;
    }
    .kjo-link {
        font-size:0.75em;
        text-align:center;
    }
    .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
    }
    .calendar-date-switcher form {
        margin:2px;
    }
    .calendar-date-switcher input {
        border:1px #D6DED5 solid;
        margin:0;
    }
    .calendar-date-switcher select {
        border:1px #D6DED5 solid;
        margin:0;
    }
    .calnk a:hover span span.event-title {
        padding:0;
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
        margin-left:0px;
    }
    .calnk a:hover span span.event-title-break {
        width:96%;
        text-align:center;
        height:1px;
        margin-top:5px;
        margin-right:2%;
        padding:0;
        background-color:#000000;
        margin-left:0px;
    }
    .calnk a:hover span span.event-content-break {
        width:96%;
        text-align:center;
        height:1px;
        margin-top:5px;
        margin-right:2%;
        padding:0;
        background-color:#000000;
        margin-left:0px;
    }
    .page-upcoming-events {
        font-size:80%;
    }
    .page-todays-events {
        font-size:80%;
    }
    .calendar-table table,tbody,tr,td {
        margin:0 !important;
        padding:0 !important;
    }
    table.calendar-table {
        margin-bottom:5px !important;
    }
    .cat-key {
        width:100%;
        margin-top:30px;
        padding:5px;
        border:0 !important;
    }
    .cal-separate {
       border:0 !important;
       margin-top:10px;
    }
    table.cat-key {
       margin-top:5px !important;
       border:1px solid #DFE6DE !important;
       border-collapse:separate !important;
       border-spacing:4px !important;
       margin-left:2px !important;
       width:99.5% !important;
       margin-bottom:5px !important;
    }
    .cat-key td {
       border:0 !important;
    }

/** sherwin **/

table.calendar-table {
	background-color:#fff;
	}

body .entry .kjo-link p {
	font-size:9px;
	text-align:right;
	color:#777;
	}

/*** responsive menu ***/

body #click-menu {
	width:25px;
	}

body #click-menu .threeLines {
	width:25px !important;
	height:30px;
	}

body #click-menu .threeLines .line {
	height:3px !important;
	}

/*** olevmedia recent posts ***/

body .omsc-recent-posts {
	margin: 0;
	padding: 0;
	}

body .omsc-recent-posts-excerpt {
	font-size:13px;
	line-height:18px;
	}

/*** olevmedia buttons ***/

.entry a.omsc-button {
	text-decoration:none;
	}

body .wrapper p a.omsc-size-medium, body .wrapper a.omsc-size-medium {
	font-size:14px;
	line-height: 20px;
	padding: 5px 10px;
	}

body .wrapper p a.omsc-size-large, body .wrapper a.omsc-size-large {
	font-size:18px;
	line-height: 25px;
	}

/*** olevmedia misc ***/

.omsc-toggle-title {
	font-size:14px;
	}

/*** notify ***/

#mbj-notify-bar-wrapper #mbj-notify-bar p {
	font-size:12px;
	}

#mbj-notify-bar-wrapper a {
	font-size:14px;
	}

/*** stray testimonials quotes ***/

.testimonial blockquote {
	font-family: 'PT Serif', georgia, times, serif;
	font-size:18px;
	line-height:26px;
	font-weight:500;
	font-style:italic;
	color:#555;
	margin: 30px 0;
	}

cite.testimonialauthor {
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	font-size:12px;
	line-height:14px;
	}

/*** pages in pages ***/

.ivycat-page {
	width: 100%;
	float:left;
	margin:0 0 10px;
	padding:0;
	border-bottom: 5px solid #f4f4f8;
	}

/*** posts in pages ***/

.ivycat-post {
	width: 100%;
	float:left;
	margin: 5x 0;
	padding: 5px 0;
	border-bottom: 5px solid #f4f4f8;
	}

.ivycat-post-1col:hover {
	background-color:#c3dedc;
	}

.ivycat-post-1col h2.entry-title {
	margin-top:0;
	}

.ivycat-post .ivycat-thumb {
	float:left;
	margin-bottom:5px;
	}

.ivycat-thumb-square {
	float:left;
	margin-right:10px;
	margin-top:0;
	}

.ivycat-post .sharedaddy, .no-sharedaddy .sharedaddy {
	display:none;
	}

.ivycat-post-1col {
	width: 100%;
	float:left;
	margin: 5x 0;
	padding: 5px 0;
	border-bottom: 5px solid #f4f4f8;
	}

.pip-nav {
	float:left;
	width:100%;
	}

.pip-nav ul {
	margin:0;
	padding:0;
	}

.pip-nav ul li {
	list-style:none;
	display:inline;
	}

.pip-nav ul li a {
	text-decoration:none;
	padding: 5px 10px;
	float:left;
	margin:10px 10px 0 0;
	color:#fff;
	background-color:#666;
	}

/** web to lead salesforce **/

.page-template-pagereport-php form {
	font-size:14px;
	line-height:16px;
	color:#555;
	}

.page-template-pagereport-php input[type=text],
.page-template-pagereport-php textarea,
.page-template-pagereport-php input {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	}

.page-template-pagereport-php label {
	font-size:14px;
	margin:0;
	padding:0;
	}

.page-template-pagereport-php input {
	width:100%;
	margin:5px 0 20px;
	border:2px solid #ddd;
	border-right:2px solid #d5d5d5;
	border-bottom:2px solid #d5d5d5;
	height:25px;
	}

.page-template-pagereport-php input[type=text] {
	font-size:14px;
	color:#111;
	}

.page-template-pagereport-php input[type=submit] {
	background-color:#43494C;
	font-size:16px;
	padding: 5px 0;
	height:35px;
	color:#fff;
	}

.page-template-pagereport-php input[type=submit]:hover {
	background-color:#333;
	}

.page-template-pagereport-php input:focus, .page-template-pagereport-php input:hover {
	background-color:#eee;
	}

.page-template-pagereport-php select {
	width:100%;
	margin:10px 0;
	border:2px solid #ddd;
	height:auto;
	}

.page-template-pagereport-php select option {
	line-height:20px;
	height:20px;
	padding:5px 0;
	background-color:transparent;
	}

.page-template-pagereport-php select option input {
	color:#43494C;
	font-size:16px;
	padding: 5px 0;
	height:35px;
	color:#fff;
	}

.page-template-pagereport-php select:hover {
	height:auto;
	}

/** widgets on pages **/

.widgets_on_page ul {
	margin:0;
	padding:0;
	}

.widgets_on_page ul li.widget {
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding:0;
	margin: 5px 0;
	background-color:#f6f6f6;
	text-align:center;
	list-style:none;
	}

.widgets_on_page p {
	color:#000;
	font-weight:600;
	letter-spacing:1px;
	}

/** adverts in sidebar **/



/** faq **/

h3.qa-faq-title {
	border-top:1px solid #ddd;
	}

h3.qa-faq-title a {
	color:#000;
	padding: 10px 0;
	font-weight:400;
	font-size:16px;
	width:100%;
	display:block;
	}

h3.qa-faq-title a:hover {
	color:#777;
	}

/* ===== == = === (500px) === = == ===== */
/* major break point */

@media only screen and (min-width: 500px) {

}

/* ===== == = === (820px) === = == ===== */
/* major break point */

@media only screen and (min-width: 820px) {

/*** posts in pages ***/

a .ivycat-post:hover {
	background-color:#f7f7f8;
	}

.ivycat-post .ivycat-thumb {
	float:none;
	width:100%;
	}

.ivycat-post .ivycat-thumb img {
	width:100%;
	}

.ivycat-post-1col h2.entry-title {
	margin-top:20px;
	}

.ivycat-thumb-square {
	margin-right:10px;
	margin-top:25px;
	}

}

/* ===== == = === (820px) === = == ===== */

@media only screen and (max-width: 820px) {

#navwrapper {
	margin-top:35px;
	}

}

/****** buttons warning text ******/

p a.button_red, p a.button_grey, p a.button_blue, p a.button_green,
ul li a.button_red, ul li a.button_grey, ul li a.button_blue, ul li a.button_green {
	padding: 8px 14px;
	line-height:24px;
	text-decoration:none;
	font-weight:600;
	color:#fff;
	margin:4px 0;
	}

p a.button_red:hover, p a.button_grey:hover, p a.button_blue:hover, p a.button_green:hover {
	background-color:#2f3531;
	color:#fff;
	}

a.button_red {
	background-color:#f55242;
	}

a.button_grey {
	background-color:#aaa;
	}

a.button_blue  {
	background-color:#316ac3;
	}

a.button_green {
	background-color:#568a2f;
	}

p.warning {
	padding: 10px;
	background-color:#fdf9cd;
	font-size:14px;
	}