/* Mass Reset -------------------------------------------------------------------------------------------------------------------------------*/ * { margin: 0; padding: 0; } /* Essential -------------------------------------------------------------------------------------------------------------------------------*/ body { color: #555; background: #fff; font: 0.9em/1.6em arial, helvetica, sans-serif; } a { color: #b8dc8d; text-decoration: none; } a:hover { color: #fff; background: #b8dc8d; } #container { width: 814px; margin: 0 auto; } /* Header & Logo -------------------------------------------------------------------------------------------------------------------------------*/ #header { width: 592px; margin: 0 auto; padding: 50px 0 17px 0; border-bottom: 3px solid #b1282e; } #logo { margin: 0 0 0 340px; background: url(../_img/rpc_logo.gif) no-repeat; width: 250px; height: 117px; } #logo h1 { } #logo h1 a { width: 250px; height: 117px; display: block; text-indent: -10000px; } #logo h1 a:hover { background: none; } /* Content -------------------------------------------------------------------------------------------------------------------------------*/ #content { margin: 0; padding: 20px 0; } /* Left-Nav -------------------------------------------------------------------------------------------------------------------------------*/ #left-nav { width: 180px; float: left; display: inline; margin: 0 20px 0 0; padding: 0; } #left-nav ul { text-align: right; font-family: "Century Gothic", Futura, Verdana, Arial, sans-serif; text-transform: uppercase; font-size: 1.4em; } #left-nav ul li { list-style: none; margin: 0 0 8px 0; } #left-nav ul li a { color: #999; text-decoration: none; padding: 3px; } #left-nav ul li a:hover { background: #b8dc8d; color: #fff; } #left-nav ul li a.current, #left-nav ul li#nav_mission.current a, #left-nav ul li#nav_community.current a, #left-nav ul li#nav_resources.current a, #left-nav ul li#nav_contact.current a { background: #b8dc8d; color: #fff; } #left-nav ul li ul { font-size: 0.825em; padding: 10px 0 0 0; } #left-nav ul li ul li a, #left-nav ul li#nav_mission.current ul li a, #left-nav ul li#nav_community.current ul li a, #left-nav ul li#nav_resources.current ul li a, #left-nav ul li#nav_contact.current ul li a { color: #fff !important; background: #dfdc9c !important; } #left-nav ul li ul li a:hover, #left-nav ul li#nav_mission.current ul li a:hover, #left-nav ul li#nav_community.current ul li a:hover, #left-nav ul li#nav_resources.current ul li a:hover, #left-nav ul li#nav_contact.current ul li a:hover { color: #999 !important; background: #dfdc9c !important; } #left-nav ul li ul li a.current, #left-nav ul li#nav_mission.current ul li a.current, #left-nav ul li#nav_community.current ul li a.current, #left-nav ul li#nav_resources.current ul li a.current, #left-nav ul li#nav_contact.current ul li a.current { color: #999 !important; background: #dfdc9c !important; } /* Right-Column (with Variations- KYT 9.25.07) -------------------------------------------------------------------------------------------------------------------------------*/ #right-column { width: 614px; float: left; display: inline; padding: 0 0 20px 0; } #right-column h2, .interior2-right-sidebar h2 { clear: both; border-bottom: 1px dashed #808385; margin: 0 116px 8px 0; padding: 5px 0; font: 1.4em/normal georgia,"times new roman", serif; color: #808385; } #right-column h2 a { font-size: 0.8em; color: #cccdce; margin: 0 0 0 14px; } #right-column h2 a:hover { color: #808385; background: none; } #right-column h3 { font: 0.9em/normal arial, helvetica, sans-serif; color: #000; margin: 0 116px 0 0; padding: 5px 0; } /* Home Content (if needed) -------------------------------------------------------------------------------------------------------------------------------*/ #home-photos { } #home-photos img { } #mission { width: 562px; margin: 0 auto; padding: 17px 0; border-bottom: 3px solid #b1282e; } #mission h2 { font: 1.4em/1.4em georgia, "times new roman", serif; color: #777; } /* Interior Pages (KYT additions 9/24/07) -------------------------------------------------------------------------------------------------------------------------------*/ #right-column .left-content { width: 230px; float: left; display: inline; margin: 0 20px 0 0; } #right-column .left-content h3, { font: 1.5em/1.5em georgia, "times new roman", serif; color: #777; margin: 0 0 8px 0; padding: 5px 0; width: 485px; } #right-column .interior1-right-sidebar { float: left; display: inline; width: 230px; margin: 197px 0 0 0; } #right-column .interior1-right-sidebar h3 { font: 1.5em/1.5em georgia, "times new roman", serif; border-bottom: 1px dashed #808385; color: #777; margin: 0 0 8px 0; padding: 5px 0; width: 364px; } #right-column .interior2-right-sidebar, #right-column .interior3-right-sidebar { float: left; display: inline; width: 230px; margin: 0; } #right-column .interior2-right-sidebar h3, #right-column .interior3-right-sidebar h3 { font: 1.5em/1.5em georgia, "times new roman", serif; border-bottom: 1px dashed #808385; color: #777; margin: 0 0 12px 0; padding: 5px 0; width: 364px; } #right-column .interior3-right-sidebar h3 { font: 1.5em/1.5em georgia, "times new roman", serif; border-bottom: 1px dashed #808385; color: #777; margin: 0 0 12px 0; padding: 5px 0; width: 340px; } /*From here down the elements within the two templates have the same stylization*/ .left-content a , .interior1-right-sidebar a, .interior2-right-sidebar a, .large-content a, .interior3-right-sidebar a { color: #555; font-weight: bold; text-decoration: underline; } .left-content a:hover, .interior1-right-sidebar a:hover, .interior2-right-sidebar a:hover, .large-content a:hover, .interior3-right-sidebar a:hover { color: #fff; font-weight: bold; text-decoration: none; background: #777;} #right-column .left-content h4, .interior1-right-sidebar h4, .interior2-right-sidebar h4, .interior3-right-sidebar h4 { font: 1.2em/1.2em georgia, "times new roman", serif; color: #555; border-bottom: 6px solid #b1282e; margin: 0 0 14px 0; padding: 0 0 5px 0; width: 230px; text-align: justify; } #right-column .left-content h5, .interior1-right-sidebar h5, .interior2-right-sidebar h5, .interior3-right-sidebar h5 { font: 1.2em/1.2em georgia, "times new roman", serif; color: #555; margin: 0 0 20px 0; padding: 0; width: 230px; text-align: justify; } #right-column .left-content h6, .interior1-right-sidebar h6, .interior2-right-sidebar h6, .interior3-right-sidebar h6 { font-size: 1em; line-height: 1.1em; font-weight="bold"; text-align: justify; margin: 0 0 10px 0; } #right-column .left-content p, .interior1-right-sidebar p, .interior2-right-sidebar p, .interior3-right-sidebar p { font-size: 0.875em; line-height: 1.4em; text-align: justify; margin: 0 0 20px 0; } #right-column .left-content blockquote, .interior1-right-sidebar blockquote, .interior2-right-sidebar blockquote, .interior3-right-sidebar blockquote { font: 1.2em/1.2em georgia, "times new roman", serif; color: #666; border-left: 8px solid #b8dc8d; margin: 0 0 20px 0; padding: 0 0 0 5px; width: 218px; text-align: justify; } #right-column .right-sidebar { float: left; display: inline; width: 230px; } #right-column .interior2-right-sidebar img { border-left: 24px solid #b8dc8d; } /*Test this w/o it and using the CMS to handle the border... */ #right-column .right-sidebar h3 { font: 1.5em/1.5em georgia, "times new roman", serif; color: #777; margin: 0 0 8px 0; padding: 5px 0; width: 364px; } #right-column .right-sidebar p { font-size: 0.875em; line-height: 1.4em; text-align: justify; margin: 0 0 20px 0; } .large-content ul li, .left-content ul li, .interior1-right-sidebar ul li, .interior2-right-sidebar ul li, .interior3-right-sidebar ul li { list-style: none; margin: 0 0 6px 20px; } .large-content ol li, .left-content ol li, .interior1-right-sidebar ol li, .interior2-right-sidebar ol li, .interior3-right-sidebar ol li { margin: 0 0 6px 20px; } .large-content ul, .left-content ul, .interior1-right-sidebar ul, .interior2-right-sidebar ul, .interior3-right-sidebar ul, .large-content ol, .left-content ol, .interior1-right-sidebar ol, .interior2-right-sidebar ol, .interior3-right-sidebar ol { font-size: 0.875em; line-height: 1.4em; text-align: justify; margin: 0 0 20px 0; } #right-column .large-content { width: 492px; float: left; display: inline; margin: 0; } #right-column .left-content h3 { font: 1.5em/1.5em georgia, "times new roman", serif; color: #777; margin: 0 0 8px 0; padding: 5px 0; width: 503px; } #right-column .large-content h4 { font: 1.2em/1.2em georgia, "times new roman", serif; color: #555; border-bottom: 8px solid #b1282e; margin: 0 0 30px 0; padding: 0 0 5px 0; text-align: justify; } #right-column .large-content h5 { font: 1.2em/1.2em georgia, "times new roman", serif; color: #555; margin: 0 0 20px 0; padding: 0; text-align: justify; } #right-column .large-content h6 { font-size: 1em; line-height: 1.1em; font-weight="bold"; text-align: justify; margin: 0 0 10px 0; } #right-column .large-content p { font-size: 0.875em; line-height: 1.4em; text-align: justify; margin: 0 0 20px 0; } #right-column .large-content blockquote { font: 1.2em/1.2em georgia, "times new roman", serif; color: #666; border-left: 8px solid #b8dc8d; margin: 0 0 20px 0; padding: 0 0 0 5px; text-align: justify; } /* Interior Page With Sidebar -------------------------------------------------------------------------------------------------------------------------------*/ /*#right-column .left-content { width: 230px; float: left; display: inline; margin: 0 20px 0 0; } #right-column .left-content p { font-size: 0.875em; line-height: 1.4em; text-align: justify; margin: 0 0 20px 0; } #right-column .right-sidebar { float: left; display: inline; width: 364px; } #right-column .right-sidebar img { border-left: 24px solid #b8dc8d; } #right-column .right-sidebar h2 { font: 1.5em/1.5em georgia, "times new roman", serif; color: #777; margin: 0 0 8px 0; padding: 5px 0; }*/ /* Tables (Generic) -------------------------------------------------------------------------------------------------------------------------------*/ #right-column table { width: 614px; margin: 5px 0 15px 0; border-collapse: collapse; line-height: normal; color: #808385; font-size: 0.85em; } #right-column table tr.alt { background: #e3e3e3; } #right-column table tr:hover, #right-column table tr.sfHover { background: #b8dc8d; color: #000; } #right-column table tr td { } #right-column table tr td a { color: #808385; display: block; padding: 3px 5px; } #right-column table tr td a:hover { color: #fff; } /* Resources Sermon -------------------------------------------------------------------------------------------------------------------------------*/ .sermonheader, .sermonheader:hover { background: #fff; font: 1.5em/1.5em georgia, "times new roman", serif; color: #777; margin: 0 0 8px 0; padding: 5px 0; width: 485px; } #right-column h2.sermons { text-align: right; } #right-column h2.sermons strong { font-weight: normal; float: left; } #right-column h2 em { font-size: 0.8em; padding: 0 19px 0 0; background: url(../_img/feed-icon.gif); background-repeat: no-repeat; background-position: right;} #right-column table.resources-sermons { } #right-column table.resources-sermons tr { } #right-column table.resources-sermons tr td { padding: 3px 5px; } #right-column table.resources-sermons tr td.date { width: 42px; } #right-column table.resources-sermons tr td.reference { width: 90px; } #right-column table.resources-sermons tr td.text { width: 200px; } #right-column table.resources-sermons tr td.speaker { width: 90px; } #right-column table.resources-sermons tr td.stream { background: #fff; text-indent: -10000px; width: 33px; height: auto; } #right-column table.resources-sermons tr:hover td.stream, #right-column table.resources-sermons tr.sfHover td.stream { width: 33px !important; background: #b8dc8d; } #right-column table.resources-sermons tr td a { margin: 0; padding: 0; } #right-column table.resources-sermons tr:hover td.stream a, #right-column table.resources-sermons tr.sfHover td.stream a { text-indent: -10000px; display: block; width: 33px; background: url(../_img/audio_links.gif) -5px 0 no-repeat; } #right-column table.resources-sermons tr:hover td.stream a:hover, #right-column table.resources-sermons tr.sfHover td.stream a:hover { background-position: -5px -15px; } #right-column table.resources-sermons tr td.download { background: #fff; text-indent: -10000px; width: 49px; height: auto; } #right-column table.resources-sermons tr:hover td.download, #right-column table.resources-sermons tr.sfHover td.download { width: 49px !important; background: #b8dc8d; } #right-column table.resources-sermons tr:hover td.download a, #right-column table.resources-sermons tr.sfHover td.download a { text-indent: -10000px; display: block; width: 49px; background: url(../_img/audio_links.gif) -49px 0 no-repeat; } #right-column table.resources-sermons tr:hover td.download a:hover, #right-column table.resources-sermons tr.sfHover td.download a:hover { background-position: -49px -15px; } /* Resources Gallery -------------------------------------------------------------------------------------------------------------------------------*/ #gallery { clear: both; } #gallery .photo { width: 131px; float: left; display: inline; } #gallery .photo a { } #gallery .photo a:hover { } #gallery .photo a img { border: 10px solid #fff; } #gallery .photo a:hover img { border: 10px solid #b8dc8d; } /* Resources Music -------------------------------------------------------------------------------------------------------------------------------*/ #right-column table.resources-music { } #right-column table.resources-music tr { } #right-column table.resources-music tr td { padding: 3px 5px; } #right-column table.resources-music tr td.title { width: 235px; } #right-column table.resources-music tr td.musician { width: 105px; } #right-column table.resources-music tr td.album { width: 110px; } #right-column table.resources-music tr td a { margin: 0; padding: 0; } #right-column table.resources-music tr td.stream { background: #fff; padding: 0; } #right-column table.resources-music tr:hover td.stream, #right-column table.resources-music tr.sfHover td.stream { background: #b8dc8d; } #right-column table.resources-music tr td.stream a { background: none; text-indent: -10000px; width: 33px; height: auto; } #right-column table.resources-music tr:hover td.stream a, #right-column table.resources-music tr.sfHover td.stream a { text-indent: -10000px; display: block; width: 33px; background: url(../_img/audio_links.gif) -5px 0 no-repeat; } #right-column table.resources-music tr:hover td.stream a:hover, #right-column table.resources-music tr.sfHover td.stream a:hover { background-position: -5px -15px; } #right-column table.resources-music tr td.download { background: #fff; padding: 0; } #right-column table.resources-music tr:hover td.download, #right-column table.resources-music tr.sfHover td.download { background: #b8dc8d; } #right-column table.resources-music tr td.download a { background: none; text-indent: -10000px; width: 49px; height: auto; } #right-column table.resources-music tr:hover td.download a, #right-column table.resources-music tr.sfHover td.download a { text-indent: -10000px; display: block; width: 49px; background: url(../_img/audio_links.gif) -49px 0 no-repeat; } #right-column table.resources-music tr:hover td.download a:hover, #right-column table.resources-music tr.sfHover td.download a:hover { background-position: -49px -15px; } /* Calendar -------------------------------------------------------------------------------------------------------------------------------*/ #right-column table.calendar-events { width: 544px !important; } #right-column table.calendar-events tr { } #right-column table.calendar-events tr td { margin: 0 !important; padding: 0 !important; } #right-column table.calendar-events tr td.date { } #right-column table.calendar-events tr td.text { } #right-column table.calendar-events tr td.location { } #right-column table.calendar-events tr.alt { } #right-column table.calendar-events tr.alt td.date { } #right-column table.calendar-events tr.alt td.text { } #right-column table.calendar-events tr.alt td.location { } #month1, #month2, #month3, #monthTable1, #monthTable2, #monthTable3 { width: 500px !important; } table.calendar { } table.calendar tr { } table.calendar tr th { } table.calendar tr td.empty { background: #fff; } table.calendar tr td { color: #fff; vertical-align: top; width: 54px; padding: 5px 5px 0px 5px; background: #e6e6e7; border: 10px solid #fff; height: 3em; font-size: 1.4em; } table.calendar caption.calendar-month { clear: both; border-bottom: 1px dashed #808385; margin: 0 0 8px 0; padding: 5px 0; font: 1.4em/normal georgia,"times new roman", serif; color: #808385; text-align: left; } table.calendar caption.calendar-month span.calendar-next { } table.calendar td.linked-day { background: #cfbb6b; } table.calendar td.linked-day a { color: #fff !important; margin: -5px -10px 0 -5px; display: block; width: 54px; min-height: 3em; height: auto !important; height: 3em; } table.calendar td.linked-day a:hover { background: #b1282e; } table.calendar ul.dayEventNames li { color: #fff; list-style: none; } table.calendar ul.dayEventNames li a { color: #fff !important; font-size: 0.825em; padding: 5px !important; margin: 0 !important; } table.calendar ul.dayEventNames li a:hover { color: #666; background: #b8dc8d; } /* Hover-Tip -------------------------------------------------------------------------------------------------------------------------------*/ #traildiv { position: absolute; top: 0px; left: -20px; z-index: 999; visibility: hidden; width: 200px; background: #b8dc8d; } #traildiv ul { margin: 0; padding: 7px; font-size: .9em; min-height: 50px; height: auto !important; height: 50px; background: #b8dc8d; } #traildiv li { margin: 0; padding: 0; list-style: none; } #traildiv a { color: #333; text-decoration: none; } /* Footer -------------------------------------------------------------------------------------------------------------------------------*/ #footer-container { clear: both; } #footer { margin: 0; float: left; display: inline; padding: 12px 0 0 0; } #footer p { font-size: 0.65em; color: #808385; border-top: 1px solid #b1282e; margin: 0; padding: 10px 0 0 0; line-height: normal; } #footer p a { color: #808385; } #footer p a:hover { color: #000; background: none; } #footer p span { margin: 0 3px; } /* Orders (added by Shane Bonham, Monk Development, 6/5/2008) -------------------------------------------------------------------------------------------------------------------------------*/ #right-column #orderInfo table{ width: 500px; margin: 0; border-collapse: collapse; line-height: 1; color: #808385; font-size: 0.85em; } #right-column #orderInfo table tr.alt{ background: #e3e3e3; } #right-column #orderInfo table tr:hover, #right-column table tr.sfHover{ background: none; color: #808385; } #right-column #orderInfo table tr td{ padding: 3px 0; } #right-column #orderInfo table tr td a{ display: inline; color: #808385; margin-bottom: 20px; padding: 3px 5px; font-size: 11px; font-weight: normal; } #right-column #orderInfo table tr td a:hover{ color: #fff; } #right-column #orderInfo table table{ margin-top: 25px; } #right-column #orderInfo table table th{ padding-bottom: 3px; font-size: 12px; border-bottom: 1px solid #808385; text-transform: uppercase; text-align: left; } #right-column #orderInfo table table td{ padding: 10px 0; font-size: 12px; line-height: 1.5; }