/*
Theme Name: Lincoln Cathedral
Theme URI: http://lincolncathedral.com
Description: Theme for Lincoln Cathedral
Author: Laser Red
Version: 1.6.4
*/


/* =============================================================================
   Color Codes
   =============================================================================

	Purple 	- #766085
	Grey	- #58585A

   ========================================================================== */


/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


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

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { background: #C00; color: #fff; text-shadow: none; }
::selection { background: #C00; color: #fff; text-shadow: none; }


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

a { color: #000; text-decoration: underline; }
a:hover,
a:visited { text-decoration: none;}
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }


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

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #DDD; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

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

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: 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
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


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

/*
 * Improve 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; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


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

figure { margin: 0; }


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

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


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

table { border-collapse: collapse; border-spacing: 0; }


/* =============================================================================
   Primary styles
   Author: Laser Red, www.laserred.co
   ========================================================================== */


/* =============================================================================
   Fonts
   ========================================================================== */
   
@font-face {
    font-family: 'OptimusPrincepsRegular';
    src: url('fonts/optimusprinceps-webfont.eot');
    src: url('fonts/optimusprinceps-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/optimusprinceps-webfont.woff') format('woff'),
         url('fonts/optimusprinceps-webfont.ttf') format('truetype'),
         url('fonts/optimusprinceps-webfont.svg#OptimusPrincepsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* =============================================================================
   Global
   ========================================================================== */
   
html,
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 87.5%; /* reset to 14px */
	color: #444;
	line-height: 1.429;
	height: 100%;
	margin: 0;
}

body {background: #D9C5B1;}

.clear {clear: both;}
.underline {text-decoration: underline;}
.bold {font-weight: bold;}
.italic, em {font-style: italic;}
.left {float: left;}
.right {float: right;}
.inline {display: inline;}

ol {margin: 18px 20px;}
ol li {list-style: decimal; list-style-position: outside;}

p, h1, h2, h3, h4, h5, h6 {margin: 18px 0; font-weight: normal;}

strong {
	color: #766085;
	font-weight: bold;
}

video:hover {cursor: pointer;}

textarea {
   resize: none;
}

*:active, *:focus {outline: none;}

:-moz-any-link:focus { outline: none;}


/* =============================================================================
   Headings
   ========================================================================== */
   
h1, h2, h3, h4 {
	letter-spacing: -1px; 
	font-weight: bold; 
	text-transform: uppercase; 
	font-family: Arial, Helvetica, sans-serif;}

h1 {
	font-size: 240%;
	color: #766085;
	margin-top: 0;
	letter-spacing: -2px; 
}
h2 {
	font-size: 180%;
	color: #766085;	
}
h3,
h4 {
	font-size: 140%;
	color: #766085;
}
h5 {
	font-size: 140%;
	color: #58585A;
	font-weight: bold; 
}
h6 {
	font-size: 120%;
	color: #000;
	font-weight: bold; 
}


/* =============================================================================
   Background Canvas
   ========================================================================== */
   
#canvas {
	width: 100%; 
	height: 100%;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
}

.ie6 #canvas,
.ie7 #canvas,
.ie8 #canvas {display: none;}


/* =============================================================================
   Wrapper
   ========================================================================== */
   
.wrapper {
	margin: 0 auto;
	width: 970px;
	padding: 0 45px;
	background: #F9F7F2;
	min-height: 100%;
	border-left: 10px solid #E4DED3;
	border-right: 10px solid #E4DED3;
	border-left: 10px solid rgba(237,230,217,0.8);
	border-right: 10px solid rgba(237,230,217,0.8);
	min-height: 100%;
	z-index: 5;
	position: relative;
}

#overlay {
	background:rgba(0,0,0,0.3);
	display: none;
	width: 100%; 
	height: 100%;
	position: fixed;
	top: 0;
	left: 0; 
	z-index: 99998;
}

/* =============================================================================
   Header
   ========================================================================== */
   
#header {
	margin-bottom: 30px;
	position: relative;
	height: 163px;
}

/* Hide Menu Button on desktop */
#menu-button { display: none; }

#top-links {
    width: 690px;
	position: absolute;
	top: 70px;
	right: 60px;
}

#top-donate {
	background: url(graphics/sprite.support-us.png) no-repeat 0 0;
	display: block;
	width: 140px;
	height: 129px;
	text-indent: -9999px;
	text-align: left;
	position: absolute;
	top: 0;
	right: -65px;
}

#top-donate:hover {background-position: 0 -129px;}

/* UX Testing */
#top-donate.version2 { background: url(graphics/sprite.support-us2.png) no-repeat 0 0; }
#top-donate.version2:hover { background: url(graphics/sprite.support-us2.png) no-repeat 0 -129px; }

#top-donate.version3 { background: url(graphics/sprite.support-us3.png) no-repeat 0 0; }
#top-donate.version3:hover { background: url(graphics/sprite.support-us3.png) no-repeat 0 -129px; }


#community-link, #contact-link {
    display: block;
    float: left;
    padding: 0 25px 1px;
	text-decoration: none;
	margin-left: 10px;
	text-transform: uppercase;
}

#community-link {
	background: #FFFFFF;
    border: 1px solid #D0C0B5;
    color: #AD9180;
	height: 22px;
	line-height: 22px;
}

#community-link:hover {
	color: #815E49;
	border-color: #815E49;
}

#contact-link {
	background: #A78977;
    color: #FFF;
	height: 24px;
	line-height: 24px;
}

#contact-link:hover {background: #815E49;}

.top-icon {
	text-indent: -9999px;
	text-align: left;
	display: inline-block;
	float: left;
	width: 24px;
	height: 24px;
	margin-left: 10px;
	background-image: url(graphics/sprite.icons.png);
	background-repeat: no-repeat;
}

#icon-twitter 	{background-position: 0 0;}
#icon-facebook 	{background-position: 0 -25px;}
#icon-flickr 	{background-position: 0 -50px;}
#icon-youtube 	{background-position: 0 -75px;}
#icon-rss 		{background-position: 0 -100px;}

#icon-twitter:hover 	{background-position: -25px 0;}
#icon-facebook:hover 	{background-position: -25px -25px;}
#icon-flickr:hover 		{background-position: -25px -50px;}
#icon-youtube:hover 	{background-position: -25px -75px;}
#icon-rss:hover 		{background-position: -25px -100px;}


/* LOGO */
#logo {
	background: url(graphics/logo.lincoln-cathedral.png) no-repeat 0 0;
	width: 119px;
	height: 129px;
	display: block;
	text-align: left;
	text-indent: -9999px;
	position: absolute;
	top: 30px;
	left: 0;
}
#logo:hover {
	background-position: 0 -129px;
}

/* SHOW SURVEY */
#show-survey {
	background: #766085;
	margin: 18px auto 24px;
	width: 910px;
	padding: 18px 30px;
	position: relative;
	color: #FFF;
	display: none;
}

#show-survey h4 {
	display: inline-block;
	font-size: 130%;
	margin: 0;
	color: #766085;
	letter-spacing: normal;
	text-transform: none;
	color: #FFF;
}

#show-survey a {
	display: block;
	float: right;
	color: #FFF;
	text-decoration: none;
}
#show-survey a:hover { text-decoration: none; }

#show-survey span { font-weight: bold; }

#show-survey a.no { margin-left: 8px; }

#show-survey a.yes,
#show-survey a.no { 
	padding: 3px 5px;
	margin-top: 1px;
}

#show-survey a.yes:hover,
#show-survey a.no:hover {
	background: #FFF;
	border-radius: 2px;
}

#show-survey a.yes:hover { color: #8CBC6B; }
#show-survey a.no:hover { color: #C35A5E; }


/* =============================================================================
   Navigation
   ========================================================================== */

/* NAV TOP */
#nav-top {	
	height: 30px;
	width: 810px;
	float: right;
	text-transform: uppercase;
	position: absolute;
	top: 129px;
	right: 0;
}

.ie6 #nav-top,
.ie7 #nav-top {top: 128px;}

#nav-top ul li {
	float: left; 
	position: relative;
}

/* Hide Support Us link on desktop */
#nav-top ul li.support-us { display: none; }

/* Hide Contact Us link on desktop */
#nav-top ul li.contact-us { display: none; }

