/* @override http://www.atthecrash.com/css/styles.css */ /*====== CLIENT: The Crash CREATED: 4/6/2009 ======*/ /* @group GLOBALS */ * { margin: 0; padding: 0; line-height: 1; } html { font-size:62.5%; height:100%; } body { background:#4B1D03 url(/images/body_bg.gif) repeat-x; height:100%; font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif; } hr { display: none; } #skip { position: absolute; text-indent: -9999px; list-style: none; } #container { width: 768px; margin: 0 auto; position:relative; } a { overflow: hidden; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } #container-outer { background:url(/images/container_outer_bg.jpg) no-repeat center top; padding-top:50px; min-height:850px;} /* @end GLOBALS */ /* @group HEADER */ #header { position: relative; z-index: 1000;float: left; width: 752px; margin-top: 25px; border: 8px solid #FFF; border-bottom: 0; background: url(/images/bg_header.jpg) no-repeat; } #header h1 { float: left; margin: 8px 0 8px 18px; background: url(/images/logo3.gif) no-repeat; text-indent: -999em; } #header h1, #header h1 a { display: block; width: 143px; height: 55px; } #header #service-times { position: absolute; top: 7px; right: 12px; } #header #service-times p { color: #FFF; font-size: 1.2em; } #header #service-times a { color: #CE6100; font-size: 1.2em; } #header #service-times a:hover { text-decoration: none;; } #header #service-times img { border: 0; vertical-align: middle; } /* @end HEADER */ /* @group NAVIGATION */ #nav { display: inline; float: right; margin: 46px 8px 0 0; list-style: none; position: relative; z-index: 999;} #nav li { float: left; margin-right: 4px; font-size: 1.2em; text-transform: uppercase; } #nav li a { display: block; padding: 7px 8px 6px; background: #15161C; color: #FFF; text-decoration: none; } #nav li.current a, #nav li:hover a , #nav li.sfhover a { background: #FFF url(/images/bg_nav_li_a.gif) repeat-x left bottom; color: #46494e; } #nav li ul { position: absolute; left: -999em; z-index: 999; width: 148px; border: 5px solid #D4D4D4; list-style: none; line-height: 1; } #nav li li { margin: 0; font-size: 1.0833em; text-transform: none; } #nav li ul ul { margin: -28px 0 0 148px; } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; } #nav li li li { font-size: 1em; } #nav li:hover li a, #nav li.current li a, #nav li.sfhover li a, #nav li li a { width: 140px; padding: 5px 4px; color: #15161C; background: #D4D4D4; } #nav li li a:hover { background: #FFF; color: #DC6401; } /* @end NAVIGATION */ /* @group Container-Inner */ #container-inner { width: 752px; border: 8px solid #FFF; border-top: 0; float:left; background: url(/images/bg_container-inner.jpg) repeat-y; } #home #home_header { display:block; width:721px; height:255px; background:url(/images/bg_home_header.jpg) no-repeat; padding:8px; margin:0 auto 4px; position:relative; } #container-inner #sub_header { clear: both; display: block; margin: 0 auto 4px; padding: 5px; background: url(/images/bg_sub_header.jpg) no-repeat center center; } /* @end Container-Inner */ /* @group Content-Wrap */ #content-wrap { display: inline; float: left; width: 736px; margin: 0 8px; padding-top: 20px; background: url(/images/bg_content-wrap.gif) repeat-y; border-top: 5px solid #15161B; } body#home #content-wrap { padding-top: 10px; background: none; border: 0; } /* @end CONTENT WRAP */ /* @group Content */ #content { display: inline; float: right; width: 491px; margin: 0 16px; padding-bottom:20px;} body#home #content { float: left; width: auto; margin: 0 0 10px; } #content h3 { margin-bottom: .5em; padding-bottom: 4px; background: url(/images/bg_content_h3.gif) no-repeat left bottom; color: #FFFFFF; font-size: 1.4em; font-weight: normal; text-transform: uppercase; } #content h4 { margin-bottom: 1em; color: #CE6100; font-size: 1.4em; font-weight: normal; } #content h5 { margin-bottom: 1em; color: #9E9E9E; font-size: 1.5em; font-weight: normal; font-family: Georgia, Times, "Times New Roman", serif; } #content h6 { margin-bottom: 1em; color: #9E9E9E; font-size: 1.5em; font-weight: normal; } #content p, #content ul, #content ol, #content td { margin-bottom: 1em; color: #FEFEFC; font-size: 1.2em; line-height: 1.5; } #content p *, #content li *, #content td * { font-size:1em; line-height:1; } #content ul, #content ol { margin-left: 3em; } #content ul#byline { display:inline; float:left; margin:0 0 20px; font-size: 1.1em; list-style: none; width:340px; border-bottom:1px solid #14151b; } #content ul#byline li { float:left; display:inline; margin-right:10px; } #content li { line-height: 1.5; } #content hr { display: block; margin-bottom: 1em; } #content a { color: #CE6100; } #content a:hover { text-decoration: none; } #content img { margin: 0 10px 5px 0; border:0; } #content img.left-align { float:left; margin:0 10px 10px 0; } #content img.right-align { float:right; margin:0 0 10px 10px; } #content img#mcms_stats { display: none; } #content #text { clear: both; } #content fieldset { padding:10px 0; border:0 } /* @end CONTENT */ /* @group UPCOMING EVENTS */ body#home #content div#upcoming-events { float: left; width: 222px; min-height:170px;padding: 0 0 0 10px; background: url(/images/bg_content_div.jpg) no-repeat right top; } body#home #content div#upcoming-events h3 { background: url(/images/bg_content_recent-sermons_h3.jpg) no-repeat left bottom; } body#home #content div#upcoming-events div { margin-bottom: 5px; padding: 0 0 5px; } body#home #content div#upcoming-events h4 { margin:0 0 .25em; color: #79A0BF; font-size: 1.3em; text-transform:uppercase; } body#home #content #upcoming-events h4 a { color:#79a0bf; text-decoration:none; } #home #upcoming-events h4 a:hover { text-decoration:underline; } body#home #content div#upcoming-events p { margin: 0 0 0 10px; color:#fff; line-height:1.2} /* @end UPCOMING EVENTS */ /* @group WELCOME */ #welcome { float: left; width: 235px; padding: 0 5px 0 10px; } #welcome h3 { background: url(/images/bg_content_recent-sermons_h3.jpg) no-repeat left bottom; } #welcome p { line-height: 1.4; } #welcome p b, #welcome p strong { color: #79A0BF; font-weight: normal; } /* @end WELCOME */ /* @group RECENT SERMONS */ #recent-sermons { float: left; width: 226px; padding: 0 15px 0 10px; line-height: 1.5; background: url(/images/bg_content_div.jpg) no-repeat right top; } #recent-sermons h3 { background: url(/images/bg_content_recent-sermons_h3.jpg) no-repeat left bottom; } #recent-sermons h4 { margin-bottom: 0; padding-right: 75px; font-size: 1.2em; text-transform: uppercase; } #recent-sermons h4 a { color: #fff; text-decoration:none; } #recent-sermons p { color: #79A0BF; } #recent-sermons .sermonbox { position: relative; margin-bottom: 10px; padding:0 10px; } #recent-sermons .sermonbox p.play { position: absolute; top: 0; right: 0; text-indent: -9999px; } #recent-sermons .sermonbox p.play a { display: block; width: 56px; height: 19px; background: url(/images/bg_play.gif) no-repeat; } #recent-sermons #podcasting p { color: #FFF; font-size: 1.1em; line-height: 1.1; } #recent-sermons #podcasting img { border: 0; margin-right:5px; display:inline; float:left; vertical-align:top; } /* @end RECENT SERMONS */ /* @group SERMONS */ #content .sermonbox { margin-bottom: 20px; padding:10px 0; } #content .sermonbox h4 { margin-bottom: 5px; } #content .sermonbox p { padding: 0; margin: 0; } #content .sermonbox p.sermonlink { margin-top: 10px; } #content .sermonbox p.eventtime { margin-bottom: 0; } #content #mediabox { float:right; width:125px; padding: 10px 5px 5px; margin:-1.5em 0 0; background:#252731; border:1px solid #14151B; font-size: 1.1em; list-style: none; } #content #mediabox li { font-weight: bold; margin:5px 0; } #content #mediabox li a { display: block; height: 16px; padding:2px 0 2px 20px; background-repeat: no-repeat; background-position:0 2px; } #content #mediabox li#mb_links { margin:-10px -5px 10px; background:#14151b; padding:5px; font-size:1.2em;} #content #mediabox li#mb_print a { background-image: url(/images/mb_print.gif); } #content #mediabox li#mb_video a { background-image: url(/images/mb_video.gif); } #content #mediabox li#mb_download a { background-image: url(/images/mb_download.gif); } #content #mediabox li#mb_notes a { background-image: url(/images/mb_notes.gif); } #content #mediabox li#mb_jukebox a { background-image: url(/images/mb_jukebox.gif); } #content #mediabox li#mb_podcast a { background-image: url(/images/mb_podcast.gif); } /* @end SERMONS */ /* @group CALENDAR */ #content table.calendar { margin-bottom: 25px; border: 1px solid #3A3E46; border-right: 0; border-bottom: 0; border-collapse: collapse; } #content table.calendar caption { padding-bottom: 10px; color: #FCFDFE; font-size: 1.5em; } #content table.calendar caption span{ color: #8A4700; font-size: 1.5em; padding-left: 10px;padding-right: 10px;} #content table.calendar th { padding: 6px 0; background: #959596; color: #15161C; font-size: 1.3em; font-weight: normal; } #content table.calendar td { width: 68px; height: 68px; padding: 2px; border: 1px solid #3A3E46; border-left: 0; border-top: 0; background: #484D56; color: #FCFDFE; font-size: 1em; vertical-align: top; } #content table.calendar td.empty { background: #484D56; } #content table.calendar td a { color: #FCFDFE; text-decoration: none; } #content table.calendar td ul { margin: .5em 0 0 .5em; font-size: 100%; list-style: none; } #content table.calendar td li { margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; } #content table.calendar td li a { color: #FFF; text-decoration: underline; } #content table.calendar td li a:hover{ text-decoration: none; } /* @end CALENDAR */ /* @group MINI CALENDAR */ #home #content table.calendar caption span { color:#fff; } #home #content table.calendar td { width: 28px; height: 28px; border: 1px solid #3a3e46; border-top: 0; border-left: 0; color: #fcfdfe; font-size: 1.1em; font-weight: normal; text-align: center; } #home table.calendar td.linked-day { background:#fff; } #home table.calendar td a { background:#fff; color:#000; display:block; line-height:28px; } #traildiv { position:absolute; top:0; left:0; z-index:999; visibility:hidden; width:200px; height:100px; color:#FFF; } #traildiv ul { padding: .75em; padding-bottom: 0; border: 3px solid #000; background: #484d56; font-size: 1.1em; } #traildiv li { color: #FFF; margin-left: 1em; margin-bottom: .75em; } #traildiv a { color: #FFF; text-decoration: none; } /* @end MINI CALENDAR */ /* @group Sidebar */ #sidebar { display: inline; float: left; width: 187px; margin: 0 11px 25px; } #sidebar h3 { margin-bottom: .5em; padding-bottom: 4px; background: url(/images/bg_sidebar_h3.gif) no-repeat left bottom; color: #9E9E9E; font-size: 1.2em; text-transform: uppercase; } #sidebar a { color: #CE6100; } #sidebar a:hover { text-decoration: none; } #sidebar .event { margin-bottom: 15px; } #sidebar .event h4 { margin-bottom: .25em; color: #79A0BF; font-size: 1.3em; font-weight: normal; } #sidebar .event p { margin-left: 5px; color: #FFF; font-size: 1.2em; line-height: 1.3; } #sidebar #church-projects h4 { margin-bottom: .25em; color: #90B3D0; font-size: 1.4em; font-weight: normal; } #sidebar #church-projects p { color: #F5EDE3; font-size: 1.4em; line-height: 1.3; } #sidebar #church-projects p.current { margin-top: 10px; padding-top: 10px; border-top: 1px solid #1A1A22; font-size: 1.2em; } #sidebar #church-projects p.current a { color: #CE6100; } #sidebar #church-projects a { color: #F5EDE3; } #sidebar #church-projects img { display: block; margin-bottom: 5px; border: 3px solid #0D0E11; } #sidebar #blog-sidebar ul { margin-bottom: 20px; } #sidebar #blog-sidebar li { margin-bottom: .5em; font-size: 1.2em; list-style: none; } #sidebar #blog-sidebar a { color: #FFF; } #sidebar #blog-sidebar a:hover { color: #C26409; text-decoration: none; } #sidebar #blog-sidebar p { font-size:1.2em; line-height:1.5em; color:#fff; margin-bottom:1em; } #blog #sidebar #blog-sidebar img, #sidebar #blog-sidebar img.bio { float:left; margin:0 5px 5px 0; border:4px solid #40424F; clear:left; } #sidebar #blog-sidebar h4 { font-size:1.4em; font-weight:normal; margin-bottom:0; color:#A2C3E4; } /* @end SIDEBAR */ /* @group Quicklinks */ #quicklinks { clear: both; float: left; display: inline;width: 753px; height: 115px; margin: 0 8px; padding:7px 0 0; background: url(/images/bg_quicklinks.jpg) no-repeat; } #quicklinks ul { margin-left:7px; } #quicklinks li { display: inline; float: left; list-style: none; width:225px; height:88px; border:8px solid #59473e; margin:0 3px; } #quicklinks li:hover { border: 8px solid #4b1d02; } #quicklinks li a { border: none; } #quicklinks img { border:none;} /* @end QUICKLINKS */ /* @group Footer */ #footer{ clear: both; padding: 0 25px 25px; } #footer p{ float: left; color: #FFF; font-size: 1.1em; font-weight: normal; } #footer p.powered{ float: right; font-size: 1.1em; font-weight: normal; } #footer a{ color: #FFF; text-decoration: none; } #footer a:hover{ color: #FFF; text-decoration: underline; } /* @end FOOTER */