/* ==========================================================================
   Layout
/* ========================================================================== */

@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,400italic,700italic);

a {
	color:#333;
}

a:hover {
	color:#999;
}

a.btn {
	text-decoration:none;
}

pre {
	font-family: 'Lato', sans-serif;
}

a[href^=tel] {
    color:inherit;
    text-decoration:none;
}

body {
	color:#333;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	margin:10px 0;
	padding:0;
	background:#333;
}

#wrapper {
	width:1000px;
	margin:0 auto;
	padding:10px;
	background:url(../img/wrapper-bg.png);
}


/* ==========================================================================
   Header
/* ========================================================================== */

#header {
	position:relative;
	height:200px;
	background:#036;
}

#header-block-left {
	position:relative;
	float:left;
	width:113px;
	height:200px;
	background:url(../img/ourlady.jpg) no-repeat;
}

#logo {
	float:left;
	width:486px;
	margin:30px 0 0 40px;
}

#logo img {
	width:100%;
}

#search {
	float:right;
	margin:30px 30px 0;
}


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

#top-nav-container {
	float:right;
	margin:10px 20px 0;
}

#top-nav {
	margin:0;
	padding:0;
	list-style:none;
}

#top-nav li {
	float:left;
}

#top-nav li a {
	color:#fff;
	padding:0 10px;
	font-size:70%;
	font-weight:300;
	text-decoration:none;
}

#top-nav li a:hover {
	text-decoration:underline;
}

#nav-container {
	position:absolute;
	right:0;
	bottom:0;
}

#nav {
	position:relative;
	height:40px;
	margin:0 20px 0;
	padding:0;
	list-style:none;
	z-index:999;
}

#nav li {
	position:relative;
	float:left;
	margin:0 18px;
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}

#nav li:hover {
	background:#777;
}

#nav li a {
	display:block;
	color:#fff;
	padding:0 16px 0 15px;
	line-height:40px;
	font-size:100%;
	text-decoration:none;
}

#nav li a:hover {
	color:#fff;
}

#nav li ul {
	display:none;
	position:absolute;
	left:50%;
	top:40px;
	width:260px;
	margin:0 0 0 -140px;
	padding:10px 16px 10px 0;
	color:#fff;
	background:#777;
	border-radius:6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	z-index:999;
}

#nav li ul li {
	float:none;
	position:relative;
}

#nav li ul li:hover {
	background:none;
}

#nav li ul li a {
	color:#fff;
	padding:0;
	margin:0 0 0 16px;
	font-weight:700;
	font-size:80%;
	border-bottom:1px solid #888;
}

#nav li ul li a:hover {
	color:#333;
}

#nav li ul li p {
	margin:0;
	padding:10px 16px 10px;
	font-size:70%;
}

#nav li ul li ul {
	display:none;
	left:100%;
	top:0;
	width:260px;
	margin:0;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.8);
	-moz-box-shadow:0 0 4px rgba(0,0,0,.8);
	box-shadow:0 0 4px rgba(0,0,0,.8);
}

/* Mobile nav */

#mobile-menu-header {
	display:none;
}


/* ==========================================================================
   Slides
   ========================================================================== */

#slides-container {
	width:100%;
	height:450px;
	margin-top:10px;
}

#slides {
	position:relative;
	width:100%;
	height:450px;
	overflow:hidden;
}

.slidesjs-pagination {
	position:absolute;
	right:20px;
	bottom:20px;
	margin:0;
	padding:0;
	list-style:none;
	z-index:999;
}

.slidesjs-pagination li {
	float:left;
	margin-left:5px;
}

.slidesjs-pagination li a {
	display:block;
	width:10px;
	height:0;
	padding-top:10px;
	background:url(../img/pagination.png);
	overflow:hidden;
}

.slidesjs-pagination  li a.active {
	background-position:0 -10px;
}


/* ==========================================================================
   Home
/* ========================================================================== */


/* Layout */

#content-container {
	margin-top:10px;
	font-size:100%;
	background:#fff;
}

#home {
	padding:20px;
	background:#777;
}

.three-col-container {
}

