/* @override http://www.atlanticfreechurch.com/assets/templates/fiveq/css/style.css */

/* ============================================ *
 * - Atlantic EFree Church -- sitewide CSS      *
 * - created by Bryan VanHaitsma                *
 * - visit http://www.5Qcommunications.com/     *
 * -------------------------------------------- */

/* ============================================ *
 * - Global Styles & Page Defaults              *
 * -------------------------------------------- */
* {
    margin: 0;
    padding: 0;
    font-family: 'Trebuchet MS', 'Trebuchet', Arial, sans-serif;
}
body {
    font-size: 12px;
    text-align: left;
    background: #0D2E23 url(/assets/templates/fiveq/images/bg-header.jpg) 0 0 repeat-x;
}
.fix {
    clear: both;
    width: 100%;
    height: 1%;
}
a {
    text-decoration: none;
}
a span {
    text-decoration: none;
}
.podcast {
    background: url(/assets/templates/fiveq/images/rss.jpg) 0 0 no-repeat;
    padding: 2px 0px 0px 20px;
}
/* ============================================ *
 *  - HACKS                                     *
 * -------------------------------------------- */
h2.events,
h2.sermons,
#gi-location a,
#gi-contact a,
#gi-services a,
a#star,
a:hover#star,
a.btn-email,
a.btn-print,
#logo a,
#header-image {
    behavior: url(/assets/js/iepngfix.htc);
}

body {
    behavior: url(/assets/js/csshover.htc);
}
/* ============================================ *
 * - Wrappers                                   *
 * -------------------------------------------- */
#header-wrapper,
#menu-wrapper,
#page-wrapper,
#page-top,
#page-bottom,
#footer-wrapper,
a.mp3-download-btn {
    display: block;
    clear: both;
    width: 100%;
}
#header-wrapper {
    
}
/* ============================================ *
 * - Layout                                     *
 * -------------------------------------------- */
#header, #page, #footer {
    position: relative;
    width: 861px;
    margin: 0px auto;
    z-index: 100;
}
#header {
    height: 255px;
    z-index: 100;
}

#menu {
    position: relative;
    width: 900px;
    margin: 0px auto;
    text-transform: capitalize;
}

#page {
    background: url(/assets/templates/fiveq/images/content-bg.jpg) 0 0 repeat;
}

#content {
    float: left;
    position: relative;
    width: 500px;
    padding: 50px 30px;
}

#column {
    float: right;
    position: relative;
    right: 25px;
}

#footer {
    height: 95px;
    background: transparent url(/assets/templates/fiveq/images/bg-footer.jpg) 0 0 no-repeat;
}

/* ============================================ *
 *  - Utility Nav and Links                     *
 * -------------------------------------------- */

.utility-links ul {
    text-transform: lowercase;
    list-style: none;
}

.utility-links li {
    float: left;
    padding: 0px 9px 3px 0px;
    margin: 0px 5px 0px 0px;
    background: transparent url(../gui/bullet.png) no-repeat 100% 50%;
}
/* ============================================ *
 * - Header                                     *
 * -------------------------------------------- */
 
#logo {
    position: absolute;
    top: 40px;
    left: 0px;
    padding: 0;
    margin: 0;
    z-index: 100;
}
#logo a {
    display: block;
    text-indent: -5000px;
	overflow: hidden;
    width: 390px;
    height: 178px;
    background: transparent url(/assets/templates/fiveq/images/aefree-logo.png) 0 0 no-repeat;
}
#header .utility-links ul {
    margin: 9px 0 0 90px;
}
#header .utility-links ul li {
    padding: 0px;
    margin: 0px;
    opacity: 0.3;
    filter: alpha (opacity=30);
}
#header .utility-links ul li a {
    color: #000;
    height: 20px;
    display: block;
    float: left;
    width: auto !important;
    width: 1%;
    white-space: nowrap;
    font-size: 12px;
    padding: 2px 7px 0px 7px !important;
    margin: 0px;
    background: transparent url(/assets/templates/fiveq/images/bg-utility-top.gif) no-repeat center 0px;
}

