/* -------- Stylesheet for dynamic content generated by the Light In The Darkness Church CMS Designed and Developed by Dave Robb copyright 2010, all rights reserved www.daverobb.net dave{@}daverobb.net ---------- */ /* ---------- Site-specific CSS: to make the dynamic content look good in the rest of the site ---------- */ .filter, .widget, .search { padding: 10px 15px 15px 15px; } .filter, div.contact-info { padding: 20px 15px 15px 15px; } .search {margin-top: 10px; } .filter h3, .widget h3, .search h3 { margin-bottom: 6px !important; } #calendar-content .result .calendar-event-details h2, #calendar-content .result-active .calendar-event-details h2 { margin: 0; padding: 0; border-bottom: none; } /* ---------- General Styles for all sections ---------- */ #heading-pager { padding-bottom: 5px; border-bottom: 1px solid #E4E2D5; } #litd-content #left-column h1 { margin: 20px 0 0 0; } #litd-content #left-column #heading-pager h1 { border-bottom: none; float: left; width: 430px; margin: 20px 0 0 0; } #litd-content #left-column h1 .search-details { font-size: 13px; color: #3d3939; } #litd-content #left-column #pager-container { float: right; width: 155px; margin: 20px 0 0 0; text-align: right; font-weight: bold; font-size: 12px; } #litd-content #left-column #pager-container p { margin-bottom: 4px; } #litd-content #left-column #pager-container select { width: 50px; margin-right: 23px; } #litd-content #left-column #pager-container .submit { float: none; position: absolute; margin-left: -18px; } #litd-content #left-column #pager-container p#result-count { margin-top: 2px; margin-bottom: 0; font-size: 11px; color: #3d3939; } #page_navigation { clear: both; float: right; margin-top: 30px; } #page_navigation a.pager, #page_navigation a.prev, #page_navigation a.next { display: block; float: left; height: 19px; width: 24px; margin-right: 1px; padding-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background: url(../img/buttons/buttons-sprite.png) -429px -26px no-repeat; color: #fff; text-align: center; line-height: 1em; text-decoration: none; } #page_navigation span { display: block; float: left; padding: 4px 3px 0 3px; } #page_navigation a.pager:hover { background: url(../img/buttons/buttons-sprite.png) -429px 0 no-repeat; } #page_navigation a.pager.active { background: url(../img/buttons/buttons-sprite.png) -429px 0 no-repeat; } #page_navigation a.prev, #page_navigation a.next { width: 38px; background: url(../img/buttons/buttons-sprite.png) -456px -26px no-repeat; } #page_navigation a.prev:hover, #page_navigation a.next:hover { background: url(../img/buttons/buttons-sprite.png) -456px 0 no-repeat; } #litd-content .result { border-bottom: 1px solid #d5d3cd; padding: 28px 0 12px 0; } #litd-content .result .result-details { width: 135px; float: right; padding: 0 0 0 15px; font-size: 95%; line-height: 1.1em; } #litd-content .result .result-details li { list-style: none; margin: 2px 0 6px 0; color: #5f5f5f; } #litd-content .result .result-details li strong { color: #3d3939; } #litd-content .result .result-content { width: 425px; float: left; padding: 0 14px 0 0; border-right: 1px dotted #7d7d7d; } #litd-content .result .result-content h2 { margin: 0; padding: 0; border: none; font-size: 110%; text-transform: none; } #litd-content .result .result-content h2 a { color: #3d3939; text-decoration: none; } #litd-content .result .result-content h2 a:hover { color: #786e66; text-decoration: none; } #litd-content .result .result-content h3 { font-size: 95%; color: #9D1200; line-height: 1.2em; } #litd-content .result .result-content .summary { margin: 0; padding: 8px 0 0 0; width: 420px; font-size: 95%; } input.submit, .search a.submit, #print-calendar-form a { text-indent: -999em; width: 18px; height: 19px; float: right; background: url(../img/buttons/buttons-sprite.png) -407px -22px; margin-left: 5px; border: none; } input.submit:hover, .search a.submit:hover, #print-calendar-form a:hover { cursor: pointer; background: url(../img/buttons/buttons-sprite.png) -407px 0; } #prev-button-container { width: 40%; float: left; } #next-button-container { width: 40%; float: right; } #prev-button { display: block; width: 89px; height: 24px; background: url(../img/buttons/buttons-sprite.png) -92px -140px; } #prev-button:hover { background: url(../img/buttons/buttons-sprite.png) -92px -166px; } #next-button { display: block; width: 89px; height: 24px; float: right; background: url(../img/buttons/buttons-sprite.png) 0 -140px; } #next-button:hover { background: url(../img/buttons/buttons-sprite.png) 0 -166px; } .error-text { font-weight: bold; padding: 20px 0; clear: both; } /* -- 01. Calendar -- */ #litd-content .month-year { margin: 40px 0 10px 0; font-size: 18px; color: #3d3939; } #litd-content .result.calendar { padding: 15px 0; border-top: 1px solid #e2d8cc; border-bottom: none; } #litd-content .result.calendar.same-date { border-top: 1px dotted #b3ac98; margin-left: 60px; padding-top: 15px; } #litd-content .result.calendar .result-content { border-right: none; } #litd-content .result.calendar .date { font-size: 30px; width: 60px; float: left; font-weight: normal; border: none; margin: 6px 0 0 0; } #litd-content .result.calendar .date.date-end { font-size: 18px; } #litd-content .result.calendar .result-content h2 { font-size: 120%; color: #504a3b; line-height: 1em; margin-bottom: 5px; } #litd-content .result.calendar .result-content h3 { color: #8D7D6D; } #litd-content .result.calendar .result-content .notes { margin: 0; padding: 8px 0 0 0; width: 420px; font-size: 95%; } #litd-content .result.calendar .calendar-actions { float: right; width: 57px; } #litd-content .result.calendar .calendar-actions li { list-style: none; } #litd-content .result.calendar .calendar-actions li a { display: block; height: 19px; } #litd-content .result.calendar .calendar-actions li a.a-details { background: url(../img/buttons/buttons-sprite.png) -348px -22px; width: 57px; } #litd-content .result.calendar .calendar-actions li a.a-details:hover { background: url(../img/buttons/buttons-sprite.png) -348px 0; width: 57px; } #litd-content .result.calendar .calendar-actions li a.a-details-active { background: url(../img/buttons/buttons-sprite.png) -348px -66px; width: 57px; } #litd-content .result.calendar .calendar-actions li a.a-details-active:hover { background: url(../img/buttons/buttons-sprite.png) -348px -44px; width: 57px; } /* -- 02. Blog -- */ #litd-content .result.blog .result-content { width: 100%; float: none; padding: 0 0 0 0; border-right: none; } #litd-content .result.blog .result-content h3 { margin-bottom: 10px; } #litd-content .result .result-content a.read-more { float: right; width: 70px; height: 19px; background: url(../img/buttons/buttons-sprite.png) -207px -110px; } #litd-content .result .result-content a.read-more:hover { background: url(../img/buttons/buttons-sprite.png) -207px -88px; } /* -- 03. News -- */ #news-content h1 { margin-bottom: 0; } #news-content .result { padding: 25px 0; } #news-content .result h2 { font-size: 130%; color: #403d38; text-transform: none; margin: 0; border: none; } #news-content .result h2 a { color: #403d38; } #news-content .result h2 a:hover { color: #8d7d6d; } #news-content .result a { text-decoration: none; color: #6c1406 } #news-content .result a:hover { text-decoration: none; color: #e16d00 } #litd-content .result.news .result-content { width: 100%; float: none; padding: 0 0 0 0; border-right: none; } #litd-content .result.news .result-content h3 { margin-bottom: 10px; } #news-content .result p { margin: 12px 0 15px 0; } #news-content .result a.read-more { float: right; margin-bottom: 5px; font-weight: bold; text-transform: uppercase; font-size: 90%; } #news-content .entry { margin-bottom: 20px; } #news-content .entry span { display: block; font-size: 80%; margin-top: 9px; color: #403d38; } /* -- 03. Sermon Archive -- */ #litd-content .result .sermon-actions { margin: 16px 0 5px 0 } #litd-content .result .sermon-actions li { float: left; list-style: none; margin-right: 3px; } #litd-content .result .sermon-actions li a { display: block; height: 19px; } #litd-content .result .sermon-actions li a.a-summary { background: url(../img/buttons/buttons-sprite.png) 0 -22px; width: 70px; } #litd-content .result .sermon-actions li a.a-summary-active { background: url(../img/buttons/buttons-sprite.png) 0 -66px; width: 70px; } #litd-content .result .sermon-actions li a.a-listen { background: url(../img/buttons/buttons-sprite.png) -73px -22px; width: 42px; } #litd-content .result .sermon-actions li a.a-video { background: url(../img/buttons/buttons-sprite.png) -118px -22px; width: 41px; } #litd-content .result .sermon-actions li a.a-notes { background: url(../img/buttons/buttons-sprite.png) -162px -22px; width: 42px; } #litd-content .result .sermon-actions li a.a-email { background: url(../img/buttons/buttons-sprite.png) -207px -22px; width: 70px; } #litd-content .result .sermon-actions li a.a-download { background: url(../img/buttons/buttons-sprite.png) -280px 0; width: 64px; } #litd-content .result .sermon-actions li a.a-print { background: url(../img/buttons/buttons-sprite.png) -207px -66px; width: 70px; } #dialog-content a.a-print { display: block; height: 19px; margin: 20px 0; background: url(../img/buttons/buttons-sprite.png) -207px -66px; width: 70px; } #litd-content .result .sermon-actions li a.a-summary:hover { background: url(../img/buttons/buttons-sprite.png) 0 0; } #litd-content .result .sermon-actions li a.a-summary-active:hover { background: url(../img/buttons/buttons-sprite.png) 0 -44px; } #litd-content .result .sermon-actions li a.a-listen:hover { background: url(../img/buttons/buttons-sprite.png) -73px 0; } #litd-content .result .sermon-actions li a.a-video:hover { background: url(../img/buttons/buttons-sprite.png) -118px 0; } #litd-content .result .sermon-actions li a.a-notes:hover { background: url(../img/buttons/buttons-sprite.png) -162px 0; } #litd-content .result .sermon-actions li a.a-email:hover { background: url(../img/buttons/buttons-sprite.png) -207px 0; } #litd-content .result .sermon-actions li a.a-download:hover { background: url(../img/buttons/buttons-sprite.png) -280px -22px; } #litd-content .result .sermon-actions li a.a-print:hover, #dialog-content a.a-print:hover { background: url(../img/buttons/buttons-sprite.png) -207px -44px; } #litd-content .single-sermon { font-size: 110%; color: #3d3939; margin-top: 30px; } /* -- 05. Tools -- */ #litd-content .result.tool .result-content { width: 460px; } #litd-content .result.tool .result-details { width: 100px; } #litd-content .result .tool-actions { width: 100px; float: right; padding: 5px 0 0 15px; } #litd-content .result .tool-actions li { list-style: none; float: left; margin: 0 4px 0 0; } #litd-content .result .tool-actions li a { display: block; height: 19px; } #litd-content .result .tool-actions li a.a-video { background: url(../img/buttons/buttons-sprite.png) -118px -22px; width: 41px; } #litd-content .result .tool-actions li a.a-email { background: url(../img/buttons/buttons-sprite.png) -207px -22px; width: 70px; } #litd-content .result .tool-actions li a.a-download { background: url(../img/buttons/buttons-sprite.png) -280px -22px; width: 64px; } #litd-content .result .tool-actions li a.a-download:hover { background: url(../img/buttons/buttons-sprite.png) -280px 0; } /* -- 05. Articles -- */ #articles-content ol { padding: 0 0 0 30px !important; } #articles-content li { padding: 5px 0 !important; font-weight: bold; } #articles-content li a { color: #605b4c; } #filter-article-category { width: 100%; } /* -- 06. Video -- */ #litd-content .result .video-actions { width: 135px; float: right; padding: 0 0 0 15px; } #litd-content .result .video-actions li { list-style: none; float: left; margin: 0 4px 0 0; } #litd-content .result .video-actions li a { display: block; height: 19px; } #litd-content .result .video-actions li a.a-video { background: url(../img/buttons/buttons-sprite.png) -118px -22px; width: 41px; } #litd-content .result .video-actions li a.a-email { background: url(../img/buttons/buttons-sprite.png) -207px -22px; width: 70px; } #litd-content .result .video-actions li a.a-video:hover { background: url(../img/buttons/buttons-sprite.png) -118px 0; } #litd-content .result .video-actions li a.a-email:hover { background: url(../img/buttons/buttons-sprite.png) -207px 0; } #video-content { margin-top: 30px; text-align: center; } /* -- 07. Contact and Prayer Request -- */ #send-email-form { padding: 20px; } #send-email-form fieldset { border: none; padding: 5px 0; } #send-email-form label { float: left; width: 20%; margin-right: 2%; font-size: 105%; font-weight: bold; padding-top: 3px; color: #c34b06; text-align: right; } #send-email-form .input { float: right; width: 75%; padding: 5px; border: 1px solid #aaa; color: #333; } #send-email-form textarea { font-family: inherit; font-size: inherit; } .password-error { clear: both; width: 75%; float: right; padding: 10px 5px; font-weight: bold; } .message { margin: 10px 0 5px 0; color: #9d1200; line-height: 1.4em; } .success { color: #900; font-weight: bold; text-align: center; } #prayer-password-form { margin-top: 8px; } .contact-info { font-weight: bold; line-height: 1.6em; font-size: 105%; margin-top: 10px; } #google-map-container { width: 568px; height: 320px; margin-top: 10px; padding: 10px; background: #fff; border: 1px solid #b8a47a; } #google-map { width: 568px; height: 320px; } /* ---------- Search ---------- */ .search h3 { padding-bottom: 10px; } .search h4 { margin-bottom: 5px; font-size: 12px; font-weight: bold; } .search .search-option { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px dotted #999078; } .search select, .print-p { width: 87%; float: left; } #search-form #search, #prayer-password-form #email { width: 85%; float: left; border: 1px solid #636f6a; padding: 2px; margin-right: 4px; } .search select#text-book {width: 50%; } #search-text-form #text-chapter, #search-text-form #text-verse { width: 13%; border: 1px solid #636f6a; padding: 1px 2px; margin: 0 0 0 8px; float: left; } #search-text-form .submit { margin-top: 2px; } #search-text-form .cleared { padding-top: 8px; color: #8D7D6D; } #date-range-start, #date-range-end { width: 40%; border: 1px solid #636f6a; padding: 3px 2px; margin: 7px 4px 0 0; color: #70655e; float: left; } .date-range .submit { margin-top: 8px; } #print-calendar-form { padding: 0 15px 15px 15px; } .recent a { text-decoration: none; color: #5b4b3b; } .recent a:hover { text-decoration: none; color: #8d7d6d; } #litd-content .widget.recent .result { margin: 15px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #999078; } .recent .result h2 { font-size: 13px; margin-bottom: 4px; } .recent h4 { color: #74903c; font-size: 12px; } p.search-error { font-weight: bold; padding: 10px 0 !important; } /* ---------- Dialogs ---------- */ .ui-widget { font-family: inherit !important; font-size:1em !important; } /* Take styles from site css */ .ui-dialog .ui-dialog-content { padding: 20px !important; font-size: 12px; line-height: 18px; text-align: justify; } #dialog-email, #dialog-view-notes, #dialog-play, #dialog-video { background: #fff; } .ui-dialog .ui-dialog-content h2 { line-height: 1.3em; } .ui-dialog .ui-dialog-content h3 { margin-top: 6px; line-height: 1.3em; } .ui-dialog .ui-dialog-content .sermon-details { border-top: 1px dotted #7b7b7b; border-bottom: 1px dotted #7b7b7b; margin: 15px 0 30px 0; padding: 5px 0; } .ui-dialog .ui-dialog-content .sermon-details li { list-style: none; margin: 2px 5px 6px 0; padding: 0 6px 0 0; display: inline; color: #5f5f5f; border-right: 1px solid #7b7b7b; } .ui-dialog .ui-dialog-content .sermon-details li.last { border-right: none; } .ui-dialog .ui-dialog-content .sermon-details li strong { color: #3d3939; } #dialog-content p, #dialog-content ul, #dialog-content ol { margin: 20px 0; } #email-friend { font-size: 12px !important } #email-friend p.center { margin: 10px 0 25px 0; } #email-friend fieldset { border: none; clear: both; margin-bottom: 10px; } #email-friend label { color: #333; font-weight: bold; width: 100px; margin-right: 15px; padding-top: 5px; float: left; text-align: right; } #email-friend p#question-description { color: #333; margin: 20px 0 20px 0; text-align: center; font-weight: bold; } #email-friend .text-box { padding: 4px 5px; border: 1px solid #c4c4c4; width: 330px; font-family: inherit; } #submit, #cancel, #loading { width: 69px; height: 24px; float: right; border: none; margin: 10px 0 0 5px; } #submit { background: url(../img/buttons/buttons-sprite.png) 0 -88px no-repeat; } #submit:hover { background: url(../img/buttons/buttons-sprite.png) 0 -114px no-repeat; cursor: pointer; } #cancel { background: url(../img/buttons/buttons-sprite.png) -73px -88px no-repeat; } #cancel:hover { background: url(../img/buttons/buttons-sprite.png) -73px -114px no-repeat; cursor: pointer; } #loading { height: 21px; padding-top: 3px; text-align: center; } #dialog-email .field-error { !important; color: #990000; } /* ---------- Misc ---------- */ .hide { display: none; } .show { display: block; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .clear { height: 1px; } *:first-child+html .clear { min-height: 1px; } .cleared { clear: both; }