/*
 Standard CSS for fluid template with left fixed width menu and right fixed width column
    file name: fluid-a-version.css
    Gene Cantwell v1 11/29/11
*/

/* **** Start Reset and define base styles **** */
html, body, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, img, strong, sub, sup,  ul, li, fieldset, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0 none;
	font-size: 100%;
	vertical-align: baseline;
}

html {font: normal 100%/1.25em Arial, Verdana, sans-serif;}

ul, ol {list-style-type: none;}

li {margin-bottom: 0.5em;}

ul ul, ol ol {font-size: 1em;} /* keeps nested lists from changing font sizes based on ems */

h1, h2, h3, h4, h5, h6 {line-height: 1em;}

p {margin: 0 0 0.85em 0;}

h1 {font-size: 2.0em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.1em;}
h5 {font-size: 0.8em;}
h6 {font-size: 0.5em;}

table {
    border-collapse: collapse;
}

table, tr, td {
    border: 1px solid #C3C3C3;
}

td {
    padding: 0.2em 0.4em;
}

thead {
    text-align: center;
    font-weight: 600;
}

/* **** End of reset and define base styles **** */

/* **** Standard classes **** */
.inset, .paragraph-inset {
    padding-left: 3em;
    padding-right: 3em;
}

.no-line-after, .paragraph-no-line-after {
    margin-bottom: 0;
}

.half-line-after, .paragraph-half-line-after {
    margin-bottom: 0.5em;
}

.half-line-before, .paragraph-half-line-before {
    margin-top: 0.5em;
}

.justifyfull {
    text-align: justify;
}

.headline {
    text-align: center;
}


/* creates a standard style for links after the reset */
a.standard-link:link {
    text-decoration: underline;
}

/* This is to fix a jagged text problem in ie 7 & 8 (cleartype is turned off) on text that has been transformed (such as fading) */
.jaggies {
    position: relative; 
}

/* standard inline-block with corrections for ie and older firefox */
.il-box {
    vertical-align: top;
    display: -moz-inline-stack;
    display:inline-block;
    zoom: 1;
    *display:inline;
}

.shaded-box {
    background-color: #e5e5e5;
    margin: 10px 0;
    padding: 5px;
    border: 2px solid;
    border-color: #eeeeee #cccccc #cccccc #eeeeee;
}

/* **** End of standard classes **** */

/* **** Start of standard containers for this configuration **** */

body {
    background-color: #bcb7b1;
    background-image: url("../images/main_bg.jpg");
    font-size: 0.875em;
    color: #000;
    margin: 0 auto; /* Center the web page */
    max-width: 1144px; /* Maximum width of the web site */
    min-width: 810px; /* Minimum width of the web site */
}

/* wrapper is the container for the left hand menu (fixed width) and the main area (fluid width) */
#wrapper {
    position: relative; /* must be relative because the menu will be positioned with absolute */
    margin: 10px;
}

#main {
	background-color: #FFFFFF;
    background-image: url("../images/main_mid_bg.gif"); /* This image is the left hand border for the main area */
    background-position: left top;
    background-repeat: repeat-y;
    margin: 0 0 0 195px; /* left margin should be enough to include the width of the menu container and any margins */
}

#main-top {
    background-image: url("../images/header_bg.jpg");
    background-repeat: repeat-x;
    height: 102px;
}                     

#main-top-logo,#main-top-bookmark {
    background-image: url("../images/fp_header_logo_bg.jpg");
    background-position: right top;
    background-repeat: no-repeat;
}

#main-top-logo {
    height: 102px;
}

#main-top-bookmark {
    padding: 55px 5px 0 0;
    float: right;
}

#main-center {
	background-image: url("../images/main_mid_right_bg.jpg");
    background-position: right top;
    background-repeat: repeat-y;
    padding: 15px 0;
}

#main-center-top {
    margin: 0 25px;
}

#top-text {
    color: #a52a2a;
    text-align: center;
    margin-bottom: 1.5em;
}

#main-content {
	overflow: hidden;
    margin-left: 0;
}