#header .utility-links ul li a:hover {
    text-decoration: underline;
}
#header .utility-links ul li.first a {
    background-position: 0px bottom;
    padding-left: 10px;
}
#header .utility-links ul li.last a {
    background-position: 100% bottom;
    padding-right: 10px;
}
#header-image {
    z-index: 90;
    width: 420px;
    position: absolute;
    right: 0;
    top: -2px;
    height: 237px;
    background: transparent url(/assets/templates/fiveq/images/header-image-bg.png) 100% 0 no-repeat;
    padding: 19px 80px 0 0;
    text-align: right;
}
/* ============================================ *
 *  - Menu Controls - Level 1                   *
 * -------------------------------------------- */
#menu-wrapper {
    height: 66px;
    width: 861px;
    background: transparent url(/assets/templates/fiveq/images/bg-menu.png) no-repeat 0 100%;
    margin: 0 auto;
}
#menu ul li#home-menu-item {
    margin-left: 30px !important;
    margin-left: 15px;
}

#menu {
    width: 100%;
}

#menu ul {
    display: block;
    width: 861px;
    margin: 0px;
    list-style: none;
    position: relative;
    height: 37px;
}
#menu li {
    float: left;
    display: block;
    width: auto !important;
    width: 1%;
    white-space: nowrap;
    height: 37px;
    text-align: left;
    font-size: 14px;
    margin: 0px 0px 0px 1px;
    z-index: 1000;
}
/* OFF */
#menu li a {
    color: #fae9a7;
    display: block;
    height: 37px !important;
    padding-left: 10px !important;
    background-image: url(/assets/templates/fiveq/images/bg-menu-upper.png);
    background-position: 0px 0px;
    background-color: transparent;
    cursor: pointer;
}
#menu li a span {
    display: block;
    height: 25px;
    font-weight: normal;
    padding: 12px 10px 0px 0px;
    background-image: url(/assets/templates/fiveq/images/bg-menu-upper.png);
    background-position: 100% 0px;
    background-color: transparent;
    cursor: pointer;
}

/* Hover */
#menu li:hover a {
    background-position: 0px -37px;
    color: #000;
}
#menu li:hover a span {
    background-position: 100% -37px;
}
#menu li:hover a,
#menu li:hover a span,
#menu li.active a,
#menu li.active a span {
    background-color: transparent;
}
/* Active */
#menu li.active a,
#menu li.active a:hover {
    background-position: 0px -74px;
}
#menu li.active a span,
#menu li.active a:hover span {
    background-position: 100% -74px;
    color: #231f20;
}

/* ============================================ *
 *  - Menu Controls - Level 2                   *
 * -------------------------------------------- */
#menu li ul,
#menu li.active ul {
    position: absolute;
    left: 0px;
    top: 37px;
    height: 29px;
    display: none;
    width: 861px;
    overflow: hidden;
    z-index: 500;
}
#menu li:hover ul {
    background-image: url(/assets/templates/fiveq/images/bg-menu-lower.png);
    background-position: 0px 0px;
    background-color: transparent;
    z-index: 1100;
}
#menu li.active:hover ul {
    background-position: 0px -29px;
}
#menu ul.home li.active:hover ul {
    background-position: 0px -29px;
}
#menu ul.home li:hover ul {
    background-position: 0px -29px;
}
#menu li li {
    height: 29px !important;
    font-size: 12px;
    margin: 0px 1px 0px 0px;
    color: #000;
    font-weight: normal;
    text-align: left;
}
#menu li li a,
#menu li:hover li a,
#menu li.active li a {
    height: 29px !important;
    padding: 0px 0px 0px 10px !important;
    margin: 0px;
    background: none;
    cursor: pointer;
}
#menu li li a span,
#menu li:hover li a span,
#menu li.active li a span {
    height: 21px !important;
    padding: 8px 10px 0px 0px !important;
    margin: 0px;
    background: none;
    cursor: pointer;
}
#menu li:hover ul,
#menu li.active ul {
    display: block;
}
/* Over & Hover */
#menu li li a:hover,
#menu li li.active a {
    text-decoration: underline;
}
#menu li li.active a:hover,
#menu li li.active a {
    text-decoration: underline;
}
#menu li.active li a:hover {
    text-decoration: underline;
}
#menu li li.active a span,
#menu li li a:hover span {
    text-decoration: underline;
}

