/*
colors:
    body, outer bg: #bfbfbf
    body, inner bg (main div): #f9f9f9
    header, logo bg: #eef1f6
    search/print box: #ebe9dd
    blue bar under header, bg: #b9cde5
    blue bar under header, brown text: #948A54
    homepage, left nav background: #0f0e09
    homepage, right top yellow box: #f6e7b0
    homepage, right bottom blue box: #9fb9da
    text, section headings on index page, left nav heading on prayers/lections pages: #376092  (supposed to be links? probably)
    links: #558ED5 -- changed below to be slightly darker for improved readability on the light blue bg - jmg 10/24/2008
    main text: #000000
    lections blue table bg: #e0e9f4
    prayers/readings box bg: #EEECE1
    prayers/readings box outline: #C4BD97
    prayers, right bottom box: #B9CDE5 (same as blue bar under header)
*/

/*
CONTENTS:
    - system-wide defaults for elements
    - frame of every page
    - header area
    - searchbox
    - main page area
    - footer
    - sidebar/tree
    - lections
    - texts
    - prayers
    - rss feeds
    - export
    - faq
    - citationindex
    - contact
    - search page
    - admin
    - classic banners
*/

/*** system-wide defaults for elements ***/
body {
    background-color: #bfbfbf;
    color: #000000;
    font-family: Calibri, Arial, sans-serif;
    font-size: 11pt;
}

a:link, a:visited, a:hover, a:active {
   /* color: #557fd5; */
    color: #376092;
    text-decoration: none;
}

a:visited {
    color: #948A54;
}

p {
    margin: 0px 0px 20px 0px;
}

img {
    border-width: 0px;
}

input {
    font-family: Calibri, Arial, sans-serif;
    padding: 0;
}

input[type="submit"] {
    padding: 0px 3px;
}

ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
}

/*** frame of every page ***/

#page {
    background-color: #f9f9f9;
    /* margin: 35px 75px;  /* liquid layout */
    margin: 35px auto;  /* fixed layout */
    width: 833px;  /* fixed layout */
}

/*** header area ***/

#header {
    background-color: #eef1f6;
    /*background: #eef1f6 url(images/logo.jpg) no-repeat scroll 25px center;*/
    height: 100px;
}

#header img.logo {
    position: relative;
    left: 50px;
    top: 10px;
}

#header_msg_bar {
    background-color: #b9cde5;
    font-style: italic;
    letter-spacing: 2px;
    padding: 5px;
    text-align: center;
}

#header_msg_bar .brown {
    color: #948A54;
    font-weight: bold;
}

#header_msg_bar .left {
    float: left;
    letter-spacing: 1px;
    width: 350px;
}

#header_msg_bar .right {
    font-size: 10pt;
    letter-spacing: 0px;
    width: 400px;
}

#header_msg_bar a:link,
#header_msg_bar a:active,
#header_msg_bar a:hover,
#header_msg_bar a:visited  {
    color: #000000;
}

#art_banner {
    position: relative;
    /* liquid layout
    right:83px;
    top:163px;
    width: 100%; */
    margin-bottom: 20px;
    overflow: hidden;
    z-index: 2;
}

.art_banner_link {
    /*background: transparent url(images/image_arrow.png) no-repeat scroll center left;*/
    left:785px;
    padding-left: 20px;
    position: relative;
    top: -30px;
}

.art_banner_link a {
    text-transform: uppercase;
}

#header #title-print {
    display: none;
}

/* liquid layout
#art_banner img {
    float: right;
}*/

p.print-note {
    font-size: 0.9em;
    margin-top: 30px !important;
}

/*** searchbox ***/

#searchbox {
    background-color: #ebe9dd;
    float: right;
    height: 80px;  /* height of #header minus (top + bottom paddings of #searchbox) */
    padding: 10px 20px;
    width: 250px;
}

#searchbox label {
    vertical-align: baseline;
}

#searchbox img {
    padding: 0px 5px;
}

#searchbox p {
    color: #626264;
    font-size: 9pt;
    margin: 0;
}

