/******************************************* CREATED FOR CALVARY TEMPLE JULY 09 AUTHOR: NAIBUKA QARAU DEVELOPMENT BY: KOMUNIQ8 URL: http://komuniq8.com ------------------------------------------- COLOR GUIDE ------------------------------------------- Main Nav- #3d3f91 Main Nav Hover- #f7efdb Secondary Nav- #3c7fb4 Secondary Navs Hover- #80C1FA Content & Secondary Nav Titles- #937c41 Footer Links- #553b00 Content Text- #57544b Content Background Color- #fdfbf5 *******************************************/ @import "reset.css"; /*------------------------------------------- GENERIC STYLES -------------------------------------------*/ body{ font: 0.98em/1.7em Arial, Helvetica, sans-serif; letter-spacing:.03em;} #calWrapper h1, #calWrapper h2, #calWrapper h3, #footerRightContent h3, #calWrapper h4, #calWrapper h5{ color:#937c41; margin:0px 0px 15px 0px; letter-spacing:0.02em;} #calWrapper h1{ font: bold normal 28px/1.3em Georgia; display:block; } #calWrapper h2{ font: bold normal 20px/1.3em Helvetica, Arial, sans-serif; display:block; } #calWrapper h3, #footerRightContent h3{ font: normal bold 22px/1.3em Helvetica, Arial, sans-serif; text-transform: uppercase; display:block; } #calWrapper h4{ font-size:16px; line-height:18px; margin-bottom:5px; } #calWrapper h5{ font-size:13px; line-height:16px; } #calWrapper p{ padding:0px;} a{text-decoration:none; padding:0px 1px;} a:link, a:visited{color:#3c7fb4; text-decoration:none; border:none;} a:hover{ text-decoration:none; color:#553B00;} a:focus {color:#3c7fb4;} #calWrapper a img{border:1px solid #999; padding:4px; background:#efeed9;} #calWrapper a:hover img{border:1px solid #764A05; background: none;} #calWrapper input, #calWrapper select, #calWrapper textarea, #footerPan input, #footerPan select, #footerPan textarea { border:1px solid #553b00; color:#57544b; background:#efeed9; background-color:rgb(239, 238, 217); font: bold normal 16px/16px Arial, Helvetica, sans-serif; -moz-border-radius:3px; padding:3px; width:350px; margin-bottom:15px;} #calWrapper input:focus, #footerPan input:focus, #calWrapper textarea:focus{ background:none; } /*------------------------------------------- UTILITY STYLES padding:4px; background:#efeed9; -------------------------------------------*/ /*--------IMAGE STYLES--------*/ .right { float:right; margin:0px 0px 0px 10px; border:5px solid #EFEED9; } .left { float:left; margin: 0px 10px 0px 0px; border:5px solid #EFEED9; vertical-align:top;} .leftImage{ float:left; margin: 0px 10px 0px 0px; border: none; overflow:hidden; padding:4px; vertical-align:top;} #mainContentPad .center { display:block; margin:15px auto; border:5px solid #EFEED9; background:#efeed9;} input.button{background:#B8934A; width:auto !important; padding: 3px 8px; color:#F4DFB8; border:none; text-transform: lowercase; font-size:1.4em;} input:focus.button{background: none !important; color:#661C00;} .calContainer{margin:0px auto; width:960px;} .push{height:534px;} /*THIS IS THE HEIGHT FOR THE FOOTER USED TO CREATE A STICKY FOOTER*/ .verse{float:right; font-style:normal;} .required { color: red; } .rssItemSummary {font-size:13px; line-height:18px; padding: 0px 15px;} .rssItemDate{font-size:14px;} /*SERMON PAGE STYLES FOR DATE AND THUMB*/ #ccm-page-list {float:left; padding:0 !important; margin-top:20px;} .thumb-page-list-date {font-size:11px;} #ccm-page-list h5{text-align:center;} .thumb-page-list-description{display:block; margin:5px 0px 15px; list-style-type:none;} .thumb-page-list-thumbnail{float:left; margin:0 11px 10px 0; display:inline-block; list-style-type:none;} .thumb-page-list-thumbnail a img{border:1px solid #999; padding:4px; background:#efeed9;} .thumb-page-list-thumbnail a:hover img{border:1px solid #764A05; background: none;} /*NEWS PAGE STYLES FOR DATE*/ .fileDownload {background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/downloadicon.png) scroll no-repeat left center; padding-left: 22px;} .newsDate{float:left; width:60px; padding: 10px; margin-right:20px; text-align:center; background-color:#D0C3A6; color:#FFFFFF;} .newsItem{margin-left:100px; display: block; width: 460px;} .newsItem a:hover {color:#553B00; text-decoration:none;} .newsDay{font-weight:bold; font-size:36px;} .newsMonth{font-weight:bold; text-transform:uppercase; font-size:22px;} .newsYear{font-weight:bold; text-transform:uppercase; font-size:20px;} /*#rssSummaryList105{padding:0px 0px 10px; background:#EFEED9; border:1px solid #553B00;} #rssSummaryList105 .rssSummaryListTitle { background:#CCC; border-bpttom:1px solid #FFF;}*/ #sectionPaging {height:25px; margin-top:50px;} #sectionPaging a, #sectionPaging a:hover{border:none; text-decoration:none; font-size:13px; } #sectionPaging a:hover{color: #553b00;} /*------------------------------------------- LAYOUT STYLE RULES -------------------------------------------*/ .clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */ div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */ /*------------------------------------------- STRUCTURE -------------------------------------------*/ #calWrapper { width:100%; margin:0px auto -534px; min-height: 100%; height:auto !important; height: 100%; overflow:hidden;} #calWrapper #headerPan{ width:100%; margin:0px auto; height: 460px; background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/headerGlow1.jpg) scroll no-repeat top center;} #calWrapper #contentPan{ width:100%; margin:0px auto; min-height:527px; height:auto !important; height: 527px; background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/contentBgRepeat.jpg) scroll repeat-x bottom left; /*MIN HEIGHT HACK FOR IE6 width: expression(document.body.clientWidth < 530? "527px" : "auto");*/} #footerPan {width:100%; width:100%; margin:0px auto; height: 534px; background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/footerBg.jpg) scroll no-repeat bottom center;} #footerRepeat{ width:100%; margin:0px auto; height: 534px; background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/footerRepeatBg.jpg) scroll repeat-x bottom left; overflow:hidden;} /*------------------------------------------- HEADER -------------------------------------------*/ #calWrapper #headerWrap {height:460px; margin: 0px auto; text-align:center;} #calWrapper #headerLogo {margin: 0px auto; height:149px; display:block;} #calWrapper #calHeader {margin: 0 auto; height:197px; display:block;} #calWrapper #calHeader img {/*border:3px solid #EFEED9;*/} /*------------------------------------------- MAIN NAVIGATION -------------------------------------------*/ #calMainNav{height:60px; text-align:center; background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/mainNavBar.png) scroll no-repeat top center; font-size:15px; font-weight:bold;} ul#topnav { margin: 0 20px 0 70px; padding: 0px; width: 870px; list-style: none; position: relative; /*background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/mainNavBg.png) repeat-x scroll;*/ text-align:left; display:block; height:50px; text-transform:uppercase; border-left:1px solid #aca28c; } ul#topnav li { float:left; margin: 0px auto; padding: 0; border-color:#f9f6ec; border-style:solid; border-width:0px 1px; border-right-color:#aca28c; } ul#topnav li a { padding:0px 15px; display: block; color: #3d3f91; text-decoration: none; line-height:50px; } ul#topnav li.nav-selected a, ul#topnav li a.nav-selected { background:#d0c3a6; color: #f0f0f0; } ul#topnav li:hover { background: #f7efdb url(http://calvarytemple.com.fj/themes/Calvary/topnav_active.gif) repeat-x; } ul#topnav li ul{ float: left; padding: 0px 20px; height:40px; position: absolute; left: -42px; top:50px; display: none; width: 860px; background: #f7efdb; text-transform:none; font-size:12px; color: #ACA28C; z-index:400; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } ul#topnav li:hover ul { display: block; } ul#topnav li:hover ul li{border:none;} ul#topnav li ul li a { display: inline; line-height:40px; padding:0px 5px;} ul#topnav li ul li a:hover {text-decoration: underline; background:none;} /*------------------------------------------- BREADCRUMBS -------------------------------------------*/ #calWrapper #calCrumbs {margin: 0 auto; display:block; text-align:left; width:960px; z-index:10; height:59px; font-size:11px; background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/crumbsBg.png) no-repeat 0 0; bottom:0px; position:absolute;} #calWrapper #calCrumbs #crumbsLeft{width:620px; float:left; left:10px; position:absolute; top:22px;} #calWrapper #calCrumbs #crumbsRight{width:300px; float:left; height:inherit; position:absolute; right:0; top:23px; width:300px;} #crumbsLeft ul {padding-left:20px;} /*SEARCH*/ #crumbsRight input#search {margin-bottom:5px; height:15px; width:210px; font: normal normal 14px/16px Arial, Helvetica, sans-serif;} #crumbsRight input#submit{margin-left:20px; height:25px; width:30px; font: normal normal 14px/16px Arial, Helvetica, sans-serif; } /*------------------------------------------- CONTENT AREA STYLES -------------------------------------------*/ #calContent{display:block;} #calContent #mainContentArea { padding:40px 0px;} #calContent #mainContentArea #mainContent{width:620px; float:left; margin:0 10px;} #calContent #mainContentArea #mainContent #mainContentPad{padding-right:40px; } #calContent #mainContentArea #mainContent #mainContentPad p{font-size:17px; font-weight:bold; padding-bottom:15px;} /*NEWS AND SERMON PAGE LIST STYLES*/ #calContent #mainContentArea #mainContent #mainContentPad .calNewsItem{margin-bottom:40px; border-bottom:1px solid #CCC; padding-bottom:20px;} #calContent #mainContentArea #mainContent #mainContentPad h3{margin: 0;} /*CONTACT FORM STYLES*/ #calContent #mainContentArea #mainContent #mainContentPad #calContact{padding:0px 20px; width:260px; margin:20px 0px 0px 40px;} #calContent #mainContentArea #mainContent #mainContentPad #calContact p { padding-bottom:10px; display:block; margin:0px auto; width:260px;} #calContent #mainContentArea #mainContent #mainContentPad #calContact label { float:left; font-size:14px; text-transform:uppercase; color:#937C41;} #calContent #mainContentArea #mainContent #mainContentPad #calContact input, #calContent #mainContentArea #mainContent #mainContentPad #calContact textarea, #calContent #mainContentArea #mainContent #mainContentPad #calContact select { float:left; height:20px; padding:3px; width:254px; margin-bottom:10px;} #calContent #mainContentArea #mainContent #mainContentPad #calContact select{height:30px; width:260px;} #calContent #mainContentArea #mainContent #mainContentPad #calContact input#subscribe{ float:right; width:80px; height:30px;margin-top:10px;} #calContent #mainContentArea #mainContent #mainContentPad #calContact textarea{ height:80px;} #calContent #mainContentArea #mainContent #mainContentPad #calContact input:focus, #calContent #mainContentArea #mainContent #mainContentPad #calContact textarea:focus{ background:transparent;} #calContent #mainContentArea #mainContent #mainContentPad #calContact input#subscribe{ background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/sendBtn.jpg) no-repeat scroll; border:none; color:#5b4207; padding:2px; text-transform:uppercase; text-indent:-9999px; text-align:center; font-size:14px; height:23px; width:81px; overflow:hidden;} #calContent #mainContentArea #mainContent #mainContentPad #calContact input#subscribe:hover{ background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/sendBtn.jpg) no-repeat scroll 0px -23px; } #mainContentPad table{margin: 0px auto; width:100%; text-align: center; font-weight:bold !important; font-size:12px; line-height: 16px; } #mainContentPad table th{background:#EFEED9; color:#937C41; font-size:14px; padding:0 20px; vertical-align:middle; font-weight:bold !important; } #mainContentPad table.table tr, #mainContentPad table.table td { border:1px solid #CCC; text-align:left; padding:0 20px; height:35px; vertical-align:middle; } /*------------------------------------------- DOWNLOAD FOLDER STYLES -------------------------------------------*/ #SisimizisDownloadFolder {width:100% !important;} #SisimizisDownloadFolder a img {border:none !important; outline:none !important; background:none !important; padding:0px !important;} /*------------------------------------------- RIGHT SIDE SECONDARY NAV STYLES -------------------------------------------*/ #calContent #mainContentArea #rightSecNav{width:300px; float:right; margin:0 10px;} #calContent #mainContentArea #rightSecNav #rightNavTitle{width:300px; padding:0; height:44px; display:block; background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/rightNavBg.png) scroll no-repeat top center; border-bottom:1px solid #FFF; } #calContent #mainContentArea #rightSecNav h3{padding-left:20px; line-height:55px; margin:0px; color:#553b00;} #calContent #mainContentArea #rightSecNav .rightInfo{ background:#F7EFDB; padding:0px 0 10px; margin-bottom:20px;} #calContent #mainContentArea #rightSecNav .rightInfo a.fileDownload{ font-size:14px;} #calContent #mainContentArea #rightSecNav p{ font-size:12px; line-height:18px; padding:10px 20px;} #calContent #mainContentArea #rightSecNav h4 {background:#F7EFDB; display:block; padding:10px 20px 8px; margin:0px; border-bottom:1px solid #FFF } #calContent #mainContentArea #rightSecNav h5 { padding:10px 20px 0px; margin:0px; } #calContent #mainContentArea #rightSecNav #secNav{padding-bottom:44px; margin-bottom:30px; background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/rightNavBtmBg.png) scroll no-repeat bottom center; } /*------------------------------------------- RIGHT SIDE SECONDARY NAV -------------------------------------------*/ #calContent #mainContentArea #rightSecNav #secNav ul { background: #f7efdb; font-weight:bold; font-size:17px;} #calContent #mainContentArea #rightSecNav #secNav li {padding:0; border-bottom:1px solid #FFF; } #calContent #mainContentArea #rightSecNav #secNav ul li a{display:block; text-decoration:none; padding:8px 20px; color:#3C7FB4; font-size: 13px; font-weight: normal;} #calContent #mainContentArea #rightSecNav #secNav ul li a:hover, #calContent #mainContentArea #rightSecNav #secNav ul li.breadcrumb, #calContent #mainContentArea #rightSecNav #secNav a.active {background-color:#e2d7b7; color:#553b00;} #calContent #rightSecNav ul ul {padding-left: 25px; font-size:14px; background-color:#e2d7b7 !important; } #calContent #rightSecNav ul ul li {border:none !important;} #calContent #rightSecNav ul ul li a {background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/arrow.png) no-repeat left center; padding:3px 17px !important;} #calContent #rightSecNav ul ul li a:hover, #calContent #rightSecNav ul ul li a.active {background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/arrowHover.png) no-repeat left center; padding:3px 17px !important;} /*------------------------------------------- FOOTER STYLES -------------------------------------------*/ /*LEFT FOOTER*/ #footerPan #footerLeft{width:620px; height:475px; float:left; margin:0 10px;} #footerPan #footerLeft #footerLeftContent{padding-right:10px; text-align:left;} #footerPan #footerLeft #footerLeftContent #footerLeftTop{height:155px; display:block; text-align:center; padding:0 48px 0 10px;} /*EXTRA LINKS ON THE FOOTER*/ #footerLeftLinks{padding-top:5px; /*height:320px;*/ display:block;} #footerLeftLinks h3 {font-size:18px; padding-bottom:10px; font-weight:bold;} #footerLeftLinks h3, #footerLeftLinks a {color:#553b00; margin-bottom:5px; display:block;} #footerLeftLinks a {font-size:12px; line-height:14px; padding:3px;} #footerLeftLinks a.active, #footerLeftLinks a:hover.active {background:none !important; text-decoration:underline; color:#553B00;} #footerLeftLinks a:hover {background:#553B00 none repeat scroll 0 0; color:#FFFFFF; text-decoration:none;} #footerLeftLinks #leftLinks, #footerLeftLinks #midLinks, #footerLeftLinks #rightLinks {width:180px; margin:0 10px; display:inline; float:left;} #footerLeftLinks .breadcrumb a{text-decoration:underline;} #footerLeftLinks .breadcrumb a:hover{background:none; color:#553B00;} /*RIGHT FOOTER*/ #footerPan #footerRight{width:300px; float:left; margin:0 10px;} #footerPan #footerRight #footerRightContent{text-align:center;} /*NEWSLETTER AND CONTACT FORM STYLES*/ #footerPan #footerRight #footerRightContent #newsLetter{padding:0px 20px; width:260px; margin:20px auto 0px;} #footerPan #footerRight #footerRightContent #newsLetter p { padding:0px; display:block; margin:0px auto; width:260px; font-size:1em;} #footerPan #footerRight #footerRightContent #newsLetter label { float:left; font-size:13px; font-weight:bold; text-transform:uppercase; color:#937C41; padding: 0px;} #footerPan #footerRight #footerRightContent #newsLetter input, #footerPan #footerRight #footerRightContent #newsLetter textarea, #footerPan #footerRight #footerRightContent #newsLetter select { float:left; height:20px; padding:3px; width:254px; background-color:rgb(239, 238, 217);} #footerPan #footerRight #footerRightContent #newsLetter select{height:30px; width:260px;} #footerPan #footerRight #footerRightContent #newsLetter input#subscribe{ float:right; width:80px; height:30px;margin-top:10px;} #footerPan #footerRight #footerRightContent #newsLetter textarea{ height:80px;} #footerPan #footerRight #footerRightContent #newsLetter input:focus, #footerPan #footerRight #footerRightContent #newsLetter textarea:focus{ background:transparent;} #footerPan #footerRight #footerRightContent #newsLetter input#subscribe{ background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/subscribeBtn.jpg) no-repeat scroll; border:none; color:#5b4207; padding:2px; text-transform:uppercase; text-indent:-9999px; text-align:center; font-size:14px; height:23px; width:81px; overflow:hidden;} #footerPan #footerRight #footerRightContent #newsLetter input#subscribe:hover{ background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/subscribeBtn.jpg) no-repeat scroll 0px -23px; } #footerPan #footerRight #footerRightContent #newsLetter #securityCode{display:block;} #footerPan #footerRight #footerRightContent #newsLetter #securityCode span.required{float:left;} #footerPan #footerRight #footerRightContent #newsLetter #securityCode label{font-size:12px;} #footerPan #footerRight #footerRightContent #newsLetter p img{float:left; clear:both;} /*COPYRIGHT*/ #calCopyRight {padding-top:10px; float:left; display:block; color:#fdfbf5; font-size:11px; line-height:20px; letter-spacing:.03em;} #calCopyRight a{color:#fdfbf5; border-bottom: 1px solid; padding:0; height:50px;} #calCopyRight a:hover{text-decoration:none; border:none; } #calCopyRight #copyLeft{width:620px; float:left; margin:0 10px;} #calCopyRight #copyRight{width:300px; float:left; margin:0 10px; text-align:right;} #calCopyRight #copyRight a#calTop{position:absolute; background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/top.jpg) no-repeat scroll 0px 0px; text-indent:9000px; width:80px; height:32px; bottom:-50px; right: -10px; text-decoration:none; border:none;} #calCopyRight #copyRight #calLogin, #calCopyRight #copyRight #calLogout{position:absolute; background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/login.jpg) no-repeat scroll 0px 0px; text-indent:9000px; width:115px; height:32px; bottom:-53px; right: 70px; text-decoration:none; border:none;} #calCopyRight #copyRight #calLogout{background: transparent url(http://calvarytemple.com.fj/themes/Calvary/images/logout.jpg) no-repeat scroll 0px 0px;} /*#calCopyRight #copyRight a#calTop:hover, #calCopyRight #copyRight a#calLogin:hover, #calCopyRight #copyRight a#calLogout:hover{bottom:-48px;}*/