#nav-top ul li a, 
#nav-side ul li a {
	font-family: 'OptimusPrincepsRegular';
	float: left;
	border-top: 1px solid #786783;
	border-bottom: 1px solid #786783;
	margin-left: 18px;
	line-height: 28px;
	padding: 0;
	text-decoration: none;
	font-size: 105%;
	letter-spacing: 1px;
}

#nav-top ul li a:hover, 
#nav-side ul li a:hover {color: #786783 !important;}

#nav-top ul li:first-child a {margin: 0;}

/* GREEN */
#nav-top ul li a[title="Visit Us"],
#nav-top ul li a[title="Building"],
#nav-top ul li a[title="Events"] {color: #8CBC6B;}
				 
/* RED */
#nav-top ul li a[title="Music & Worship"],
#nav-top ul li a[title="News"],
#nav-top ul li a[title="Hospitality"] {color: #C35A5E;}

/* BLUE */
#nav-top ul li a[title="Library & Education"],
#nav-top ul li a[title="Shop"] {color: #5381C6;}


/* NAV SIDE */
#nav-side {
	float: left;
	width: 120px;
	text-transform: uppercase;
}

#nav-side ul {border-bottom: 1px solid #786783;}

#nav-side ul li a {
	margin: 0;
	padding: 8px 0 8px 2px;
	display: block;
	float: none;
	border-bottom: none;
	line-height: 1.3;
	color: #A78977;
	letter-spacing: 0;
}

#nav-side ul li.current_page_item a {	
	color: #93829D;
}

#nav-side ul li:first-child a {margin: 0;}

#nav-side #menu-visit-us > li > a {color: #8CBC6B;}
#nav-side #menu-music-worship > li > a {color: #C35A5E;}
#nav-side #menu-library-education > li > a {color: #5381C6;}
#nav-side #menu-building > li > a {color: #8CBC6B;}
#nav-side #menu-hospitality > li > a {color: #C35A5E;}
#nav-side #menu-events-2 > li > a {color: #8CBC6B;}
#nav-side #menu-news > li > a {color: #C35A5E;}

#sidebar ul li a:hover {color: #93829D;}

#menu-secure-area.community #menu-item-1216 {display: none;}

#nav-side.blog ul li a {color: #C35A5E;}


/* SUB MENU LINKS */
#nav-side .sub-menu {display: none;}

#nav-side ul li ul {border-bottom: none;}


#nav-side ul li.menu-parent-page > a {
	background: url(graphics/icon.down-arrow.png) no-repeat center right;
}

#nav-side ul li ul.sub-menu li a {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 28px;
	padding: 8px 0 8px 0;
	font-size: 100%;
	letter-spacing: 0;
	color: #777;
	color: rgba(0,0,0,0.5);
	border-top: 1px solid #DDD;
	border-top: 1px solid rgba(0,0,0,0.1);
	line-height: 1.25;
}

#nav-side ul li.current-menu-item a,
#nav-side ul li.current-cat a{
	color: #93829D !important;
}

#nav-side ul ul li.current-menu-item a {
	color: #000 !important;
	color: rgba(0,0,0,0.8) !important;
}


/* =============================================================================
   Container
   ========================================================================== */
   
#container {
	float: right;
	width: 810px;
	min-height: 500px;
}

#container.events, #container.category {
	float: right;
	width: 810px;
}


/* =============================================================================
   Content
   ========================================================================== */
   
#content {
	width: 455px;
	float: left;
}

#content.full-width {width: 790px;}

.blog #content {width: 585px;}

#content.event {
	float: none;
	width: auto;
}

#content header h1 {
	word-spacing: 1px;
	border-bottom: 1px solid #58585A;
	display: block;
	margin: 0;
	line-height: 36px;
	padding-bottom: 0.25em;
}


/* HEADINGS */
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {margin: 1.4em 0 0 0;}

#content h2 + p,
#content h3 + p,
#content h4 + p,
#content h5 + p,
#content h6 + p {margin-top: 1em;}

.page #content p:first-of-type,
.single #content p:first-of-type {
	font-size: 110% !important;
	text-transform: uppercase !important;
	color: #766085 !important;
	border: none !important;
	text-decoration: none !important;
	text-align: left !important;
}
.blog.single #content p:first-of-type { color: #222 !important; }

.page #content p:first-of-type *, 
.single #content p:first-of-type * {
	font-size: 100% !important;
	text-transform: uppercase !important;
	color: #766085 !important;
	border: none !important;
	text-decoration: none !important;
	text-align: left !important;
}
.blog.single #content p:first-of-type * { color: #222 !important; }

/* TABLES */
table {
	margin: 18px 0;
	width: 100%;
	border: none;
}

table td {
	font-size: 100%;
	padding: 15px 10px;
	vertical-align: top;
	text-align: left;
}


/* table with border */
table.border td { border: 1px solid #ccc; }

table.border thead {
	text-transform: uppercase;
	color: #000;
}

table h1, table h2, table h3, table h4, table h5, tableh6 {margin-top: 0;}


/* WHOS WHO */
#content .whos-who {
	margin: 1.4em 0 0;
	padding: 0;
	list-style: none;
}
#content .whos-who li {
	width: 182px;
	margin: 0 20px 2em 0;
	display: block;
	float: left;
}
#content .whos-who .last { margin-right: 0; }

#content .whos-who img {
	height: auto;
    max-width: 100%;
	border: none;
	display: block;
}
.whos-who .photo {
	height: 165px;
	width: 160px;
	border: 6px solid #E4DED3;
	background: #EEE;
}
.whos-who .name,
.whos-who .job,
.whos-who .email { color: #766085; }
.whos-who .name {
	margin: 0.5em 0 0;
	font-size: 120%;
	font-family: 'OptimusPrincepsRegular';
	letter-spacing: 1px;
	text-transform: uppercase;
}
.whos-who .desc { padding-top: 10px; }


/* CAPTIONS */
.wp-caption {
	background: #E4DED3;
	padding: 6px;
}
.wp-caption img { border: none !important; }
.wp-caption-text {
	margin: 2px;
	padding: 0;
	color: #666;
	font-size: 90%;
	font-style: italic;
}


/* BLOCKQUOTE */
blockquote {
	margin: 1em 30px;
	padding: 20px;
	font-style: italic;
	font-size: 120%;
	background: rgba(255,255,255,0.3);
	box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	border-radius: 2px;
}
blockquote p {margin: 0;}


/* ALIGNMENTS */
p[align="center"] { text-align: left; }
.alignleft {float: left; margin: 0 16px 5px 0;}
.alignright {float: right; margin: 0 0 6px 18px;}
.aligncenter {float: none; display: block; margin: 0 auto;}


/* IMAGES */
#content img {border: 6px solid #E4DED3;}
#content img.wp-smiley {border: none;}

/* LINKS */
#content a {text-decoration: underline; color: #766085;}
#content a:hover {text-decoration: underline; color: #000;}
#content .chzn-single {text-decoration: none; color: #000;}

/* Add an icon to any anchors that link to .pdf documents */
#content a[href$=".pdf"] {
	display: inline-block;
	background: url(graphics/icon.pdf.png) no-repeat 0 0;
	padding-left: 20px;
}


/* LISTS */
#content ul li {margin-bottom: 10px;}


/* CONTACT LIST */
.contact-list ul {
	list-style: none;
	margin-top: 0;
}

#sidebar .contact-list ul li {
	border-top: 1px solid #766085;	
	padding: 10px 0;
	font-style: normal;
	margin: 0;
}

.contact-list ul li:last-child {border-bottom: 1px solid #766085;}

#sidebar .contact-list ul li p,
#sidebar .contact-list ul li h3 {
	margin: 0;
}

#sidebar .contact-list ul li h3 {font-size: 110%;}


/* RANDOM BANNERS */

.random-ad {
	display: block; 
	margin-top: 15px;
}
/*.random-ad {
	float: left;
	margin-top: 15px;
	display: block;
	width: 100px;
	height: auto;
	border-radius: 4px;
	background: #CCC;
	color: #FFF;
	padding: 8px 10px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	letter-spacing: -1px;
	word-spacing: 1px;
	line-height: 1.2;
}
.random-ad span {
	color: #EDE6D9;
	font-family: 'OptimusPrincepsRegular';
	display: block;
	font-size: 130%;
	line-height: 1.2;
	font-weight: normal;
	letter-spacing: 0;
}*/

