/* CSS Document */ /* ------------------------------------------------------------------ screen.css ------------------------------------------------------------------ */ /* Tags -------------------------------------------------------------- */ body {text-align: center; background: #EBEEE4 url(../images/body-bg.gif) repeat-x; color: #575656;} /* Container -------------------------------------------------------------- */ #container {margin: 0 auto; width: 900px;} /* Header -------------------------------------------------------------- */ #header {text-align: left; color: #4b5250; position: relative; height: 30px;} #header h2 {position: absolute; bottom: 45px; left: 0px; } #header h2 a { width: 358px; height: 11px; overflow:hidden; text-indent:-1000em; display:block; } /* Section Links -------------------------------------------------------------- */ #section-links {position: absolute; bottom: 17px; right: 0px; width: 562px;} #section-links p {margin: 0 0 5px 0; line-height: 1em; text-transform: uppercase; color: #939087; font-size: 9px; letter-spacing: .2em;} #section-links ul {margin: 0; padding: 0; border-top: 1px solid #9fa09a; border-right: 1px solid #9fa09a;} #section-links ul li {display: inline;} #section-links ul a, #section-links ul a:link, #section-links ul a:visited {display: block; float: left; padding: 7px 15px 13px 0; color: #4b5250; text-decoration: none;} #section-links ul a:hover {color: #d05b0e;} /* Sub-Header -------------------------------------------------------------- */ #sub-header {position: relative;} #sub-header span.bar {display: block; height: 27px; width: 306px; position: absolute; bottom: 0; _bottom: -1px; left: 36px;} #sub-header h4 {display: block; position: absolute; top: 0; right: 38px; text-indent: -999em;} #sub-header img {float: left;} /* Section Titles -------------------------------------------------------------- */ /* tf - added section-title-home for alignment of homepage flash */ #section-title-home {position: absolute; top: -1px; left: -27px; background-repeat: no-repeat; text-indent: -999em; width: 33px; height: 342px;} #section-title {position: absolute; top: 0; left: -33px; background-repeat: no-repeat; text-indent: -999em; width: 33px; height: 342px;} /* Content -------------------------------------------------------------- */ #content {width: 846px; margin: 0 auto; text-align: left; background: #FDFAF3 url(../images/content-bg.gif) bottom repeat-x; border-right: 1px solid #9fa09a; position: relative;} /* IE */ /* Layouts -------------------------------------------------------------- */ /* One Column (main) */ body.layout-sm #main.one-column { width:810px; padding-right: 0px; float: right; margin-left:35px;} body.layout-sm #main.one-column #article-content { padding-right: 75px; } /* Two Column (side, main) */ body.layout-sm #side {width: 240px; float: left; padding: 0 0 0 35px;} body.layout-sm #main {width: 453px; padding-right: 75px; float: right;} body.layout-sm #content {padding: 50px 0 60px 0;} /* Three Column (side, main, extra) */ body.layout-smx #side {width: 281px; float: left; } body.layout-smx #main {width: 281px; float: left; } body.layout-smx #extra {width: 281px; float: left; } /* tf - added top: -5px for alignment of homepage flash */ body.layout-smx #content {background-image: url(../images/home-content-bg.gif); top:-5px; padding: 0 0 60px 0;} /* Article Title -------------------------------------------------------------- */ #side h1 {font-weight: normal; line-height: 27px; font-style: italic; margin: 0 0 30px 0; font-size: 34px; text-indent:-1000em; } #side h1 span {font-style: normal; font-size: 110%; } #article-content h1 {font-weight: normal; line-height: 27px; font-style: italic; margin: 0 0 30px 0; font-size: 34px; text-indent:-1000em; } #article-content h1 span {font-style: normal; font-size: 110%;} .layout-sm #main h2 { font-size: 1.3em; line-height: 1.4; margin: 8pt 0 0;} /* Extras -------------------------------------------------------------- */ #extras {float: right; width: 178px; text-align: right; margin: 0 0 30px 0; padding: 0;} #extras li {padding: 5px 0; border-bottom: 1px solid #d9d8d5;} #extras a {padding: 0 0 0 20px; text-decoration: none; color: #413d32;} #extras li.images a {background: url(../images/icon-images.gif) no-repeat 0 50%;} #extras li.video a {background: url(../images/icon-video.gif) no-repeat 0 50%;} #extras li.audio a {background: url(../images/icon-audio.gif) no-repeat 0 50%;} /* Pullquote -------------------------------------------------------------- */ .pullquote {background: #CCD1DC; width: 178px; float: right; font-style: normal; margin: 0; padding: 0;} .pullquote-photo {margin: 0;} .pullquote-content {margin: 25px 28px; color: #2e2b24; line-height: 1.8em; text-align: center;} .pullquote-content p {margin-bottom: 8px;} .pullquote-content cite {font-family: Georgia; font-style: italic; color: #586a65;} /* Byline -------------------------------------------------------------- */ .article-byline {margin-bottom: 180px;} .article-byline img {padding: 1px; border: 1px solid #9fa09a; float: left; margin: 0 10px 0 0;} .article-byline cite {float: left; font-size: 11px; color: #999794; line-height: 1.4em;} .article-byline cite span {display: block; font-size: 12px;} /* Articles -------------------------------------------------------------- */ /* Article Content */ #article-content {font-family: Georgia, 'Times New Roman', serif; font-size: 13px; margin-bottom: 45px;} #article-content p {text-indent: 35px;} #article-content blockquote {background-color: #e6eaf1; color: #7b7f86; font-size: 18px; font-style: italic; width:453; text-align:center; margin: 1.2em 0pt;} #article-content blockquote p {padding: 1.3em; text-indent:0px;} #article-content p.intro {position: relative; font-size: 16px; font-style: italic; text-indent: 0; margin: 0 0 10pt;} .dropcap {float: left; font-size: 3.4em; _font-size: 3.5em; font-style: normal; font-weight: normal; line-height: 90%; _overflow: hidden; text-decoration: none; text-transform: uppercase; margin-right: 7px; width: auto; position: relative; top: 2px;} #article-content .scriptures {font-style: italic;} #article-content .scriptures a {color: #5e6c84;} #article-content p.lyrics { margin: 10px 35px 0; text-indent: 0px; font-family: arial; font-style:italic;} #article-content p.hymntitle { margin: 0 0 10px; font-style: italic;} #article-content p.hymntitle a {color: #5e6c84;} /* Article Navigation */ #article-navigation {margin-bottom: 45px; vertical-align: center;} #article-navigation a.next-page {float: left; display: block; padding-right: 16px; font-weight: bold;} #article-navigation a.previous-page {float: left; display: block; padding-left: 16px; font-weight: bold;} #article-navigation span.divider, #article-navigation span.divider-alt {float: left; display: block; width: 1px; margin: 0 13px; height: 2em; text-indent: -999em; background-color: #a2a29d;} #article-navigation span.divider-alt {background-color: #cdd1c0;} #article-navigation span.page-links {float: left; display: block;} #article-navigation span.page-links a {padding: 5px 10px 5px 10px; font-weight: bold;} #article-navigation span.page-links a.selected {font-weight: bold;} #article-navigation span.page-links a:hover {text-decoration: none; font-weight: bold;} #hiddenRelatedImages { display: none; } /* Article Tools */ #article-tools {margin: 0;} #article-tools li {display: inline;} #article-tools a {display: block; float: left; padding: 5px 5px 5px 18px; margin-right: 20px; color: #a5aea6; text-decoration: none;} #article-tools li.print a {background: url(../images/icon-print.gif) no-repeat 0 50%;} #article-tools li.download a {background: url(../images/icon-download.gif) no-repeat 0 50%;} #article-tools li.share a {background: url(../images/icon-share.gif) no-repeat 0 50%;} #article-tools li.audio a {background: url(../images/icon-audio.gif) no-repeat 0 50%;} #extras li.print a {background: url(../images/icon-print.gif) no-repeat 0 50%;} #extras li.download a {background: url(../images/icon-download.gif) no-repeat 0 50%;} #extras li.share a {background: url(../images/icon-share.gif) no-repeat 0 50%;} #extras li.audio a {background: url(../images/icon-audio.gif) no-repeat 0 50%;} /* Article Tools */ #footnote { background: url(../images/horizontal-dotted-line.gif) repeat-x; padding: 20px 0 0 0; margin: 20px 0 0 0; } #footnote ol li { margin-left: 20px; font-size: 90%; } /* IE */ /* Footer -------------------------------------------------------------- */ #footer {margin: 30px 0 20px 370px; text-align:left;} #footer ul {margin:0px; margin-bottom:5px;} #footer li {display:inline;margin: 0; padding-right:15px;} #footer li a{color:#586a65;} #footer li a:hover{color:#586a65;} body#section-testimonies #footer, body#section-multimedia #footer, body#section-faith #footer, body#section-prophets #footer, body#section-teachings #footer, body#section-share #footer {margin-left:387px;} /* IE */ #church-logo { text-indent:-1000em; overflow:hidden; position:absolute; top:20px; left:69px; cursor:pointer; } body.layout-smx #footer .church-logo {left: 300px;} #footer .copyright {color: #9faaa1; font-size: 11px;} /* Video player -------------------------------------------------------------- */ .videoPlayer {background: url(../images/modal_shadow2.png) no-repeat; width: 593px; height: 466px; padding: 20px; text-align: left;} * html .videoPlayer {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/SonOfGod/images/modal_shadow2.png', sizingMethod='scale'); background: none;} .videoPlayer .wrapper {padding: 20px;} .videoPlayer .closer {position: absolute; top: 31px; right: 55px; cursor: pointer; cursor: hand; background: url(../images/close.gif) no-repeat; width: 30px; height: 30px; text-indent: -1000em; overflow: hidden; z-index:101;} /* Glossary -------------------------------------------------------------- */ .tl, .tr, .bl, .br { height:50%; width:50.1%; position:absolute; background:url("../images/glossary_shadow.png"); } .tl { top:0; left:0; } .tr { background-position: top right; top:0; right:0; } .bl { background-position: bottom left; bottom:0; left:0; } .br { background-position: bottom right; bottom:0; right:0; } .content { margin:14px; z-index:100; position:relative; top:2px; padding:5px; background:#fff; } .glossary { width:478px; text-align:left; font-family:arial; font-size:12px; line-height:18px; color:#6f6c60; } /* IE can't do the alpha border, so doing some hacking */ * html .content { margin:10px; } * html .glossary { overflow:hidden; padding-top:8px; } * html .tl, * html .tr, * html .bl, * html .br { display:none; } * html .tl { display:block; background:url(none) #999; filter:alpha(opacity=30); height:1000px; width:100%; } /* end IE hacks */ .glossary p { padding:15px 15px 0 0; margin-bottom:10px; } .glossary img { float: left; margin-right: 20px; } .glossary .img { float:left; } .glossary .text { float:left; width:260px; } .glossary strong { color: #3f3360; font-family:georgia; font-size:18px; font-style:italic; font-weight:normal; } .glossary .closer { position: absolute; top: 25px; right: 25px; cursor: pointer; cursor: hand; background: url(../images/icon-close.gif) no-repeat; width: 13px; height: 13px; text-indent: -1000em; overflow: hidden; z-index:101; } .glossary .additional { padding:0; margin-bottom:10px; } .glossary .additional a { color:#413d32; text-decoration:none; padding:0 0 0 16px; background:url("../images/icon-circle-right-darkgrey.gif") 0 2px no-repeat; } /* Miscellaneous */ div.separator { background: url(../images/separator-bg.gif) repeat-x; height: 1px; } img.tag { vertical-align: -12%; } #side p { clear: both; } /* Clearing house - Using one place to clear everything to save repeated code */ #container:after,#footer:after,.article-byline:after,.glossary p:after, .content:after,#article-tools:after,#article-navigation:after, #content:after, #sub-header:after, #section-links ul:after, #header:after, #container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #container,#footer,.article-byline,.glossary p, .content, #article-tools, #article-navigation, #content, #sub-header, #section-links ul, #header, #container {zoom: 1;} .for-print { display: none; } .showForPrint,.showForPrintInline { display:none; }