/* ============================================ *
 *  - Content Styles                            *
 * -------------------------------------------- */
#content {
    color: #2f372f;
    font-size: 12px;
    line-height: 20px;
}
#content b,
#content strong {
    font-weight: bold;
}
#content i,
#content em {
    font-style: italic;
}
#content a {
    color: #9d5739;
    text-decoration: underline;
}
#content a:hover {
    color: #9d8239;
    text-decoration: none;
}
#content p,
#statement p,
#submenu p,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    margin-bottom: 15px;
}
#content hr {
    margin-bottom: 15px;
	height: 1px;
	line-height: 1px;
    border: 1px dotted #ded9c7;
}
#content h1 {
    color: #5c221b;
    position: relative;
    font-size: 24px;
    line-height: 22px;
    padding: 0px 0px 5px 0px;
    border-bottom: 1px dotted #ded9c7;
}
#content h1.home {
    width: 100%;
}
#content h2 {
    color: #5c221b;
    border-bottom: 1px dotted #ded9c7;
    font-size: 20px;
}
#content h3 {
    color: #9d5739;
    font-size: 16px;
}
#content h4,
#content h5,
#content h6 {
    color: #736c50;
    font-size: 14px;
}
#content h5,
#content h6 {
    font-size: 12px
}
#content h6 {
    font-weight: normal;
}
#content blockquote {
    color: #9d5739;
    border: 1px solid #d3cfbc;
    padding: 16px;
    background-color: #f9f7f0;
    margin: 15px 0px 0px;
    font-style: italic;
}
#content blockquote p {
    margin: 0;
}
#content ul,
#content ol,
#content dl {
    margin: 10px 0px 10px 25px;
}

#content img {
    padding: 4px;
    border: 1px solid #ded9c7;
    background-color: #fbf9f3;
}
#content img.left {
    float: left;
    margin: 0px 15px 15px 0px;  
}
#content img.right {
    float: right;
    margin: 0px 0px 15px 15px;
}
#content li li,
#content dd dd {
    font-size: 11px;
}
#content table a,
#content table a:link,
#content table a:visited {
    border: none;
}
#content table {
    width: 100%;
    border-top: 1px solid #d3cfbc;
    border-right: 1px solid #d3cfbc;
    margin: 0 auto 20px auto;
    border-collapse: collapse;
    background-color: #f5efdc;
}
#content table caption {
    color: #9d5739;
    font-size: 12px;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: bold;
    caption-side: top;
    text-align: left;
    text-transform: capitalize;
}
#content table tr.odd td {
    background-color: #f9f7f0;
}
#content table tr.odd .column1 {
    background-color: #e8e4d4;
}
.column1 {
    background-color: #e9debe;
}
#content table thead tr.odd td.column1,
#content table tfoot tr.odd td.column1 {
    background-color: #cfc8a9;
}
#content table td {
    border-bottom: 1px solid #d3cfbc;
    border-left: 1px solid #d3cfbc;
    padding: 6px 8px;
    text-align: left;
    vertical-align: top;
}
#content table th {
    font-weight: bold;
    color: #582e00;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #d3cfbc;
    border-left: 1px solid #d3cfbc;
    padding: 6px 8px;
    background-color: #e6dfc8;
}
#content table thead th,
#content table tfoot th {
    background: #cfc8a9;
    text-align: center;
    color: #000;
    font-size: 12px;
}
#content table tfoot th strong {
    font-size: 12px;
}
#content table tfoot th em {
    font-weight: bold;
    font-size: 12px;
    font-style: normal;
}
#content td p,
#content th p {
    margin: 0;
    padding: 0;
}

