/* --- Global & Layout Specific --- */
/*---------------------------------------------*/

html {
	font-size: 62.5%;
	overflow-y: scroll;
	width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	color: #622c15;
	font-family: "adobe-garamond-pro", "Adobe Garamond Pro", sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: normal;
	margin: 5px 0 10px;
}

a:link, a:visited {
	color: #4f2800;
	font-size: 100%;
	text-decoration: none;
}

a:hover {
	color: #666;
	text-decoration: underline;
}

p a:link, p a:visited { text-decoration: underline; }

p a:hover {
	color: #666;
	text-decoration: underline;
}

body {
	color: #4f4128;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	/* letter-spacing: 0.5px; */
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}

#bg-container, #outer-container {
	position: relative;
	width: 100%;
}

#bg-container {
	background: url(../images/bg-body-top.jpg) no-repeat left top, url(../images/bg-body-mid.jpg) repeat-y left top;
	-moz-background-size: contain;
	background-size: contain;
	height:100%;
}

/* --- Announcement Area --- */
/*------------------------------------*/

.important-message {
	background: url(../images/bg-emergency.png) repeat;
	padding: 0 0 15px 0;
	text-shadow:1px 1px 0 rgba(255,255,255,0.35);
}

.contact-info.fourcol { width: auto; }

.contact-info-wrap {
	background: url(../images/overlay-bg-wht-10.png) repeat;
	border: 1px solid #888;
	margin-left: 4px;
	padding: 15px 25px;
	width: 238px;
}

.contact-info-wrap p, .contact-info-wrap p a {
	background: none;
	font-size: 10px;
	letter-spacing: 0;
	padding: 0;
}

.contact-info-wrap p { text-transform: uppercase; }

.contact-info-wrap p a, .contact-info-wrap p span {
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
	text-transform: none;
}

.message { padding: 15px 0 0; }

.message .title {
	font: 20px nevisBold;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.message p {
	font-size: 14px;
	line-height: 23px;
	margin: 0 0 15px;
	color: #222;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
}

.close-panel-btn {
	position: absolute;
	height: 18px;
	top: 15px;
	right: 0;
}

.close-panel-btn a {
	background: url(../images/btn-close-panel.png) no-repeat right center;
	color: #333;
	cursor: pointer;
	display: block;
	font: bold 10px/18px Verdana, sans-serif;
	height: 18px;
	padding-right: 25px;
	text-transform: uppercase;
}

.fb-share-button, .twitter-share-button {
	float: left;
	margin: 0 0 0 10px;
}

.fb-share-button { margin: 0; }

/*  --- Header --- */
/*------------------------------------*/

#page-header {
	background: url(../images/overlay-bg-blk-25.png) repeat-x left top;
	padding: 0 20px;
	z-index: 100;
}

/* --- Top Nav --- */

.top-nav {
	height: 30px;
	padding: 0;
}

/* --- Header Content --- */

.header-content.fourcol {
	float: right;
	width: auto;
	z-index: 1;
}

.header-content > div {
	float: right;
	text-align: right;
}

.realtime-search-list {
	background: white;
	float: none !important;
	padding-top: 3px;
	position: absolute;
	display: block;
	top: 30px;
	right:0;
	box-shadow: 0 2px 10px #666;
}

.staff-person-search .realtime-search-list {
	top: 87px;
	right: 220px;
}

.realtime-search-list div {
	float: none;
	font-size: 10px;
	margin-bottom: 5px;
	padding: 5px;
	text-align: left;
	width: 225px;
}

.realtime-search-list div:hover {
	cursor: pointer;
	text-decoration: underline;
}

/* --- User  --- */

#user {
	display: inline-block;
	margin: 0;
	width: auto;
}

#user, #user a, a.create-account-link {
	color: white;
	font: 12px Helvetica, Arial, sans-serif;
	text-shadow: 0 0 5px black;
}