#searchbox p.searchopts {
    margin: 20px 0 0 0;
    position: absolute;
    top: 85px;
    z-index: 0;
}

#searchbox input {
    vertical-align: bottom;
}

#searchbox #search-citation,
#searchbox #search-fulltext {
    padding: 0 2px 1px 7px;
}

.suggestionsBox {
    position: relative;
    left: 15px;
    margin: 0;
    width: 200px;
    background-color: #FFFFFF;
    /*-moz-border-radius: 7px;
    -webkit-border-radius: 7px;*/
    border: 0px solid #7d7e82;
    color: #376092;
    z-index: 10;
}

.suggestionList {
    margin: 0px;
    padding: 0px;
}

.suggestionList li {
    margin: 0px 0px 0px 0px;
    padding: 3px;
    cursor: pointer;
    font-size: 9pt;
}

.suggestionList li:hover {
    background-color: #F6E7B0;
}

#icalopts {
    display: none;
    margin: 0 0 0 58px;
}

#iemessage, #testmessage {
    background-color: #ffffff;
    border: 1px solid #000000;
    font-size: 10pt;
    left: 15px;
    padding: 10px;
    position: fixed;
    top: 35px;
    width: 160px;
    z-index: 2;
}

#footer .social {
    /*display:inline;*/
    /*float:right;*/
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0px 242px;
    padding:0.2em 0;
    /*display: block;
    position: relative;
    top: -31px;*/
    width: 85px;
}

#footer .social a {
    /*display:inline;*/
    /*float:left;*/
    /*margin:0;*/
    padding:0 5px;
}

.social a.rss,
.social a.twitter,
.social a.facebook {
    /*background-position:center top;*/
    /*background-repeat:no-repeat;
    display:block;
    height:16px;
    text-indent:-9009px;
    width:16px;*/
}

.social a.facebook {
    /*background-image:url(../images/social-facebook.gif);
    background-position: left bottom;*/
}

.social a.twitter {
    /*background-image:url(../images/social-twitter.png);*/
}

.social a.rss {
    /*background-image:url(../images/social-rss.png);*/
}

/*.social a:hover.rss,
.social a:hover.facebook {
    background-position:center bottom;
}*/

/*** main page area ***/

#main {
    margin-top: -125px;
}

#main_text {
    padding: 120px 20px 20px 220px;
    padding-left: 220px; /* use if we're floating the sidebar out from the side as in most of the mockups. just comment out to return to normal - dec above takes care of it. */
}

#main_text .infobox {
    background-color: #f6e7b0;
    float: right;
    /*margin-left: 40px;*/
    margin-bottom: 20px;
    padding: 20px;
    width: 125px;
	clear: right;
}

#main_text .second_infobox {
    background-color: #9fb9da;
    clear: right;
    margin-left: 20px;
}


#main_text .second_infobox a:link,
#main_text .second_infobox a:active,
#main_text .second_infobox a:visited  {
    color: #000000;
}
#main_text .second_infobox a:hover {
    text-decoration: underline;
	cursor: pointer;
}

#main_text_msg_bar {
    background-color: #EEECE1;
    border-top: 1px solid #C4BD97;
    border-bottom: 1px solid #C4BD97;
    font-style: italic;
    letter-spacing: 4px;
    margin: 0px -20px 20px -20px;
    padding: 5px;
    text-align: center;
}

.label {
    /*color: #376092;*/
    padding-right: 3px;
    text-transform: uppercase;
    /*font-weight: bold;*/
    font-size: 13pt;
    /*text-align: center;*/
}

.pagetitle {
	border-bottom: 2px solid #DCE6F2;
	font-size: 20pt;
	margin: 0 50px 20px;
	padding: 0 10px 10px 10px;
    text-align: center;
	width: 250px;
	/*	text-decoration: underline;  */
}

/*** footer ***/

#comments {
    background-color: #EEF1F6;
    border: 1px solid #000000;
    clear: both;
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    width: 160px;
}

#commentbox {
    display: none;
}

#commentbox p {
    font-size: 10pt;
    margin: 10px 0px;
}