.errors {
    color: #f00;
}
#wlpeResetEmail,
#wlpeUserProfileForm input,
#wlpeLoginForm input,
input.date,
input.text,
select.text,
textarea.textarea {
    padding: 3px;
    color: #000;
    font-size: 14px;
    line-height: 14px;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #fefefe;
}
input.date {
    width: 125px;
}
input.text {
}
select.text {
}
#wlpeResetCancelButton,
#wlpeResetButton,
#wlpeProfileButton,
#wlpeLogoutButton,
#wlpeSaveProfileButton,
#wlpeRegisterButton,
#wlpeLoginButton,
input.submit,
button.submit {
    color: #eee;
    font-weight: bold;
    padding: 4px 8px;
    font-size: 12px;
    text-transform: lowercase;
    border-bottom: 1px solid #5f271d;
    border-right: 1px solid #5f271d;
    border-top: 1px solid #b55c4c;
    border-left: 1px solid #b55c4c;
    background: #7f4136;
}
#wlpeResetCancelButton:hover,
#wlpeResetButton:hover,
#wlpeProfileButton:hover,
#wlpeLogoutButton:hover,
#wlpeSaveProfileButton:hover,
#wlpeRegisterButton:hover,
#wlpeLoginButton:hover,
input:hover.submit,
button:hover.submit {
    color: #fff;
    border-top: 1px solid #5f271d;
    border-left: 1px solid #5f271d;
    border-bottom: 1px solid #b55c4c;
    border-right: 1px solid #b55c4c;
}

form img {
    border: 1px solid #d3cfbc;
    display: block;
    margin-bottom: 5px;
}

textarea.textarea {
    line-height: 18px;
    width: 330px;
    padding: 3px;
}
#wlpeReminderButton {
    margin: 5px 10px;
    height: 20px;
    width: 100px;
    color: #5f271d;
    padding: 0px !important;
    background: none;
    border: none;
    border-bottom: 1px solid transparent;
}
#wlpeReminderButton:hover {
    border-bottom: 1px solid #5f271d;
}
#wlpeUserForm,
#wlpeUserButtons {
    border: none;   
}


/* ============================================ *
 *  - Sidebar                             *
 * -------------------------------------------- */
#column {
    width: 270px;
    margin-top: 50px;
    background: url(/assets/templates/fiveq/images/sidebar-bg.gif) 0 0 repeat-y;
}
.shadow-wrapper {
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 5px 20px 5px;
}
.shadow-bottom {
    height: 7px;
    background: url(/assets/templates/fiveq/images/sidebar-shadow-bottom.jpg) 0 100% no-repeat;
}
#column h3 {
    color: #9d5739;
    font-size: 15px;
    margin: 10px 0;
}
#column h3.sermons {
   height: 24px;
   color: #0c2f23;
   padding: 4px 0 0 28px;
   background: url(/assets/templates/fiveq/images/sidebar-icons.jpg) 0 -29px no-repeat;
}
#column h3.newsletter {
    color: #0c2f23;
    height: 24px;
    padding: 4px 0 0 28px;
    background: url(/assets/templates/fiveq/images/sidebar-icons.jpg) 0 -55px no-repeat;
}
#column p {
    margin: 3px 0;
}
#column h4,
#column a {
    color: #5a2118;
}
#column a:hover {
    color: #945931;
}
#upcoming-events,
#latest-sermon {
    background: url(/assets/templates/fiveq/images/sidebar-features-bg.jpg) 0 0 repeat-x;
    padding: 10px 12px;
}
#column .podcast {
    margin-left: 10px;
}
/* ============================================ *
 *  - email newsletter                          *
 * -------------------------------------------- */
#email-signup label {
    color: #5a2118;
    width: 40px;
    display: block;
    float: left;
    padding-top: 5px;
}
#email-signup input.field {
    width: 165px;
    border: 0;
    background: transparent url(/assets/templates/fiveq/images/email-signup-input.jpg) 0 0 no-repeat;
    height: 24px;
    padding: 3px 5px;
    font-size: 13px;
}
#email-signup .aright {
    text-align: right;
    padding-right: 35px;
}
#emailsubmit {
    text-indent: -5000px;
    overflow: hidden;
    font-size: 0px;
    width: 77px;
    height: 30px;
    border: 0;
    cursor: pointer;
    background: transparent url(/assets/templates/fiveq/images/email-signup-button.jpg) 0 0 no-repeat;
}
#emailsubmit:hover {
    background-position: 0 -30px;
}
/* ============================================ *
 *  - Button Styles                             *
 * -------------------------------------------- */
