/* $Id: pages.css,v 1.7 2009/10/15 15:48:20 johnalbin Exp $ */

/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


.item-list .pager li {
	padding: .25em;
}

.feed-icons /* The links to the RSS or Atom feeds for the current list of content */ {
	margin: 1em 0;
}

.more-link /* Aggregator, blog, and forum more link */ {
	text-align: right; /* LTR */
}

/*
 * Markup free clearing (See: http://www.positioniseverything.net/easyclearing.html )
 */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
	display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user. Must
 * not be used for focusable elements (such as links and form elements) as this
 * causes issues for keyboard only or voice recognition users.
 */
.element-invisible {
	height: 0;
	overflow: hidden;
	position: absolute;
}

/**
 * Parish Nodes
 */

.mass-time-reference .field-label,
.reconciliation-time-reference .field-label,
.eucharistic-adoration-time-reference .field-label {
	font-size: 1.3em;
	color: #555;
}

dl.parish-event-time {
	width: 100%;
}

.parish-event-time dt {
	font-weight: bold;
	border-top: 1px solid #999;
	margin: 0;
	padding: .5em;
	width: 35%;
	float: left;
	clear: both;
}

.parish-event-time dd {
	float: left;
	margin: 0;
	padding: .5em;
	border-top: 1px solid #999;
	width: 54%;
}

.directory-update-info {
	border-top: 1px solid #999;
	clear: both;
	margin-top: 2em;
}

/**
 * Parish/School Node Maps
 */

.node-type-dir-school .view-display-id-node_content_1,
.node-type-parish .view-display-id-node_content_1,
.node-type-dir-organization .view-display-id-node_content_1 {
	width: 500px;
	padding: 5px;
	margin: 1em auto;
	border: 1px solid #999;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* behavior: url(/sites/default/themes/archstl/css/PIE.htc); */
}

/**
 *
 */
.organization {
	margin-bottom: 1em;
}

.sub-organization {
	margin-left: 2em;
	padding-left: 1em;
	border-left: 2px solid #ddd;
}

/**
 * Prayer Request Pages
 */

img.yellow-highlight {
	margin: 5px 5px 10px 10px;
	padding: 10px;
	background-color: #eee8aa;
}

.view-prayer-requests .view-header {
	margin-bottom: 2.25em;
}

.view-prayer-requests .views-row {
	margin-bottom: 2.25em;
}

.view-prayer-requests .views-field-field-prayer-request-value label {
	font-family: "Open Sans Condensed";
	font-size: 21px;
}

.view-prayer-requests .views-field-field-prayer-request-value {
	margin-bottom: 1em;
}

.view-prayer-requests .views-field-field-prayer-request-value .field-content {
	padding-left: 1em;
}

.page-prayer-requests-moderate .view-prayer-requests .views-field-field-prayer-request-value,
.page-prayer-requests-moderate .view-prayer-requests .views-field-field-prayer-request-value textarea {
	max-width: 420px !important;
}

.view-prayer-requests span.views-field-title,
.view-prayer-requests span.separator,
.view-prayer-requests span.views-field-created {
	color: #999;
	border-top: 1px solid #999;
}

span.request-a-prayer a { /* Request a Prayer button */
	display: block;
	text-indent: -9999px;
	margin-top: 30px;
	margin-left: 45px;
	width: 236px;
	height: 72px;
	background: transparent url(/files/request-a-prayer-button.png) top left no-repeat;
}

/* Moderation Page */
.page-prayer-requests-moderate .view-header {
	margin-bottom: 1em;
}

.page-prayer-requests-moderate #content-inner,
.page-prayer-requests-moderate #content-area,
.page-prayer-requests-moderate .view-content {
	overflow: visible;
}

.page-prayer-requests-moderate table,
.page-prayer-requests-moderate-private table {
	font-size: .9em;
	line-height: 1.3em;
}

.page-prayer-requests-moderate .editablefields,
.page-prayer-requests-moderate {
	word-wrap: break-word;
	width: 100%;
}

#editablefields-form .description {
	display: none;
}

td.views-field-field-prayer-request-value,
td.views-field-field-prayer-request-value .editablefields { /* Set width for prayer requests */
	width: 425px;
}