#footer {
    background-color: #eef1f6;
    /*background: #eef1f6 url(images/signature_divinity.gif) no-repeat scroll 98% center;*/
    clear: both;
    font-size: 0.8em;
    /*height: 74px; */ /* this used to equal the  height of the img, but is not needed anymore */
    padding: 5px 20px;
}
#footer p {
    /*padding: 30px 0px 0px 0px;*/
    padding: 0px;
    margin: 5px 0 10px 0;
}
#footer p.links {
    /*padding: 30px 0px 0px 0px;*/
    text-align: center;
}
#footer img.heardsignature {
    float: right;
    margin-top: 4px;
}

/*** sidebar/tree ***/
#sidebar {  /* yellow with 20% transparency */
    /*background-color: #f6e7b0;*/  /* brown without transparency */
    /*background-color: #C4BD97; /* brown with transparency */
    /*background-color: #ebe9dd; /* brown from searchbox */
    background-color: #F6E7B0; /* yellow with transparency applied */
    /*background-color: #E4DDC9; /* brown from searchbox, darkened a bit to compensate for the opacity */
    /*background-color: #DBD2AD; /* anne's brown from searchbox and darkened */
    float: left;
    padding: 10px 5px 20px 15px; /* top padding was 120px */
    width: 160px;
    margin: 20px; /* use to float out from side as in most of the mockups */

    position: relative;
    z-index: 5;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 */
     filter: alpha(opacity=60); /* IE 5-7 */
     opacity: 0.6;  /* current css 3 standard. works in firefox, safari, opera */
     -moz-opacity:0.6;  /* old versions of mozilla browsers like netscape navigator */
     -khtml-opacity: 0.6; /* old versions of safari (1.x) */

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE 8 */
     filter: alpha(opacity=75); /* IE 5-7 */
     opacity: 0.75;  /* current css 3 standard. works in firefox, safari, opera */
     -moz-opacity:0.75;  /* old versions of mozilla browsers like netscape navigator */
     -khtml-opacity: 0.75; /* old versions of safari (1.x) */
}

#sidebar a:link,
#sidebar a:active,
#sidebar a:visited  {
    color: #000000;
}

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

#sidebar .current {
	color: #376092;
	font-weight: bold;
}

#sidebar .clicked {
	/* color: #376092; 	*/
	font-weight: bold;
}

#sidebar .inactive {
	color: gray;
}

#sidebar .not-observed {
	color: gray;
}

#sidebar a.current:link,
#sidebar a.current:visited,
#sidebar a.current:hover,
#sidebar a.current:active {
    color: #376092;
	font-weight: bold;
}

#sidebar a.clicked:link,
#sidebar a.clicked:visited,
#sidebar a.clicked:hover,
#sidebar a.clicked:active {
     /* color: #376092; */
	 font-weight: bold;
}

#sidebar a.not-observed:link,
#sidebar a.not-observed:visited,
#sidebar a.not-observed:hover,
#sidebar a.not-observed:active {
     color: gray;
}



li.year {
	padding-left: 0em;
}

li.season {
	padding-left: 1em;
}

li.liturgical_date {
	padding-left: 35px;
	text-indent: -15px;
	list-style-image: url(../images/bulletDisk.png);
	list-style-position: inside;
	font-size: 0.9em;
}

#sidebar li.liturgical_date a:link,
#sidebar li.liturgical_date a:active,
#sidebar li.liturgical_date a:hover,
#sidebar li.liturgical_date a:visited {
    margin-left: -5px;
}

#sidebar h2 {
    font-size: 18pt;
    font-weight: bold;
    margin: 0 0 0 -10px;
    text-align: center;
    text-transform: uppercase;
}
#sidebar h3 {
    font-size: 16pt;
    font-style: italic;
    /* margin: 0 0 40px -10px; */
	margin: 10px 0 20px -10px;
	text-align: center;
}
#sidebar h4 {
    letter-spacing: 1px;
    font-size: 14pt;
    font-weight: bold;
    /*margin: 0; */
	margin: 0 0 0 -10px;
    text-align: center;
    text-transform: uppercase;
}
#sidebar h4.smaller {
    font-size: 12pt;
}
#sidebar h5 {
    letter-spacing: 1px;
    font-size: 12pt;
    font-style: italic;
    font-weight: bold;
	margin: 0 0 20px -10px;
    text-align: center;
}

