/* @override http://immanuelchurchdublin.cpmpreview1.com/css/styles.css */ /*===== SITE: Immanuel Church, Dublin FILE: styles.css CREATED: 1/8/2009 MODIFIED:1/14/2009 AUTHOR: Ben Otero (ben@churchplantmedia.com) =====*/ /* @group GLOBALS */ * { margin:0; padding:0; line-height:1; } body { background:url(/images/body_bg.jpg) repeat center top; font-size:62.5%; margin:0; padding:0; font-family:"Lucida Grande", arial, verdana, sans-serif; } #outer-container { background:url(/images/outer_container_bg.jpg) no-repeat center top; padding-bottom:150px; } #wrapper { background:url(/images/wrapper_bg.jpg) repeat-x center top; } #container { padding-top:49px; margin:0 auto; width:867px; } #mainContent { background:url(/images/maincontent_bg.gif) repeat-y; width:867px; } hr { display:none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block;} /* @end */ /* @group HEADER */ #header { position:relative; width:867px; height:81px; z-index:1; background:url(/images/header_bg.png) no-repeat left top; } #header h1, #header h1 a { display:block; width:408px; height:57px; } #header h1 { margin:0; padding:0; background:url(/images/logo.png) no-repeat; text-indent:-999em; position:absolute; left:10px; top:8px; } #header h1 a:focus { outline:none; } #skip { position:absolute; top:-999em; } #tagline { position:absolute; width:460px; top:32px; right:19px;} /* @end */ /* @group NAVIGATION */ #navigation { width:231px; margin-bottom:23px; float:right} #nav, #nav * { list-style:none; margin:0; padding:0;} #nav li { cursor:pointer; } #nav li a { display:block; padding:8px 0 12px 18px; height:11px; font-size:1.4em; color:#fff; text-decoration:none; text-transform:lowercase; border-top:1px solid #48494a; } #nav li#nav_home a { border-top:none; } #nav li:hover a { background:#525353; } #home li#nav_home, #nav li.current { position:relative; left:-6px; font-weight: bold;background:url(/images/nav_tab.gif) no-repeat left bottom; height:38px; margin-bottom:-5px;} #home #nav li#nav_home a, #nav li.current a:hover, #nav li.current a { border:0; padding:9px 0 10px 25px; height:15px; line-height:1; background:url(/images/current_nav.gif) no-repeat; width:212px; color:#161718; } #nav li.current li a, #nav li li a, #nav li:hover li a { background:#4c4c4c; color:#fff; text-transform:capitalize; font-size:12px; padding-left:10px; width:134px; position:relative; left:0; border:0; height:9px; padding:8px 0 12px 10px; margin-left: -20px; } #nav li.current li { left:0; margin-bottom:0; background: 0; height:auto;font-weight: normal;} #nav li.current li a:hover, #nav li li a:hover { background:#2a2b28; width:158px; color:#fff; padding:8px 0 12px 10px; height:9px; } #nav li ul { position:absolute;left:-5000px;z-index:1001; width:148px; background: #4c4c4c;} #nav li:hover ul { left:auto; margin:-45px 0 0 216px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { left:-5000px;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { left:auto;} #nav li:hover ul li:hover ul { margin:-30px 0 0 164px;} /* @end */ /* @group PRIMARY CONTENT */ #primaryContent { float:right; position:relative; padding:0 30px 100px 11px; width:571px; margin-right:6px; z-index:10; top:-1px; display:inline; } #home #primaryContent { padding:0; width:612px; margin-right:9px; } #primaryContent a { text-decoration:underline; color:#1db3b2; } #primaryContent a:hover { text-decoration: none; } #primaryContent #subscribe { float:right; margin-top:20px; padding:4px 0 4px 20px; background:url(/images/feed_icon.gif) no-repeat left center; } #primaryContent p, #primaryContent li, #primaryContent td { font-size:1.2em; line-height:1.5em; margin-bottom:1em; color:#2a2b28; } #primaryContent p *, #primaryContent li *, #primaryContent td * { font-size:1em; line-height:1; } #primaryContent td { vertical-align: top; } #primaryContent ul, #primaryContent ol { margin:1em; padding-left:2em; } img.left-align { float:left; margin:10px 10px 10px 0; } img.right-align { float:right; margin:10px 0 10px 10px; } img.no-border, #primaryContent img.mcms_stats { border:0; } /* @group BANNER */ #banner { display:block; width:612px;position:relative; left:-14px; } #home #banner { width:612px; height:349px; left:0; background:url(/mediafiles/home-header.jpg) no-repeat; } /* @end */ /* @group HEADINGS */ h2, h3, h4, h5, h6 { margin-bottom:1em; color:#2a2b28; } h2 { font-size:1.7em; margin-top:20px; color:#1db3b2;} #primaryContent h3 { font-size:1.6em; color:#1db3b2;} #primaryContent h4 { font-size:1.5em; } #primaryContent h5 { font-size:1.4em; } #primaryContent h6 { font-size:1.3em; } /* @end */ /* @group ARTICLES */ .article { border-bottom:1px solid #e4e5dd; padding:19px 0; } .article h4 { margin-bottom:0; margin-top:0; } #primaryContent .article h4 a { text-decoration:none; } #primaryContent .article h4 a:hover { text-decoration: underline; } #primaryContent .article p.by { font-size:1.1em; color:#7b7b76; margin-top:3px; } /* @end */ /* @group QUICKLINKS */ #quicklinks { width:642px; margin:7px -30px -33px -1px; } #quicklinks div { float:left; display:block; width:184px; text-decoration:none; padding:0 7px; margin-right:9px; color:#222; } #quicklinks img { border:0; margin-left:-7px; } #quicklinks a { text-decoration:none; } #quicklinks h4 { font-size:1.5em; font-weight:normal; margin:6px 0 5px; text-decoration:none; } #quicklinks h4 a { color:#222; } #quicklinks a:hover h4 { color:#11a9a8; } #quicklinks p { font-size:1.1em; margin-bottom:0; color:#515151 } #primaryContent #quicklinks a:hover p { color:#878787; } /* @end */ /* @end */ /* @group SECONDARY CONTENT */ #secondaryContent { float:left; position:relative; z-index:1005; width:237px; padding-top:10px; background:url(/images/sidebar_bg.gif) no-repeat left -6px;} #secondaryContent h3 { font-size:1.4em; margin-left:24px; color:#fff; font-weight:normal; margin-bottom:1.5em;} #secondaryContent img { border:2px solid #de851a; } /* @group MAP DIRECTIONS */ #map-directions { width:216px; margin-left:7px; margin-bottom:5px; } #map-directions p { margin:0; line-height:0; } #map-directions img { position:relative; left:-7px; border:0; } /* @end */ /* @group MINI CALENDAR */ #calendar { background:url(/images/cal_bg.gif) no-repeat right top; clear:both; padding:12px; min-height:155px; margin-left:6px; position:relative; } #calendar table { clear:both; width:207px; margin:0 auto; border-collapse:collapse; position:relative; background:#3f3f40; } #calendar caption { padding-bottom:5px; font:bold 12px "Lucida Grande", arial, verdana, sans-serif; color:#84faf9; text-align:left; background:url(/images/caption_bg.gif) no-repeat center right; padding-top: 3px; } #calendar caption span { position:absolute; top:15px; display:block; width:13px; height:13px; text-indent:-999em; } #calendar .calendar-next{ background:url(/images/next_arrow.gif) no-repeat right; right:12px; padding-top: 4px;} #calendar .calendar-prev{ background:url(/images/prev_arrow.gif) no-repeat left center; right:31px;padding-top: 4px;} @media screen and (-webkit-min-device-pixel-ratio:0){ #calendar caption span { top:3px; } #calendar .calendar-next { right:0;} #calendar .calendar-prev { right:19px; } } #calendar .calendar th { background:#292a2c; font: 1em "Lucida Grande", arial, sans-serif; font-weight: bold; color:#73acac; padding:0; line-height:16px; } #calendar .calendar td { font-size:.9em; color:#b2b3b3; border:1px solid #4d4d4e; border-width:0 1px 1px 0; height:23px; width:27px; vertical-align:top; padding:2px 0; padding-left: 1px; } #calendar td.linked-day { background:#84faf9; font-weight: bold; } #calendar td a { color:#1e1f21; text-decoration:none; } #traildiv { position:absolute; left:20px; top:5px; z-index:5000; } #traildiv ul{ margin:0; list-style:none; background:#292a2c; border:4px solid #4d4d4e; padding:10px; width:200px; } #traildiv li a { color:#b2b3b3; text-decoration:none; } /* @end */ /* @end */ /* @group FOOTER */ #footer { position:relative; width:867px; padding-top:62px; height:30px; z-index:1; background:url(/images/footer_bg.png) no-repeat; top:-1px; } #footer , x:-moz-any-link { top:-10px; } #footer p { width:45%; float:left; margin:0 0 0 245px; font-size:1.1em; color:#a1a0a0; } #footer p#powered { float:right; width:auto; margin:0 14px 0 0; } #footer a { color:#a1a0a0;} #footer a:hover { text-decoration:none;color:#8dfaf9; } #powered a:focus { outline:none; } /* @end */ /* @group SERMONS */ #filter { margin-bottom:53px; } #filter select { width:300px; margin-left:10px; } #filter a { margin-left:45px; } #primaryContent h4 { clear:both; } #primaryContent .sermonlist h4 { margin:0; padding:10px 0; } .sermonbox { position:relative; padding:10px 0; border-top:1px solid #e4e5dd; } .sermonbox a { text-decoration:underline; } .sermonbox a:hover { text-decoration:none; } #primaryContent .sermonbox h5 { margin:0; padding-bottom: 4px;} #primaryContent .sermonbox h5 span { font-size:10px; margin-left:10px; color:#2a2b28; } #primaryContent .sermonbox p { margin:0;} .sermonbox ul { position:absolute; top:20px; right:10px; margin:0; padding:0; list-style: none;} .sermonbox li { float:left; display:inline; margin-right:5px; } .sermonbox li a { display:block; width:16px; height:16px; text-indent:-999em; } .sermonbox li.sl_listen a { background:url(/images/play_icon.gif) no-repeat; padding-right: 4px; } .sermonbox li.sl_download a { background:url(/images/download_icon.gif) no-repeat;padding-right: 4px; } .sermonbox li.sl_notes a { background:url(/images/notes_icon.gif) no-repeat;padding-right: 4px; } .sermonbox li.sl_video a { background:url(/images/video_icon.gif) no-repeat; } .sermonbox li a:focus { outline:none; } /* @group MEDIA BOX */ #text { padding-top:2em; clear:both;} #primaryContent #byline { margin:10px 0 0; padding:0; list-style:none; clear:both;} #byline li { float:left; display:inline; margin-right:10px; } #primaryContent #mediabox { padding:10px; margin:4px 0 0 0; list-style:none; background: #f3f4f0; height:20px; clear:both; } #mediabox li { padding:0px 5px 0px 21px; float:left; display:inline; font-size:1.1em; line-height:20px; } #mediabox li#mb_links { background:#5c5e60; color:#fff; margin:-10px 10px -10px -10px; padding:10px; font-size:1.2em;} #mediabox li#mb_jukebox { background:url(/images/play_icon.gif) no-repeat left 2px; padding-right: 12px;} #mediabox li#mb_download { background:url(/images/download_icon.gif) no-repeat left 2px;padding-right: 12px; } #mediabox li#mb_notes { background:url(/images/notes_icon.gif) no-repeat left 2px;padding-right: 12px; } #mediabox li#mb_video { background:url(/images/video_icon.gif) no-repeat left 2px; padding-right: 10px;} #mediabox li#mb_podcast { background:url(/images/feed_icon.gif) no-repeat left 2px; } #text { margin-right:10px;} /* @end */ /* @group HOW IT WORKS */ ul#how-it-works { margin:1em 0 2em; background: #f3f4f0;;padding:5px 0; list-style:none; height:25px; border:3px solid #e4e5dd; } #how-it-works li { padding-left:13px; margin:0 1em 1.5em; font-size:1.1em; display:block; float:left; line-height:25px;} #how-it-works li#how { font-weight:bold; margin-left:0; } #how-it-works li#play { background:url(/images/play_icon.gif) no-repeat left center; margin-left: 10px;padding-left: 20px;} #how-it-works li#notes { background:url(/images/notes_icon.gif) no-repeat left center;margin-left: 10px;padding-left: 20px;} #how-it-works li#video { background:url(/images/video_icon.gif) no-repeat left center;margin-left: 10px;padding-left: 20px; } #how-it-works li#save { background:url(/images/download_icon.gif) no-repeat left center;margin-left: 10px; padding-left: 20px;} /* @end */ /* @group SORTING */ #sorting { clear:both; padding-left:0px; } #sorting label, #sorting select, #sorting a { display:block; width:80%; margin:0 auto; } #sorting label { font-size:1.2em; font-weight:bold; margin-bottom:.5em; color:#fff} #sorting select { margin-bottom:1.5em; } #sorting a { font-size:1.2em; color:#fff; } #sorting a:hover { text-decoration:none; } /* @end */ /* @end */ /* @group CALENDAR e4e5dd be531d */ #primaryContent table.calendar { width:102%; margin-bottom: 25px; border: 1px solid #e4e5dd; border-right: 0; border-bottom: 0; border-collapse: collapse;} #primaryContent table.calendar caption { padding-bottom: 10px; color: #1db3b2; font-size: 1.4em; } #primaryContent table.calendar caption span { color: #1db3b2; } #primaryContent table.calendar th { padding: 6px 0; background: #292a2c; color: #1db3b2; font-size: 1.3em; font-weight: normal; } #primaryContent table.calendar td { width: 68px; height: 68px; padding: 2px; border: 1px solid #e4e5dd; border-left: 0; border-top: 0; background: #fff; color: #2a2b28; font-size: 1em; vertical-align: top; } #primaryContent table.calendar td a { text-decoration: none; } #primaryContent table.calendar td ul { margin: .5em 0 0 .5em; padding:0; font-size: 100%; list-style: none; } #primaryContent table.calendar td li { margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; } #primaryContent table.calendar td li a { text-decoration: underline; } #primaryContent table.calendar td li a:hover{ text-decoration: none; } /* @end */ /* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { #calendar caption span { top:3px; } #calendar .calendar-next { right:0; } #calendar .calendar-prev { right:19px; } #footer { top:-10px; } }