/**************************************
* Section Headers
**************************************/

.home h1 { background: url(../images/heading-west-texas-food-bank.gif) no-repeat top left; width: 100%; }
.about h1 { background: url(../images/heading-about.gif) no-repeat top left; }
.programs h1 { background: url(../images/heading-programs.gif) no-repeat top left; }
.how_to_help h1 { background: url(../images/heading-how-to-help.gif) no-repeat top left; }
.donations h1 { background: url(../images/heading-donations.gif) no-repeat top left; }
.events h1 { background: url(../images/heading-events.gif) no-repeat top left; }
.photos h1 { background: url(../images/heading-photos.gif) no-repeat top left; }
.media h1 { background: url(../images/heading-media.gif) no-repeat top left; }
.jobs h1 { background: url(../images/heading-jobs.gif) no-repeat top left; }
.contact h1 { background: url(../images/heading-contact.gif) no-repeat top left; }
.agencies h1 { background: url(../images/heading-agencies.gif) no-repeat top left; }

/**************************************
* Pull-Out
**************************************/

.pull-out {
	border-bottom: 1px solid #848c9d;
	display: inline;
	float: right;
	margin: 0 0 20px 20px;
	padding-bottom: 20px;
	width: 156px;
}

.pull-out * {
	font-size: 11px;
}

.pull-out li {
	background: url(../images/bullet.gif) no-repeat top left;
}

/**************************************
* Pull-Out - More Info
**************************************/

.pull-out h2.more-info {
	background: url(../images/heading-more-info.gif) no-repeat top left;
	height: 69px;
	margin-bottom: 14px;
	overflow: hidden;
	text-indent: -5000px;
	width: 100%;
}

/**************************************
* Thumbnails and Images
**************************************/

.thumb img,
.image img,
.bio-thumb img {
	border: 1px solid #aeb6c7;
	padding: 2px;
}

.image {
	float: right;
	margin: 4px 0 4px 12px;
}

.thumb a:hover img,
.bio-thumb a:hover img {
	border: 1px solid #ffffff;
}

.bio-thumb {
	margin-bottom: 6px;
}

/**************************************
* Galleries
**************************************/

.gallery .category {
	clear: left;
	width: 100%;
}

.gallery .item {
	float: left;
	margin: 0 30px 22px 0;
	text-align: center;
	width: 144px;
}

.gallery .end-row {
	margin-right: 0;
}

/**************************************
* Collections
**************************************/

.collection .item {
	clear: both;
}

.collection .item h2 a {
	color: #dddddd;
}

.collection .item .thumb {
	float: right;
	margin: 4px 0px 4px 12px;
}

.collection .item .more {
	color: #abbed0;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	clear: both;
}


/**************************************
* Forms
**************************************/

#content form {
	width: 100%;
}

#content form .field {
	float: left;
	padding: 5px 0;
	width: 100%;
}

#content form .field label {
	float: left;
	font-size: 11px;
	height: 24px;
	line-height: 24px;
	padding-right: 16px;
	text-align: right;
	width: 124px;
}

#content form .required label {
	font-weight: bold;
}

#content form .field input {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #baccdb;
	font-size: 12px;
	padding: 5px;
	width: 297px;
}

#content form .field .fieldWithErrors input {
	border: 2px solid #e6bbbb;
}

#content form .field textarea {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #baccdb;
	font-size: 12px;
	height: 125px;
	padding: 5px;
	width: 297px;
}

#content form .field .fieldWithErrors textarea {
	border: 2px solid #e6bbbb;
}

#content form .submit {
	float: left;
	padding: 15px 0 15px 120px;
	text-align: center;
	width: 335px;
}

#content form .submit button {
	background: none;
	border: none;
}

/**************************************
* Error Messages
**************************************/

.errorExplanation {
	border-bottom: 1px solid #e6bbbb;
	margin-bottom: 16px;
	padding-bottom: 12px;
}

.errorExplanation h2 {
	display: none;
}

.errorExplanation p {
	color: #e6bbbb;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.errorExplanation ul {
	list-style: none;
	width: 100%;
}

#content .errorExplanation li {
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

/**************************************
* Contact Form Vcard
**************************************/

#content .vcard {
	text-align: center;
	margin-bottom: 16px;
}

#content .vcard p {
	margin-bottom: 0;
}

#content .vcard .org {
	font-size: 14px;
	font-weight: bold;
}

#content .vcard .street-address {
	display: block;
}

#content .vcard .post-office-box {
	display: block;
}

#content .vcard .tel .type {
	font-weight: bold;
}

#content .vcard .fax .type {
	font-weight: bold;
}

#content .vcard .map {
	text-transform: lowercase;
}

#content .vcard .hours {
	font-size: 11px;
}

/**************************************
* Event Metadata
**************************************/

.meta { display: inline; float: left; margin-bottom: 12px; width: 100%; }

.meta dl { display: inline; float: left; width: 33.3%; }

.meta dt { height: 17px; margin-bottom: 12px; overflow: hidden; text-indent: -5000px; width: 100%; }

	.meta .date { background: url(../images/txt-date.gif) no-repeat center; }
	
	.meta .time { background: url(../images/txt-time.gif) no-repeat center; }
	
	.meta .location { background: url(../images/txt-location.gif) no-repeat center; }

.meta dd { color: #ffffff; font-size: 12px; font-weight: bold; text-align: center;  }

/**************************************
* Random Styles
**************************************/

.sub {
	color: #abbed0;
	display: block;
	font-size: 11px;
	font-weight: bold;
}

.meta {
	color: #abbed0;
	display: block;
	font-size: 11px;
	font-weight: normal;
}

#events-qscroller {
	height: 75px;
}

#events-qscroller-hide {
	position: absolute;
	top: 0;
	visibility: hidden;
}