td.views-field-field-prayer-request-value .editablefields { /* Set width for prayer requests */
	overflow: hidden;
}

/* Request a Prayer Form */
div#edit-field-prayer-request-private-value-wrapper {
	padding: 1em 1.5em;
	background: #DDD;
	width: 60%;
}

/**
 * Bulletin Item Pages
 */

.view-bulletin-items .view-header {
	margin-bottom: 2em;
}

.view-bulletin-items h2.title {
	border-bottom: 1px dashed #999;
	margin-top: 1.5em;
}

.view-bulletin-items .views-row {
	margin-bottom: 2em;
	padding: 1em;
}

.view-bulletin-items .views-row-odd { /* Add zebra striping */
	background-color: #eee;
}

.view-bulletin-items span.views-field-title {
	font-weight: bold;
}

.view-bulletin-items span.views-field-title,
.view-bulletin-items span.separator,
.view-bulletin-items span.views-field-created {
	color: #999;
	font-size: 1.15em;
}

.view-bulletin-items .views-field-field-bulletin-announcement-value {
	margin: .25em 0 0 1em;
}

/* Moderation Page */
.page-commoffice-bulletin-moderate td.views-field-title {
	width: 90px;
	font-size: .9em;
	line-height: 1.35em;
}

.page-commoffice-bulletin-moderate td.views-field-field-bulletin-announcement-value {
	font-size: .9em;
	line-height: 1.45em;
}

/**
 * Image Gallery nodes
 *
 * (Definitions in tandem with content-field-field_gallery_images.tpl.php)
 */

.node-type-image-gallery .image-gallery-image {
	overflow: auto;
}

.node-type-image-gallery .image-gallery-image .field-item { /* Float images to create a flowing gallery */
	width: 210px;
	text-align: center;
	float: left;
	margin-right: 20px;
	margin-bottom: 1em;
}

.node-type-image-gallery .image-gallery-image .third { /* Make a new line for every third image */
	clear: both;
}

.node-type-image-gallery .image-gallery-image .field-item img {
	border: 5px solid #ddd;
	padding: 0;
}

/* Gallery node teasers */
.gallery-thumbs {
	margin-top: 1em;
}

.node-type-image-gallery .field-items {
	margin-top: 1em;
}

.gallery-thumbs span.gallery-thumb {
	display: block;
	float: left;
	width: 150px;
	margin-right: 15px;
	margin: 0 10px 1em;
	overflow: auto;
	text-align: center;
}

span.gallery-thumb img {
	padding: 4px;
	background-color: #ddd;
}

span.gallery-thumb a,
.image-gallery-image .field-item a {
	font-size: .85em;
	line-height: 1.2em;
	color: #666;
}

span.gallery-thumb a:hover,
.image-gallery-image .field-item a:hover {
	color: #888;
}

.view-entire-gallery {
	clear: both;
}

/**
 * Online Giving
 */

/* Recipient nodes */
.node-type-donation-recipient .field-field-recipient-funds-reference {
	display: block;
	margin: 1em 0 0;
	width: 45%;
	margin: 0;
	padding: 1em 1.25em;
	border: 1px solid #999;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* behavior: url(/sites/default/themes/archstl/css/PIE.htc); */
}

.node-type-donation-recipient .field-field-recipient-location,
.node-type-donation-recipient .field-field-recipient-phone {
	width: 45%;
	float: right;
	clear: right;
	margin-bottom: .5em;
}

/* General Giving page */
.view-online-giving h2 {
	margin: 2em 0 0;
	border-bottom: 1px solid #999;
}

.view-online-giving h3 {
	margin: 1em 0 .25em;
}

.view-online-giving ul {
	margin: .5em 0 1.5em;
}

.view-online-giving .fund-name a {
	color: #777;
}

.view-online-giving .views-row {
	line-height: 1.1em;
}

.view-online-giving .fund-name a:hover {
	color: #333;
}

/* Donation nodes (Ubercart) */
.node-type-donation .add-to-cart { /* The 'Add to cart' form */
	background-color: #FCFCFC;
	border: 1px solid #999;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* behavior: url(/sites/default/themes/archstl/css/PIE.htc); */
	margin-top: 1em;
	padding: 1.5em;
	text-align: center;
}

