/*
Theme Name:		Santa Fe Catholic
Theme URI:		http://santafecatholic.org/
Description:	A custom theme built by <a href='http://www.clarknikdelpowell.com'>Clark/Nikdel/Powell Inc.</a> for Santa Fe Catholic
Author:			Taylor Gorman
Author URI:		http://clarknikdelpowell.com
*/

@import url("fonts/declarations.css");

/* ======================================================== LAYOUT */

body {
	background-color: #d8d8d8;
	color: #333333;
	font-family: Palatino, "Times New Roman", serif;
	font-size: 14px;
}

.centered {width:980px; margin:0 auto; position:relative;}
#page {
	background-image: url(images/pagebg.png);
	background-repeat: repeat-x;
	background-position: center 1px;
	*z-index: 4;
}
.table {display:table; *display:block;}
.table .cell {display:table-cell; vertical-align:middle; *float:left;}
#wp_fb-credits {display:none;}
.mobile { display: none; }

/* ============================================================================= TAGLINE */

h1#logo {
	width: 151px;
	height: 207px;
	background-image: url(images/logo.png);
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
h1#logo a {
	display: block;
	width: 100%;
	height: 100%;
}
#tagline {
	background: #47141c; /* Old browsers */
	background: -moz-linear-gradient(top, #47141c 80%, #3c1118 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,#47141c), color-stop(100%,#3c1118)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #47141c 80%, #3c1118 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #47141c 80%, #3c1118 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #47141c 80%, #3c1118 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47141c', endColorstr='#3c1118',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #47141c 80%, #3c1118 100%); /* W3C */
}
#tagline img {display:inline;}
#tagline p.tagline {
	padding: 4px 0 4px 160px;
	color: #ddd;
	font-family: "CharisRegular", serif;
	font-size: 14px;
	text-align: left;
	text-transform: uppercase;
}

/* ============================================================================= HEADER */

#header {padding-top:20px;}
#header .table {
	margin: 0 0 20px 160px;
	width: 808px;
	*float: left;
}
#supportnav {white-space:nowrap; margin-right:10px;}
#supportnav li {float:left;}
#supportnav a {
	display: block;
	padding: 6px 8px;
	color: #6a1b28;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
	white-space: nowrap;
}
#supportnav a:hover {color:#5b5b5b;}
#supportnav a:active {
	position: relative;
	bottom: -1px;
	text-shadow: none;
}
#supportnav .current-menu-item a {
	margin: 0 1px;
	color: #737373;
	background-color: #d4d4d4;
	background-color: rgba(255,255,255,.25);
	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
	border-radius:         5px;
}
#search p {
	background-color: #fff;
	border: solid 1px #a1a1a1;
	width: 100%;
}
#search span {display:block; padding-right:32px;}
#search input {
	color: #666;
	background-color: transparent;
	width: 96%;
	*width: 93%;
	line-height: 1em;
	padding: 3px 5px;
}
#search input[type=submit] {
	width: 26px;
	height: 19px;
	float: right;
	background-image: url(images/icons/search.png);
	background-position: 50% 70%;
}

#mainnav {
	padding: 1px 0 3px 143px;
	background-image: url(images/navbg.png);
	background-repeat: repeat-x;
	-webkit-border-radius: 8px;
	-moz-border-radius:    8px;
	border-radius:         8px;
	overflow: hidden;
	position: relative;
	*z-index: 6;
}
#mainnav ul {display:table; width:100%; *display:block;}
#mainnav li {display:table-cell; *float:left;}
#mainnav a {
	display: block;
	text-align: center;
	height: 37px;
	padding: 8px 12px;
	border-left: 1px solid #50161f;
	border-right: 1px solid #b53449;
	color: #f6e8ea;
	font-family: "CharisRegular", serif;
	font-size: 18px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.75);
	white-space: nowrap;
}
#mainnav li:first-child a {border-left:0;}
#mainnav li:last-child a {
	border-right: 0;
	-webkit-border-radius: 0 7px 7px 0;
	-moz-border-radius:    0 7px 7px 0;
	border-radius:         0 7px 7px 0;
}
#mainnav a:hover {
	color: #fff;
	background-color: rgba(157,36,59,0.3);
	background: -moz-linear-gradient(top, rgba(255,85,110,0.25) 0%, rgba(157,36,59,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,85,110,0.25)), color-stop(100%,rgba(157,36,59,0)));
	background: -webkit-linear-gradient(top, rgba(255,85,110,0.25) 0%, rgba(157,36,59,0) 100%);
	background: -o-linear-gradient(top, rgba(255,85,110,0.25) 0%, rgba(157,36,59,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,85,110,0.25) 0%, rgba(157,36,59,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47141c', endColorstr='#3c1118', GradientType=0);
	background: linear-gradient(top, rgba(255,85,110,0.25) 0%, rgba(157,36,59,0) 100%);
}
#mainnav a:active, #mainnav .current-menu-item a, #mainnav .current-page-ancestor a {
	background-color: rgba(0,0,0,0.3);
	border-right-color: #711f2c;
	filter: inherit;
	-webkit-box-shadow: inset 0px 2px 5px rgba(0,0,0,0.4);
}