/*** lections ***/

table.lections {
    /*width: 100%;*/
    width: 590px;
    /*padding: 0px;*/
    /*background-color: #EEECE1;*/
    border-collapse: collapse;
    border-style: none;
}

table.lections tr {
}

table.lections tr.not-observed,
table.lections tr.not-observed a:link,
table.lections tr.not-observed a:visited,
table.lections tr.not-observed a:hover,
table.lections tr.not-observed a:active {
    color: gray !important;
}

table.lections td,
table.lections th {
    /*border: 3px solid #f9f9f9;
    border: 1px solid #CDD7E4;*/
    border-top: 1px solid #CDD7E4;
    border-left: 1px solid #CDD7E4;
    /*border: 1px solid #EEECE1;*/
    /*background-color: #DCE6F2;*/
    background-color: #EEF1F6;
    padding: 3px 10px;
    text-align: left;
    vertical-align: top;
    /*width: 20%;*/
    width: 105px;
}

table.lections td.first,
table.lections th.first {
    width: 155px;
    /*border: 3px solid #CDD7E4;*/
    border-left-width: 0px;
    /*border-right: 3px solid #CDD7E4;*/
}

table.lections th {
    background-color: #CDD7E4;
    border-color: #EEF1F6;
    border-top-width: 0px;
    font-size: 0.8em;
    font-weight: bold;
}

table.lections li {
    margin: 0px 20px;
}

table.lections td.first a:link,
table.lections td.first a:visited,
table.lections td.first a:hover,
table.lections td.first a:active {
   /* color: #557fd5; */
    color: #376092;  /* same as site default */
    text-decoration: none;
}

table.lections td.first a:visited {
    color: #948A54;  /* same as site default */
}

table.lections td a:link,
table.lections td a:visited,
table.lections td a:hover,
table.lections td a:active {
    color: #000000;  /* change to black for hovertext citations */
    text-decoration: none;
}

/*** texts ***/

.texts_msg_bar {
    background-color: #EEECE1;
    border-top: 1px solid #C4BD97;
    border-bottom: 1px solid #C4BD97;
    margin: 0px -20px 20px -20px;
    padding: 5px;
    text-align: center;
}

.dateprev {
	float: left;
	font-size:12pt;
	font-style:normal;
	letter-spacing:-2px;
	margin: 0 10px 0 -15px;

}

.datenext {
	float: right;
	font-size:12pt;
	font-style:normal;
	letter-spacing:-2px;
	margin: 0 0 0 10px;
}

.readings {
	font-size: 1em;
}

.citation {
    font-weight: bold;
    text-decoration: underline;
}

#main_text #texts .prayers_infobox {
    margin: 0px 0px 10px 10px;
    width: 75px;
}

.gototop {
    margin: 0px 0px 20px 0px;
}

.texts_msg_bar ul li {
    display: inline;
}

.texts_msg_bar ul li.easter {
    display: block;
}

 /*** prayers ***/

#main_text .prayers_infobox {
    background-color: #EEECE1;
    border: 1px solid #C4BD97;
    font-style: italic;
    float: right;
   /*font-weight: bold; */
	list-style-image: url(../images/bulletDisk.png);
    margin: 30px 0px 20px 20px;
    padding: 5px 5px 5px 15px;
    width: 125px;
}

.prayers_infobox ul {
    list-style-type: disc;
    margin: 0;
    padding: 10px;
}

.prayers_infobox li{
    margin-bottom: 10px;
}

#main_text .prayers_second_infobox {
    background-color: #DCE6F2;
    clear: right;
    font-size: 0.9em;
    font-style: italic;
    font-weight: normal;
}

#main_text .prayers_second_infobox  a:link,
#main_text .prayers_second_infobox  a:active,
#main_text .prayers_second_infobox  a:hover,
#main_text .prayers_second_infobox  a:visited  {
    color: #0A2D38;
}

#prayers ul {
    list-style-type: none;
    padding-left: 0;
}