/* Homepage random banner */
#random-banner {
	margin: 15px 0;
	border: 6px solid #E4DED3;
}

#random-banner a { margin: 0; }
#random-banner img {
	display: block;
	max-width: 100%;
} 

#nav-side #random-banner { border: none; }

/* Become Part Of */
.random-ad.become-part-of 		{	background: #A97273; }
.random-ad.become-part-of:hover {	background: #8E5758; }
.random-ad.become-part-of strong {
	color: #EDE6D9;
	display: block;
	font-size: 110%;
}

/* Boxoffice */
.random-ad.box-office 		{	background: #7E7184; font-size: 90%; }
.random-ad.box-office:hover {	background: #605665; }
.random-ad.box-office span	{	font-size: 150%; }

/* Events */
.random-ad.cathedral-events {
	background: #84A16E;
	font-size: 165%;
}
.random-ad.cathedral-events:hover {	background: #637B51; }
.random-ad.cathedral-events span { font-size: 60%; color: #FFF; }

/* View from St. Hugh */
.random-ad.view-from-st-hugh {
	background: #77829D;
	font-size: 110%;
}
.random-ad.view-from-st-hugh:hover { background: #606B86; }


/* BOXES */
.box {
	border: 1px solid #CCC;
	border: 1px solid rgba(0,0,0,0.5);
	border-radius: 4px;
	padding: 26px 32px;
	margin: 18px 0;
}
#content .box h1,
#content .box h2,
#content .box h3,
#content .box h4,
#content .box h5,
#content .box h6 {margin-top: 0;}

/* NOTICES */
.notices {
	background: #F0E9DE;
	background: rgba(237, 230, 217, 0.8);
	padding: 20px;
}

#content .notices header { margin-bottom: 0; }

#content .notices h3 { 
	margin: 0 0 0.8em; 
	color: #C35A5E; 
}

#content .notices header small { 
	color: #666; 
	margin: 0;
}

#content .notices h4 {
	margin: 2em 0 0 0;
	letter-spacing: 0;
	font-size: 110%;
}
#content .notices article.first h4 { margin-top: 0; }

#content .notices p { margin: 8px 0; }	
	
/* =============================================================================
   List Posts
   ========================================================================== */
   
.post.excerpt {margin: 0 0 3em;}

#content .excerpt header {
	margin: 0 0 20px 0;
	border-bottom: none;
}
#content .excerpt header h1 {
	font-size: 2em;
	line-height: 1.2;
}

.post.excerpt.thumbnail .content { margin-left: 170px; }
.post.excerpt .post-img {
	margin: 0 18px 8px 0;
}

.post-img {
	float: left;
	margin-right: 20px;
}

#content header { margin-bottom: 1.5em; }

/* Breadcrumbs */
#content .breadcrumbs {
	color: #999;
  	color: rgba(0, 0, 0, 0.4);
  	display: block;
  	font-size: 11px;
  	margin: -0.5em 0 1.5em;
}

#content .breadcrumbs strong {
  	color: #999;
  	color: rgba(0, 0, 0, 0.35);
}

#content .breadcrumbs a {
  	color: #999;
  	color: rgba(0, 0, 0, 0.35);
}
#content .breadcrumbs a:hover { text-decoration: none; }

#content .post header h1 a {
	color: #766085;
	text-decoration: none;
	transition: color 0.2s ease-in-out; 
	-webkit-transition: color 0.2s ease-in-out; 
	   -moz-transition: color 0.2s ease-in-out; 
		 -o-transition: color 0.2s ease-in-out; 
		 	transition: color 0.2s ease-in-out;
}
#content .post header h1 a:hover {
	color: #000; 
	text-decoration: none;
}

#content header small {
	display: block;
	color: #999;
	font-size: 100%;
	margin: 6px 0 0;
}
#content header small a { color: #999; }
#content header small a:hover { color: #000; }

.blog.single #content header small { color: #766085; }

.blog.single #content header small a { color: #766085; }

.post .read-more {
	display: block;
	color: #766085;
	margin-top: 18px;
}
.post .read-more:hover { color: #000; }


/* SEARCH RESULTS */
#content.search .excerpt {
	margin: 36px 0;
	
}
#content.search .excerpt header { margin: 0; }

#content.search .excerpt h3 {
	border-bottom: 1px solid #58585A;
	margin: 0;
	line-height: 1.2;
}
#content.search .excerpt h3 a { text-decoration: none; }

#content.search .excerpt p {
	text-transform: none; 
	color: #444;
	font-size: 100%;
	margin: 5px 0 18px;
}

/* =============================================================================
   FAQs
   ========================================================================== */
.faqs form {
	border: 1px solid #CCC;
    margin: 0 0 3em;
    padding: 20px;
    text-align: center;
}

.faqs form .input { 
	width: 600px; 
	padding: 12px;
}

.faqs #content .excerpt header { margin: 0; }

.faqs #content .post {
	border-bottom: 1px solid #CCC;
	margin: 0 0 2em;
}

.faqs h2 {
	font-size: 140%;
	letter-spacing: -0.01em;
	text-transform: none;
}

.page.faqs #content p:first-of-type {
    color: #444 !important;
    font-size: 87.5%% !important;
    text-transform: none !important;
}
   
/* =============================================================================
   Post Footer
   ========================================================================== */
   
#content footer {
	margin: 2em 0;
	border-top: 1px solid #DDD;
}

#content footer h6 {
	margin-bottom: 0.5em;
	text-transform: none;
	font-size: 130%;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: rgba(0,0,0,0.25);
	color: #BBBAB6;
}
.single #content footer h6 { color: rgba(0,0,0,0.5); }

#content footer p { margin: 12px 0; }

.events #content footer { border: none; }

#support-us-button { display: none; }


/* =============================================================================
   Comments
   ========================================================================== */
   
#comments {
	margin: 18px 0 0 0;
	border-top: 1px solid #DDD;
}

#comments h3 {
	font-size: 140%;
	color: #CCC;
	color: rgba(0,0,0,0.25);
	text-transform: none;
}

#comments img {
	border: none;
}

.commentlist {
	margin: 20px 0;
	padding: 0;
}

.commentlist li {
	list-style: none;
	margin-bottom: 20px;
}

.comment-body {
	padding: 25px 30px 10px;
	background: #FFF;
	background: rgba(255,255,255,0.8);
	border: 1px solid #CCC;
	border: 1px solid rgba(0,0,0,0.1);
	position: relative;
	border-radius: 2px;
}

.comment-author cite {
	font-weight: bold;
	color: #766085;
	font-site: 110%;
}	

#comments .comment-author img {
	border: 3px solid #FFF;
	margin: -2px 15px 0 0;
	float: left;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.ie6 #comments .comment-author img,
.ie7 #comments .comment-author img,
.ie8 #comments .comment-author img {border-color: #766085;}

.comment-meta {
	font-size: 90%;
	color: #666;
	margin-bottom: 26px;
}
.comment-meta a {color: #666;}

.commentlist .reply {
	font-size: 80%;
	color: #999;
	float: right;
	border-top: 1px solid #DDD;
	border-top: 1px solid rgba(0,0,0,0.08);
	border-left: 1px solid #CCC;
	border-left: 1px solid rgba(0,0,0,0.08);
	padding: 4px;
	position: absolute;
	bottom: 0;
	right: 0;
}
commentlist .reply a {color: #999;}
commentlist .reply a:hover {color: #666;}

.comment-awaiting-moderation {color: #996F4F;}


/* COMMENT FORM */
#commentform {
	padding: 25px 30px 10px;
	background: #FFF;
	background: rgba(255,255,255,0.8);
	border: 1px solid #CCC;
	border: 1px solid rgba(0,0,0,0.1);
	margin: 18px 0;
	border-radius: 2px;
}

#commentform label {
	font-size: 110%;
	margin-left: 10px;
	
}

#commentform #author,
#commentform #email,
#commentform #comment {
	border: 1px solid #CCC;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 8px;
	width: 250px;
	background: #FFF;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1) inset;
	border-radius: 2px;
}
#commentform #comment {width: 504px;}

#commentform #author:focus,
#commentform #email:focus,
#commentform #comment:focus {border-color: #766085; background: #F1EFF3;}


/* =============================================================================
   Slideshows
   ========================================================================== */
   
figure {position: relative;}

.bx-window {overflow: visible!important;}

#slideshow-banner {
	margin: 0 auto;
	height: 380px;
	overflow: hidden;
	border: 6px solid #E4DED3
}