/* ================================================== SHOWCASE */

#showcase p.tagline {
	margin: 10px 6px 0 75px;
	padding: 4px 28px 4px 10px;
	background-color: #cdcdcd;
	color: #363636;
	font-family: "CharisItalic", serif;
	font-size: 14px;
	text-align: right;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
	text-transform: uppercase;
}

#showcase .images {
	float: left;
	margin-top: 10px;
	*margin-top: 24px;
	width: 560px;
	height: 230px;
	border: 6px solid #fff;
	background-color: #fff;
	position: relative;
}
#showcase .images:after {
	content: " ";
	display: block;
	width: 572px;
	height: 16px;
	background-image: url(images/slideshowshadow.png);
	background-position: center top;
	position: absolute;
	bottom: -22px;
	left: -6px;
}
#showcase .images .slide {
	display: none;
	width: 560px;
	height: 230px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
}
#showcase .images .slide.current {display:block;}
#showcase .images .slide img {
	position: absolute;
	top: 50%;
}
#showcase .text, #showcase .text2 {
	position: absolute;
	margin-top: 8px;
	*top: 170px;
	background-image: url(images/slideshowtextbg.png);
}
#showcase .text {
	width: 408px;
	height: 178px;
	overflow: hidden;
	padding: 3px 3px 14px 3px;
	right: 31px;
}
#showcase .text2 {
	width: 31px;
	height: 195px;
	right: 0px;
	background-position: right;
}
#showcase .text .superwide {width:9999px;}
#showcase .text .slide {
	float: left;
	width: 360px;
	height: 138px;
	margin: 20px 24px;
	overflow: hidden;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	font-size: 14px;
}
#showcase .text h2 {
	font-family: "CharisBold", serif;
	font-size: 32px;
	line-height: 1em;
}
#showcase .text p {line-height:1.5em; margin-top:0.9em;}

/* ================================================== MISSION */

p.mission {
	color: #4a4a4a;
	font-family: "CharisItalic", serif;
	font-size: 20px;
	line-height: 1.4em;
	text-shadow: 0 1px rgba(255,255,255,0.3);
	padding: 18px 15px 20px 15px;
}
p.mission b {font-family:"CharisBold", serif; font-weight:normal; text-transform:uppercase;}
p.mission a {color:#4a4a4a; text-decoration:underline;}
p.mission a.gift {
	display: block;
	color: #6A1B27;
	float: right;
	margin: -5px 65px 0 0;
	padding: 5px 17px;
	border-radius: 8px;
	background-image: url(images/pagebg.png);
	background-repeat: repeat;
	background-color: #c0c0c0;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
p.mission a.gift:hover {
	color: #9e182c;
	background-color: #d9d9d9;
	box-shadow: 1px 1px rgba(0,0,0,.2);
	text-shadow: 0 1px rgba(255,255,255,0.4);
}
p.mission a:hover {color:#666; text-decoration:none;}

/* ================================================== SECTION TITLE */

.sectiontitle {overflow:hidden; padding: 0 330px 4px 170px; margin-top:-10px;}
.sectiontitle img {float:right; border:solid 6px #fff; margin:15px 0 10px;}
.sectiontitle h1 {
    font-family: "CharisRegular", serif;
    font-size: 40px;
    line-height: 1em;
    margin: 30px 0 0 0;
	text-shadow: 0 1px rgba(255,255,255,0.4);
}

/* ================================================== BREADCRUMBS */

#breadcrumbs {
	background-color: #ccc;
	line-height: 1.1em;
	padding: 8px 12px;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.25);
	color: #555;
	font-size: 12px;
	cursor: default;
}
#breadcrumbs a {
	color: #333;
	text-decoration: underline;
}
#breadcrumbs a:hover {text-decoration:none;}

/* ================================================== CONTENT STYLES */

#content, #breadcrumbs {margin-right:330px;}
#main {
	background-color: #fff;
	padding: 1px 35px 35px 35px;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    font-family: "CharisRegular", serif;
    padding-top: 1em;
    line-height: 1.2em;
    cursor: default;
    color: #9d243b;
}
#content h1 {font-size:28px; margin-bottom:-1px;}
#content h2 {font-size:24px; margin-bottom:-2px;}
#content h3 {font-size:20px; margin-bottom:-3px;}
#content h4 {font-size:16px; margin-bottom:-4px;}
#content h5 {font-size:14px; margin-bottom:-5px;}
#content .title, .archive #content .hentry, .search #content .hentry {border-bottom:1px dotted #bfbfbf; padding-bottom:15px;}
.archive #content .hentry, .search #content .hentry {padding-bottom:20px; overflow:hidden;}
.archive #content .title {border-bottom:0; padding-bottom:0;}
#content .title h1, #content .cell h2 {color:#822433;}
#content .title h1 {padding-top:0.8em; font-size:30px;}
#content .title p {font-size:12px; margin-top:0.9em;}