#prayers li {
    font-weight: bold;
}

#prayers li.prayertext {
    font-weight: normal;
    margin-bottom: 20px;
    padding-left: 40px;
}

/*** rss feeds ***/
ul.bulletlist {
    font-size: 0.8em;
    list-style-type: square;
}

ul.bulletlist li {
    margin: 10px 5px;
}

/*** export ***/

ul.options {
    margin-top: 5px;
}

ul.options li {
    padding: 5px 15px;
}

ul.options img {
    padding-right: 10px;
}

ul.options ul {
    margin: 0;
}

ul.options ul li {
    padding: 5px 30px;
}

#emailpage {
    display: none;
    margin: 0;
    padding-left: 25px;
}

#emailpage p {
    margin: 0;
}

.error, .emailerror {
    color: red;
    font-size: 0.8em;
}

#confirm {
    font-size: 0.9em;
    font-style: italic;
}

#print-options {
    display: none;
}

.print-options-small {
    font-size: 0.8em;
}

.print-options-default {

}

.print-options-large {
    font-size: 1.3em;
}

.print-options-xlarge {
    font-size: 1.5em;
}

/**** faq page  ***/
#main_text .faq_highlight {
	background-color: #EEECE1;
	border: 1px solid #C4BD97;
    margin: 20px;
	padding: 15px;
	text-align: center;
	width: 325px;
}

#main_text .faq2_infobox {
    background-color: #DCE6F2;
	border: 1px solid #C4BD97;
    font-style: italic;
    float: right;
	list-style-image: url(../images/bulletDisk.png);
    margin-left: 40px;
    margin-bottom: 20px;
	margin-top: 40px;
    padding: 20px;
    width: 125px;
}

.faqcat {
	margin: 20px 0 20px 0;
	font-size: 14pt;
}

.faqlist {
	list-style-image: url(../images/bulletDisk.png);
	/*list-style-position: inside; */
	margin: 20px;
}

.faqlist .rss-box {
    background-color: #EEF1F6;
    padding: 10px;
}

.faqlist .rss-box ul {
    list-style-image: none;
}

.faqlist pre {
    background-color: #EEF1F6;
    font-size: 85%;
    overflow: scroll;
    padding: 10px;
}

.hideheading {
	font-weight: bold;
}

.hidetxt{
}



/**** citation index page  ***/
.pagetitle2 {
	font-size: 20pt;
	margin: 0 50px 20px;
	padding: 0 10px 10px 10px;
    text-align: center;
	width: 350px;
}

table.index {
    width: 590px;
    border-collapse: collapse;
    border-style: none;
}

table.index tr:nth-child(odd) {
	background-color: #EEF1F6;
}

table.index th{
    border-left: 1px solid #CDD7E4;
    background-color: #E0E9F4;
    padding: 3px 10px;
}

table.index td {
    border-top: 1px solid #CDD7E4;
    border-left: 1px solid #CDD7E4;
    padding: 3px 10px;
    text-align: left;
    vertical-align: top;
}

table.index td.first {
    width: 140px;
    border-left-width: 0px;
}

/**** contact page  ***/
.contactform label {
    float: left; /* this allows us to put a width on the label element */
    margin-right: 10px;
    text-align: right;
    width: 111px;
}

.contactform textarea {
    display: block;
}

.alert {
    background-color: #ffffff;
    border: 1px dotted #000000;
    margin: 0 15px 15px 15px;
    padding: 5px;
    text-align: center;
    width: 325px;
}

/***** liturgical colors page *****/
table.colorstable {
	width: 98%;
	border-collapse: collapse;
    border-style: none;
}

table.colorstable th{
	background-color: #e0e9f4;
	border-left:1px solid #cdd7e4;
}

table.colorstable tr:nth-child(odd){
	background-color: #eef1f6;
}

table.colorstable tr td{
	border-top: 1px solid #cdd7e4;
	border-left:1px solid #cdd7e4;
	width: 9%;
	text-align: center;
}

table.colorstable tr td:first-of-type {
	font-weight: bold;
	border-left: 0;
	width: 17%;
	text-align: left;
}	