#user a { 
	line-height:30px;
	margin: 0 4px; 
}

.signinLink:after, .signoutLink:before, .manage-account:before {
	content: url(../images/login-divider.png);
	display: inline-block;
	vertical-align: middle;
	margin: 3px 0 0;
}

.signinLink:after {padding: 0 0 0 6px;}

.manage-account:before, .signoutLink:before {padding: 0 6px 0 0;}

.manage-account:before {margin: 3px 0 0 3px;}

#user a:hover {
	cursor: pointer;
	text-decoration: underline;
}

/* --- Soc Net --- */

#soc-media-links {
	margin: 0 10px 0 0;
	padding: 5px 0 0;
}

#soc-media-links a {
	transition: opacity .25s ease-in-out;
	display: inline-block;
	margin-left: 10px;
}

#soc-media-links a:hover {
	border: none;
	opacity: 0.75;
	text-decoration: none;
}

/* --- Header Search  --- */

#header-search {
	float: right;
	height: 29px;
	width: 172px;
}

.searchBox {
	display: inline-block;
	width: 100%;
}

#sidebar .searchBox { margin-left: 20%; }

#sidebar .default .searchBox { margin-left: 0; }

#header-search input, .search input {
	float: left;
	font-size: 11px;
	line-height: none;
	outline: none !important;
	padding: 0 10px !important;
}

#header-search input[type="text"], .search input[type="text"] {
	color: #5d3e20;
	background: #FFF;
	border: none;
	float: left;
	height: 29px;
	width: 145px;
}

#sidebar .search input[type="text"] { width: 175px; }

#sidebar .default .search input[type="text"] { width: 200px; }

.default .search .searchBox { margin-bottom: 10px; }

.default .search a {
	font-size: 14px;
	text-decoration: underline;
}

#header-search input[type="submit"], #main-content .search input[type="submit"], #main-content .search input[type="submit"]:hover {
	background: url(../images/icon-search-submit.png) no-repeat center;
	border: none;
	font-size: 0;
	outline: none;
	margin: 0;
	height: 29px;
	width: 27px;
	border-radius: 0;
	box-shadow: none;
}

/* --- Logo  --- */

.logo.row {
	height: 89px;
	z-index: 0;
}

.logo h1 {
	display: block;
	height: 89px;
	margin: -30px auto 0;
	text-align: center;
	width: 275px;
}

.logo h1 a {
	display: inline-block;
	height: 89px;
	width: 275px;
}

/* -- Content Item  -- */
/*------------------------------------*/

.content-item figure, .avatar {
	float: left;
	margin: 0 4% 5px 0;
}

figure img, .avatar {
	transition: background 0.3s ease-in-out;
}

figure span {
	width:100%;
}

figure img {
	background: url(../images/bg-img-pattern.png) repeat;
	padding: 10px;
	width:100%;
}

.default figure img {}

.three-column aside figure {
	margin: 0 0 10px;
	width: 100%;
}

