/* Uncomment the line below for helpful debugging CSS */ /*@import url(lib/debug.css);*/ @import url(reset.css); /* Font-size reference. Calcuate with: pixel_size / 12 9px : 0.75em 10px : 0.8333em 11px : 0.9167em 12px : 1.0em 13px : 1.0833em 14px : 1.1667em 15px : 1.25em 16px : 1.3333em 17px : 1.4167em 18px : 1.5em 19px : 1.5833em 20px : 1.6667em 21px : 1.75em 22px : 1.8333em 23px : 1.9167em 24px : 2.0em 25px : 2.0833em 26px : 2.1667em 27px : 2.25em 28px : 2.3333em 29px : 2.4167em 30px : 2.5em 31px : 2.5833em 32px : 2.6667em */ /* common styles */ body {background:#333;color:#eee;font-family:Arial, Helvetica, sans-serif;font-size:75%;margin:0;text-align:center;} h2 {color:#fff;font-size:2em; margin-bottom: 6px;} h3, h3 a {color:#FFD95E;font-size:1.1em;letter-spacing:3px;margin:0 0 6px;text-transform:uppercase; clear: both;} h4 {color:#ccc;font-size:1.2em;font-style:italic;margin:0 0 4px;} h5 {color:#fff;font-size:1em;font-weight:700;} #maincontent h3.date {color:#ccc;font-size:.7em;letter-spacing:3px;margin:0 0 6px;text-transform:uppercase;} h3 a {text-decoration: none; } h3 a:hover {color: #fff; text-decoration: none; } #maincontent p {margin-bottom: 24px;} #outer {background:#44433F url(../img/1bg.jpg) top center repeat-x;position:relative;} #wrap {margin:auto;position:relative;width:950px;} #top {height:113px;position:relative;} #logo {background:url(../img/logo.gif) top left no-repeat;float:left;height:72px;margin-top:18px;position:relative;width:255px;text-indent: -9999px;} #service-info {float:right;font-size:1em;margin-right:0;padding:3px 0 0;position:relative; _width:300px;} #service-info p {border-left:1px solid #ACABA6;float:right;line-height:1.5em;padding:7px 9px 0;position:relative;text-align:left; _width:100px;} #service-info p.alt {border:0;padding-top:12px;text-align:right;} #service-info strong {font-weight:700;} #service-info span {display:block;} #nav {font-size:1.1em;height:32px;position:relative;} #nav ul {float:left;padding-left:18px !important;padding-right:72px;position:relative; _margin-left: 9px;} #nav li {float:left; margin-left:-18px;height:32px;position:relative;width:128px;} #nav li span {background:url(../img/tab.png) top left no-repeat;height:32px;left:0;position:absolute;top:0;width:128px;} #nav li a {color:#fff;float:left;height:23px;padding:9px 18px 0 0;position:relative;text-align:center;text-decoration:none;width:110px;font-size:15px;} #nav li:hover a {color:#222;} #nav li:hover span {background:url(../img/tab-active.png) top left no-repeat;} #nav li a {background:url(../img/tab.gif) top left no-repeat;} #nav li a:hover {background:url(../img/tab-active.gif) top left no-repeat;color:#000;} body #nav li.current span {background:url(../img/tab-active.gif) top left no-repeat;color:#000; z-index: 20;} body #nav li.current a {background:url(../img/tab-active.gif) top left no-repeat;color:#000;} /* splash styles */ #splash {background:#fff;border:14px solid #fff;height:262px;overflow:hidden;position:relative;} #splash p {left:0;position:absolute;top:0;} #splash-info h1 {background:url(../img/h-bg.png) top left;color:#fff;float:left;font-size:3em;margin:65px 0 0;padding:5px 7px 5px 10px;position:relative;} #splash-info h2 {background:url(../img/h-bg.png) top left;clear:left;color:#fff;float:left;font-size:2em;margin:8px 0 0;padding:5px 7px 5px 10px;position:relative;} #slideshow {position: absolute; top:0; left: 0; height:262px;width:648px; display: block; overflow:hidden;} #slideshow a {float: none; position: absolute; width: 649px; height: 262px; margin: 0; padding: 0; display: block;} /* sub & feature menu */ #menu {background:url(../img/greybg.gif) no-repeat; top: 0; right: 0; height:262px;position:absolute;text-align:left;width:274px;} #menu li {height:64px;padding-top:2px;position:relative;} #menu li a {color:#fff;cursor:pointer;display:block;padding:0 0 0 20px;position:relative;text-decoration:none;} #menu li a strong {display:block;font-size:1.5em;font-weight:700;padding:12px 0 0;position:relative;} #menu li a span {display:block;font-size:1.1em;position:relative;} #m1 {background:url(../img/ct1.gif) top right no-repeat;} #m2 {background:url(../img/ct2.gif) top right no-repeat;} #m3 {background:url(../img/ct3.gif) top right no-repeat;} #m4 {background:url(../img/ct4.gif) top right no-repeat;} /* page styles */ #page {background:url(../img/pbg.jpg) top left no-repeat;position:relative;} #content {font-size:1.2em;padding-top:46px;position:relative;text-align:left;} .content-box {float:left;height:auto !important;min-height:265px;padding-bottom:30px;padding-left:29px;position:relative;width:278px;} .content-box h3 {height:22px;margin-bottom:14px;position:relative;text-indent:-9999em;} #page a.more-link:hover {color:#302F2D!important; } #page .content-box a.more-link {-moz-border-radius:3px;-webkit-border-radius:3px;background:#302F2D;border-radius:3px;color:#FBD647;font-size:12px;padding:5px 29px 5px 10px;} #page .content-box a.more-link:hover {background:#FBD647;color:#302F2D;text-decoration:none;} #maincontent {margin:0 15px 25px 0;padding:0 0 0 20px;width:620px; float:left;} #maincontent p {line-height:1.5em;} #maincontent ol, #maincontent ul {margin-bottom: 24px;} #maincontent ol li, #maincontent ul li {margin:0 0 .5em 1em;} #maincontent ol li {list-style:decimal;} #maincontent ul li {list-style:circle;} #maincontent a {color:#FFD95E;} #maincontent a:hover {} #sidecontent {float: right; width: 280px;} #sidecontent h3 {margin: 20px 0 2px;} #sidecontent p {line-height:1.5em;} #sidecontent ol, #maincontent ul {margin-bottom: 24px;} #sidecontent ol li, #sidecontent ul li {margin:0 0 .5em 20px;} #sidecontent ol li {list-style:decimal;} #sidecontent ul li {list-style:circle;} #sidecontent a {color:#FFD95E;} #sidecontent a:hover {} /* home column styles */ #recent-messages {font-size:.9em;} #recent-messages h3 {background:url(../img/recent-title.gif) top left no-repeat;} #recent-messages li {border-bottom:1px solid #71706B;margin-bottom:10px;padding:0 0 10px;position:relative;} #recent-messages .date {color:#111;text-transform:uppercase;} #recent-messages li a {color:#fff;font-weight:700;text-decoration:none;} #the-blog h3 {background:url(../img/blog-title.gif) top left no-repeat;} div.entry {margin-bottom:1em;} #the-blog .date {color:#111;display:block;padding-bottom:4px;position:relative;text-transform:uppercase;} #the-blog h4 {color:#FBD647;font-size:1.2em;font-weight:700;margin-bottom:9px;position:relative;} #the-blog h4 a {color:#FBD647;font-size:1em;} #the-blog p, #upcoming-events p {font-size:.9em;line-height:1.2em;position:relative;} #upcoming-events ul {margin-bottom:2em;} #upcoming-events h3 {background:url(../img/upcoming-title.gif) top left no-repeat;} #upcoming-events li {margin-bottom:12px;padding-left:40px;position:relative;min-height:34px;} #upcoming-events li a {color:#fff; } #upcoming-events li a:hover {text-decoration:none;} #upcoming-events .date {-moz-border-radius:3px;-webkit-border-radius:3px;background:#3E3D3A;border-radius:3px;display:block;left:0;padding:3px 0;position:absolute;text-align:center;top:1px;width:28px;} #upcoming-events .date .month {display:block;font-size:.667em;position:relative;text-transform:uppercase;} #upcoming-events .date .day {display:block;font-weight:700;position:relative;} #upcoming-events p {color: #000;} /* footer styles */ #foot {color:#9C9C9C;font-size:0.9167em;margin:auto;padding:30px 0 0;position:relative;width:950px; text-align: left;} #foot a {color:#fff;margin:0 6px;position:relative;} #foot #made-by {font-family: Georgia; font-style: italic; font-weight: bold; color: #9C9C9C;} #footer {width:950px;} #foot #footer #footerright {text-align: right; width:450px; float: right;} #foot #footer #footerleft {text-align: left; width:500px; float: left;} #footerleft p strong {font-weight: bold; color: #fff; font-size: 1.0833em;} #menu.home {background:none;} #menu ul#submenu li {height:auto;padding-top:0;} #menu ul#submenu li a {border-bottom:1px dashed #aaa;color:#555;font-size:1.2em;line-height:1.25em;padding-top:15px;} #menu ul#submenu li a:hover {background:#464540;color:#fff;} .feature a:hover {color:#FBD647 !important;} #facebook, #twitter {padding: 1px 0 10px 50px; margin: 0 30px 10px 0; float: left; _display:inline; _margin: 0 20px 10px 0; } #twitter {background: url(../img/twitter-icon.jpg) top left no-repeat;} #facebook {background: url(../img/facebook-icon.jpg) top left no-repeat; } .twitblue {color: #0db6db;} #foot a.twitblue {color: #0db6db;} #foot #facebook a {padding: 0; margin: 0; color:#9C9C9C; } #recent-messages li a:hover, #upcoming-events li a:hover {color:#dedede;} #splash-info,#foot p span, #splash-info,#foot p span {float:left;position:relative;} * html #splash-info h1, * html #splash-info h2, * html #splash-info h1, * html #splash-info h2 {background:#6F6C51;} /* sermons page */ div.sermonblock {border-bottom: 1px dashed #333; margin-bottom: 2em; padding: 0 0 .5em 0;} div.sermonblock p {margin-bottom:.5em;} div.sermonblock a {color: #FFD95E;} div.sermoninfo h4 {font-size: .85em;} div.sermoninfo a.more-link {-moz-border-radius:3px;-webkit-border-radius:3px;background:#302F2D;border-radius:3px;color:#FBD647;font-size:12px;padding:5px 29px 5px 10px;} div.sermoninfo a.more-link:hover, div.sermonblock a.more-link:hover {background:#FBD647;color:#302F2D;text-decoration:none;} p.tags {font-size: .85em;} p.tags a {color: #ddd;} a.more-link {-moz-border-radius:3px;-webkit-border-radius:3px;background:#302F2D;border-radius:3px;color:#FBD647;font-size:12px;padding:5px 10px 5px 10px;} a.more-link:hover, a.more-link:hover {background:#FBD647;color:#302F2D;text-decoration:none;} /* calendar */ caption, th, td { padding:2px; } .calendar-prev, .calendar-next { font-size:1.25em; padding:3px; } .linked-day a { color:#FBD647; text-decoration:none; padding:2px; } .linked-day a:hover { color:#302F2D; } /* Comments */ #comments table tr td {vertical-align: top;} #comments table tr label {margin: 3px 10px 3px 0;} #maincontent .commentList li {list-style: none; padding: 5px 5px; margin:15px 0; border-left:2px solid #FFD95E;} #maincontent .commentList li:hover {background:#555555;} #maincontent .commentList li .who {width: 200px; float: left;} #maincontent .commentList li .who span {font-size: 11px; color: #bbbbbb; margin: 0;} #maincontent .commentList li p {padding-left: 210px;}