a.btn-email,
a.btn-print {
    position: relative;
    height: 22px;
    text-decoration: none !important;
    cursor: pointer;
    overflow: hidden;
    display: block;
    margin: -20px 0 0 0;
    padding: 0 0 0 25px;
    vertical-align: bottom;
    z-index: 500;
}
a.btn-email {
    float: right;
    margin-right: 20px;
    background: transparent url(/assets/templates/fiveq/images/icon-email.png) 0px 0px no-repeat;
}
a.btn-print {
    float: right;
    background: transparent url(/assets/templates/fiveq/images/icon-print.png) 0px 0px no-repeat;
}

a.button,
a.button span {
    text-decoration: none !important;
    width: auto !important;
    width: 1%;
    white-space: nowrap;
    display: block;
    color: #692904;
    cursor: pointer;
    background-image: url(/assets/templates/fiveq/images/button.jpg);
}
a.button {
float: left;
    margin: 7px 7px 7px 0;
    height: 34px !important;
    padding: 0px 0px 0px 18px !important;
    background-position: 0 0;
}
a.button span {
    color: #53211a !important;
    font-size: 14px;
    line-height: 14px;
    height: 25px;
    padding: 9px 28px 0px 0px;
    background-position: 100% 0;
}
a:hover.button {
    background-position: 0px -34px;
}
a:hover.button span {
    background-position: 100% -34px;
}



/* ============================================ *
 *  - Footer                                    *
 * -------------------------------------------- */
#footer .utility-links {
    float: right;
    bottom: 48px;
    margin: 30px 0px 0px 0px;
}
#footer .utility-links li {
    font-size: 11px;
}
#footer .utility-links li.last a {
    border: none;
    padding: 0px;
}
#footer .utility-links ul li a {
    border-right: 1px solid #ccc6af;
    color: #f7ebc6 !important;
    padding: 0px 10px 0px 0px;
}
#footer .utility-links ul li a:hover {
    text-decoration: underline;
}

#legal {
    float: left;
    margin: 30px 15px 0px 10px;
    font-size: 11px;
    color: #ccc6af;
}
a#fiveq-sticker {
    display: block;
    float: right;
    clear: right;
    margin: 10px;
    height: 15px;
    width: 100px;
    background: url(/assets/templates/fiveq/images/fiveq-sticker.gif) no-repeat 0px 0px;
    text-indent: -1000px;
    overflow: hidden;
}
a#fiveq-sticker:hover {
    background-position: 0px -15px;
}


/* ============================================ *
 *  - home page styles                          *
 * -------------------------------------------- */

.group {
    width: 100%;
    clear: left;
    overflow: hidden;
    padding-top: 20px;
}
.group .inner-col-left {
    width: 240px;
    float: left;
}
.group .inner-col-right {
    width: 240px;
    float: right;
}

#content ul.landing li,
.home-item {
    background-color: #fefaec;
    border-top: 1px dotted #b0aa90;
    border-collapse: collapse;
    padding: 7px 12px;
    list-style: none;
}

#content ul.landing {
    margin: 0px 0px 0px 0px;
    border-bottom: 1px dotted #b0aa90;
}

#content ul.landing li p.details {
    width: 405px;
    font-size: 11px;
    color: #5e645a;
}
#pageFunctions {
    display: block;
    width: 130px;
    float: right;
    margin-top: 20px;
}


#home .inner-col-left a,
#home .inner-col-right a {
    text-decoration: none;
    color: #824237;
    font-weight: bold;
}

#home .inner-col-left a:hover,
#home .inner-col-right a:hover {
    text-decoration: underline;
}

#content ul.landing li h4,
#home .home-item h4 {
    font-size: 14px;
    margin-bottom: 0px;
    color: #5a2118;
}

#content ul.landing li p,
#home .home-item p {
    margin: 0;
    line-height: 15px;
}

#home #content h2 {
    font-weight: normal;
    height: 28px;
    padding: 8px 0 0 40px;
}
#home #content h2.events {
    background: transparent url(/assets/templates/fiveq/images/icon-calendar.png) no-repeat 0px 0px;
}
#home #content h2.sermons {
    background: transparent url(/assets/templates/fiveq/images/icon-microphone.png) no-repeat 0px 0px;
}