.three-col {
	float:left;
	width:32.5%;
	height:334px;
	padding:0 1.66%;
	margin-left:1%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.three-col-first {
	margin-left:0;
}

.three-col h2 {
	margin:0 0 20px 0;
	padding:0 0 10px;
	font-size:170%;
	color:#fff;
	text-align:center;
	border-bottom:1px solid rgba(255,255,255,.4);
}

/* three sections */


#quick-links,
#catholic-links {
	height:334px;
	background:#320033;
}

.quick-connect {
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	font-size:120%;
}

.quick-connect li {
	margin:0 0 0 10px;
	padding:4px 0 4px 30px;
	background:url(../img/bullet.png) left center no-repeat;
}

.quick-connect a {
	color:#fff;
	font-weight:300;
	line-height:normal;
}

.quick-connect a:hover {
	color:#ccc;
}

#calendar-home {
	height:137px;
	margin-bottom:20px;
	background:#320033;
	padding:0 15px 20px 15px;
	text-align:center;
}

#happening {
	height:137px;
	background:#003267;
	padding:0 15px 20px 15px;
	text-align:center;
}

#calendar-home h2,
#happening h2 {
	margin:0 0 10px 0;
	padding:0 0 10px;
}

/* whats new */


.wn-entry {
	padding:10px 0 0 0;
	margin:10px 0 0 0;
	border-top:1px dotted #ccc;
}

.wn-entry-first {
	border-top:0 !important;
}

.wn-date {
	font-size:80%;
	margin-bottom:5px;
}

.wn-title {
	font-size:110%;
	font-weight:700;
}

.wn-title a {
	color:#330033;
	text-decoration:none;
}

.wn-title a:hover {
	color:#333;
}

.wn-desc,
.wn-more {
	font-size:90%;
	margin-top:5px;
}



/* special events */

.event {
	position:relative;
	margin-bottom:20px;
}

.event-date {
	float:left;
	width:50px;
	margin:0 10px;
	font-weight:700;
	text-align:center;
	border:1px solid #036;
	border-radius:6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.event-day {
	padding:5px 0;
	color:#036;
}

.event-month {
	padding:5px 0;
	color:#fff;
	font-size:80%;
	background:#036;
	text-transform:uppercase;
}

.event-content {
	float:left;
	width:auto;
}

.event-title {
	font-size:110%;
	font-weight:bold;
	margin:5px 0;
}


/* ==========================================================================
   Content / Backend
/* ========================================================================== */


#main.content {
	padding:0 20px 20px 20px;
}

.alignright {
	float:right;
	margin:0 0 20px 20px;
}

h2.entry-title {
	margin:0;
}

/* Featured Image */

.featured-image {
	float:right;
	margin:0 0 20px 20px;
}

.featured-image img {
	border:1px solid #000;
}


/* Page Details More Info */

.more-info-side {
	clear:right;
	float:right;
	width:260px;
	padding:10px;
	margin:0 0 20px 20px;
	background:#f3f3f3;
}

.more-info-side h4 {
	margin:0 0 10px;
	padding-bottom:10px;
	border-bottom:1px solid #e2e2e2;
}


/* Page Details Quote */

blockquote.page-quote {
	font-family: Georgia, serif;
	font-size: 100%;
	font-style: italic;
	max-width: 540px;
	margin:20px 0 0 0;
	padding:15px 50px;
	line-height: 1.45;
	position: relative;
	color: #383838;
	background:#f3f3f3;
}

blockquote.page-quote:before {
	display: block;
	padding-left: 30px;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -25px;
	top: -10px;
	color: #bbb;
}