#content-column, #single-column-content{
	background-image: url("../images/main_mid_right_bg.jpg");
    background-position: right top;
    background-repeat: repeat-y;
}

#content-column {
    float: left;
    width: 100%;
}

/* Used in two column template */
#content-wrapper{
    margin-right: 200px; /*Set right margin to RightColumnWidth*/
    padding-left: 10px;
}

/* Used in single column template */
#sc-content-wrapper{
    margin: 0 25px;
}

#resource-content {
    padding: 0 10px;
    line-height: 1.5em;
}

#right-column{
	background-image: url("../images/main_mid_right_bg.jpg");
    background-position: right top;
    background-repeat: repeat-y;
    float: left;
    padding-right: 10px;
    width: 200px; /*Width of right column in pixels*/
    margin-left: -210px; /*Set left margin to -(RightColumnWidth + padding-right) */
}

#content-right {
    font-size: 0.9em;
    line-height: 1.25em;
}

#content-right p, #content-right h1, #content-right h2, #content-right h3, #content-right h4 {
    margin-bottom: 0.5em;
}

.inner-box{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#main-bottom {
    clear: left;
    background-color: #CCCCB9;
    background-image: url("../images/main_bot_mid_bg.gif");
    background-repeat: repeat-x;
}

/* **** End of standard containers for this configuration **** */

#children-wrapper {
    margin: 5px 20px;
}

#main-bottom-2 {
    background-image: url("../images/main_bot_right_bg.gif");
    background-position: right top;
    background-repeat: no-repeat;
    height: 40px;
}

#main-footer {
    clear: both;
    font-size: 0.75em;
    margin: 0 0 0 210px;
    padding: 0;
}

#main-footer p {
    margin: 0 0 3px;
}

#sermons-table {
    margin: 0 auto;
}

/* **** Start of styling for the MODX add-on BookmarkThis **** */
img.bookmarkThis {
  opacity: 0.75;
  filter: alpha(opacity=40);
  padding: 0 5px 0 5px;
}

img.bookmarkThis:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

p.bookmarkThis {
  text-align: right;
  margin: 3px;
  height: 41px;
}
/* **** End of styling for the MODX add-on BookmarkThis **** */

/* **** Start of container resource internal links set up by Wayfinder **** */
/* The items are set in horizontal sequence using inline-blocks */
.childlist {
    text-align: left;
}

#page-the-rev-cartoons {
    text-align: center;
}

.childlist a {
    color: black;
}

.childlist ul {
    padding-left: 0;
}

.childlist li {
    vertical-align: top;
    display: -moz-inline-stack;
    display:inline-block;
    zoom: 1;
    *display: inline;
    
    padding: 0 5px 7px 5px;
    text-align: center;
}

.childlist .parent-item {
    border: 0.1em solid;
    padding: 1%;
    margin: 1%;
    width: 44%;
    background-color: #dddddd;
}

.childlist .parent-item span {
    font-weight: bold;
}

.childlist .parent-item ul li {
    display: block;
    text-align: left;
}
/* **** End of container resource internal links set up by Wayfinder **** */

.entry {
    text-align: center;
}

.three-principles {
    text-align: center;
    width: 360px;
}

.entry p {
    text-align: left;
}


/* Start of classes for Follow Your Heart Series */

.fyh-h2-intro {
    font-size: 1.25em;
    text-align: center;
    margin-bottom: 0.5em;
}

.fyh-h1 {
    text-align: center;
    margin-bottom: 0.5em;
}

.fyh-h2-sections {
    text-align: center;
    margin-bottom: 0.5em;
    font-size: 1.35em;
}

/* End of classes for Follow Your Heart Series */

/* Start of styling for video on About Fr. Paul page */
.video-80-bd-outer {
    border-style: solid;
    background-color: #404040;
    margin-bottom: 1.5em;
}

.video-80-bd-inner iframe{
    display: block;
    margin: 10px auto;
}

.video-80-bd-text {
    color: #bbbbbb;
    margin: 10px;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}
/* End of styling for video on About Fr. Paul page */