#home .intro {
    color: #2f372f;
    font-weight: bold;
    margin: 12px 0;
}

p.closer {
    border-top: 1px dotted #b0aa90;
    padding-top: 10px;
}

#home .group p.closer a {
    margin-left: 10px;
}


/* home sidebar */

#home .shadow-wrapper {
    padding: 5px 20px 10px;
}


a#star {
    display: block;
    height: 75px;
    width: 75px;
    position: absolute;
    z-index: 2000;
    top: -20px;
    right: 220px;
    background: transparent url(/assets/templates/fiveq/images/star.png) 0 0 no-repeat;
    text-indent: -1000px;
}

a:hover#star {
    cursor: pointer;
    background: transparent url(/assets/templates/fiveq/images/star-hover.png) 0 0 no-repeat;
}

#home #new-to-atlantic {
    padding: 10px 30px 10px 60px;
}

#general-info h2 {
    color: #0c2f23;
}

ul.side-nav {
    margin-top: 10px;
}
ul.side-nav,
#general-info ul {
    margin: 10px 0px;
    list-style-type: none;
    border-bottom: 1px dotted #b0aa90;
}
ul.side-nav li a,
#general-info ul li a {
    display: block;
    border-top: 1px dotted #b0aa90;
    height: 20px;
    padding: 8px 0 7px 45px;
    font-size: 15px;
    font-weight: bold;
    background-color: #f7f2e1 !important;
}
#general-info ul li#gi-location a {
    background: transparent url(/assets/templates/fiveq/images/icon-globe.png) no-repeat 0px 0px;
}
#general-info ul li#gi-contact a {
    background: transparent url(/assets/templates/fiveq/images/icon-pencil-paper.png) no-repeat 0px 0px;
}
#general-info ul li#gi-services a {
    background: transparent url(/assets/templates/fiveq/images/icon-clock.png) no-repeat 0px 0px;
}

body ul.side-nav li.active a,
ul.side-nav li a:hover,
#general-info ul li a:hover {
    background-color: #fbf8ee !important;
}

body ul.side-nav a {
    background-image: none;
    padding-left: 10px;
}

#home-player,
#latest-sermon div.listen-player {
    background-color: #fbf9f3;
    width: 100%;
    display: block;
    height: 32px;
    margin: 10px 0px;
    border: 1px dotted #999;
    border-right: none;
    border-left: none;
}
#sound {
    float: left;
}
#home-player span,
#latest-sermon div.listen-player span {
    padding: 5px 8px 0px 5px;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    display: block;
    float: left;
}
#home-player {
    background-color: #f8ebc8;
}

#todays-scripture h2 {
    color: #0c2f23;
}

#todays-scripture h3 {
    background: none;
    padding: 0;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 12px;
    height: auto;
}

#todays-scripture h3 a {
    color: #000;
    line-height: 12px;
}
#todays-scripture p {
    margin-top: 0;
    padding: 0;
}


/* ============================================ *
 *  - Prayer Requests                           *
 * -------------------------------------------- */

p.date {
    margin: 15px;
    color: #999;
}

ul.landing li p.prayer-request {
    padding: 10px 0;
}

p.author {
    text-align: right;
}

.date-button img {
    display: inline;
}


/* ============================================ *
 *  - Misc                                      *
 * -------------------------------------------- */

#sermon-archive strong a {
    text-decoration: none;
}

#sermon-archive a img {
    border: none;
}

.profile-update-success {
    background-color: #44846b;
    color: #fff;
    font-weight: bold;
    margin: 10px 0;
    padding: 2px 5px;
    border: 2px solid #137353;
}

.note {
    font-style: italic;
    margin-top: 50px;
    padding: 5px;
    border: 1px dotted #999;
    color: #666;
}

#mp3-player-small {
    display: block;
    height: 32px;
    width: 32px;
    float: right;
}

a.mp3-download-btn {
    float: right;
    display: block;
    height: 32px;
    width: 32px;
    overflow: hidden;
    text-indent: -1000px;
    background: transparent url(/assets/templates/fiveq/images/btn-mp3-download.png) no-repeat 0px 0px;
}