blockquote.page-quote cite {
	color: #666;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
 
blockquote.page-quote cite:before {
	content: "\2014 \2009";
}

blockquote.page-quote span:after {
	display: block;
	padding-right: 25px;
	content: "\201D";
	font-size: 80px;
	position: absolute;
	right: -5px;
	bottom: -35px;
	color: #bbb;
}

/* Staff */

.staff {
	padding-top:20px;
	border-bottom:1px solid #f3f3f3;
}

/* Posts Page */

.posts-main {
	float:left;
	width:660px;
}

.posts-main .post,
.search .post,
.search .page,
.search .attachment {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #f3f3f3;
}

.posts-main .entry-content,
.search .entry-content {
	font-size:95%;
}

.posts-main .article-footer {
	font-size:80%;
	font-style:italic;
}

.posts-side {
	float:right;
	width:300px;
}




/* Pagination */

ul.page-numbers {
    list-style: none;
    margin: 0;
	padding:0;
}

.page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {
    display: block;
    float: left;
    margin: 0 4px 4px 0;
    text-align: center;
}

.page-numbers a,
.page-numbers span {
    line-height: 1.6em;
    display: block;
    padding: 0 6px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #ddd;
    color: #888;
}

.page-numbers a span { padding: 0 }

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: #000;
    background: #f7f7f7;
    text-decoration: none;
}

.page-numbers:hover { text-decoration: none }


/* Audio Page */

.audio-post {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #f3f3f3;
}

.audio-post h3 {
	margin:0 0 10px;
}

.custom-audio {
	margin-bottom:10px;
}

.audio-post .article-footer {
	font-size:80%;
	font-style:italic;
}


/* Bulletins */

.bulletin {
	padding:5px 10px;
	margin-bottom:2px;
	background:#f3f3f3;
}

.bulletin .entry-title a {
	display:block;
	text-decoration:none;
}

.bulletin-title {
	margin-bottom:5px;
}

.bulletin-date {
	font-size:80%;
	font-weight:bold;
}

/* ==========================================================================
   Plugins
/* ========================================================================== */


.wpba {
	clear:right;
	float:right;
	width:280px;
	margin:0 0 20px 20px;
}

.wpba ul {
	margin:0;
	padding:0;
}

.wpba-attachment-list li a {
	max-width:255px;
}

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

.wpcf7 p,
.wpcf7 label,
.wpcf7-list-item {
	margin:0 !important;
	padding:0 !important;
}

.wpcf7-list-item {
	display:block;
}

.wpcf7 h4 {
	margin:0 0 10px;
}

.wpcf7-not-valid-tip {
	margin:-10px 0 10px 0;
}

.contact-half {
	float:left;
	width:45%;
	margin-right:5%;
}

.contact-form p {
	padding-bottom:10px !important;
}

.contact-form input[type=checkbox],
.contact-form input[type=radio] {
	margin-left:10px;
}


/* ==========================================================================
   Footer
/* ========================================================================== */

#bottom-spiral {
	clear:both;
	position:relative;
}

#footer {
	position:relative;
	width:1000px;
	margin:0 auto;
}

.footer-nav ul {
	margin:10px 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #999;
}

.footer-nav ul li {
	display:inline-block;
}

.footer-nav ul li a {
	display:block;
	color:#fff;
	padding:0 52px;
	line-height:40px;
	font-size:80%;
	text-decoration:none;
}

.footer-nav ul li a:hover {
	color:#CCCC99;
}


/* social */

.social {
	clear:both;
	position:relative;
	padding:15px 0;
	color:#fff;
	line-height:32px;
	border-bottom:1px dotted #999;
}

.social div {
	float:left;
}

.mailing-list {
	margin-left:90px;
}

.social-icons,
.ml-input {
	margin-left:20px;
}

.donate {
	margin-left:80px;
}

.donate a {
	color:#fff;
}


/* copyright */

.copyright {
	padding:20px 0;
	font-size:60%;
	color:#fff;
}

.copy-left {
	float:left;
	width:25%;
	line-height:20px;
}

.copy-center {
	float:left;
	width:50%;
	line-height:20px;
	font-size:140%;
	text-align:center;
}

.copy-center a {
	color:#fff;
}

.copy-center a:hover {
	color:#CCCC99;
}

.copy-right {
	float:left;
	width:25%;
	text-align:right;
}


/* ==========================================================================
   Helpers
/* ========================================================================== */


.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.placeholder {
  color: #ccc;
}

