/* $image1, image, Main Texture, /_assets/img/textures/grain5.png */
/* $color1, color, Page */
/* $color2, color, Header */
/* $color3, color, Nav */
/* $color4, color, Nav Text */
/* $color5, color, Banner / Footer */
/* $color6, color, Banner / Footer Text */
/* $color7, color, Text */
/* $color8, color, Links */
/* $color9, color, Text Alt 1 */
/* $color10, color, Text Alt 2 */
/* $color11, color, Text Alt 3 */
/* $color12, color, Text Alt 4 */
/* Image 1 - Main Texture */
/* Colorbox Styles
================================================== */
#footer, #nav-search, #desktop-nav, a.small-button-1, a.small-button-2, a.large-button-1, a.large-button-2, form button, form input[type='submit'] { /* $image1 */ background-image: none; }

/* Color 1 - Page
================================================== */
#page-wrap, #mobile-nav, #nav > li > ul, #nav > li > ul > li > a:hover, #nav > li > ul > li.current > a, .ui-selectmenu-menu, #rotator #prev:hover, #rotator #next:hover, .ui-selectmenu-menu .ui-selectmenu-item-focus a { /* $color1 */ background-color: #1f2799; }

table caption, a.large-button-1, a.large-button-2, a.large-button-3, a.small-button-1, a.small-button-2, a.large-button-1:hover, a.large-button-2:hover, a.large-button-3:hover, a.small-button-1:hover, a.small-button-2:hover, form button, form input[type='submit'], #rotator #prev, #rotator #next, #mobile-nav #social-links li a, #footer-latest .titles a:hover, #blog a.blog-comment-number div, #events .content .calendar th, #events .tabs-links li.ui-tabs-active a { /* $color1 */ color: #1f2799; }

