/*** default html tags ***/
html * { padding:0; margin:0; }
body { background: #fff; width: 850px; font:medium sans-serif; margin-left: auto; margin-right: auto; }
h1 { font-weight:normal; font-size: 1.5em; }
h2 { margin-bottom:.8em; font-size: 1.3em; }
h2 span { font-size:80%; color:#666; font-weight:normal; }
h3 { margin:1em 0 .5em 0; }
h4 { margin:0 0 .5em 0; font-weight: normal; }
textarea { font-size: 130%; border: 1px solid #ccc; }
.old { border:1px solid #ddd;width:96%;height:150px;padding:.5em;color:#003F5B;margin-top:2px;margin-left:auto;margin-right:auto;}
ul { }
li { }
p { }
a { font-weight: normal; color: #003F5B; }
a:hover { text-decoration: none; }
label { padding: 5px; text-align:right; }
input { padding: .2em; font-size: 110%; border: 1px solid #ccc;}
select { padding: .1em; border: 1px solid #666; font-size: 105%;}

/*** site-wide class defs ***/
.bold { font-weight: bold; }
.nodec { text-decoration: none; }
.color1 { color: #556; }
.left { float: left; text-align: left; }
.right { float: right; text-align: right; }
.mtop5 { margin-top: 5px; }
.mtop10 { margin-top: 10px; }
.mtop20 { margin-top: 20px; }
.mleft5 { margin-left: 5px; }
.mleft10 { margin-left: 10px; }
.mright5 { margin-right: 5px; }
.mright10 { margin-right: 10px; }
.mcenter { margin-left: auto; margin-right: auto; }
.center { text-align: center; }
.font-90pcnt { font-size: 90%; }
.font-85pcnt { font-size: 85%; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.button-submit { padding: 4px; border: 1px solid #000; }
.fal-button { padding: 2em; border: 1px solid #bbb; background: #f6f6f6; }
.error { background: #FFCCFF; border: 1px solid #CC0000; }
.form-error { color: red; margin-left: 2em; }
.tags { font-size: 75%; margin-top: 1em; margin-left: .4em; }
.tag { padding: .3em; margin-left: .4em; border: 1px solid #bbb; background-color: #e0ebff; }

/*** base ***/


/** header **/
#header { overflow: hidden; margin-top: 1em; height: 75px; }
#header h2 { font-weight: normal; color: #666; }
#header-left { float: left; }
#header-middle { float: left; padding-left: 1em; padding-top: .5em;  }
#header-right { float: right; }
#header-links { }
#header-top { overflow: hidden; height: 33px; }
#header-bottom { overflow: hidden; height: 42px; }
#header-bottom .title { padding-top: .2em; height: 100%; overflow: hidden; font-weight: bold;}
#header-nav { padding-top: .2em; height: 100%; overflow: hidden; font-weight: bold;}
#header ul { list-style-type: none; }
#header li { display: inline; padding: .3em; border: 1px solid #ccc; background: #eee; }
#header li:hover { background: #fff; }
#header li a { text-decoration: none; font-weight: bold; }

/** prayer-form **/
#prayer-form { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: .5em; padding: 5px; background-color:#f6f6f6; font-size: 90%; overflow: hidden; }
#prayer-form .title { font-size: 110%; font-weight: bold; }
#prayer-form .desc { margin-left: 10px; margin-right: 10px; padding: 3px; }
#prayer-form .text {  padding: 5px; width: 97%; margin-left: auto; margin-right: auto; /* border: 1px solid #000;*/ }
#prayer-form .fields { padding: 5px 15px 0px 15px; overflow: hidden; }
#prayer-form .posting { padding: 1px; font-size: 110%; }
#prayer-form .form-submit { padding: 4px; border: 1px solid #000; }
#prayer-form .error { background: #FFCCFF; border: 1px solid #CC0000;  }
#prayer-form .success { background: #99FF99; border: 1px solid green; }
#prayer-form .textarea { padding: 5px; width: 98%; /* border: 1px solid #000; */ }
#prayer-form-notify { padding: .5em; text-align: center; margin-left: auto;margin-right: auto;}

/** content **/
#content { overflow: hidden; margin: 0; padding: 0; }
#content-footer { 
  border-top: 1px solid #bbb;
  display: block; margin-top: 7em; color: #bbb; 
  width: 80%; margin-left: auto; margin-right: auto; 
  margin-bottom: 2em; 
  text-align: center; font-size: 80%; }
#content-footer ul { list-style-type: none; }
#content-footer ul li { display: inline; padding-left: 1em; }
#content-footer a { font-weight: bold; text-decoration: underline; color: #bbb;  }
#content-footer a:hover { text-decoration: none; }

#content-nav { border-bottom: 1px solid #bce; height: 30px; clear:both; }
#content-nav h3 { float: left; text-align: left; font-size: 14px; line-height: 30px; margin-bottom: 0px; }
#content-nav h2 { float: left; font-size: 16px; line-height: 30px; margin-bottom: 0px; }
#content-nav h2 a { color: #000; }

#content-nav-tab { float: right; position: relative; font-weight: bold; }
#content-nav-tab a {background: #eee; border: 1px solid #eee; color: #777; display: block; float: left; height: 20px; line-height: 22px; margin: 8px 8px 0 0; padding: 0 11px 0 11px; text-decoration: none; }
#content-nav-tab a:hover { background: #fff; border: 1px solid #777; border-bottom-color: #fff; line-height: 20px; margin-top: 9px; }
#content-nav-tab a.active {background: #fff;  border: 1px solid #777; border-bottom-color: #fff; color: black; height: 26px; line-height: 28px; margin-top: 3px; padding: 0px 11px 0px 11px; }

#content-body { overflow: hidden; margin-top: 10px; padding: 0px; height: 99%; }
#content-left { float: left; width: 75%; background-color: #fff; }
#content-right { float: right; width: 24%; background-color: #fff; }
#content-left-hdr { display: block; width: 75%; margin-top: 10px; margin-left: auto; margin-right: auto; color: #011cbf; }
#content .left-wide { float: left; width: 100%; padding: 0px; }
#content .right-narrow { float: right; width: 100%; }
#content .left-narrow { float: left; width: 200px;  }
#content .right-wide { float: right; width: 610px;  }

#content-subnav { overflow: hidden; display: block; float: left; width: 110px; padding: 5px;}
#content-subnav ul { list-style-type: none; }
#content-subnav li { border: 1px solid #bce; margin-top: 5px; padding: 8px 3px 8px 3px; }
#content-subnav li.active { background-color: #ccd; }
#content-subnav li a { text-decoration: none; padding: 5px 5px 5px 5px; color: #000; }

#c-right-menu-item { padding: 2px; border: 1px solid #cce; }

/** fal form **/
#fal-form { background-color:#f6f6f6; }
#form { font-size: 90%; }
#form .posting { padding: 1px; font-size: 110%; }
#form .form-submit { padding: 4px; border: 1px solid #000; }
#form-notify { padding: .5em; text-align: center; margin-left: auto;margin-right: auto;}
#form .error { background: #FFCCFF; border: 1px solid #CC0000;  }
#form .success { background: #99FF99; border: 1px solid green; }
#form .textarea {background:#fff; padding: 5px 10px; display: block; overflow: hidden;}

/* postings */
#posting-sort { display: block; margin-bottom:1.3em; margin-top:.8em; padding: 5px; }
#posting-sort a { margin-left: .4em; }
#posting-sort a:hover { }
#posting { background:#fff; padding: 10px 20px; display: block; overflow: hidden; margin-top: 1.5em; }
#posting .text { color:#000; font-size: 90%; }
#posting-desc { display: block; margin-top: .5em; font-size: 70%; color: #666; overflow: hidden; }
#posting-desc a { color:#011cbf; text-decoration: none; font-size: 110%; }
#posting-desc a:hover { text-decoration: underline; }

#comments { }
#comments-header { background:#fff; padding: 10px 20px; display: block; overflow: hidden; margin-top: 2.5em; }
#comment { background:#fff; padding: 10px 20px; display: block; overflow: hidden; margin-top: 1.5em; }
#comment .text { color:#000; font-size: 90%; }
#comment .textarea {background:#fff; padding: 5px 10px; display: block; overflow: hidden; width: 97%;}
#comment-desc { display: block; margin-top: .5em; font-size: 70%; color: #666; }
#comment-desc img { border: 1px solid #ccc; }
#comment-desc a { color:#011cbf; text-decoration: none; font-size: 110%; }
#comment-desc a:hover { text-decoration: underline; }
#comment-desc .profile-img { float: left; padding: .2em; border: 1px solid #666; }
#comment-desc .desc { float: left; display: block; margin-left: 1em; }
#comment-desc .info { display: block; }
#comment-desc .feedback { display: block; margin-top: .4em; }

/* panel */
#panel { margin: 0; padding: 0; overflow: hidden; }
#panel-block { background: #fff; padding: 10px; border: 1px solid; display: block; }
#panel-block .form-text { width: 95%; border: 1px solid #666; padding: 3px; font-size: 105%; }
#panel-block .button-large { width: 99%; border: 1px solid #666; padding: 4px; font-size: 105%; }
#panel-block a { color:#011cbf; }

/* profile */
#profile { background:#fff; padding: 10px 20px; display: block; overflow: hidden; margin-top: 1.5em; }
#profile .profile-img { display: block; overflow: hidden; width: 250px; float: left; margin-right: 10px; }
#profile img { }
#profile .profile-info { display: block; overflow: hidden; float: left: width: 50%; padding-left: 1em; }
#profile .title { font-weight: bold; margin-top: 5px; display: block;}
#profile .item { border-bottom: 1px solid #000; display: block; font-size: 85%; padding-bottom: 4px; }

/* pagination */
#pagination { margin-top: 1em; font-size: 75%; }
#pagination * { padding-left: .5em; }
#pagination a { color: #011cbf; font-weight: bold; text-decoration: underline; }
#pagination a:hover { text-decoration: none; }

/* search */
#search { background:#fff; padding: 10px 20px; display: block; overflow: hidden; margin-top: 1.5em; border: 1px solid #666; }
#search-title { background:#eee; padding: 5px; display: block; overflow: hidden; border-bottom: 1px solid #666; }
#search-title .photo { width: 100px; }
#search-title .name { width: 400px; margin-left: 1em; }
#search-title .gender { width: 50px; margin-right: .3em; }
#search-result { padding: 8px; border-bottom: 1px solid #666; display: block; overflow: hidden;}
#search-result .photo { width: 100px; }
#search-result .name { width: 400px; margin-left: 1em; }
#search-result .gender { width: 50px; margin-right: .3em; }

/* simple-form */
#simple-form { background:#fff; padding: 10px 20px; display: block; overflow: hidden; border: 1px solid #666;}
#simple-form label { width: 30%; padding: 5px; text-align:right; display: inline; float: left; }
#simple-form input { width: 40%; margin-left: .5em; padding: .1em; font-size: 105%; border: 1px solid #666;}
#simple-form select { width: 40%; margin-left: .5em; padding: .1em; border: 1px solid #666; font-size: 105%;}

/* prayer */
/* prayer list */
#prayer-stat { float: left; width: 10%; margin-left: 2px; text-align: center; padding: 1px; }
#prayer-stat .button { width: 47px; background: #eee; text-align: center; font-size: 80%; padding: 2px; border: 1px solid #ccc; }
#prayer-stat .comments { width: 47px; text-align: center; font-size: 60%; border: 1px solid #eee; padding: 1px; }
#prayer-body { overflow: hidden; display: block; margin-left: 5px; }
#prayer-userstat {float: left; width: 22%; display: block; overflow: hidden; margin-left: 2px; text-align: center; padding: 1px; }
#prayer-userstat .button { float:left; width: 55px; margin-left: 5px; background: #eee; text-align: center; font-size: 80%; padding: 2px; border: 1px solid #ccc; }
#prayer-footer { overflow: hidden; }
#prayer-footer .tags { font-size: 85%; margin-left: .4em; }
#prayer-footer .tag { padding: .3em; margin-left: .4em; border: 1px solid #bbb; background-color: #e0ebff; }

.prayer-list { padding: 0px 10px 10px 10px; margin-top: 15px; overflow: hidden; border-bottom: 1px solid #666; }
.prayer-tags { margin-top: .2em; }
.arrow { }
.count { font-size: 120%; }
.label { font-weight: bold; }
.prayer-body { width: 520px; float: left; margin-left: 10px; }
.prayer-body-full { width: 100%; float: left; margin-left: 10px; }
.prayer-text { font-size: 95%; }
.prayer-error { font-size: 90%; background: #FFCCFF; border: 1px solid #CC0000; padding: 1px; text-align: center; overflow: hidden; width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 5px; } 
.prayer-user { float: right; padding: 2px; width: 160px; text-align: left; background: #bce; font-size: 70%; border: 1px solid #ccc; }
.user-info { }
.user-img { float: left; width: 55px; }
.user-details { float: right; width: 105px; overflow: hidden; }
.prayer-end { width: 100%; float: left; border-bottom: 1px solid #666; padding: 5px; font-size: 80%; }
.info { margin-left: 60px; }
.prayer-userinfo { font-size: 80%; }

/* standard aligns */
.set-right { float: right; padding: 5px; margin: 0; }
.ls15 { margin-left: 15px; }

/* standard defines */
.tac { text-align: center; }
.fs110 { font-size: 110%; }
.fs130 { font-size: 130%; }
.fs150 { font-size: 150%; }
.fwb { font-weight: bold; }
.notd { text-decoration: none; }
.fcblack { color: #000; }