/*
Theme Name: Queen of Angels
Theme URI: http://nextclient.com/
Description: A custom theme
Author: NextClient
*/

/*= Misc. Styling
*************************/
* {margin:0; padding:0;}
html,body {min-height:100%;}
img { border:none;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

/*= Test Styling
*************************/
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px;}
body{font:12px/1.5 Verdana, Geneva, sans-serif;color:#000;}
h1{font-size:25px;} /* Should be reserved for the client logo */
h2{color:#034c6f;font:bold 25px "Times New Roman", Times, serif;}
h3{color:#034c6f;font:bold 20px "Times New Roman", Times, serif;}
h4{color:#034c6f;font:bold 16px "Times New Roman", Times, serif;}
h5{color:#034c6f;font:bold 12px "Times New Roman", Times, serif;}
h6{color:#034c6f;font:normal 12px "Times New Roman", Times, serif;}
strong { font-weight:bold;}
.required { color:#FF0000;}

ol{list-style:decimal}
ul{list-style:disc}
li{margin:0 0 10px 30px;}

hr{border:0 #034c6f solid;border-top-width:1px;clear:both;height:0}

a {text-decoration:underline; color: #034c6f;}
a:hover { text-decoration:none;}
a:active { outline: none;}
a:focus { -moz-outline-style: none; outline:none;}

/*= Layout Styling
*************************/
.left {float:left;display:inline;}
.right {float:right;display:inline;}
.alignleft {float:left;display:inline;margin:0 10px 10px 0;}
.alignright {float:right;display:inline;margin:0 0 10px 10px;}
.aligncenter {margin:0 auto;}
body {background: #fff url(images/bg-body.jpg) repeat-x bottom;text-align: center;}
#outterWrapper {
	width:100%;
	background: url(images/bg-top-repeat-sub.jpg) repeat-x top;
	padding-bottom:20px;
}
#innerWrapper {
	width:100%;
	background: url(images/bg-top-sub20110506.png) no-repeat 50% 0;
}
.home #innerWrapper {background: url(images/bg-top-home20110506.png) no-repeat 50% 0;}
#container {
	width: 960px;
	margin:0 auto;
	text-align:left;
	background:#fff;
}
#header {
	width:670px;
	height:40px;
	padding: 143px 0 0 290px;
	background: url(images/queen-of-angels-top.jpg) no-repeat top;
	position:relative;
}
#header h1 {
	width:289px;
	height:233px;
	margin: 0;
	padding: 0;
	position:absolute;
	top:0;
	left:0;
	text-indent:-9000px;
	z-index:1025;
}
#header h1 a {
	display:block;
	width:289px;
	height:233px;
	background:url(images/queen-of-angels-logo.png) no-repeat;
}
#header #navigation { width:670px; height:40px; }
#outterContainer { width:958px; padding:0; border:1px solid #fff; border-top:none; background:url(images/bg-content-sub.jpg) no-repeat top; }
#container .christ-the-king {background-image:url(images/headers/christ.jpg);}
#container .mary-the-queen {background-image:url(images/headers/mary.jpg);}
#container .the-angelic-host {background-image:url(images/headers/angels.jpg);}
#container .processions {background-image:url(images/headers/processions.jpg);}
#container .prayers {background-image:url(images/headers/prayers.jpg);}

#midContainer {width:958px; padding:125px 0 20px; background:url(images/bg-content-bottom.gif) repeat-x bottom;}
#mainContent { width:808px; padding: 25px 100px 25px 50px; }
#mainContent{height:380px; min-height:380px;}
html>body #mainContent{height:auto}

.home #outterContainer {background-image:url(images/bg-content-home.jpg);}
.home #midContainer {padding:0;}
.home #innerContainer {width:958px;padding:0 0 20px;background:url(images/bg-content-repeat.png) repeat-y}
.home #mainContent { width:540px; }

#mainContent.marian-antiphons { width:858px; padding: 25px 50px 25px 50px; }

/*= Slideshow Styling
*************************/
ul#slideshow,ul#slideshow li {
	width:690px;
	height:230px;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}

/*= Sidebar Styling
*************************/
#sidebar {
	width:229px;
	padding:50px 0 0 39px;
}

/*= Footer Styling
*************************/
#footerContainer {
	clear:both;
	background:#034c6f;
	width:898px;
	height:95px;
	padding:0 20px 0 40px;
	border:1px solid #fff;
	border-top:none;
}
#footerContainer p {margin-bottom:10px;}
.address {
	width:203px;
	height:85px;
	padding:10px 13px 0;
	background:#958150;
	color:#fff;
	font:normal 12px/14px "Times New Roman", Times, serif;
}
.footer {
	width:640px;
	margin:0;
	padding: 10px 0 0 25px;
	color:#81a6b7;
	font:normal 9px Arial, Helvetica, sans-serif;
/*	text-transform:uppercase;*/
}
ul.footerNav { list-style:none; margin:0 0 5px; padding:0; font:normal 11px "Times New Roman", Times, serif; }
ul.footerNav li {display:inline;margin:0;}
ul.footerNav a { color:#81a6b7; padding:0 6px; border-right:1px solid #81a6b7; text-decoration:none; text-transform: uppercase;}
ul.footerNav a:hover { color:#fff;}
ul.footerNav .last-child a { border: none;}
.footer p {padding:0 8px 0 8px;margin:10px 0 5px;}
.footer a {color:#81a6b7;text-decoration:none;}
.footer a:hover {color:#fff;}

#footerContainer p.disclaimer {
	font-size: 11px;
}
/* Content Styling
*************************/
.quotearea {max-width:450px;width:auto;float:right;margin:0 15px 20px 50px;}
.quotearea1 {max-width:450px;width:auto;}
.youtube {max-width:475px;}
.youtube blockquote {padding:15px;}
.video {width:194px;margin-left:35px;}

div.centered table
{
margin: 0 auto;
text-align: left;
}

blockquote {
	margin-bottom:10px;
	padding:15px 15px 5px;
	border:1px solid #034c6f;
	color:#034c6f;
	font:italic 11px/1.5em Georgia, "Times New Roman", Times, serif;
}
blockquote p { margin:0 0 10px;}
.quoteauthor {
	clear:right;
	padding:5px 20px 5px;
	margin:0 0 10px;
	color:#333;
	text-align:right;
	font:italic 11px Georgia, "Times New Roman", Times, serif;
}
.title {color:#034c6f;font-weight:bold;}
.page-content img {border:1px solid #034c6f; padding:3px;}
.wp-caption-text {color:#333;font:italic 11px Georgia, "Times New Roman", Times, serif;margin:0 10px 5px 0;padding:5px 10px 5px;}
ol span {display:block;margin-bottom:20px;}

.page-content img,blockquote {
	background:url(images/bg-transparent.png) repeat;
}
.cal-wrap { background:url(images/bg-calendar.png) no-repeat; }
/*
#mainContent table {
	border-width: 1px;
	border-style: none;
	border-color: #034C6F;
	border-collapse: collapse;
	background-color: white;
}
#mainContent table td {
	border-width: 1px;
	padding: 5px;
	border-style:solid;
	border-color: #034C6F;
	background-color: white;
}
*/


#mainContent table.mid td {	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;}
#mainContent table { border-collapse:collapse; }
#mainContent table td, #mainContent table th {
	font-size:1.2em;
	border:1px solid #034C6F;
	padding:3px 7px 2px 7px;
}
#mainContent table th {
	font-size:1.4em;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#A7C942;
	color:#fff;
}

.translate_block {width:250px;margin:0 0 10px;}




body.postid-1118 .post-headline, body.postid-1118 .post-meta {
	display: none;
}


.page-id-431 #mainContent table td, .page-id-431 #mainContent table th {
	border: 0px;
}


	#logo-fb {
		margin-left: 60px;
	}
	#logo-tw {
		margin-left: 10px;
	}

.reposition	img {
	position: relative;
	left: 25px;
}

ul#MenuBar1 li.page-item-1461 {
/*	display: none;*/
}

table.vidtbl, table.vidtbl tr, table.vidtbl th, table.vidtbl td {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  color: #444 !important;
  background: #FFF !important;
  text-align: center !important;
  font-size: 100%  !important;
  font-style: italic !important;
}
img.imageInSet {
	max-width: 800px;
	max-height: 800px;
	display: block;
	margin: 0 auto 30px;
	border: 2px solid #666;
	box-shadow: 3px 3px 8px #666;
	padding: 0;
}
a.moreLink {
	margin: 0 auto;
	box-shadow: 3px 3px 8px #666;
	border: 1px solid #666;
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 250px;
	background-color: #4d8acc;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
a.moreLink:hover {
	background-color: #369ed2;	
}

/*Contact Form*/
/* Contact Form Styling */
#form_3{ display: inline-block; width: 100%; }
.nc_form {
/*	background-color: #f0f0f0;*/
/*	padding: 1.25em 2%;*/
	margin: 0 0 1.25em;
/*	border: 2px solid #c0c0c0;*/
	border-radius: 5px;
	color: #333333;
	max-width: 500px;
}
.nc_form .req {color: #F71704;}
.nc_form label,
.nc_form input,
.nc_form textarea,
.nc_form select {display: block; width: 98%; padding: 0;}
	.nc_form input, .nc_form textarea {background: #fff; color: #8B898C;}
	.nc_form input, .nc_form textarea, .nc_form .captcha-container {
		border: 1px solid #999;
		border-radius: 3px;
	}
	.nc_form label {margin: 0 0 .125em;}
	.nc_form input, .nc_form textarea, .nc_form select {
		margin: 0 0 10px;
		padding: .4em 1%;
	}
	.nc_form textarea {height:60px;}
	.nc_form .captcha-container {padding: 0;width: 100%;}

.nc_form input.hidden {display:none;}
.nc_form input.submit-button {
	cursor:pointer;
	margin: 1em 0;
	padding: 0.6em 2%;
	width:auto;
	height:auto;
	background:#555;
	color:#fff;
	line-height: 1;
}
	.nc_form input.submit-button:hover {background:#777;}
.nc_form input.error {border-color:#f00;}
.nc_form label.error {color: #f00;}
.ncfDisclaimer {
	font-size: 80%;
	margin: 0 0 1em;
	padding: 0.33em 0 0;
}
	.ncfDisclaimer span {
		display: block;
		font-weight: bold;
		font-size: 125%;
	}
		.ncfDisclaimer span.req {display: inline; font-size: 80%;}
	.ncfDisclaimer input {
		display: inline;
		width: 10px;
		height: 10px;
		margin: 0 5px 0 0;
	}
	.ncfDisclaimer label {display: inline;}
.nc_form .captcha-wrapper {}
	.nc_form .captcha-wrapper input {max-width: 200px;}
	.nc_form .captcha-container {
		background: #fff;
		border: 1px solid #333;
		margin: 0 0 4px;
		text-align: center;
		max-width: 200px;
	}
	.nc_form .captcha-image {
		cursor: pointer;
		display: block;
		width: 100%;
		background: #fff;
		border: 0;
		padding: 0;
	}
.nc_form .checkbox {margin: 0 0 10px;}
	.nc_form .checkbox input {
		display: inline;
		width: auto;
		height: auto;
		padding: 0;
		line-height: 1;
		margin: 0 0 0 10px;
	}
		.nc_form .checkbox input.delin {margin: 0;}
.nc_form .radio {margin: 0 0 10px;}
	.nc_form .radio input {
		display: inline;
		width: auto;
		height: auto;
		padding: 0;
		line-height: 1;
		margin: 0 0 0 10px;
	}
		.nc_form .radio input.delin {margin: 0;}
.nc_form .inlineSelect select {display: inline; width: auto;}

/*Vimeo Modal*/
.vimeo-modal{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9);
	z-index: 99999999;
}
.vmContent{
	position: relative;
	max-width: 640px;
	max-height: 360px;
	width: 90%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

/* CSS below only if Vimeo-embed has never been implemented */

.vimeo-embed-cont {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.vimeo-embed-cont iframe, .vimeo-embed-cont object, .vimeo-embed-cont embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.vimeo-embed-cont iframe{border:0;}
.article .vimeo-embed-cont {margin: 0 0 30px;}