figure a img:hover { background: #725639; }

.content-item header {
	border-bottom: 1px solid #622c15;
	margin-bottom: 20px;
	/* padding: 0 0 10px; */
	width: 100%;
	box-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

/*#content .content-item header {	margin-top:15px;}*/

#content .content-item:nth-child(2) header { margin-top: 0; }

.single-column .content-item { padding: 2% 5% 0; }

header h2, .content-item h2, .BlogCommentsTitle, .BlogLeaveComment {
	color: #7d3520;
	color: #622c15;
	display: block;
	/*font: 28px/28px "adobe-garamond-pro", "Adobe Garamond Pro", sans-serif;
	font: 2.8rem/2.8rem "adobe-garamond-pro", "Adobe Garamond Pro", sans-serif;*/
	margin: 0;
	width: 100%;
	padding-top: 15px;
}

.content-item header h3 {
	font-size: 17px;
	font-size: 1.7rem;
}

.BlogCommentsTitle { margin-bottom: 25px; }

.BlogLeaveComment {
	background: none;
	font-size: 20px;
}

.title, .title a, .PollTitle, .GroupMediaLibraryDescription {
	color: #622c15;
	font-family: "adobe-garamond-pro", "Adobe Garamond Pro", sans-serif;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: 1px;
	margin: 0;
	text-decoration: none;
}

.subtitle, .post-info, .post-info span, .post-info span a, .post-feed .date {
	color: #6f5216;
	font: 18px/22px "adobe-garamond-pro", "Adobe Garamond Pro", sans-serif;
	margin: 0 0 5px;
	padding-bottom: 0;
}

.post-info span {
	border: none;
	margin: 0;
	padding-bottom: 0;
}

.post-info span.author {margin-right:0;}

.read-more, .post-links, .share, .event-link, .readon {
	padding: 0;
	margin: 5px auto;
	width: auto;
}

.read-more {display: inline-block;}

/*.read-more:before, .post-links:before, .share:before, .event-link:before, .readon:before {
	clear:none;
	content:url(../images/btn-img-lft.png);
	float:left;
}

.read-more:after, .post-links:after, .share:after, .event-link:after, .readon:after {
	clear:none;
	content:url(../images/btn-img-rt.png);
	float:left;
}

.details .post-links:before, .details .post-links:after {
	content:"" !important;
}
*/


.read-more a, .post-links a, .post-links span, .share a, .event-link a, .readon a, a.share-btn, .btns button, .btns a, .donate-now-btn input[type="submit"], .btn, .default .btn, input[type="submit"].btn, #main-content input[type="submit"].FormButton {
	background: url(../images/bg-nav-hov.png) repeat-x;
	border: none;
	color: white !important;
	display: inline-block;
	float: none;
	font: 10px/14px 'nevisBold';
	letter-spacing: 1px;
	margin: 0 auto;
	outline: 0;
	padding: 8px 18px;
	text-align: center;
	text-decoration: none;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.35);
	text-transform: uppercase;
	border-radius: 5px;
	box-shadow: none;
}

.post-links a, .btns a {
	float: left;
	margin: 0 7px 0 0;
}

.btns a.praying {
	background:#635131;
	width: auto;
}

.link-list .title { margin-bottom: 10px; }

.link-list .btns a { margin-right: 10px; }

#sidebar .btns {
	margin: a auto;
	text-align: center;
}

#sidebar .btns a, #sidebar .btns span { float: none; width: 100%; }

.read-more:hover, .post-links a:hover, .post-links span:hover, .share-btn:hover, .share a:hover, .sharing .share-button a:hover, .event-link a:hover, .detail .share-btn:hover, .btns button:hover, .btns a:hover, .btns span:hover, .donate-now-btn input[type="submit"]:hover, #main-content .donation-opt input[type="submit"].btn:hover, #main-content input[type="submit"].FormButton:hover {
	opacity: 0.8;
	background: url(../images/bg-nav-hov.png) repeat-x;
	filter: alpha(opacity=80);
	text-decoration: none;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.35);
	border-radius: 5px;
}

.three-column #content footer .read-more { float: right; }

.btns a i, .post-links a i {
	margin: 0 1px 0 0;
	vertical-align: top;
}

/*  --- Main Content  --- */
/*---------------------------------------*/

#main-content {
	min-height: 400px;
	padding: 0;
}

/* --- Page Content  --- */

#page-content { 
	margin: 0 auto;
	padding: 0 0.938em;
}

#page-content .content-wrap {
	min-height: 500px;
	padding: 0 0 1.25em;
}

/* --- Layout  --- */

#content, #sidebar, .sidebar {
	padding: 25px 0;
	position: relative;
	z-index: 1;
}

#content.eightcol {
	padding-left: 0;
	width: 70%;
}

#sidebar.fourcol { width: 25%; }

#content.sevencol {
	padding-left: 0;
	width: 65%;
}