/** add media query for ipad, so the colorstable will not bleed  **/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	table.colorstable tr th{ font-size: 10pt;}	
	table.colorstable tr td{ font-size: 10pt;}	
}

/*
table.colorstable tr td span:not(:first-of-type)::before{
	content: " or ";
	color: black;
}
*/
.container { position: relative; height: 2.5em;}
.top { position: absolute; bottom: 0; width: 100%;}
.bottom { position: absolute; top: 0; width: 100%; }
.Green { background-color: green; }
.Blue { background-color: blue; color: white; }
.Purple { background-color: purple; color: white}
.White { background-color: white; }
.Violet { background-color: violet; }
.Black { background-color: black; color: white }
.Gold { background-color: gold; }
.Red { background-color: red; }
.Rose{ background-color: #FFE4E1 }
.Scarlet { background-color: red; }

/***** search page  *****/
#search_statement {
	background-color: #EEECE1;
    border-top: 1px solid #C4BD97;
    border-bottom: 1px solid #C4BD97;
	font-size: 1.2em;
    margin: 0px -20px 0px -20px;
    padding: 5px;
}

#search_statement p{
	margin: 0px;
}

#search_results {
}

#search_results p{
	margin: 0 0 5px 0;
}

.results_infobox{
    background-color: #EEECE1;
    border: 1px solid #C4BD97;
    font-style: italic;
    float: right;
	list-style-image: url(../images/bulletDisk.png);
    margin: 20px 5px 20px 20px;
    padding: 5px 5px 5px 25px;
    width: 125px;
}

li.oneitem{
	margin: 20px;
}

.itemheading {
	font-size: 1.3em;
	font-weight: bold;
}

.showhideswitch{
	margin: 10px;
    cursor: pointer;
}

.fulltextbox {
	background-color: #EEECE1;
	width: 85%;
	padding: 10px;
	margin: 10px;
}

ul.source{
	margin-left: 40px;
}

.keys{
	color: #FF0000;
}

/**** admin ****/
p.logout {
    font-size: 0.9em;
    font-style: italic;
}

.formfooter {
	padding: 2px;
	margin: 2px 80px;
}


/**************
display searching tips on the search page sidebar,
style and code copied from Ask Cornelius page
*************/

.searchtips table {
	border-collapse: collapse;
	border-spacing:0;
}

.searchtips th {
	border:1px dotted #C0C0C0;
	font-weight:bold;
	padding:3px;
}

.searchtips td {
	border:1px dotted #C0C0C0;
	padding:3px;
}

.searchtips p {
	margin: 0 5px 20px;
}

/**** classic banners ****/
table.classic-banners td {
    padding: 0px 15px;
}


/**** PDF/Alternate Formats page ****/
ul.pdflist li {
    font-size: 9pt;
}
ul.pdflist li img {
    vertical-align: middle;
}
table.pdflist th {
    font-size: 16pt;
}
table.pdflist td {
    padding: 25px 0 0 15px;
    width: 180px;
    vertical-align: top;
}


/**** index page ****/
div.box {
    border: 1px dotted #b9cde5;
    margin: 0px 0px 20px 0px;
    padding: 10px 15px;
    width: 375px;
    /*font-size: 13pt;*/
}

div.box a:visited {
    color: #376092;  /* light blue to match regular link color - jmg 1/19/2010 */
}

ul.readings_list {
    /*font-size: 0.9em;*/
    margin: 10px 0px 0px 40px;
    list-style-type: disc;
}

ul.readings_list li ul {
    list-style-type: circle !important;
    margin: 0px 0px 0px 40px;
    text-transform: none !important;
}

ul.readings_list li.readings_list_heading,
ul.readings_list li.readings_list_heading ul li {
    padding-left: 5px;
}

#main_text p.narrative {
    /*font-size: 10pt;*/
}

/**** Daily Readings page  ***/
.daily_entry {
    margin-bottom: 20px;
}

.daily_entry p {
    margin: 0;
}

#noted_entries {
    margin: 10px 0;
}
#noted_entries ul {
    padding-left: 20px;
}