::selection { /* $color1 */ color: #1f2799; }

::-moz-selection { /* $color1 */ color: #1f2799; }

#menu-more-links > li > ul:after { /* $color1 */ border-top-color: #1f2799; }

/* Color 2 - Header
================================================== */
header#primary, header#mobile-header { /* $color2 */ background-color: #6c92cf; }

#social-links li a { /* $color2 */ color: #6c92cf; }

/* Color 3 - Nav
================================================== */
#nav-search, #desktop-nav { /* $color3 */ background-color: #0d0070; }

::selection { /* $color3 */ background-color: #0d0070; }

::-moz-selection { /* $color3 */ background-color: #0d0070; }

/* Color 4 - Nav Text
================================================== */
#nav > li > a, #nav-search #searchForm input { /* $color4 */ color: #ffffff; }

#nav-search #searchForm a { /* $color3 */ color: #0d0070; /* $color3 */ color: rgba(13, 0, 112, 0.8); }

/* Color 5 - Banner / Footer
================================================== */
#banner, #footer { /* $color5 */ background-color: #98bef0; }

/* Color 6 - Banner / Footer Text
================================================== */
#footer, #footer a, #caption { /* $color6 */ color: #000000; /* $color6 */ color: rgba(0, 0, 0, 0.6); }

#caption h1, #footer a:hover,p.list-time-month,.featured-description:hover p,.calendar td  > a:hover { /* $color6 */ color: #000000; }

#footer #logo-footer { /* $color6 */ border-right-color: rgba(0, 0, 0, 0.35); }

.pager span { /* $color6 */ background-color: #000000; /* $color6 */ background-color: rgba(0, 0, 0, 0.35); }

.pager span:hover, .pager span.cycle-pager-active { /* $color6 */ background-color: #000000; }

/* Color 7 - Text
================================================== */
html, h6, #mobile-nav, .ui-selectmenu-status, .ui-selectmenu-menu li a, #sidebar .sidebar-title, #searchForm #search_term, #subnav > li.current > a, #subnav > li.current > ul > li > a, #nav > li > ul > li > a, #menu-more-links > li > ul > li > a, #menu-more-links > li > ul > li > ul a,#event-nav li.active a, .featured-start,.calendar td > a { /* $color7 */ color: #ededed; }

article.event .meta,#blog .meta, #articles .meta, #articles .featured h2, #searchForm a, #mobile-home > li > a, #menu-more-links > li > a, #menu-more-links > li > a .icon, #menu-more-links > li > .hotspot .icon, #event-tabs .tabs-links li a,.calendar-month, .list-month-title,#event-control-bar .event-list-title,.list-weekday,.ui-selectmenu-status,#event-nav li a:hover,.ui-selectmenu-menu li a,.ui-selectmenu-status,.list-event-next.hasNext,.list-event-prev.hasPrev { /* $color7 */ color: #ededed; /* $color7 */ color: rgba(237, 237, 237, 0.7); }

.module .dateTime, .module .dateTime span, .module #tweets .meta a { /* $color7 */ color: #ededed; /* $color7 */ color: rgba(237, 237, 237, 0.5); }

#searchForm a { /* $color7 */ color: #ededed; /* $color7 */ color: rgba(237, 237, 237, 0.3); }

#footer-latest .titles a:hover { /* $color7 */ background-color: #ededed; /* $color7 */ background-color: rgba(237, 237, 237, 0.5); }

.calendar th:nth-of-type(odd) { /* $color7 */ background-color: #ededed; }
.calendar th:nth-of-type(even) { /* $color7 */ background-color: #ededed; }

#footer-latest .titles a { /* $color7 */ background-color: #ededed; /* $color7 */ background-color: rgba(237, 237, 237, 0.3); }

#sidebar-nav,.list-weekday { /* $color7 */ border-left-color: #ededed; /* $color7 */ border-left-color: rgba(237, 237, 237, 0.3); }

.module, #articles .featured, .ui-selectmenu-dropdown, .ui-selectmenu-menu-dropdown, #events #event-tabs .tabs-links li a, th:nth-of-type(odd), td:nth-of-type(odd) { /* $color7 */ background-color: #ededed; /* $color7 */ background-color: rgba(237, 237, 237, 0.07); }

/* Color 8 - Links
================================================== */
a, h2, h4, form legend, #events .date .day, #rotator #prev:hover, #rotator #next:hover, #sermons aside.left ul.list li a, #sermons aside.left ul.mcms_filter_list li a, #sermons article .meta a, #sermons article h3 a:hover { /* $color8 */ color: #08f582; }

a.small-button-1, a.large-button-1, a.large-button-3:hover, a.large-button-2:hover, a.small-button-2:hover, form button, form input[type='submit'], #pagination a:hover, #pagination a#current, #social-links li a, #rotator #prev, #rotator #next, #events .content .calendar th, #events #event-tabs .tabs-links li.ui-tabs-active a, #sermons article .highlight, #sermons .highlight, #sermons #pagination a:hover, #sermons #pagination a#current,.calendar td  > a:hover, .list-time-month { /* $color8 */ background-color: #08f582; }

#subnav > li.current { /* $color8 */ border-left-color: #08f582; }

/* Color 9 - Link Alt 1
================================================== */
a.small-button-1:hover, a.small-button-2, a.large-button-2, #footer-latest .titles .ui-state-active a, #footer-latest .titles .ui-state-active a:hover { /* $color9 */ background-color: #fafafa; }

a.small-button-1:hover { /* $color9 */ background-color: #fafafa; /* $color9 */ background-color: rgba(250, 250, 250, 0.4); }

/* Color 10 - Link Alt 2
================================================== */
a:hover, .module #tweets .meta a:hover, #nav > li > ul > li > a:hover, #nav > li > ul > li.current > a, #menu-more-links > li.active > a, #menu-more-links > li.active > a .icon, #menu-more-links > li.active > .hotspot .icon, #menu-more-links > li.active > ul a:hover, #subnav > li.current > ul > li > a:hover, #footer-latest .titles .ui-state-active a, #footer-latest .titles .ui-state-active a span, .ui-selectmenu-menu .ui-selectmenu-item-focus a { /* $color10 */ color: #fa00fa; }

table caption, a.large-button-1:hover, a.large-button-3, form button:hover, form input[type='submit']:hover, #social-links li a:hover { /* $color10 */ background-color: #fa00fa; }

blockquote { /* $color10 */ border-left-color: #fa00fa; }

/* Colorbox Styles
================================================== */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/_assets/img/colorbox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(/_assets/img/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/_assets/img/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/_assets/img/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/_assets/img/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/_assets/img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/_assets/img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/_assets/img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/_assets/img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(/_assets/img/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/_assets/img/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:-7px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/_assets/img/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/_assets/img/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/_assets/img/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}