#content p, #content ul, #content ol, #content table, #searchform {
    margin-top: 1.4em;
    line-height: 1.7em;
}
#content p.summary {
    color: #777;
    font-family: "CharisItalic", sans-serif;
    font-size: 18px;
    line-height: 1.5em;
}
#content p.meta {font-size:12px; margin-top:8px; display:block;}
/* Hidden "Powered by WordPress Facebook Grabber message */
.archive.category-photo-gallery .hentry p {display:none;}
#content p.meta .bullet {color:#d9d5b5; font-size:14px; position:relative; bottom:-1px;}
#content p.edit_post_link {border-top:1px dotted #bfbfbf; padding-top:17px;}

#content ul {margin-left:16px; list-style:disc;}
#content ol {margin-left:16px; list-style:decimal;}
#content li {padding:1px 0;}
#content ul.nobullets, #content ol.nobullets, #content .events .postlist ul {margin-left:0; list-style:none;}
#content ul ul, #content ul ol, #content ol ul, #content ol ol {margin-top:0;}

#content a, #sidebar a {color:#ce394d;}
#content a:hover, #sidebar a:hover {text-decoration:underline;}

#content .wp-post-image {
	float: left;
	margin: 20px 20px 0 0;
	width: 70px;
	height: 70px;
	border: solid 4px #ddd;
}
#content .layoutonly {width: 100%;}
#content .layoutonly td {padding: 0 6px; text-align:center;}
#content .layoutonly td:first-child {padding: 0 6px 0 0;}
#content .layoutonly td.textleft {text-align: left;}

/* ================================================== POST LIST */

#content .news ul.postlist {margin-top:7px;}
#content .postlist li {border-bottom: 1px dotted #bfbfbf; padding:15px 1px;}
#content .postlist small, #content .postlist small a {color:#777;}
#content .postlist small {font-size:12px; text-transform:uppercase;}
#content .postlist small a {text-decoration:underline;}
#content .postlist small a:hover {text-decoration:none;}
#content .postlist big {
	font-family: "CharisRegular", Georgia, serif;
	font-size: 16px;
	line-height: 1.4em;
	display: block;
	margin: 3px 0 -15px 0;
}
#content .events .postlist big {margin:0 0 -2px 0;}

/* ================================================== NEWS & EVENTS ON HOME */

#content p.shareicons {float:right; margin-top:28px;}
#content p.shareicons.bottom {margin-top:19px;}
p.shareicons a {
	width: 21px;
	height: 21px;
	display: inline-block;
	margin-right: 3px;
}
#content .cell {
	display: table-cell;
	*display: block;
	*float: left;
	width: 50%;
	*width: 42%;
	padding: 0 25px 20px 25px;
	background-color: #fff;
}
#content .cell.events {border-left: 6px solid #d8d8d8;}
#content .cell.news h2 {background-image:url(images/icons/megaphone.png); background-position:0 92%; padding-left:26px;}
#content .cell.events h2 {background-image:url(images/icons/calendar.png); background-position:0 88%; padding-left:25px;}