/* ==========================================================================
   Responsive
/* ========================================================================== */

	
@media (max-width: 768px) {
	
	#wrapper {
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	#header-block-left {
		display:none;
	}
	
	#search {
		float:left;
		margin-top:15px;
	}
	
	#top-nav-container {
		float:left;
	}
	
	#logo {
		margin:20px 0 0 30px;
	}
	
	#nav-container {
		left:0;
	}
	
	#nav {
		float:left;
		margin:0 0 0 0;
	}
	
	#nav > li > a {
		font-size:75%;
		padding:0 10px;
	}
	
	/* Home */
	
	#slides-container,
	#slides {
		height:auto;
	}
	
	.three-col h2 {
		font-size:140%;
	}
	
	.quick-connect a {
		font-size:80%;
	}
	
	/* Content */
	
	.posts-main {
		float:left;
		width:400px;
	}
	
	.posts-side {
		float:right;
		width:300px;
	}
	
	/* Footer */
	
	#footer {
		width:100%;
		padding:10px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	
	.social,
	.copyright {
		padding:0 10px;
	}
	
	.social {
		font-size:90%;
	}
	
	.social-icons {
		margin-left:10px;
	}
	
	.social-icons img {
		height:22px;
		margin-top:5px;
	}
	
	.mailing-list {
		margin-left:30px;
	}
	
	.donate {
		margin-left:30px;
	}
	
	.copyright {
		padding-top:10px;
	}
	
	.copy-left {
		width:30%;
	}
	.copy-center {
		width:40%;
	}
	.copy-right {
		width:30%;
	}
	
	
}

/* For smartphones */
@media (max-width: 480px) {
	
	#search,
	#entry-container {
		display:none;
	}
	
	#header {
		height:auto;
	}
	
	#top-nav-container {
		float:none;
		margin:0;
		padding:10px 0;
	}
	
	#logo {
		float:none;
		width:auto;
		height:auto;
		margin:10px 10px 20px;
	}
	
	#logo img {
		width:100%;
		height:auto;
	}
	
	#mobile-menu-header {
		display: block;
	}
	
	#mobile-menu-btn {
		display:block;
		margin-top:10px;
		padding-left:40px;
		line-height:40px;
		color: #fff;
		text-decoration:none;
		background: #777 url(../img/menu-icon.png) no-repeat 10px center;
	}
	
	#nav-container {
		display:none;
	}
	
	.sidr ul li ul li ul li a {
		padding: 10px 0 10px 50px;
		font-size:90%;
		line-height:normal;
	}
	
	/* Home */
	
	#home {
		padding:10px;
	}
	
	.three-col {
		width:100%;
		padding:10px;
		height:auto;
		margin:0 0 20px 0;
		min-height:auto;
	}
	
	#three-col-middle {
		padding:0;
	}
	
	#calendar-home,
	#happening {
		padding:10px;
		height:auto;
	}
	
	
	/* Content */
	
	.entry-content img {
		float:none;
		margin-bottom:20px;
		max-width:100%;
	}
	
	.featured-image {
		float:none;
		margin:0 0 20px 0;
	}
	
	.featured-image img {
		width:auto;
		max-width:100%;
	}
	
	.more-info-side {
		float:none;
		width:100%;
		padding:0;
		margin:0 0 20px 0;
	}
	
	.posts-main {
		float:none;
		width:100%;
	}
	
	.posts-side {
		float:none;
		width:100%;
	}
	
	
	.bulletin-date {
		margin-bottom:20px;
	}
	
	
	.wpba {
		float:none;
		width:100%;
		margin:0 0 20px 0;
	}
	
	.wpba-attachment-list li a {
		max-width:230px;
	}
	
	.entry-content-inner {
		clear:both;
	}
	
	
	.contact-half {
		float:none;
		width:100%;
	}
	
	.contact-form input[type=text],
	.contact-form input[type=email],
	.contact-form textarea {
		width:95%;
	}
	
	/* Footer */
	
	.social {
		padding-bottom:10px;
	}
	
	.mailing-list,
	.ml-input,
	.donate {
		margin-left:0;
	}
	
	.ml-input form {
		margin-bottom:0;
	}
	
	.ml-input input {
		width:auto;
	}
	
	
	.copyright {
		padding-top:0;
	}
	
	.copyright div {
		float:none;
		width:100%;
		text-align:center;
	}
	
	.copyright > div {
		margin-top:20px;
	}
	
}