/*
Theme Name: Comcage
Theme URI: http://www.kpcog.org
Description: The original theme developed for use by Kings Point Church of God, by Comcage, LLC.
Version: 1.0
Author: Comcage, LLC.
Author URI: http://www.comcage.com
Tags: Comcage
*/

/* Wordpress Specific Styling */
.wpcf7-not-valid-tip-no-ajax, .wpcf7-validation-errors { color: #C30; }
.wpcf7-mail-sent-ok { color: #339900; }
.gallery p img { float: left; border: 1px solid #DDD; margin: 0 10px 10px 0; padding: 7px; background: #FFF; }

/* Page Styling */
body { background: #012035; font-family: arial, verdana; font-size: 12px; }

/* Wrappers and Containers */
#header { background: url('images/bgHeader.jpg') repeat-x; height: 136px; }
#footer { background: url('images/bgFooter.jpg') repeat-x; height: 96px; color: #68bdec; }
.wrapper { position: relative; margin: 0 auto; width: 944px; }
#container { padding: 20px 0; background: #d1f7fe url('images/bgBody.jpg') repeat-x; }

/* Logo */
h1 { background: url('images/bgLogo.png') no-repeat; width: 279px; height: 136px; }
h1 a { display: block; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; }

/* Menus */
#homeMenu { position: absolute; top: 20px; left: 710px; }
#homeMenu li { float: left; padding: 2px 15px; border-right: 1px solid #FFF; font-weight: bold; letter-spacing: 1px; } 
#siteMenu { position: absolute; top: 95px; left: 315px; }
#siteMenu li { float: left; padding: 2px 7px; border-right: 1px solid #FFF; }
#homeMenu .lastLink, #siteMenu .lastLink, .subPageMenu .lastLink { border-right: none; }
#homeMenu a:visited, #homeMenu a:link, #homeMenu a:active, #siteMenu a:visited, #siteMenu a:link, #siteMenu a:active { font-size: 12px; color: #FFF; text-decoration: none; }
#homeMenu a:hover, #siteMenu a:hover { border-top: 2px solid #99ca3c; }

/* Events Box - Main Page*/
#eventTop { margin: 0 auto; background: url('images/bgEventsTop.png') no-repeat; width: 942px; height: 6px; text-indent: -9999px; line-height: 6px; }
#eventBtm { margin: 0 auto; clear: both; background: url('images/bgEventsBtm.png') no-repeat; width: 944px; height: 15px; text-indent: -9999px; line-height: 15px; padding-bottom: 20px; }
#eventLeft { float: left; background: url('images/bgEventsLeft.png') no-repeat; width: 5px; height: 380px; text-indent: -9999px; }
#eventRight { float: left; background: url('images/bgEventsRight.png') no-repeat; width: 5px; height: 380px; text-indent: -9999px; }
#eventNav { float: left; background: url('images/bgEventNav.gif') no-repeat; width: 279px; height: 380px; position: relative; z-index: 500; }
#eventImageWrap { position: relative; float: left; width: 655px; height: 380px; }
#eventImg { position: absolute; width: 655px; height: 380px; z-index: 70; }
.eventBar { position: absolute; top: 290px; left: 0px; width: 635px; padding-right: 20px; text-align: right; background: url('images/bgBlackTrans.png') repeat; z-index: 100; }
.eventTitle { font-size: 30px; font-weight: bold; color: #FFF; line-height: 40px; }
.eventTitle2 { font-size: 22px; font-weight: bold; color: #FFF; line-height: 40px; }
.eventTime { color: #FFF; font-size: 16px; padding-bottom: 10px; }


#iconLink { background: url('images/iconLink.png') no-repeat; width: 80px; height: 79px; position: absolute; left: 242px; top: 15px; z-index: 600; text-indent: -9999px; }
#iconGrow { background: url('images/iconGrow.png') no-repeat; width: 80px; height: 79px; position: absolute; left: 242px; top: 106px; z-index: 600; text-indent: -9999px; }
#iconServe { background: url('images/iconServe.png') no-repeat; width: 80px; height: 79px; position: absolute; left: 242px; top: 198px; z-index: 600; text-indent: -9999px; }
#iconMultiply { background: url('images/iconMultiply.png') no-repeat; width: 80px; height: 79px; position: absolute; left: 242px; top: 289px; z-index: 600; text-indent: -9999px; }
#eventNav a { font-size: 24px; font-weight: bold; color: #4199cb; text-decoration: none; }
#eventNav a:hover { background: url('images/bgBlackTrans5.png') repeat; color: #FFF; }
#link { position: absolute; width: 230px; top: 15px; height: 75px; padding-top: 8px; text-align: right; padding-right: 49px; }
#grow { position: absolute; width: 230px; top: 99px; height: 72px; padding-top: 20px; text-align: right; padding-right: 49px; }
#serve { position: absolute; width: 230px; top: 192px; height: 69px; padding-top: 19px; text-align: right; padding-right: 49px; }
#multiply { position: absolute; width: 230px; top: 281px; height: 74px; padding-top: 9px; text-align: right; padding-right: 49px; }
#link span, #grow span, #serve span, #multiply span { font-size: 14px; }

/* Paragraph, Missions, Media, Ministries - Main Page */
#paragraphBox { float: left; width: 364px; }
h3.mainPageParagraphTitle { background: url('images/bgMainContentBlueTop.png') no-repeat; width: 364px; height: 36px; text-indent: 10px; line-height: 30px; color: #FFF; font-size: 18px; font-weight: bold; }
.mainPageParagraph { background: #ececec; color: #3e3e3e; border-left: 2px solid #FFF; border-right: 2px solid #FFF; padding: 10px; line-height: 18px; }
#paragraphBoxBtm { background: url('images/bgMainContentBlueBtm.png') no-repeat; width: 364px; height: 12px; text-indent: -9999px; }

#ministriesBoxMainPage { float: left; margin-left: 11px; background: url('images/bgMainContentOrange.png') no-repeat; width: 182px; height: 277px; }
#mediaBoxMainPage { float: left; margin-left: 11px; background: url('images/bgMainContentGreen.png') no-repeat; width: 182px; height: 277px; }
#missionsBoxMainPage { float: left; margin-left: 11px; background: url('images/bgMainContentPurple.png') no-repeat; width: 182px; height: 277px; }

h4.mainPageServiceBoxTitle { text-align: center; color: #FFF; font-size: 18px; font-weight: bold; padding: 5px 0 15px 0; }
ul.mainPageServiceBox li { height: 25px; background: url('images/bgListArrow.png') no-repeat 10px center; }
ul.mainPageServiceBox li a { display: block; line-height: 25px; height: 25px; border-bottom: 1px solid #4db1e9; margin: 0 3px 0 2px; padding-left: 20px; color: #FFF; text-decoration: none; }
ul.mainPageServiceBox li a:hover { background: url('images/bgBlackTrans.png') repeat; overflow: hidden; }
div.contentDivider { clear: both; padding-top: 10px; text-indent: -9999px; line-height: 10px; }

/* Footer Styling */
#copyright { float: left; padding: 35px 0 0 40px; }
#address { float: right; padding: 35px 40px 0 0; }
#copyright a:visited, #copyright a:link, #copyright a:active { color: #68bdec; text-decoration: none; }
#copyright a:hover { color: #68bdec; text-decoration: underline; }

/* Beneath Footer */
#footerDS { background: url('images/bgFooterDS.png') repeat-x; height: 8px; }

/******************************************************************************************/
/************************************ Sub Page Styling ************************************/
/******************************************************************************************/

/* Sub Page Header */
#subHeaderTop { margin: 0 auto; background: url('images/bgSubHeaderTop.png') no-repeat; width: 942px; height: 6px; text-indent: -9999px; line-height: 6px; }
#subHeaderBtm { margin: 0 auto; clear: both; background: url('images/bgSubHeaderBtm.png') no-repeat; width: 944px; height: 14px; text-indent: -9999px; line-height: 15px; padding-bottom: 20px; }
#subHeaderLeft { float: left; background: url('images/bgSubHeaderLeft.png') no-repeat; width: 4px; height: 140px; text-indent: -9999px; }
#subHeaderRight { float: left; background: url('images/bgSubHeaderRight.png') no-repeat; width: 5px; height: 140px; text-indent: -9999px; }
#subHeaderNav { position: relative; float: left; background: url('images/bgSubHeaderNav.gif') no-repeat; width: 280px; height: 140px; }
#subHeaderImageWrap { position: relative; float: left; width: 655px; height: 140px; }
#subHeaderBar { position: absolute; top: 100px; left: 0px; width: 635px; line-height: 30px; text-align: right; padding-right: 20px; font-size: 20px; font-weight: bold; color: #FFF; background: url('images/bgBlackTrans.png') repeat; z-index: 100; }

#subHeaderNav a { font-size: 16px; font-weight: bold; color: #0d7ebc; text-decoration: none; }
#subHeaderNav a:hover { background: url('images/bgBlackTrans5.png') repeat; color: #FFF; }
#subHeaderNavLink { position: absolute; width: 71px; top: 19px; height: 24px; padding-top: 76px; overflow: hidden; text-align: center; }
#subHeaderNavGrow { position: absolute; left: 71px; width: 67px; top: 19px; height: 24px; padding-top: 76px; overflow: hidden; text-align: center; }
#subHeaderNavServe { position: absolute; left: 138px; width: 68px; top: 19px; height: 24px; padding-top: 76px; overflow: hidden; text-align: center; }
#subHeaderNavMultiply { position: absolute; left: 206px; width: 74px; top: 19px; height: 24px; padding-top: 76px; overflow: hidden; text-align: center; }


#subHeader112 { float: left; background: url('images/bgSubHeaderAbout.gif') no-repeat; width: 655px; height: 140px; text-indent: -9999px; z-index: 10; }
#subHeader21 { float: left; background: url('images/bgSubHeaderMinistries.gif') no-repeat; width: 655px; height: 140px; text-indent: -9999px; z-index: 10; }
#subHeader58 { float: left; background: url('images/bgSubHeaderSermons.gif') no-repeat; width: 655px; height: 140px; text-indent: -9999px; z-index: 10; }
#subHeader53 { float: left; background: url('images/bgSubHeaderPastorsBlog.gif') no-repeat; width: 655px; height: 140px; text-indent: -9999px; z-index: 10; }
#subHeader152 { float: left; background: url('images/bgSubHeaderEvents.gif') no-repeat; width: 655px; height: 140px; text-indent: -9999px; z-index: 10; }
#subHeader60 { float: left; background: url('images/bgSubHeaderDailyDevotions.gif') no-repeat; width: 655px; height: 140px; text-indent: -9999px; z-index: 10; }
#subHeader67 { float: left; background: url('images/bgSubHeaderSmallGroups.gif') no-repeat; width: 655px; height: 140px; text-indent: -9999px; z-index: 10; }
#subHeader122 { float: left; background: url('images/bgSubHeaderContact.gif') no-repeat; width: 655px; height: 140px; text-indent: -9999px; z-index: 10; }
#subHeader93 { float: left; background: url('images/bgSubHeaderLink.gif') no-repeat; width: 655px; height: 140px; text-indent: -9999px; z-index: 10; }#subHeader759 { float: left; background: url('images/youth-banner.jpg') no-repeat; width: 655px; height: 140px; text-indent: -9999px; z-index: 10; }

/* Sub Page Menu */
ul.subPageMenu { margin: 0 auto; width: 944px; text-align: center; margin-bottom: 10px; }
ul.subPageMenu li { display: inline; line-height: 19px; border-right: 1px solid #FFF; margin-bottom: 10px; }
.subPageMenu a:visited, .subPageMenu a:link, .subPageMenu a:active { color: #FFF; text-decoration: none; margin: 0px 7px; }
.subPageMenu a:hover { border-top: 2px solid #3a8dbb; margin: 0px 7px; }

/* Sub Page Title Bars */
.subContentBox { overflow: hidden; padding: 10px 10px 0 10px; border-left: 2px solid #FFF; border-right: 2px solid #FFF; color: #3e3e3e; background: #ececec; line-height: 18px; width: 920px; }
.subTitleBtm { background: url('images/bgSubContentBtm.png') no-repeat; width: 944px; height: 12px; line-height: 12px; text-indent: -9999px; padding-bottom: 20px; }
.subTitleBlue { position: relative; color: #FFF; background: url('images/bgSubContentTopBlue.png') no-repeat; width: 944px; height: 36px; line-height: 30px; font-size: 18px; font-weight: bold; text-indent: 15px; }
.subTitlePink { position: relative; color: #FFF; background: url('images/bgSubContentTopPink.png') no-repeat; width: 944px; height: 36px; line-height: 30px; font-size: 18px; font-weight: bold; text-indent: 15px; }
.subTitleGreen { position: relative; color: #FFF; background: url('images/bgSubContentTopGreen.png') no-repeat; width: 944px; height: 36px; line-height: 30px; font-size: 18px; font-weight: bold; text-indent: 15px; }
.subTitleOrange { position: relative; color: #FFF; background: url('images/bgSubContentTopOrange.png') no-repeat; width: 944px; height: 36px; line-height: 30px; font-size: 18px; font-weight: bold; text-indent: 15px; }
.subTitlePurple { position: relative; color: #FFF; background: url('images/bgSubContentTopPurple.png') no-repeat; width: 944px; height: 36px; line-height: 30px; font-size: 18px; font-weight: bold; text-indent: 15px; }
.subTitleRed { position: relative; color: #FFF; background: url('images/bgSubContentTopRed.png') no-repeat; width: 944px; height: 36px; line-height: 30px; font-size: 18px; font-weight: bold; text-indent: 15px; }

/* Sub Page Content Styling */
.halfParagraph { float: left; width: 575px; margin-right: 15px; }
.floatBreak { clear: both; line-height: 0px; height: 0px; text-indent: -9999px; }
.ministriesImgWrap { float: left; width: 300px; position: relative; margin-right: 15px; text-align: center; }

.seeMorePics { position: absolute; text-indent: -9999px; background: url('images/bgMorePics.png') no-repeat; width: 300px; height: 39px; top: 0; left: 0; }
.seeMorePicsLink { position: absolute; top: 0; left: 0; height: 39px; width: 300px; display: block; z-index: 110; text-indent: -9999px; overflow: hidden; }
.hideElement { display: none; }
h3.subPageTitle { font-size: 16px; font-weight: bold; padding-bottom: 5px; }
h3.subPageTitle2 { font-size: 16px; font-weight: bold; }
h3.subPageTitle3 { font-size: 14px; font-weight: bold; }
.subPageList { list-style: disc inside; }
.subPageList2 { list-style: decimal inside; }
td.tdStyle1 { padding: 5px 15px 5px 5px; border-bottom: 1px dashed #ccc; }
.subStyle1 { float: left; text-align: center; padding-bottom: 10px; }
.contentStyle1 { font-size: 14px; color: #fd6f0e; font-weight: bold; }
.contentStyle2 { color: #3789b5; }
.contentStyle3 { font-size: 12px; color: #fd6f0e; font-weight: bold; }
.contentBar { border-bottom: 1px dashed #999; margin: 10px 0; }
.leftEle { float: left; border: 1px solid #DDD; margin-right: 20px; }

/* Sub Page Content Link Styling */
a { color: #339900; text-decoration: none; }
a:hover { color: #339900; text-decoration: underline; }
.titleLink, .titleLink:hover { color: #FFF; text-decoration: none; }
.link2 { color: #fd6f0e; text-decoration: none; }
a.link2:hover { color: #fd6f0e; text-decoration: underline; }
.goTop { position: absolute; background: url('images/bgGoTop.png') no-repeat; width: 28px; height: 9px; top: 12px; left: 900px; text-indent: -9999px; }
.goTopLink { display: block; position: absolute; width: 72px; height: 36px; top: 0px; left: 870px; text-indent: -9999px; overflow: hidden; }

/* Sub Page image Styling */
#eventsWrap img { float: left; border: 1px solid #DDD; margin: 0 10px 0 0; padding: 7px; background: #FFF; }
.imgStyle1 { float: left; border: 1px solid #DDD; margin: 0 10px 0 0; padding: 7px; background: #FFF; }
.imgStyle2 { float: left; border: 1px solid #DDD; margin: 0 10px 10px 0; padding: 7px; background: #FFF; }
.imgStyle3 { float: left; border: 1px solid #DDD; margin: 0 0 0 10px; padding: 7px; background: #FFF; }
.imgStyle4 { float: left; border: 1px solid #DDD; margin: 0 0 10px 10px; padding: 7px; background: #FFF; }
.imgStyle5 { border: 1px solid #DDD; margin: 0 10px 0 0; padding: 7px; background: #FFF; }
.iconImage { float: left; padding: 0 10px 10px 0; background: no-repeat; }

/* Form Styling */
#contactEmail { float: left; width: 450px; border-right: 1px dashed #333; margin-right: 20px; }
ul#contactForm label { float: left; display: block; width: 130px; }
ul#contactForm li { padding: 5px 0;}
ul#contactForm textarea { width: 400px; border: 1px solid #999; background: #FFF; }
ul#contactForm input { width: 150px; border: 1px solid #999; background: #FFF; height: 20px; padding: 0 5px;  }
ul#contactForm select { border: 1px solid #999; background: #FFF; }
ul#contactForm input.submit { background: url('images/inputSubmit.png') no-repeat; width: 144px; height: 35px; border: none; border: 0px; cursor: pointer; }

/* Form Styling - Error Handling */
ul#contactForm li.fieldError { padding-left: 10px; border: 1px solid #a90000; background: #f8e5e5; margin: 0 20px 3px 0; }
ul.errorContent li { background: url('images/formFieldError.png') no-repeat 0 center; line-height: 18px; color: #a90000; text-indent: 20px; }
.test { background: #f00; }