#content a.button, #content input[type=submit] {
	padding: 7px 16px;
	display: inline-block;
	border: 1px solid #822345;
	-webkit-border-radius: 6px;
	-moz-border-radius:    6px;
	border-radius:         6px;
	color: #f6e8ea;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1em;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	text-transform: uppercase;
	-webkit-box-shadow: inset 0px 1px 0px #ce394d;
	background: #9d243b;
	background: -moz-linear-gradient(top, #b7334b 0%, #822435 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7334b), color-stop(100%,#822435));
	background: -webkit-linear-gradient(top, #b7334b 0%, #822435 100%);
	background: -o-linear-gradient(top, #b7334b 0%, #822435 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7334b', endColorstr='#822435', GradientType=0);
	background: linear-gradient(top, #b7334b 0%, #822435 100%);
}
#content a.button:hover, #content input[type=submit]:hover {
	color: #fff;
	text-decoration: none;
	background: -moz-linear-gradient(top, #ce394d 0%, #822435 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce394d), color-stop(100%,#822435));
	background: -webkit-linear-gradient(top, #ce394d 0%, #822435 100%);
	background: -o-linear-gradient(top, #ce394d 0%, #822435 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce394d', endColorstr='#822435', GradientType=0);
	background: linear-gradient(top, #ce394d 0%, #822435 100%);
}
#content a.button:active, #content input[type=submit]:active {background:#9d243b; filter:inherit;}

#main #wp-calendar {width:40%; float:right; margin:10px 0 20px 30px;}
#wp-calendar {position:relative;}
#wp-calendar table {width:100%;}
#wp-calendar caption, #wp-calendar th, #wp-calendar td {
	padding: 6px 6px 5px 6px;
	line-height: 1em;
	text-align: center;
	background-color: #f8f8f8;
	border: solid 1px #fff;
}
#wp-calendar caption {text-transform:uppercase; font-weight:bold;}
#wp-calendar th {background-color:#f2f2f2;}
#wp-calendar .ec3_eventday {background-color:#ce394d;}
#wp-calendar .ec3_eventday a {color:#fff;}
#wp-calendar caption, #wp-calendar .pad {background-color:#fff;}
#wp-calendar .nav {margin-top:0;}
#wp-calendar .nav td {padding:0; background-color:transparent; border:0; display:none;}
#wp-calendar .nav #prev, #wp-calendar .nav #next {display:block;}
#wp-calendar .nav a {
	display: block;
	text-indent: -9999px;
	width: 0px;
	height: 0px;
	border: solid 6px transparent;
	position: absolute;
	top: 26px;
}
#wp-calendar .nav #prev a {border-right-color:#ce394d; left:10px;}
#wp-calendar .nav #next a {border-left-color:#ce394d; right:10px;}

/* ================================================== FORMS */

#searchform .screen-reader-text {display:none;}
#content input, #content textarea, #content select {
	padding: 4px;
	line-height: 1.3em;
	border: solid 1px #bbb;
	width: 98%;
}
#content input[type=submit], #content input[type=radio], #content input[type=checkbox] {width:auto;}

#content #searchform input[type=text] {width:470px;}

/* ================================================== WORDPRESS GALLERIES */

.gallery {overflow:hidden; margin-top:10px;}
.gallery-item {float:left; margin:10px 10px 0 0;}
.gallery br {display:none;}
.gallery img {border:solid 3px #ddd;}
.gallery a:hover img {border-color:#CE394D;}
#content .fb_thumb {
	float: left;
	height: 87px;
	width: 100px;
	margin: 10px 10px 0 0;
	overflow: hidden;
	position: relative;
	background-color: #DDD;
	border: 3px solid #DDD;
}
#content .fb_thumb:hover {border-color:#CE394D;}
#content .wp_fb_grabber {overflow:hidden;}
#content .wp_fb_grabber img {
	background: none repeat scroll 0 0 white;
	border: 0;
	padding: 0px;
	vertical-align: middle;
	margin: 0 auto;
}

/* ================================================== RELATED POSTS */

#content .related-posts {
	float: right;
	max-width: 200px;
	margin: 0px 0 10px 30px;
}
#content .related-posts h2 {
	font-size: 14px;
	text-transform: uppercase;
	background-color: #691c28;
	color: #fff;
	padding: 6px 12px;
	margin: 0;
}
#content .related-posts ul {margin:0; list-style:none;}
#content .related-posts li {padding:2px 0 0 0;}
#content .related-posts a {
	display: block;
	line-height: 1.4em;
	background-color: #eee;
	padding: 6px 12px 4px 12px;
}

/* ================================================== PAGINATION */