#slideshow-banner figure .arrow:hover, 
#banner .arrow:hover {
	cursor: pointer; 
	background: #815E49;
}

#slideshow-banner figure .arrow, 
#banner .arrow {
	display: block;
	position: absolute;
	border-radius: 20px;
	background: #A78977;
	color: #FFF;
	width: 20px;
	height: 20px;
	font-size: 187%;
	text-align: center;
	line-height: 16px;
	right: 10px;
	top: 10px;
}

#slideshow-banner figure .corner, 
#banner .corner,
.corner {
	border-left: 10px solid #F9F7F2;
    border-top: 7px solid #E6DDCC;
    border-bottom: none !important;
    border-right: none !important;
    height: 0;
    left: 0;
    line-height: 0;
    position: absolute;
    top: 100%;
    width: 0;
}

#slideshow-banner figcaption, 
#banner figcaption {
	left: -16px; 
	white-space: nowrap;
}


#slideshow-banner figcaption, 
#banner figcaption {
	position: absolute;
	top: 80px;
	width: 370px;
	background: #DAD0C0;
	background: rgba(218, 208, 192, 0.9);	
	padding: 15px 20px 15px 30px;
	min-height: 100px;
	overflow: visible!important;
	text-transform: uppercase;
}

@-moz-document url-prefix() {
	#slideshow-banner figcaption {
        background: rgb(218, 208, 192);	
    }
}


#slideshow-banner figcaption .title, 
#banner figcaption .title {
	font-size: 500%;
	color: #A78977;
	margin: 0 0 0 -4px;
	line-height: 1;
	font-weight: bold;
	letter-spacing: -4px;
	display: block;
	text-transform: uppercase;
}

#slideshow-banner figcaption .caption, 
#banner figcaption .caption,
#slideshow-banner .description {
	font-family: 'OptimusPrincepsRegular';
	font-size: 130%;
	color: #7D7E82;
	margin: 0;
	line-height: 1;
	letter-spacing: 1px;
	font-weight: normal;
	display: block;
}

#slideshow-banner .description {
	border-bottom: 1px solid #A78977;
	text-transform: uppercase;
	display: inline-block;
}
	
.bx-wrapper {margin: 0 0 15px;}

#slideshow-banner li {
	width: 958px; 
	height: 380px;
	list-style: none;
	border: 6px solid #E4DED3;
	display: none;
}

.lincoln-lorry #slideshow-banner { height: 370px; }
.lincoln-lorry #slideshow-banner li { width: 798px; height: 370px; }
.lincoln-lorry .bx-pager { display: none; }

/* NO JS */

.no-js #slideshow-banner {
	padding: 0;
	margin: 20px 0;
}

.no-js #slideshow-banner li {
	border: none;
	height: 393px;
	display: block;
}

.no-js #slideshow-banner li .arrow {display: none;}

.no-js #slideshow-audio-wrapper {display: none;}

.audio-no-js {
	background: #766085;
	padding: 8px 12px;
	color: white;
	margin-top: 0;
}

#slideshow-banner .bx-wrapper, 
#slideshow-header .bx-window {
	width: 100% !important;
	min-width: 1135px; 
	float: left;
	background: #000;
}

#slideshow-small-wrapper {
	float: left; 
	border: 6px solid #E4DED3;
	width: 300px;
	margin: 15px 0 0 15px;
}

#slideshow-small-wrapper .bx-window {overflow: hidden!important;}

#slideshow-small-wrapper .bx-wrapper {margin: 0;}

#slideshow-small {
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 250px;
	position: relative;
}

#slideshow-small li {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 250px;
	list-style: none;
}

/* SLIDER NAV */
.bx-pager {	
	margin-left: 5px;
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 999;
}

.bx-pager a {
	text-indent: -9999px;
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 9px;
	background: #D1BE9E;
	margin-bottom: 5px;
	border: 3px solid #E1D5C0;D1BE9E
}

.bx-pager a.pager-active {
	background: #AB0232;
}

#slideshow-small-wrapper .bx-prev, 
#slideshow-small-wrapper .bx-next,
#slideshow-audio-wrapper .bx-prev,
#slideshow-audio-wrapper .bx-next {	
	width: 36px;
	height: 36px;
	border-radius: 18px;
	font-size: 310%;
	display: block;
	margin: 0;
	position: absolute;
	line-height: 30px;
	right: 250px;
	top: 110px;
	z-index: 999;
	background: #E1D5C0;
	text-decoration: none;
	text-align: center;
	color: #543966;
	cursor: pointer;
	opacity: 0.5;
	transition: all 0.4s ease-in-out; 
	-webkit-transition: all 0.4s ease-in-out; 
	-moz-transition: all 0.4s ease-in-out; 
	-o-transition: all 0.4s ease-in-out;
}

#slideshow-small-wrapper .bx-next {
	right: 10px;
	width: 33px;
	padding-left: 3px;
}

#slideshow-small-wrapper .bx-prev:hover, 
#slideshow-small-wrapper .bx-next:hover,
#slideshow-audio-wrapper .bx-prev:hover,
#slideshow-audio-wrapper .bx-next:hover {
	opacity: 1;
	transform: rotate(360deg) scale(1.2);
	-webkit-transform: rotate(360deg) scale(1.2);
	-moz-transform: rotate(360deg) scale(1.2);
	-o-transform: rotate(360deg) scale(1.2);
}

.ie6 #slideshow-small-wrapper .bx-prev:hover, 
.ie6 #slideshow-small-wrapper .bx-next:hover,
.ie6 #slideshow-audio-wrapper .bx-prev:hover,
.ie6 #slideshow-audio-wrapper .bx-next:hover,
.ie7 #slideshow-small-wrapper .bx-prev:hover, 
.ie7 #slideshow-small-wrapper .bx-next:hover,
.ie7 #slideshow-audio-wrapper .bx-prev:hover,
.ie7 #slideshow-audio-wrapper .bx-next:hover,
.ie8 #slideshow-small-wrapper .bx-prev:hover, 
.ie8 #slideshow-small-wrapper .bx-next:hover,
.ie8 #slideshow-audio-wrapper .bx-prev:hover,
.ie8 #slideshow-audio-wrapper .bx-next:hover {background: #D0BD9D;}


/* SLIDESHOW AUDIO */
#mep_0 {
	width: 100% !important;
	position: absolute;
	bottom: 0;
	z-index: 999;
}

audio {display: none !important;}

#slideshow-audio-wrapper {
	width: 798px;
	position: relative;
	border: 6px solid #E4DED3;
	margin: 0 0 20px;
	height: 380px;
}

#slideshow-audio-wrapper .bx-wrapper {margin: 0;}

#slideshow-audio-wrapper .bx-window {overflow: hidden !important;}

#slideshow-audio {		
	height: 380px;
	width: 798px;
	overflow: hidden;
	display: none;
}

#slideshow-audio li {
	height: 380px;
	width: 798px;	
	list-style: none;
}

#slideshow-audio-wrapper .bx-prev {
	right: 750px;
	width: 33px;
	padding-left: 3px;
	top: 160px;
}

#slideshow-audio-wrapper .bx-next {
	right: 15px;
	width: 33px;
	padding-left: 3px;
	top: 160px;
}

/* AUDIO PLAYER */
.mejs-container .mejs-inner .mejs-controls {
	background: #766085;
	background: linear-gradient(bottom, rgb(91,75,105) 40%, rgb(130,105,148) 85%);
	background: -o-linear-gradient(bottom, rgb(91,75,105) 40%, rgb(130,105,148) 85%);
	background: -moz-linear-gradient(bottom, rgb(91,75,105) 40%, rgb(130,105,148) 85%);
	background: -webkit-linear-gradient(bottom, rgb(91,75,105) 40%, rgb(130,105,148) 85%);
	background: -ms-linear-gradient(bottom, rgb(91,75,105) 40%, rgb(130,105,148) 85%);
	
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.4, rgb(91,75,105)),
		color-stop(0.85, rgb(130,105,148))
	);
}

.mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-loaded {
	background: rgb(136,122,150);
	background-image: linear-gradient(bottom, rgb(136,122,150) 29%, rgb(87,76,97) 82%);
	background-image: -o-linear-gradient(bottom, rgb(136,122,150) 29%, rgb(87,76,97) 82%);
	background-image: -moz-linear-gradient(bottom, rgb(136,122,150) 29%, rgb(87,76,97) 82%);
	background-image: -webkit-linear-gradient(bottom, rgb(136,122,150) 29%, rgb(87,76,97) 82%);
	background-image: -ms-linear-gradient(bottom, rgb(136,122,150) 29%, rgb(87,76,97) 82%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.29, rgb(136,122,150)),
		color-stop(0.82, rgb(87,76,97))
	);
}

/* HLF Grant banner */
.hlf-grant-banner {
	width: 958px;
	height: 380px;
	border: 6px solid #E4DED3;
}


/* =============================================================================
   Banner
   ========================================================================== */
   
#banner {
	width: 798px;
	margin: 0 0 20px;
	border: 6px solid #E4DED3;
}
#banner img {
	width: 798px;
	border: none;
	display: block;
}

/* Events Banner */
.events #banner {
	width: auto;
	border: none;
}
.events #banner img {
	width: 572px;
	border: 6px solid #E4DED3;
}

#banner .caption-content {
	width: 350px;
	height: 100px;
	overflow: hidden;
}

#banner figcaption .title {
	border-bottom: 2px solid #A78977;
    margin-bottom: 5px;
	display: inline-block;
}

#banner figcaption .description {
	font-size: 95%;
	color: #666;
	margin: 0;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
	font-weight: normal;
	white-space: normal;
	border: none;
	display: block;
}


/* =============================================================================
   Front Page - Links
   ========================================================================== */
   
/* HIGHLIGHT OF THE WEEK */
#highlight-week {
	width: 300px;
	height: 175px;
	float: left;
	background: url(graphics/highlight.jpg) no-repeat;
	border: 6px solid #E4DED3;
	margin-right: 17px;
}

#highlight-week a {
	text-decoration: none;
	display: block;
	width: 300px;
	height: 150px;
	padding-top: 25px;
}

#highlight-week article {
	height: 80px;
	overflow: hidden;
}

#highlight-week div {
	width: 240px;
	max-height: 110px;
	background: #DAD0C0;
	background: rgba(226, 208, 182, 0.8);
	padding: 12px 12px 12px 28px;
	margin: 0 0 0 -16px;
	position: relative;
	color: #444;
	color: rgba(0,0,0,0.75);
}

#highlight-week a:hover h2 {border-bottom: 1px solid #778AB7;}
#highlight-week a:hover h2,
#highlight-week a:hover h1 {color: #778AB7;}

#highlight-week h2 {
	font-size: 135%;
	letter-spacing: -1px;
	border-bottom: 1px solid #C97070;
	color: #C35A5E;
	display: inline-block;
	margin: 0;
}

#highlight-week h1, 
#highlight-week h1 a {
	font-weight: normal;
	color: #C35A5E;
	text-decoration: none;
	text-transform: capitalize;
	margin: 0;
	font-size: 110%;
	letter-spacing: 0;
	margin: 5px 0 0;
}
#highlight-week h1 a:hover {color: #000;}

#highlight-week p {margin: 2px 0;}

/* CHORAL EVENSONG */
#choral-evensong {
	float: left;
	background: url(graphics/john-welsey.jpg) no-repeat;
	border: 6px solid #E4DED3;
	width: 300px;
	/*height: 175px;*/
	height: 94px;
	margin-left: 17px;
	cursor: pointer;
	text-decoration: none;
}
#choral-evensong section {
	position: relative;
	display: inline-block;
    padding: 10px 15px 10px 30px;
    text-transform: uppercase;
    width: auto;
	background: #DAD0C0;
	background: rgba(226,208,182,0.9);
	/*margin: 120px 0 0 -16px;*/
	margin: 44px 0 0 -16px;
	line-height: 1;
}
#choral-evensong h2 {
	display: inline-block;
	color: #766085;
    font-size: 130%;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
	border-bottom: 1px solid #766085;
}
#choral-evensong:hover h2 {
	color: #5381C6;
	border-bottom: 1px solid #5381C6;
}
	
/* EVENTS */
#dairy {width: 300px;}

.events-list, 
#bottom-links, 
#diary {
	float: left;
	width: 312px;
	min-height: 150px;
	margin: 17px 0 0 17px;
	padding: 0;
}

#bottom-links {margin: 0;}

.events-list h3,
#diary h3 {
	font-size: 200%;
}

.events-list {
	margin: 17px 0 0;
	padding: 10px;
	width: 292px;
	background: #EDE6D9;
	min-height: 240px;
}

/* WHO IS THIS JESUS */
#who-is-jesus {
	display: block;
	text-align: center;
	text-decoration: none;
	height: 60px;
	width: 270px;
	margin-top: 10px;
	padding: 10px 20px 0;
	background: rgb(227,216,197);
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0.41, rgb(227,216,197)),
		color-stop(0.85, rgb(211,196,176))
	);
	background: -moz-linear-gradient(
		left center,
		rgb(227,216,197) 41%,
		rgb(211,196,176) 85%
	);
}

#who-is-jesus .large, 
#who-is-jesus .small {
	color: #766085;
	text-transform: uppercase;
	margin: 0;
	line-height: 1;
}

#who-is-jesus .large {	
	font-size: 240%;
	letter-spacing: -2px;
	font-weight: bold;
	border-bottom: 1px solid #766085;
}
#who-is-jesus .small {
	font-size: 160%;
	letter-spacing: -1px;
	font-weight: normal;
	margin-top: 3px;
}

#who-is-jesus:hover .large {color: #C35A5E; border-bottom: 1px solid #C35A5E;} 
#who-is-jesus:hover .small {color: #C35A5E;}

/* BECOME PART OF */
#become-part-of {
	width: 310px;
	height: 106px;
	display: block;
	background: url(graphics/image.become-part-of.jpg) no-repeat;
	cursor: pointer;
	text-decoration: none;
}
#become-part-of p {
	position: relative;
	display: inline-block;
    padding: 10px 15px 10px 20px;
    text-transform: uppercase;
    width: auto;
	background: #DAD0C0;
	background: rgba(226,208,182,0.9);
	margin: 50px 0 0 -10px;
	line-height: 1;
}
#become-part-of span {
	display: inline-block;
	color: #5381C6;
    font-size: 130%;
	font-weight: bold;
	letter-spacing: -1px;
	border-bottom: 1px solid #5381C6;
}

#become-part-of:hover span {color: #C35A5E; border-bottom: 1px solid #C35A5E;}


/* =============================================================================
   Events Diary
   ========================================================================== */
   
.em-calendar-wrapper .em-calendar {
	background: #F3F0EB;
	font-family: 'OptimusPrincepsRegular';
	font-size: 130%;
	text-transform: lowercase;
	color: #766085;
	margin: 0;
	height: 218px;
}

.em-calendar-wrapper div#em-loading {
	position: absolute; 
	width: 100%; 
	height: 100%; 
	background: #EDE9DC url(graphics/loading.gif) 50% 50% no-repeat; 
	left: 0; 
	top: 0; 
	opacity: 0.8; 
}

.em-calendar-wrapper .em-calendar td {
	border: 1px solid #BAAD8C;
	padding: 1px;
	vertical-align: middle;
}

.em-calendar-wrapper .em-calendar .last {
	border: none;
	padding: 0;
}

.em-calendar-wrapper .em-calendar .em-calnav {
	text-decoration: none;
	font-weight: normal;
	font-size: 120%;
	line-height: 25px;
}

