/* =General Layout Settings
-------------------------------------------------------------- */
html
{
    background-image:url('../../images/bkg-tile.jpg');
}
body
{
    background-image:url('../../images/bkg.jpg');
    background-position:top center;
    background-repeat:no-repeat;
    min-height:800px;
}
@media only screen and (max-width:722px)
{
    body
    {
        background-size:150%;
        background-position:top center;
    }
}
#copy
{
    margin-bottom:40px;
    color:rgb(218,218,218);
    font-size:.625em;
    clear:both;
}
#page-loader
{
    display:none;
    background-color:rgba(0,0,0,.5);
    background-position:center center;
    background-image:url('../../images/preloaders/small-loading.gif');
    background-repeat:no-repeat;
    -o-transition:all .3s ease-in;
    -webkit-transition:all .3s ease-in;
    -moz-transition:all .3s ease-in;
    transition:all .3s ease-in;
}
body.loading #page-loader
{
    display:block;
    z-index:5000;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.page-title
{
    font-family:'OpenSansExtrabold';
    color:rgb(255,255,255);
    text-shadow:0px 0px 5px rgba(0,0,0,.9);
    text-transform:uppercase;
    padding:10px 20px;
}
.page-title span
{
    display:block;
}
.page-content
{
    background-color:rgb(255,255,255);
    background-color:rgba(255,255,255, .9);
    padding:20px;
    box-shadow: 0px 0px 10px #000;
}
.page-content img {
max-width:100%;
}
hr.block {
    width: 55%;
height: 8px;
border-style: solid;
border-color: rgb(0, 0, 0);
background-color: rgb(0, 0, 0);
    display: block;
border-width: 1px;
}
hr.block.full {
    width: 95%;
}


/* =Navigation
-------------------------------------------------------------- */
#main-nav
{
    box-shadow: 0px 0px 10px #000;
}
#main-nav,
#main-nav li
{
    margin:0;
    padding:0;
    list-style:none;
}
#main-nav a,
#main-nav a:active,
#main-nav a:visited,
#main-nav a:link,
.no-touch #main-nav a:hover
{
    display:block;
    border-left-style:solid;
    border-left-color:rgb(51,51,51);
    border-right-style:solid;
    border-right-color:rgb(51,51,51);
    background-color:rgb(51,51,51);
    font-family:'OpenSansBold';
    text-transform:uppercase;
    text-decoration:none;
    color:rgb(255,255,255);
    -o-transition:all .3s ease-in;
    -webkit-transition:all .3s ease-in;
    -moz-transition:all .3s ease-in;
    transition:all .3s ease-in;
    outline:none;
}
.no-touch #main-nav a:hover
{
    background-color:rgb(0,0,0);
    border-right-color:rgb(0,0,0);
    border-left-color:rgb(10,10,10);
}
#main-nav li.active a,
.no-touch #main-nav li.active a:hover
{
    background-color:rgb(0,0,0);
    border-left-color:rgb(0,0,0);
    border-right-color:rgb(153,38,0);
}
/*nav sections*/
.no-touch #main-nav a.home:hover
{
    border-left-color:rgb(100,107,14);
}
#main-nav li.active a.home,
.no-touch #main-nav li.active a.home:hover
{
    border-right-color:rgb(223,234,94);
}
.no-touch #main-nav a.sermons:hover
{
    border-left-color:rgb(65,5,10);
}
#main-nav li.active a.sermons,
.no-touch #main-nav li.active a.sermons:hover
{
    border-right-color:rgb(155,13,23);
}
.no-touch #main-nav a.radio:hover
{
    border-left-color:rgb(75,28,14);
}
#main-nav li.active a.radio,
.no-touch #main-nav li.active a.radio:hover
{
    border-right-color:rgb(186,69,35);
}
.no-touch #main-nav a.devotions:hover
{
    border-left-color:rgb(13,63,10);
}
#main-nav li.active a.devotions,
.no-touch #main-nav li.active a.devotions:hover
{
    border-right-color:rgb(37,185,30);
}
.no-touch #main-nav a.mental-health:hover
{
    border-left-color:rgb(80,171,167);
}
#main-nav li.active a.mental-health,
.no-touch #main-nav li.active a.mental-health:hover
{
    border-right-color:rgb(40,87,85);
}

.no-touch #main-nav a.children-education:hover
{
    border-left-color:rgb(249,70,70);
}
#main-nav li.active a.children-education,
.no-touch #main-nav li.active a.children-education:hover
{
    border-right-color:rgb(206,6,6);
}

.no-touch #main-nav a.contact:hover
{
    border-left-color:rgb(23,92,115);
}
.no-touch #main-nav a.service-times:hover
{
    border-left-color:rgb(87,26,102);
}
#main-nav li.active a.service-times,
.no-touch #main-nav li.active a.service-times:hover
{
    border-right-color:rgb(185,80,211);
}
.no-touch #main-nav a.beliefs:hover
{
    border-left-color:rgb(85,21,0);
}
#main-nav li.active a.beliefs,
.no-touch #main-nav li.active a.beliefs:hover
{
    border-right-color:rgb(153,38,0);
}
#main-nav li.active a.contact,
.no-touch #main-nav li.active a.contact:hover
{
    border-right-color:rgb(83,185,219);
}
.no-touch #main-nav a.donations:hover
{
    border-left-color:rgb(90,83,58);
}
#main-nav li.active a.donations,
.no-touch #main-nav li.active a.donations:hover
{
    border-right-color:rgb(171,160,124);
}


/* =Navigation
-------------------------------------------------------------- */
.nav-button
{
    -webkit-border-radius-radius:4px;
    -moz-border-radius-radius:4px;
    border-radius:4px;
    background-color:rgb(207,207,207);
    text-decoration:none;
    color:rgb(85,85,85);
    padding:10px 20px;
    box-shadow:0px 0px 3px rgba(0,0,0,.4);
    border:2px solid rgb(239,239,239);
}
.no-touch .nav-button:hover
{
    color:rgb(85,85,85);
    background-color:rgb(168,168,168);
}


/* =Form Styles
-------------------------------------------------------------- */
.form-field
{
    border:6px solid rgb(228,244,250);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    padding:10px;
    width:80%;
    box-shadow:inset 2px 2px 8px rgba(0,0,0,.05);
}

/* =Misc Styles
-------------------------------------------------------------- */
blockquote
{
    font-size:1.3em;
    font-weight:bold;
    line-height:1.2;
    font-family:'OpensSansItalic';
    /*text-indent:40px;*/
    position:relative;
    background-color:rgb(219,219,219);
    padding:30px 10px 20px 10px;
    margin:20px 40px;
    -o-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    text-align:center;
}
blockquote:after,
blockquote:before
{
    font-size:5em;
    font-weight: bold;
    color:#7f7f7f;
    font-family: Georgia, "Times New Roman", Times, serif;
    height:1px;
    position:absolute;
    text-shadow:1px 1px 0px rgba(0,0,0,0.8);
}
blockquote:before
{
    content:'“';
    left:0px;
    top:-30px;
}
blockquote:after
{
    content:'”';
    vertical-align:text-top;
    bottom:32px;
    right:10px;
}
button.thoughtbot {
  background-color: #ee432e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  border: 1px solid #951100;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fff;
  font: bold 20px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 12px 10px 14px 10px;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
   }
  button.thoughtbot:hover {
    background-color: #f37873;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    cursor: pointer; }
  button.thoughtbot:active {
    background-color: #d43c28;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00));
    background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); }

/* =Devotions Styles
-------------------------------------------------------------- */
.prev-next
{
    width:100%;
    height:30px;
}
.devotion
{
    line-height:1.5em;
}
.prev-next:after
{
    content:'.';
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* =Sermons
-------------------------------------------------------------- */
.sermon
{
    margin-bottom:40px;
}
.sermon .meta
{
    color:rgb(56,56,56);
    font-size:.7em;
    margin-top:3px;
}
.sermon .title
{
    font-size:1.6em;
    font-family:'OpenSansBoldItalic';
}
.sermon .links a,
.sermon .links a:link,
.sermon .links a:active,
.sermon .links a:visited
{
    font-size:.9em;
    margin:5px 15px 0 0;
    display:inline-block;
    padding:7px 15px;
    background-color:rgb(143,24,43);
    color:rgb(255,255,255);
    text-shadow:1px 1px 0px rgba(0,0,0,.6);
    text-decoration:none;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}
.no-touch .sermon .links a:hover
{
    background-color:rgb(215,36,63);
}

/* =Social Links
-------------------------------------------------------------- */
.social,
.social li
{
    margin:0;
    padding:0;
    list-style:none;
}
.social li
{
    display:inline-block;
}
.social a,
.social a:link,
.social a:active,
.social a:visited
{
    display:block;
    width:61px;
    height:60px;
    overflow:hidden;
    background-position:top left;
    background-repeat:no-repeat;
    background-image:url('../../images/social-icons.png');
}
.social a:hover,
.touch .social a
{
    background-position-y:-60px;
}
.social .fb a
{
    background-position-x:-61px;
}