#pagination {overflow:hidden; padding-top:10px;}
#pagination ol {margin-left:0; list-style:none;}
#pagination li {float:left;}
#pagination a, #pagination span {
	display: block;
	line-height: 1.1em;
	padding: 4px 7px;
	margin-right: 2px;
	background-color: #ddd;
}
#content #pagination a {
	background-color: #CE394D;
	color: #fff;
	text-decoration: none;
}
#content #pagination a:hover {background-color:#822433;}
#pagination .title {background-color:transparent;}

/* ================================================== SPORTS SCHEDULE TABLES */

.schedule {width:560px; border-collapse:collapse; margin:0 auto;}
.schedule td {
	border-bottom: 1px solid #dcdcdc;
	vertical-align: middle;
	text-align: center;
	padding: 4px;
	font-family: Palatino,"Times New Roman",serif;
	line-height: 1.1em;
}
.header td {
	border-bottom: 2px solid #671C28;
	background-color: #9D243B;
	color: #fff;
	padding: 10px;
	font-family: "CharisRegular","Times New Roman",serif;
	font-size: 16px;
}
.schedule tr {background-color:#fcfcfc;}
.schedule tr:nth-child(odd) {background-color:#f5f5f5;}

/* ================================================== SIDEBAR */

#sidebar {
	width: 295px;
	float: right;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	margin: -92px 5px 0 0;
	padding-bottom: 30px;
}
.home #sidebar {margin-top:-30px;}
#sidebar h2 {
	font-family: "CharisRegular", serif;
	font-size: 18px;
	text-transform: uppercase;
}
#sidebar h2.title, #subnav {margin-top:30px;}
#sidebar h2.title {
	padding: 0.3em 0.3em 0.35em 0.3em;
	line-height: 1.2em;
	text-align: center;
	background-color: #822433;
	color: #fff;
	text-shadow: none;
}
#sidebar p, #sidebar ul, #sidebar ol {margin-top:1em; line-height:1.5em;}
#sidebar img {
	float: left;
	margin: 18px 0 0 5px;
	border: solid 1px #888;
	-webkit-box-shadow: 0px 1px 0px #eaeaea;
}
#sidebar .widgetcontent {margin:0 5px;}
#sidebar .hasthumbnail {margin-left:80px;}

.fb_iframe_widget {background-color:#fff;}
.widget_FacebookLikeBox a[title="Vote for this Free Facebook Like Box for Wordpress"] {display:none;}

/* ================================================== SUBNAV */

#subnav ul {
	background-color: #9d243b;
	text-shadow: none;
	padding: 10px 14px;
	margin-top: 4px;
}
#subnav li {
	border-bottom: dotted 1px #47141c;
}
#subnav a {
	display: block;
	position: relative;
	color: #f6e8ea;
	line-height: 1.2em;
	padding: 7px 16px 5px 35px;
	margin: 0 -14px;
}
#subnav a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #ad2f44;
}
#subnav a:before {
	content: " ";
	display: block;
	width: 0px;
	height: 0px;
	border: solid 4px transparent;
	border-left-color: #ce394d;
	position: absolute;
	top: 10px;
	left: 20px;
}
#subnav .current_page_item a, #subnav .current_page_ancestor a:hover,
#subnav ul ul a:hover, #subnav .current_page_ancestor ul .current_page_item a {
	background-color: #75202d;
}
#subnav .current_page_ancestor a, #subnav .current_page_item ul a, #subnav .current_page_ancestor ul a {
	background-color: #822433;
}

#subnav ul ul {
	display: none;
	margin: 0;
	padding: 0;
}
#subnav .current_page_item ul, #subnav .current_page_ancestor ul {display:block;}
#subnav ul ul li {border-bottom:0;}
#subnav ul ul a {
	font-size: 12px;
	padding: 5px 36px 3px 50px;
	margin: 0 -14px;
}
#subnav ul ul a:before {
	top: 9px;
	left: 37px;
	border-width: 3px;
}

/* ================================================== FOOTER */

#footer {padding: 20px 0 30px; font-size:12px;}
#footer, #footer a {color:#666;}
#footer ul li {float:left;}
#footer ul a {
	display: block;
	text-decoration: underline;
	border-left: 1px solid #aaa;
	padding: 0 8px;
}
#footer ul li:first-child a {border-left:none;}
#footer ul a:hover {text-decoration:none;}
#footer p, #footer ul {margin-top:.5em;}
#footer p.copy {color:#444;}