.em-calendar-wrapper .em-calendar .eventless-today { background: #E6E0CC; }
.em-calendar-wrapper .em-calendar .eventful-today { background: #766085; }
.em-calendar-wrapper .em-calendar .eventful-today a { color: #FFF; text-decoration: none; }

.em-calendar-wrapper .em-calendar .eventful {
	padding: 0;
	background: #D8D3E0;
	vertical-align: middle;
 	-webkit-transition: background 0.4s ease-in-out 0s;
	   -moz-transition: background 0.4s ease-in-out 0s;
         -o-transition: background 0.4s ease-in-out 0s;
    		transition: background 0.4s ease-in-out 0s; 
}
.em-calendar .eventful:hover { background: #766085; }

.em-calendar-wrapper .em-calendar .eventless-today a,
.em-calendar-wrapper .em-calendar .eventful a {
	color: #766085; 
	text-decoration: none;
	display: block;
	padding: 1px;
	vertical-align: middle;

}
.em-calendar .eventful:hover a { color: #FFF; }


/* =============================================================================
   Events List / Calendar
   ========================================================================== */
   
.events-list > h3{
	border-bottom: 1px solid #543966;
	margin: 0;
}

#diary > h3 {
	margin: 0 0 5px;
}

.events-list.home.right { margin-left: 15px; }
.events-list.home.visitlincoln {
	padding: 0;
	width: 314px;
	margin-top: -70px;
}


.events-list.home article.event {margin-top: 15px !important;}
.events-list h3 a {text-decoration: none; color: #766085;}
.events-list h3 a:hover {color: #000;}

/* FRONT PAGE EVENTS LISTING */
.events-list .event-content * { display: none; visibility: hidden; } /* hide everything in event content */
.events-list .event-content h3,
.events-list .event-content h3 * {display: block; visibility: visible;} /* show only heading from event content */

.events-list .event {
	padding-left: 26px;
	background: url(graphics/icon.down-right.png) no-repeat 0 0;
}

.events-list #current-events,
.events-list .event-content {
	margin: 0; 
	float: none; 
	width: auto;
	border-bottom: none;
	padding-bottom: 0;
}

.events-list .event-content h3 {
	font-weight: normal;
	font-size: 120%;
	letter-spacing: 1px;
	font-family: 'OptimusPrincepsRegular';
	line-height: 1.1;
	margin: 0;
}

.events-list .event-date {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	float: none;
	width: auto;
	background: none;
	box-shadow: none;
	text-align: left;
	padding: 0;
	color: #777;
	border: none;
}
.events-list .event-date .number {
	color: #777;
    display: inline;
    font-size: 100%;	
	line-height: 1;
}

.events-list .event-date .letter {
	font-size: 100%;
    display: inline;
    vertical-align: inherit;
	padding-top: 0;
	margin-right: 0;
}

.events-list .event-date .month {
	color: #777;
    display: inline;
    font-size: 100%;	
	line-height: 1;
}


/* EVENTS LISTING */
#content.event {
	float: left;
	width: 585px;
}

#current-events .event-link {
	text-transform: uppercase;
	padding: 10px 0 0;
}

#current-events .event-link a {
	color: #766085;
	font-size: 110%;
	text-decoration: none;
}

#current-events article.event { margin-top: 30px; }

.event-link a:hover {
	color: #000;
	text-decoration: underline;
}

.event-date {
	font-family: 'OptimusPrincepsRegular';
	text-transform: lowercase;
	float: left;
	width: 60px;
	background: #766085;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	text-align: center;
	padding: 0.5em;
}

.event-date .number {
	color: #FFF;
    display: block;
    font-size: 400%;	
	line-height: 1;
	margin-top: -24px;
}

.event-date .letter { display: none; }

.event-date .month {
	color: #F9F9F9;
    display: block;
    font-size: 150%;	
	line-height: 1;
	margin-top: -24px;
}

#container .event-date .day {
	display: block;
	color: #FFF;
	fons-size: 120%;
}

/* Event Content */
.event-content {
	float: right;
	width: 485px;
}
/*section.event-content {
	width: 360px;
	float: left;
}*/
section.event-content p:first-of-type { margin-top: 0; }

#content div.event-content h3 {
	margin-top: 0;
	font-size: 160%;
}
#content div.event-content h3 a { text-decoration: none; }

#content .single-event img {
	border: none;
	margin: 0 0 18px 18px;
	float: right;
	max-width: 230px;
}

/* PAGE NUMBERS */
#content .event-page-numbers,
.pagination { text-align: center; }

#content .event-page-numbers .page-numbers,
.page-numbers {
	display: inline-block;
	font-size: 100%;
	border: 1px solid #766085;
	color: #766085;
	padding: 2px 6px;
	margin: 18px 2px 18px 0;
	text-decoration: none;
}
#content .event-page-numbers .page-numbers.current,
#content .event-page-numbers a.page-numbers:hover,
#content .page-numbers.current,
#content  a.page-numbers:hover {
	background: #766085;
	color: #FFF;
}

/* =============================================================================
   Sponsors
   ========================================================================== */

.sponsors-list .sponsor {
	float: left;
	width: 23%;				
	border: 1px solid #DDD;
	margin-right: 1em;
	min-height: 280px;
	margin-bottom: 2em;
	background: #FFF;
	box-shadow: 0 0 1px rgba(0,0,0,0.1);
}
#content .sponsors-list .sponsor h3 {
	font-size: 110%;
	margin-top: 1em;
}
.page #content .inside p:first-of-type {
	color: #000000 !important;
	font-size: 95% !important;
	margin-top: 0.4em;
	text-transform: none !important;
}
.sponsors-list .sponsor.last { margin-right: 0; }

.sponsors-list .sponsor .inside {
	padding: 15px;
}
#content .sponsors-list .sponsor img { border: none; }


/* =============================================================================
   Survey / Feedback Form
   ========================================================================== */

.multi-question div.survey-question {
	border-bottom: none;
	margin: 18px 0 36px 0;
} 

#content .survey-area h3 {
	text-transform: none;
	margin: 0 0 8px 0;
}

.survey-area .question { margin: 4px 0;}

.survey-area label {
	font-size: 110%;
	margin: 0 0 0 4px;
}

.survey-area #errors {
	display: none;
    color: #C00;
    font-size: 120%;
    margin: 20px 0 36px 0;
    text-align: left;
    width: auto;
}
.survey-area #errors p { margin-top: 8px; }
.survey-area #errors strong { color: #C00; }
	

/* =============================================================================
   Donations Page
   ========================================================================== */
   
#donation-form,
.donation-payment-options,
#donation-form .stripe{ 
	display: none;
}

#donation-form .input.small { width: 70px; }

#donation-form .input.select.small { width: 90px; }

.page-donation .donation-type {
	padding: 15px;
	border: 1px solid #D0C0B5;
}

.page-donation .donation-type h3 { margin: 0; }

.page-donation .donation-options {
	margin: 0;
	padding: 0;
	list-style: none;
}

.page-donation .donation-options .option {
	padding: 15px;
	float: left;
	width: 355px;
	margin: 0 15px 30px 0;
	border: 1px solid #D0C0B5;
	min-height: 275px;
}
.page-donation .donation-options .option.last { margin-right: 0; }

.page-donation .donation-options h3 {
	font-size: 155%;
    margin: 0 !important;
}

.page-donation h4 {
	border-bottom: 1px solid #D0C0B5;
}

.page-donation .donation-options h5 {
 	font-size: 110%;
    margin: 0.2em 0 0 !important;
}

.page #content .donation-options p {
    color: #444444 !important;
    text-transform: none !important;
	width: 200px;
	display: block;
	float: left;
}

.page #content #donation-form p {
	color: #444444 !important;
    text-transform: none !important;
}

.page #content .donation-options img { float: right; }

.page-donation .donation-type .info { 
	float: left;
	width: 40%;
}

.page-donation .options {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 55%;
	float: right;
}

#content .page-donation .options .button.active { background: #999; }

.page-donation .donation-type { display: none; }

#content.page-donation .donation-type h2 { margin-top: 0; }

.page-donation .options img { vertical-align: middle; }

.page-donation .options span {
	margin: 0 10px;
	display: inline-block;
}

.page-donation .options .option { width: 100px; }

.page-donation .options .price { 
	font-size: 140%;
	width: 50px;
}

.page #content .donation-type .info p {
	color: #444444 !important;
	text-transform: none !important;
}

.page-donation.donation-type .image {
	float: right;
	width: 300px;
}

#donation-form .change-donation {
	font-size: 60%;
    letter-spacing: 0;
    text-transform: none;
}

#donation-form .step-heading {
	margin: 0;
	border-bottom: 1px solid #D0C0B5;
	font-size: 170%;
	margin-top: 1.5rem;
	padding-bottom: 10px;
}