.node-type-donation .add-to-cart .description p {
	line-height: 1.2em;
	margin-top: 0;
}

.node-type-donation #edit-varprice-wrapper {
	margin-top: 0;
}

.node-type-donation div.model { /* Item SKU */
	display: none;
}


/**
 * Calendar of Events (and Event nodes)
 */

/** Calendar of Events **/
body .calendar-calendar .inner {
	height: 7em;
	min-height: 7em;
}

.calendar-calendar .inner .view-item div.node-title,
.calendar-calendar .inner .view-item div.node-title a {
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: bold;
	padding-left: 0;
}

div.calendar .view-data-node-vid {
	line-height: 1.3em;
	font-size: .82em;
	color: #333;
}

.calendar-calendar .node-data-field-event-date-field-event-date-value,
.calendar-calendar .node-data-field-event-date-field-event-date-value .date-display-single {
	line-height: 1.4em;
	font-weight: normal;
	color: #777;
}

.calendar-calendar td .inner div.calendar {
	border:1px solid #999;
	background-color: #FFFFCC;
	padding: 5px;
	width: 85%;
}

div.calendar div.stripe {
	margin: -5px -5px 2px -5px;
}

/** Event nodes **/
.field-field-event-date,
#edit-field-event-main-calendar-value-wrapper {
	color: #434A4F;
	border: 1px solid #ECECEC;
	padding: 0.5em 8px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
}

#edit-taxonomy-29-wrapper,
#edit-taxonomy-tags-30-wrapper { /* Event categories and tags */
	float: left;
	margin-right: 1.5em;
}

.page-node-add-event .node-form .date-clear-block {
	float: left;
	clear: none;
	margin-right: 55px;
}

#cke_edit-field-body-0-value {
	padding-right: 10px;
}

.calendar-link a {
	margin-top: 1.5em;
	display: block;
	color: #777;
	border-top: 1px solid #999;
}

/** Job Listing nodes **/
.node-type-job-listing .field {
	margin-bottom: 1em;
}

/** Quick Links page **/
.quick-links ul ul {
	margin-bottom: .5em;
}

.quick-links ul li {
	margin: 0;
	padding: 0;
}

/** Press Releases **/
.view-press-releases td.views-field-created {
	width: 140px;
}

/** Press Release Nodes **/
.release-crest img {
	float: right;
	margin: -10px 10px 20px 20px;
}

.node-type-press-release .field-field-date,
.field-field-immediate-release {
	font-weight: bold;
	float: left;
	clear: left;
	width: 225px;
}

.field-field-press-release-contact {
	margin: 20px 0 10px 270px;
	width: 220px;
}

/** Organic Groups Pages **/
.node-type-group .view-empty {
	display: none;
}

/* Hide the Stewardship latest news - Sue Erschen requested this */
.page-stewardship .view-og-ghp-ron {
	display: none !important;
}

/** Catholic Glossary **/
dl.glossary dt {
	clear: both;
	font-weight: bold;
	width: 18%;
	padding-right: 2%;
	float: left;
	margin-bottom: 1em;
	text-align: right;
}

dl.glossary dd {
	float: left;
	width: 75%;
	margin-bottom: 1em;
}

/** Archives - Peter Kenrick Letters **/
body.tid-1237 {
	background: #fff url('../images/background-paper-repeat.jpg') repeat left top;
}

.tid-1237 .breadcrumb,
.tid-1237 .node .terms {
	display: none;
}

.tid-1237 #sidebar-first .block {
	-webkit-box-shadow: none;
}

.tid-1237 #content-inner {
	font-family: Georgia, Times, serif;
	color: #fff;
}

.tid-1237 h1.title {
	font-weight: normal;
	font-size: 2.8em;
}

/** Rigali Center - Room Details **/
.crc-room-details,
.crc-room-details td {
	border: 1px solid #bbb;
}

.crc-room-details td.label {
	background-color: #777;
	color: #fff;
	font-weight: bold;
	text-align: right;
}

/** 404 Page **/
.page-404-not-found #content-header {
	display: none;
}

#header,
#content,
#footer,
#navbar,
#sidebar-first,
#sidebar-second,
#closure-blocks {
	overflow: visible;
	word-wrap: break-word; /* A very nice CSS3 property */
}