#sidebar.fivecol { width: 30%; }

/* --- Sidebar  --- */
/*---------------------------------------*/

aside .content-item > div { }

aside header {
	margin-bottom: 15px;
	text-align: center;
}

.side-nav .subtitle { }

.side-nav .subtitle span {
	font: bold 12px arial;
	text-transform: uppercase;
}

aside header h2 {
	font-size: 24px;
	line-height: 25px;
	margin: 0;
	padding: 0;
	text-align: center;
}

aside .content-post figure { width: 35%; }

aside .title, aside .title a {
	font-size: 20px;
	line-height: 24px;
}

aside .read-more, aside .event-link, aside .readon {
	display: table;
	text-align: center;
	width: 100%;
}

aside .read-more a, aside .event-link a, aside .readon a {
	display: inline-block;
	float: none;
	margin: 0 auto;
}

.page-item .read-more a, .teaser .read-more a, aside .post-links a {
	font-size: 9px;
	padding: 5px 10px;
}

/* --- Default  --- */


.default figure, .event-details figure, .detail figure, .page-item .newsletter figure { width: 33%; }

figcaption {
	background: url(../images/overlay-bg-blk-40.png) repeat;
	font: normal 12px/15px Helvetica, Arial, sans-serif;
	bottom: 0;
	left: 0;
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 5px 10px;
	position: relative;
	text-shadow: 0 1px rgba(0,0,0,0.35);
	width: 100%;
	transition: opacity 0.3s ease-in-out;
	background: rgba(0,0,0,0.3);
	letter-spacing: 1px;
}

.staff-widget figcaption {letter-spacing: 0;}


figcaption a, figcaption a:link {
	color: white;
	display: inline !important;
	/* text-decoration: underline; */
}

figcaption span {
	font-size:10px;
	text-align: right;
}

.default .content-text { /*float:left;
	width:60%;*/ }

.content-item.default .title, .content-item.default .title a {
	font-size: 36px;
	line-height: 36px;
	font-size: 3.6rem;
	line-height: 3.6rem;
}

.three-column .content-item.default .title, .three-column .content-item.default .title a {
	font-size: 24px;
	line-height: 26px;
	font-size: 2.4rem;
	line-height: 2.6rem;
}

ul, ol {text-align: left;}

.default li, .option li {
	line-height: 18px;
	margin-bottom: 5px;
}

.default ul li, .option ul li {list-style-type: disc;}

.default ol li, .option ol li {list-style-type: decimal;}

.description ul, .description ol {
    display:inline-block; 
    padding:0 0 0 30px; 
    width:100%;
}

/*.ie .description ul, .ie .description ol {width:72%;}*/

.default li a, .option li a {
	/*background: url(../images/bg-sub-nav.png) no-repeat left;
	font: 18px "adobe-garamond-pro", "Adobe Garamond Pro", sans-serif;
	padding-left: 15px;*/
	text-decoration: underline;
}

.newsletter .title { margin-bottom: 10px; }

.newsletter figure { width: 23%; }

.newsletter figure img { }

aside .cover-img figure {
	float: none;
	margin: 0 auto;
	width: 60%;
}

/* --- Link --- */

.link a {
	display: inline-block;
	font-size: 10px;
	width: 100%;
}

.link a img { }

.link span, .link.soc-net a {
	float: left;
	font-size: 12px;
	line-height: 21px;
	margin-right: 10px;
	vertical-align: middle;
	width: auto;
}

.link.soc-net a img { width: auto; }

.link.btns a {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	width: auto;
}

a i, .link i { margin-right: 5px; }

/* --- Page Item --- */

.page-item figure, .teaser figure { width: 20%; }

.content-row .page-item figure {
	float: none;
	margin-bottom: 15px;
	width: 100%;
}

.page-item .title, .page-item .title a {
	font-size: 20px;
	letter-spacing: 0;
}