@media (max-width: 700px) {

	.desktop { display: none; }
	.mobile { display: block; }

	* { box-sizing: border-box; }

	.centered {
		min-width:0;
		max-width:700px;
		width: auto;
		margin:0 auto;
		position:relative;
	}

	#tagline {
		background-image: none;
		background-color: black;
	}

	#tagline p.mobile {
		height: 34px;
		text-align: right;
		line-height: 34px;
		padding: 0 10px;
	}

	.mobiletoggle {
		color: white;
		text-transform: uppercase;
		background-image: url(images/icons/menu.png);
		display: block;
		background-position: right center;
		padding-right: 44px;
		float: right;
	}

	#tagline p.tagline { display: none; }

	#header { padding-top: 0; }

	#header .table { display: none; }

	h1#logo { top: -20px; }

	h1#logo.active { top: -165px; }

	.mobilenav {
		background: #47141c; /* Old browsers */
		background: -moz-linear-gradient(top, #47141c 80%, #3c1118 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,#47141c), color-stop(100%,#3c1118)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #47141c 80%, #3c1118 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #47141c 80%, #3c1118 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #47141c 80%, #3c1118 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47141c', endColorstr='#3c1118',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, #47141c 80%, #3c1118 100%); /* W3C */
		padding: 0;
		overflow: hidden;
		display: none;
	}

	.mobilenav ul {
		width: 50%;
		float: left;
	}

	.mobilenav a {
		display: block;
		text-align: left;
		padding: 0 15px;
		color: #f6e8ea;
		font-family: "CharisRegular", serif;
		font-size: 18px;
		text-shadow: 0 -1px 0 rgba(0,0,0,.75);
		white-space: nowrap;
		line-height: 44px;
		border-bottom: 1px solid #300;
	}

	.mobilenav #search {
		clear: both;
		padding: 5px 10px;
	}

	.mobilenav #search input[type=submit] {
		height: 24px;
		background-position: 50%;
	}

	.mobilenav #search p { padding: 5px 5px 2px; }

	.mobilenav #search input[type=text] {
		width: 100%;
		font-size: 16px;
	}

	#mobilesupportnav { border-left: 1px solid #600; }

	#mobilesupportnav a {
		font-size: 1em;
		padding-left: 10px;
	}

	.slideshow, #showcase p.tagline, #showcase .text2 { display: none; }

	p.mission {
		font-size: 14px;
		line-height: 1.2em;
		padding: 18px 15px 20px 155px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}

	p.mission.active { padding: 18px 15px 20px 15px; }

	p.mission a.gift {
		display: inline-block;
		float: none;
		margin: 0 0 10px;
		padding: 10px 17px;
	}

	p.mission b { display: block; }

	.sectiontitle {
		padding: 0 10px 0 155px;
		margin-top: 0;
		background-image: url(images/pagebg.png);
		background-repeat: repeat-x;
		background-position: center 1px;
		background-color: #D8D8D8;
	}

	.sectiontitle img { display: none; }

	.sectiontitle h1 {
		text-align: right;
		line-height: 120px;
		font-size: 28px;
		margin: 0;
	}

	#breadcrumbs { padding: 8px 12px 8px 155px; }

	#sidebar {
		width: 100%;
		float: none;
	}

	#sidebar {
		margin: 0;
		padding: 0 10px;
	}

	#sidebar .widget { display: none; }

	#subnav { margin-top: 10px; }

	#subnav h2 {
		padding-top: 10px;
		padding-bottom: 16px;
	}

	#subnav ul {
		list-style-type: none;
		margin-left: 0;
	}

	#subnav a { font-size: 1.15em; }

	#breadcrumbs { display: none; }

	#content { margin-right: 0; }

	#content .cell {
		display: block;
		width: 100%;
		padding: 0 15px 10px 15px;
	}

	#content .cell.events { border-left: none; }

	#content .related-posts a { font-size: 1.15em; }

	#main { padding: 1px 10px 15px 10px; }

	#main #wp-calendar {
		width: auto;
		float: none;
		margin: 10px 10px 20px;
	}

	#main img { max-width: 100%; }

	.news .postlist li:nth-child(n+3) { display: none; }

	#footer {
		padding: 10px;
		text-align: center;
		font-size: 1em;
	}

	#footer .floatright, #footer ul li { float: none; }

	#footer ul a { padding: 0; }
}

@media (max-width: 450px) {

	#content .related-posts {
		float: none;
		max-width: 100%;
		margin: 10px 0;
	}

	#main .alignright, #main .alignleft {
		float: none;
		display: block;
		margin: 10px auto;
	}

}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2) {

	.mobiletoggle {
		background-image: url(images/icons/menu@2x.png);
		background-size: 34px 34px;
	}

}