#donation-form .step-heading .step {
	background: #766085;
    border-radius: 15px;
    color: #FFF;
    display: inline-block;
    font-family: 'OptimusPrincepsRegular';
    font-size: 80%;
    height: 10px;
    line-height: 12px;
    margin-right: 10px;
    padding: 8px;
    text-align: center;
    vertical-align: text-bottom;
    width: 10px;
}

.donation-option-label { font-size: 110%; }

.chosen-option { margin-top: 25px; }

.chosen-option img { 
	float: left;
	margin-right: 15px;
}

.donation-text {
	float: left;
	width: 80%;
}

.donation-text.full { width: 100%; }

.donation-text p,
.donation-text .regular-giving,
.donation-text .one-off-donation {
	display: none; 
}

.view-donation-options {
	display: none;
	font-size: 120%;
    margin: 0 0 18px;
}

#content .donation-text h5 { margin-top: 0; }

.page #content #donation-form .donation-text p,
.page #content .donation-text p {
	color: #444444 !important;
    text-transform: none !important;
}

#content .options .button.active { background: #999; }

/* Gift details */
.gift-details {	display: none; }

.gift-details .recipient {
	float: left;
	width: 370px;
	margin-right: 15px;
}

.gift-details .message {
	float: right;
	width: 370px;
}

#donation-form .gift-aid-label span { font-weight: normal; }

/* Donator details */
.your-details .personal {
	float: left;
	width: 370px;
	margin-right: 15px;
}

.your-details .contact {
	float: right;
	width: 370px;
}

.your-details .contact .textarea {
	width: 250px;
	height: 128px;
}

.your-details .dedication-message { display: none; }

.your-details.adopt-a .dedication-message { display: block; }

.your-details.adopt-a .contact .textarea { 	height: 50px; }

#donation-form .card-type {
	background: url(graphics/sprite.icons.png) no-repeat 0 0;
	display: inline-block;
	width: 32px;
	height: 20px;
	display: none;
	margin-left: 10px;
}
#donation-form .card-type.mastercard { background-position: 0 -125px; }
#donation-form .card-type.visa { background-position: 0 -145px; }

.payment-errors {
	background: #FFBFC1;
    border: 1px solid #CC0000;
    border-radius: 5px;
    margin: 15px 0;
    padding: 15px;
    text-align: center;
    width: 235px;
	display: none;
}

#donation-form select { 
	display: block;
	width: 190px;
}

#content #donation-form .loading {
	border: none;
	vertical-align: text-bottom;
	display: none;
}

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

form {margin: 18px 0;}
#form-contact { margin-top: 0; }

form .label {
    display: block;
    font-weight: bold;
	font-size: 110%;
	margin: 18px 0 5px 2px;
}
form .label.inline { display: inline; }

form .input,
form .textarea {
	border: 1px solid #CCC;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 8px;
	width: 250px;
	background: #FFF;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1) inset;
	border-radius: 2px;
}
form .textarea {
	width: 504px;
	height: 250px;
	resize: vertical;
}
form .input.small { width: 80px; }
#content #form-contact .textarea {
	width: 400px;
	height: 200px;
}

form .input:focus,
form .textarea:focus { border-color: #766085; background: #F1EFF3; }

.ie6 .input, 
form .textarea,
.ie7 .input, 
form .textarea,
.ie8 .input, 
form .textarea,
.ie9 .input, 
form .textarea { margin: 0; }


/* SELECT BOX */
form .chzn-container-single .chzn-single {
	border: 1px solid #CCC;
	padding: 3px 8px;
	width: 250px;
	border-radius: 2px;
	font-size: 12px;
}
form .chzn-container-single .chzn-single div {
	border-radius: 0 2px 2px 0;
	border-left: 1px solid #CCC;
}
form .chzn-container-active .chzn-single-with-drop div { border-left: none; }


/* VALIDATION */
form input.error, 
form textarea.error {
    background: none repeat scroll 0 0 #FFBFC1;
    border: 1px solid #CC0000;
}
form label.error {
    color: #CC0000;
    display: block;
	margin: 0 0 0 5px;
}
form .input.valid, 
form .textarea.valid {
    background: none repeat scroll 0 0 #DFF8D3;
    border: 1px solid #669900;
}

/* Adopt a thank you page */
.sent {
	padding: 10px 0;
	background: #766085;
	color: #FFF;
	text-align: center;
}

.dedication { display: none; }

/* Email Subscribe Form */
.email-subscribe-form .textarea { height: 60px; }

.email-subscribe-form .interests-list {
	padding: 0 0 0 1em;
	list-style: none;
}
.email-subscribe-form .interests-list input { margin-right: 0.5em; }


/* =============================================================================
   Search Form
   ========================================================================== */
   
/* TOP OF PAGES */
form.search-top {
	margin: 0;
	float: left;
}
form.search-top .search-site {
	width: 150px;
	float: left;
	margin: 0;
	padding: 0 4px;
	height: 23px;
    line-height: 23px;
	border-radius: 0;
	border: 1px solid #D0C0B5;
	box-shadow: none;
	color: #999;
}
form.search-top .search-button {
	border: none;
	background: #D0C0B5;
    color: #FFF;
	float: left;
	height: 25px;
    line-height: 25px;
	width: 30px;
	text-align: center;
}
form.search-top .search-button:hover {background: #A78977;}

/* IN 404 & SEARCH PAGE */
#container form.search-top {
	margin: 18px 0; 
	display: block;
	float: none;
	width: auto;
}
#container form.search-top .search-site {	
	border: 1px solid #D0C0B5;
	height: 40px;
    line-height: 40px;
	padding: 0 10px;
	width: 250px;
	background: #FFF;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1) inset;
	border-radius: 2px 0 0 2px;
	text-transform: none;
}
#container form.search-top .search-site:focus {background: #F1EFF3;}

#container form.search-top .search-button {
	border: none;
	background: #D0C0B5;
    color: #FFF;
	float: left;
	height: 42px;
    line-height: 42px;
	font-size: 140%;
	text-transform: uppercase;
	letter-spacing: -1px;
	width: auto;
	padding: 0 10px;
	text-align: center;
	border-radius: 0 2px 2px 0;
}
#container form.search-top .search-button:hover {background: #A78977;}


/* =============================================================================
   Sidebar
   ========================================================================== */
   
#sidebar {
	float: right;
	width: 312px;
}

.page-contact #sidebar { margin-top: 35px; }

.blog #sidebar,
.events #sidebar {width: 182px;}

#sidebar #slideshow-small-wrapper, 
#sidebar #choral-evensong {margin: 0;}

#sidebar #choral-evensong {
	margin-top: 15px;
}

#sidebar img {
	border: 6px solid #E4DED3;
	margin-bottom: 10px;
}

#slideshow-small img {border: none; height: 250px;}

/* WIDGETS */
#sidebar .widget {
	margin-bottom: 40px;
}

#sidebar .widget h4,
.side-title {
	margin: 0 0 18px;
	text-transform: uppercase;
	font-size: 150%;
	color: #58585A;
	line-height: 1;
}

#sidebar .widget ul {
	margin: 0;
	padding-left: 0;
	list-style-type: none;
}

#sidebar .widget ul li {
	margin: 18px 0;
	font-size: 120%;
	line-height: 1.2;
}

#sidebar .widget ul li a { color: #766085; }
#sidebar .widget ul li a:hover { color: #000; }


/* SOCIAL MEDIA */
footer .social-media { margin: 12px 0; }

footer .social-media a {
	width: 90px;
}

footer .social-media a.addthis_button_google_plusone { width: 70px; }

footer .social-media a.addthis_button_pinterest_pinit { width: 50px; }

#sidebar .social-media a {
	display: block;
	float: none;
	margin-bottom: 5px;
	height: 25px;
}

#sidebar .social-media a.addthis_counter { height: 20px; }


/* =============================================================================
   Cookie Info
   ========================================================================== */

#cookie-info {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 10px 35px 10px 10px;
	background: #222;
	background: rgba(0, 0, 0, 0.85);
	color: #ccc;
	color: rgba(255,255,255,0.8);
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.2;
	text-align: left;
	z-index: 999;
}
.ie6 #cookie-info { display: none !important; }

#cookie-info strong {
	color: #fff;
	font-weight: bold;
}