.content-row .page-item .title, .content-row .page-item .title a {
	font-size: 18px;
	letter-spacing: 0;
}

.content-row .page-item .subtitle { margin: 0; }

/* ---Teaser --- */

.teaser .content-post:last-child { margin: 0 !important; }

.teaser figure span {
	margin: 0;
	width: 100%;
}

.page-item .content-text, .teaser .content-text {
	float: left;
	position: relative;
	width: 75%;
}

/*.teaser .description p {
	max-height:75px;
	overflow:hidden;
}*/

.page-item .text-only .content-text, .teaser .text-only .content-text {
	display: block;
	float: none;
	width: 100%;
}

.teaser .title, .teaser .title a {
	font-size: 22px;
	line-height: 24px;
}

.teaser .post-info {
	margin: 0 0 5px;
	width: 100%;
}

.teaser .post-info, .teaser .post-info span {
	font-size: 15px;
	line-height: 18px;
}

.teaser .post-info .author { }

/* --- Rotate Image Float --- */

.page-item.rotate-image-float .content-post { margin-bottom: 35px; }

.page-item.rotate-image-float figure { width: 40%; }

.page-item.rotate-image-float .content-text { width: 55%; }

.page-item.rotate-image-float .content-post:nth-child(2n) figure {
	float: right;
	margin: 0 0 0 2%;
}

.page-item.rotate-image-float .content-post:nth-child(2n) .content-text { width: 55%; }

/* --- Content Row  --- */
/*------------------------------------*/

.content-row .row { margin-bottom: 25px; }

.content-row ul { padding-left: 25px; }

.content-row li {
	font-size: 12px;
	line-height: 24px;
}

/* --- 2 Across --- */

.two-across .content-post {
	float: left;
	margin: 0 7.5% 3.5em 0;
	width: 41.5%;
}

/* --- 3 Across --- */

.three-across .content-post {
	float: left;
	margin-right: 4.9%;
	margin-bottom: 35px;
	height: auto;
	width: 30%;
}

.three-across .content-post:nth-child(3), .three-across .content-post:nth-child(6), .three-across .content-post:nth-child(9), .content-post:last-child, .content-row .content-item:last-child { margin-right: 0;}

.three-across .content-post:nth-child(4), .three-across .content-post:nth-child(7) {clear:left;}

/* --- 6 Across --- */

.six-across .content-post {
	float: left;
	margin: 0;
	padding: 0 10px;
	width: 50%;
}

.six-across figure {
	float: none;
	margin: 0 auto 10px;
}

.six-across .title, .six-across .title a {
	font-size: 16px;
	line-height: 18px;
	text-align: center;
}

.six-across .description p {
	font-size: 11px;
	line-height: 16px;
	margin: 5px auto 0;
	padding: 0 5px;
}

/* --- Newsletter List --- */

.newsletter-list figure { }

.newsletter-list figure span { }

.newsletter-list .content-text {margin-top: 10px;}



/* --- Article/Blog Details  --- */
/*------------------------------------*/

.content-img figure { width: 100%; }

.content-img figure img { padding: 15px; }

.detail .content-post { margin-bottom: 10px; }

.detail .content-post div { }

.detail .content-post .post-info { }

.detail .share-btn { float: right; }

/*.detail figure {width:30%;}*/

.detail .CntRatingContent {
	display: inline-block;
	margin-bottom: 5px;
}

/*.content-item.video-player {
	position:relative;
	height:0;
	padding-bottom: 56.25% !important;
	width:100%;
}


.video-player iframe {
	background: url(../images/bg-img-pattern.png) repeat;
	display: inline-block;
	position:absolute;
	margin: 0;
	padding: 15px;
	height:100%;
	width:100%;
	top:0;
	left:0;
}
*/
/* -- Blog Media Icons  -- */

.blog-media { }

.blog-media-icons {
	display: inline-block;
	margin-bottom: 5px;
}

