/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
.textwhite {color: #ffffff; text-shadow: 1px 1px 1px #333;}
.redText {color: #8c181e;}
.centerText {text-align: center;}
.relative {position: relative;}
.stackTop {z-index: 1000;}
.stackMid {z-index: 500;}
.stackBot {z-index: 100;}
/* #Page Styles
================================================== */
.background {opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	transition: all 2s;
	-moz-transition: all 2s; /* Firefox 4 */
	-webkit-transition: all 2s; /* Safari and Chrome */
	-o-transition: all 2s; /* Opera */
	}
.background:hover {opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	display: block;
	}
.background-left {
	background-image: url(../images/side-l.jpg);
	background-repeat: no-repeat;
	position: fixed;
	height: 100%;
	max-width: 200px;
	width: 15%;
	top: 0px;
	left: 0px;
	background-position: right top;
	}
.background-right {
	background-image: url(../images/side-r.jpg);
	background-repeat: no-repeat;
	position: fixed;
	height: 100%;
	max-width: 200px;
	width: 15%;
	right: 0px;
	top: 0px;
	overflow: hidden;
	}
.header {}
.logo {position: absolute;}
.menu {
	-webkit-box-shadow: 3px 0px 3px rgba(90, 90, 90, 0.3);
	-moz-box-shadow: 3px 0px 3px rgba(90, 90, 90, 0.3);
	box-shadow: 3px 0px 3px rgba(90, 90, 90, 0.3);
	background: #173058; /* Old browsers */
	background: #173058 -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
	background: #173058 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
	background: #173058 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
	background: #173058 -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
	background: #173058 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	background-color: #173058;
	margin-top: 110px;
	}
.middle {}
.gray-box {
	width: 100%;
	padding: 10px;
	border: 1px solid #FFF;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); 
	
	background: #F6F6F6 #CCC; /* Old browsers */
		background: #F6F6F6 -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #F6F6F6 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #F6F6F6 -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #F6F6F6 -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #F6F6F6 -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #F6F6F6 linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	}
.icons {height: 50px; position:relative;}
.rule-l {height: 1px; width: 38%; background-color:#8c181e; position: absolute; top: 25px; left: 0px;}
.rule-r {height: 1px; width: 38%; background-color:#8c181e; position: absolute; top: 25px; right: 0px;}
.mailIcon {height: 50px; width: 50px; margin: 0 auto; background-image: url(../images/icons.png); background-repeat:no-repeat; background-position: 0px 0px;}
.fbIcon {height: 50px; width: 50px; margin: 0 auto; background-image: url(../images/icons.png); background-repeat:no-repeat; background-position: -55px 0px;}
.twitterIcon {height: 50px; width: 50px; margin: 0 auto; background-image: url(../images/icons.png); background-repeat:no-repeat; background-position: -105px 0px;}
.priestIcon {height: 50px; width: 50px; margin: 0 auto; background-image: url(../images/thorns.jpg); /* url(../images/priest.png)*/ background-repeat:no-repeat;  background-size: 50px 50px;}
/*Twitter Feed Styling & Facebook Widget Stylings*/
.widgettitle {display: none;}
.twitter-avatar {float: right; padding: 5px;}
.widget_twitter div {padding:0;}
.widget_twitter {list-style: none;}
.widget_twitter ul li {margin-bottom:5px; list-style: none;}
.widget_twitter .follow-button, .widget_twitter .xavisys-link {margin:0 10px 10px 25px; }
.widget_twitter .entry-meta {display:block; font-size:80%;}
.widget_twitter .intent-meta a {
    background: url(images/everything-spritev2.png); /** from Twitter ressources */
    display: inline-block;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}
.widget_twitter .intent-meta a.in-reply-to {background-position: 0 center;}
.widget_twitter .intent-meta a:hover.in-reply-to {background-position: -16px center;}
.widget_twitter .intent-meta a.favorite {background-position: -32px center;}
.widget_twitter .intent-meta a:hover.favorite {background-position: -48px center;}
.widget_twitter .intent-meta a.retweet {background-position: -80px center;}
.widget_twitter .intent-meta a:hover.retweet {background-position: -96px center;}

.widget_facebookpagefeedwidget {list-style: none;}
.facebook_page-avatar {display: none;}
ul.fbf_facebook_page_widget {margin: 0px !important;}
.fbf_facebook_page_widget li {
	margin-bottom: 5px;
	padding: 5px;
}
.fbf_desc {clear: both;}
.fbf_desc img {float: right; padding: 5px;}
/*End Twitter Feed Styling*/
.sidebar {}
.footer {
	background-image: url(../images/pattern.jpg);
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 30px 0;
	-moz-box-shadow:    0px 0px 8px 3px #ccc;
	-webkit-box-shadow: 0px 0px 8px 3px #ccc;
	box-shadow:         0px 0px 8px 3px #ccc;
}
/* reveal for the background link to appear */
.ql {
	position:relative; /*this is the key*/
	text-decoration:none;
	font-size: 13px;
	margin: 0px;
}
.ql .tooltip { 
	display:block;
	position:absolute;
	width:15em;
	top:0px;
	left:-17em;
	z-index: 10000;
	text-align: center;
	padding: 10px;
	background-color:#FFF;
	color:#000;
	
	opacity:0.0;
	filter:alpha(opacity=00); /* For IE8 and earlier */
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */}
.ql:hover .tooltip{ /*the span will display just on :hover state*/
	left: -5px;
	
	-webkit-box-shadow: 2px 2px 3px #ccc;
	-moz-box-shadow: 2px 2px 3px #ccc;
	box-shadow: 2px 2px 3px #ccc;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
/* reveals */

/*Video Reveals -- same thing as above, but I'm not sure how to combine them*/
videoThumbnail {} /*Need this to make it so the thumbnails don't disappear */
.video {
	position:relative; /*this is the key*/
	text-decoration:none;
	font-size: 13px;
	margin: 0px;
}
.video img {
	width: 100%;
	height: auto;
	}
.video .reveals { 
	display:block;
	position:absolute;
	width: 91%;
	height: 0px;
	top:0px;
	left:0em;
	z-index: 300;
	padding: 10px;
	color:#FFF;
	background: #173058; /* Old browsers */
	background: #173058 -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
	background: #173058 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
	background: #173058 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
	background: #173058 -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
	background: #173058 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	background-color: #173058;
	
	opacity:0.0;
	filter:alpha(opacity=00); /* For IE8 and earlier */
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */}
.video:hover .reveals{ /*the span will display just on :hover state*/
	height: 90%;	
	-webkit-box-shadow: 2px 2px 3px #ccc;
	-moz-box-shadow: 2px 2px 3px #ccc;
	box-shadow: 2px 2px 3px #ccc;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
/* reveals */

/* Cool Shadow
/* ----------------------------------------------*/
#box 
{
  position: relative;
  width: 100%;
  height: 353px;
  z-index: 10;
}
#box:before, #box:after 
{
  z-index: -1; 
  position: absolute; 
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%; 
  top: 80%;
  max-width:300px;
  background: rgba(0, 0, 0, 0.7); 
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.4);   
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
  -webkit-transform: rotate(-3deg);    
  -moz-transform: rotate(-3deg);   
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
#box:after 
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/* These are to set the height to the bios on the Memorial Page*/
.memeorialBios {height: 280px;}


/*YouTube Responsive Embeds*/	  
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoThumbnail {
height:190px;
width:190px;	
}

/* IMAGE CAPTION
/* ----------------------------------------------*/
.wp-caption {
	border: 1px solid #F2FFEB;
	text-align: center;
	background-color: #F0E8DB;
	padding-top: 4px;
	margin: 10px;
	font-style: italic;
	/* For rounded corner */
      -moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
      }
.wp-caption img {
      margin-bottom: 5px;
      padding: 0;
      border: 0 none;
      }
.wp-caption p.wp-caption-text {
      font-size: 11px;
      line-height: 17px;
      padding: 0 4px 5px;
      margin: 0;
      }
/* IMAGE POSITIONING
/* ----------------------------------------------*/
img.aligncenter, .aligncenter {
	display: block;
	margin: 10px auto 10px auto;
	max-width: 100%;
	height: auto;
	}
.alignright {
      float: right;
	  margin: 5px 0px 10px 20px;
	  border: solid 5px white;
	  -webkit-box-shadow: 5px 5px 5px rgba(90, 90, 90, 0.7);
  		-moz-box-shadow: 5px 5px 5px rgba(90, 90, 90, 0.7);
  		box-shadow: 5px 5px 5px rgba(90, 90, 90, 0.7);
		max-width: 100%;
		height: auto;
      }
.alignleft {
      float: left;
	  margin: 5px 20px 10px 0px;
	  border: solid 5px white;
	  -webkit-box-shadow: 5px 5px 5px rgba(90, 90, 90, 0.7);
  		-moz-box-shadow: 5px 5px 5px rgba(90, 90, 90, 0.7);
  		box-shadow: 5px 5px 5px rgba(90, 90, 90, 0.7);
		max-width: 100%;
		height: auto;
      }
.thumbnails {margin: 0px 25px 10px 0px !important;}


/* Menu */

#megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator {
padding: 10px 12px !important; }

#megaMenu ul.megaMenu > li.menu-item > a {
color:#fff !important;
font-weight: bold;
}
/* hides menu arrows */
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a::after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a::after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a::after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator::after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator::after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator::after {display: none !important;}

.aside-icons {
	position: absolute;
	top: -25px;
	right: 100px;
	width: 160px}

/* Homepage sliders 3335 (main) 3336 (smaller)
================================================== */
.main-slider, .small-slider, #soliloquy-container-3335 {float: left; margin: 0px; padding: 0px;}
.main-slider {width: 66%;}
.small-slider {width: 33%;}
#soliloquy-3336 {border-right: 2px solid #fff;}
#soliloquy-3336 .soliloquy-caption {background-color: none !important; top: 55%;}
#soliloquy-3336 .soliloquy-caption-inside, #soliloquy-3335 .soliloquy-caption-inside {font-size: 28px !important; line-height: 1em; font-style: italic; text-align: center; font-family: 'Bentham', serif;}
#soliloquy-3336 .soliloquy-caption-inside {background: transparent !important;} /*This is just a test */
.slider-frame {
	padding: 10px 0px 10px 10px;
	background: #fff;
	margin-bottom: 25px;}
.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}  

/*table rows*/
tr {border-bottom: 1px solid #E6E6E6;}
td {padding: 10px 0;}

.fancybox-nav {
	width: 5% !important;
	height: 10% !important;
	top: 45% !important;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) { .memeorialBios {height: 220px;}}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {.memeorialBios {height: 220px;}  }


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/