/* Link */
#cookie-info a {
 	color: #fff;
 	text-decoration: underline;
}
#cookie-info a:hover {
 	color: #fff;
 	text-decoration: none;
}

/* Close X */
#cookie-info #cookie-close {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background: #c00;
	color: #fff;
	font-size: 30px;
	line-height: 100%;
	padding: 2px 6px;
}
#cookie-info #cookie-close:hover {
 	cursor: pointer;
	background: #f00;
}


/* =============================================================================
   Footer
   ========================================================================== */
   
#footer {
	font-size: 90%;	
	color: #646567;
	padding: 30px 0;
	margin: 0 -45px;
}

#tag-line {
	font-family: 'OptimusPrincepsRegular';
	text-transform: uppercase;
	font-size: 125%;
	letter-spacing: 1px;
	display: block;
	background: #E0D4C0;
	padding: 5px;
	height: 20px;
	color: #A78977;
	text-align: center;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.27, rgb(228,217,197)),
		color-stop(0.64, rgb(221,209,189))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(228,217,197) 27%,
		rgb(221,209,189) 64%
	);
}

#tag-line a {
	color: #A78977;
	font-size: 75%;
}

#footer-contact {
	text-align: center;
	font-family: 'OptimusPrincepsRegular';
	letter-spacing: 1px;
	text-transform: lowercase;
	font-size: 140%;
}
#footer-contact a {color: #646567;}

#footer-links {
	font-size: 100%;
	color: #999;
	color: rgba(0,0,0,0.5);
	padding: 0 70px;
	margin: 30px 0 0 0;
}
#footer-links a {
	color: #999;
	color: rgba(0,0,0,0.5);
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
#footer-links a:hover {
	color: #666;
	color: rgba(0,0,0,0.8);
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,0.3);
}

/* Show/Hide site view link */
#view-site { display: none; }
#view-site.show {
	display: block;
	text-align: center;
	font-size: 14px;
	margin-top: 1.5em;
}


/* =============================================================================
   Login Box
   ========================================================================== */
   
#login-box {
	background: #E4DED3;
	padding: 10px;
    height: 325px;
    width: 350px;
    left: 50%;
    top: 50%;
    margin-left: -175px;
    margin-top: -220px;
    position: fixed;
    display: none;
}

.ie6 #login-box, 
.ie7 #login-box,
.ie8 #login-box, 
.ie9 #login-box {height: 320px;}

#form-login {
    background: #F9F7F2;
    position: relative;
    padding: 30px;
    height: 260px;
	margin: 3px 0;
}

.ie6 #form-login, 
.ie7 #form-login,
.ie8 #form-login, 
.ie9 #form-login {height: 260px;}

#form-login h2 {
    margin-top: 0;
	font-size: 170%;
	color: #000;
}
#form-login p {margin-bottom: 50px;}

.ie6 #form-login p, 
.ie7 #form-login p,
.ie8 #form-login p, 
.ie9 #form-login p {margin-bottom: 20px;}

#form-login label {
	font-size: 120%;
	color: #999;
}

#form-login .input {
	margin: 5px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #666;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 8px;
	width: 270px;
	background: #FFF;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1) inset;
	border-radius: 2px;
}
#form-login .input:focus {border-color: #766085; background: #F1EFF3;}

#form-login #close {
    color: #999;
    font-size: 150%;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 20px;
}
#form-login #close:hover {color: #666;}

#form-login p {margin: 0;}
#form-login .lost-password {color: #666;}


/* =============================================================================
   Buttons
   ========================================================================== */
   
.button,
#content .button,
#commentform #submit {
	padding: 0 20px;
	height: 37px;
	line-height: 37px;
	margin: 0;
	background: #766085;
	color: #FFF;
	text-decoration: none;
	font-size: 120%;
	border: none;
	cursor: pointer;
	border-radius: 2px;
	display: inline-block;
}
form input.button {margin: 18px 0; }

.button:after,
#content .button:after,
#commentform #submit:after { content: " \2192"; }

.button:hover,
#content .button:hover,
#commentform #submit:hover {
	background: #574763;
	color: #FFF;
	text-decoration: none;
}

.button:active,
#content .button:active,
#commentform #submit:active {
	box-shadow: 0 1px 5px rgba(0,0,0,0.8) inset; 
	color: #CCC;
	color: rgba(255,255,255,0.8);
}


#content .input + input.button { margin-top: 18px; display: block; }

.donate {
	-webkit-box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, 0.2); 
	opacity: 0.9;
}

.donate:hover {opacity: 1;}

#content .button.donate {
	display: inline-block;
	margin-top: 10px;
	box-shadow: none;
	opacity: 1;
}

#form-donate label.error {margin: 10px 0;}

#content #form-donate input[type=text] {width: 65px;}

#content #form-contact .button {margin-top: 20px;}


/* =============================================================================
   Logo - Laser Red
   ========================================================================== */
   
#laserred {
	display: block;
	float: right;
	width: 80px;
	height: 28px;
	background: url(graphics/laserred.png) no-repeat 0 0;
	text-indent: -9999px;
	margin: -25px 70px 0 0;
	opacity: 0.5;
}

#laserred:hover {background-position: 0 -28px; opacity: 1;}


/* =============================================================================
   Logo - Ruddocks
   ========================================================================== */
   
#ruddocks {
	display: block;
	float: right;
	width: 104px;
	height: 21px;
	background: url(graphics/logo.ruddocks.png) no-repeat 0 0;
	text-indent: -9999px;
	margin: -20px 30px 0 0;
}

#ruddocks:hover {
	height: 20px;
	background-position: 0 -21px;
}


/* =============================================================================
   Notification - Noscript & Old Browser
   ========================================================================== */
   
noscript div { 
	background: #766085;
	color: #FFF;
	margin: 18px auto;
	padding: 12px 18px;
	position: relative;
}
noscript strong { color: #FFF !important; }
noscript div a { color: #FFF; text-decoration: underline; }
noscript div a:hover { color: #FFF; text-decoration: none; }

#old-browser { 
	display: none;
	background: #F2EFEA;
	border: 1px solid #766085;
	margin: 18px auto;
	padding: 18px 30px;
	position: relative;
}

noscript h2,
#old-browser h2 {
	font-size: 150%;
	margin-top: 0;
	color: #766085;
	letter-spacing: normal;
	text-transform: none;
}

noscript div strong,
#old-browser strong {color: #000;}

#old-browser .hide {
	color: #766085;
	font-size: 110%;
	position: absolute;
	top: 20px;
	right: 20px;
	text-decoration: underline;
}

noscript a,
#old-browser a {color: #766085; text-decoration: underline;}
noscript a:hover,
#old-browser a:hover {color: #000; text-decoration: none;}


/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
   
@media only screen and (max-width: 1024px) {
	
	/* Re-sizes the wrapper */
	.wrapper {
		padding: 0 15px;
		border-left: none;
		border-right: none;
	}

	/* Re-sizes the footer */
	#footer {
		margin: 0 -15px;
	}
	
	/* Move Support Us banner for users on smaller screens */
	#top-donate {
		right: -15px;
		background-position: 0 -258px;
	}
	#top-donate:hover {background-position: 0 -387px;}
	
	/* UX Testing */
	#top-donate.version2 { background: url(graphics/sprite.support-us2.png) no-repeat 0 -258px; }
	#top-donate.version2:hover { background: url(graphics/sprite.support-us2.png) no-repeat 0 -387px; }
	
	#top-donate.version3 { background: url(graphics/sprite.support-us3.png) no-repeat 0 -258px; }
	#top-donate.version3:hover { background: url(graphics/sprite.support-us3.png) no-repeat 0 -387px; }
	
	/* Move Top Links left for users on smaller screens */
	#top-links {right: 120px;}
	
}


/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; border: none !important; width: auto !important; font-family: Arial, Helvetica, sans-serif; text-transform: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited { color: #444 !important; text-decoration: underline; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	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; }
	
	#current-events article.event {float: left;}
	
	#header,
	#canvas,
	#slideshow-small-wrapper,
	#choral-evensong,
	#bottom-links,
	#diary,
	figure,
	figcatpion,
	.corner,
	.arrow,
	#nav-side,
	#sidebar,
	.event-date,
	.map,
	#respond,
	#container.blog footer h6,
	#container.blog footer .sbut,
	.bx-wrapper {
		display: none;
	}
}