.blog-media-icons a {
	background: url(../images/blog-media-icons.png) no-repeat 0 0;
	float: left;
	font: 14px/26px Helvetica, Arial, sans-serif;
	height: 26px;
	margin-right: 20px;
	padding-left: 40px;
}

.blog-media-icons a.photo { background-position: 0 0; }

.blog-media-icons a.video { background-position: 0 -28px; }

.blog-media-icons a.audio { background-position: 0 -53px; }

.blog-media-icons a.document { background-position: 0 -79px; }

.blog-media-icons a:hover { opacity: 0.75; }

/* --- Comments  --- */

.CommentForm div {
	float: left;
	margin-bottom: 15px;
}

.CommentForm label {
	float: left;
	margin: 0 10px 0 0;
	width: 100px;
}

.CommentForm input[type="text"] { width: 200px; }

.CommentForm textarea {
	height: 150px;
	width: 300px;
}

/*  --- Footer --- */
/*------------------------------------*/

#page-footer {
	background: url(../images/bg-footer.png) repeat;
	color: #5a2c16;
	padding: 35px 0 45px;
	text-shadow: 0 0 2px white;
}

#footer-wrap { padding: 0; }

#page-footer a { color: #5a2c16; }

#page-footer a:hover { text-decoration: underline; }

#footer-logo.threecol {
	display: inline-block;
	margin: 20px 2%;
	text-align: center;
	width: 29%;
}

#footer-logo div {
	display: block;
	margin-bottom: 20px;
}

#footer-logo .img {
	margin: 0 auto 10px;
	width: 95%;
}

#footer-logo .img a {
	display: block;
	margin: 0 auto;
	width: 100%;
}

#footer-logo .tag-line a {
	font: italic 1.5rem "Times New Roman", Times, serif;
	letter-spacing: 0;
	margin-bottom: 15px;
	text-transform: none;
}

#footer-logo .tag-line a span {
	font-size: 10px;
	vertical-align: text-top;
}

#page-footer nav li, #page-footer a, #footer-contact address { font-size: 12px; }

#page-footer h5 {
	color: #5A2C16;
	font-size: 20px;
	margin-bottom: 5px;
}

#page-footer nav {
    margin: 25px 2% 15px;
    width: 20%;
}

#footer-wrap nav:nth-child(2) {
    margin: 25px 2% 15px;
    width: 12%;
}

#page-footer nav.last {
    margin-left: 1%;
    width: 26%;
}

#page-footer nav ul {
	margin: 0;
	padding: 0;
}

#page-footer nav li { line-height: 24px; }

#page-footer address { font-style: normal; }

#page-footer address a { margin-right: 10px; }

#page-footer address a:last-child { margin-right: 0; }

#footer-logo address, #footer-logo address a {
	font-size: 12px;
	line-height: 20px;
}

#page-footer nav a:hover { text-decoration: underline; }

#footer-contact.threecol {
	margin: 25px 2% 0 !important;
	width: auto;
}

#footer-contact nav {
	margin: 0 !important;
	width: 100%;
}

#footer-contact nav ul:nth-child(2) { margin-top: 25px; }

#footer-contact nav li { line-height: 16px; }

#ECFA-logo {
	display: inline-block;
	margin: 10px 0 0;
	width: 100%;
}

#ECFA-logo a {
	float: left;
	text-decoration: none;
	width: 75px !important;
}

#ECFA-logo a img { margin: 0 0 0 -10px; }

#ECFA-logo p, #ECFA-logo p a {
	float: left;
	font-size: 11px;
	line-height: 16px;
	margin-left: -5px;
	width: 70% !important;
}

#copyright {
	background: url(../images/bg-copyrights.png) repeat-x;
	color: #FFF;
	font: 10px Verdana, Geneva, sans-serif;
	margin: 0;
	text-align: center;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
}

#page-footer #copyright .row {
	min-height: 0;
	padding: 0;
}