/*   
Author: Tom Rose (tom@slurve.com)
Author URI: http://slurve.com
Date: 13 Feb 2009
*/

/* -------------------------------------------------------------------------- global */

body { margin: 0; padding: 0; line-height: 140%; background: #f0ebe5 url(http://longhillchapel.net/content/images/bg_alt.jpg) 0 0 repeat-x; -moz-opacity: .999; }
body#home { background: #f0ebe5 url(http://longhillchapel.net/content/images/bg.jpg) 0 0 repeat-x; }

/* -------------------------------------------------------------------------- typography */

body { font-family: "Lucida Grande", Verdana, sans-serif; font-size: small; }
#container, #footer { color: #333; font-size: 12px; line-height: 20px; }
#sidebar { font-size: 11px; }
#sidebar a { font-size: 11px; }

/* -------------------------------------------------------------------------- links */

a:link, a:visited, a:active { color: #7F7244; text-decoration: none; }
a:hover { text-decoration: underline; }
.logo a { position: relative; width: 340px; height: 0px !important; display: block; background: url(../../../images/logo.gif) top left no-repeat; overflow: hidden; padding: 58px 0 0 0; border: none; }
.logo a:hover { background-position: 0 -58px; border: none; }
#masthead a:hover { border: none; }

/* -------------------------------------------------------------------------- headers */

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; }
h1 { font-size: 210%; font-family: "Georgia"; margin: 15px 0 15px 0; }
h1.sectionHead { font-size: 200%; font-family: "Georgia"; text-transform: uppercase; color: #c5bca7; margin: 20px 0 40px 0; }
h2 { font-size: 180%; font-family: "Georgia"; margin: 15px 0 6px 0; }
h2.sectionHead { font-size: 200%; font-family: "Georgia"; text-transform: uppercase; color: #c5bca7; margin: 20px 0 40px 0; }
h3 { font-size: 110%; width: 95%; font-family: "Georgia"; text-transform: uppercase; color: #5b6230; margin: 12px 0 8px 0; }
.post h3 { margin-bottom: 5px; }
#sermons h2 { margin-top: 0; }

/* -------------------------------------------------------------------------- masthead */

.logo { position: absolute; top: 52px; left: 0; }
.toplinks { position: absolute; top: 6px; right: 10px; color: #949377; z-index: 1000; }
.toplinks ul { width: 100%; float: right; margin: 0; padding: 0; list-style-type: none; position: relative; }
.toplinks li { font-size: 95%; float: left; margin: 0 13px; padding: 0 0 8px 0; position: relative; }
.toplinks li a { margin: 0; }
.toplinks ul ul { opacity: .80; width: 155px; border: 4px solid #ccc; border-top: none; background-color: #fff; float: none; margin: 0; padding: 4px 0 6px 0; list-style-type: none; display: none; position: absolute; top: 23px; left: -15px; z-index: 1000; }
.toplinks li li { float: none; padding: 1px 0 1px 0; }
.toplinks li li a { display: block; width: 100%; color: #666; font-weight: bold; }
.toplinks .menuparent a:hover { text-decoration: none; }
.toplinks .menuparent li a:hover { text-decoration: underline; }
.toplinks li:hover ul, .toplinks li.over ul { display: block; }
.nav { margin: 0; padding: 0; position: absolute; top: 68px; right: 0; list-style-type: none; z-index: 100; }
.nav li { float: left; display: inline; margin: 0 8px; position: relative; }
.nav li a { position: relative; height: 0px !important; display: block; overflow: hidden; padding: 17px 0 0 0; }
.nav .home a { width: 60px; background: url(../../../images/nav_home.gif) top left no-repeat; }
.nav .news a { width: 58px; background: url(../../../images/nav_news.gif) top left no-repeat; }
.nav .about a { width: 62px; background: url(../../../images/nav_about.gif) top left no-repeat; }
.nav .sermons a { width: 87px; background: url(../../../images/nav_sermons.gif) top left no-repeat; }
.nav .calendar a { width: 96px; background: url(../../../images/nav_calendar.gif) top left no-repeat; }
.nav .grow a { width: 56px; background: url(../../../images/nav_grow.gif) top left no-repeat; }
.nav .connect a { width: 82px; background: url(../../../images/nav_connect.gif) top left no-repeat; }
.nav .serve a { width: 55px; background: url(../../../images/nav_serve.gif) top left no-repeat; }
.nav .contact a { width: 77px; background: url(../../../images/nav_contact.gif) top left no-repeat; }
.home a:hover, .news a:hover, .about a:hover, .calendar a:hover, .sermons a:hover, .grow a:hover, .connect a:hover, .serve a:hover, .contact a:hover, #home .home a, #news .news a, #about .about a, #staff .about a, #sermons .sermons a, #podcasts .sermons a, #calendar .calendar a, #grow .grow a, #connect .connect a, #serve .serve a, #missionaryProfiles .serve a, #contact .contact a { background-position: 0 -25px; cursor: pointer; }
.nav ul { display: none; width: 170px; position: absolute; top: 10px; left: 0; padding: 15px 0 0 0; margin: 0; z-index: 2; opacity: 1.0; border-bottom: 6px solid #85836F; background: url(../../../images/bg_nav.gif) 0 0 repeat-x !important; }
.nav li li { float: none; display: block; list-style-type: none; width: 146px; padding: 3px 12px 0 0; border: none; }
.nav li li.firstItem { padding-top: 13px; }
.nav li:hover a, .nav a:hover { color: #555; border-bottom: none; text-decoration: none; }
.nav li li a, .nav li:hover li a , .nav li li a:visited, .nav li:hover li a:visited { color: #fff !important; font-size: 11px; line-height: 13px; height: auto !important; margin: 0 0 3px 0; padding: 0; text-transform: none; width: 146px !important; border: none; background: none !important; cursor: pointer; }
.nav li li a:hover, .nav li:hover li a:hover { border: none; color: #eee !important; }

/* -------------------------------------------------------------------------- containers */

#container { position: relative; margin: 0 auto 0 auto; width: 990px; }
#masthead { position: relative; height: 140px; z-index: 1000; }
#wrap { position: relative; width: 100%; min-height: 400px; padding: 0 0 5px 0; margin: 0; }
#main { position: relative; width: 680px; float: left; display: inline; margin: 0 0 20px 40px; }
#home #main { width: 100%; float: none; margin: 0; }
#sidebar { position: relative; width: 209px; border-left: 1px dotted #6e6c57; padding-left: 20px; background: transparent; float: left; display: inline; margin: 80px 0 20px 20px; text-align: left; }
#footer { background: url(../../../images/bg_footer.jpg); width: 100%; margin: 0; padding: 20px 0; text-align: center; }

/* -------------------------------------------------------------------------- photos */

#leadPanels { height: 230px; margin-bottom: 20px; width: 100%; position: relative; }
#leadPanels div { display: block; padding: 25px 0 0 25px; width: 965px; height: 200px; position: absolute; background: #e5e3d7 url(../../../images/bg_lead.jpg) top left repeat-x; }
#leadPanels p { width: 450px; color: #465f3f; line-height: 24px; font-family: Georgia, sans-serif; font-size: 17px; margin: 10px 0; }
.leadPhoto { position: absolute; top: -21px; right: 0; }
.hidden { position: absolute;	top: -10000px; }

/* -------------------------------------------------------------------------- interior and homepage */

strong.title { font-size: 130%; color: #646A3B; }
.wrap-staff #main img { float: left; margin: 0 10px 20px 0; border: 4px solid #fff; }
.wrap-staff #main p { clear: both; margin: 10px 0; }
.wrap-staff .videoModule object { float: none; }
.wrap-staff .videoModule { position: absolute; top: 90px; right: 0; }
.titleWhatsNew { position: relative; width: 113px; height: 0px !important; display: block; background: url(../../../images/title_whatsnew.gif) top left no-repeat; overflow: hidden; padding: 23px 0 0 0; border: none; }
.titleSermons { position: relative; width: 85px; height: 0px !important; display: block; background: url(../../../images/title_sermons.gif) top left no-repeat; overflow: hidden; padding: 23px 0 0 0; border: none; }
.titleBlogs { position: relative; width: 53px; height: 0px !important; display: block; background: url(../../../images/title_blogs.gif) top left no-repeat; overflow: hidden; padding: 23px 0 0 0; border: none; }
.titleUpcoming2 { position: relative; width: 172px; height: 0px !important; display: block; background: #ffffff top left no-repeat; overflow: hidden; padding: 23px 0 0 0; border: none; }
.titleUpcoming3 { position: relative; width: 172px; height: 0px !important; display: block; background: url(../../../images/title_upcoming_events.gif) top left no-repeat; overflow: hidden; padding: 23px 0 0 0; border: none; }
.titlePhotos { position: relative; width: 68px; height: 0px !important; display: block; background: url(../../../images/title_photos.gif) top left no-repeat; overflow: hidden; padding: 23px 0 0 0; border: none; }
.colA { width: 580px; float: left; margin: 5px 0 0 0; }
.colB { width: 410px; float: left; margin: 5px 0 0 0; }
.post { margin: 26px 0; }
.post img { margin: 10px; border: 3px solid #ccc; }
#news .post img { display: none; }
.headlines { padding: 0; width: 100%; }
.headlines.alt { margin-bottom: 15px; }
.headlines li { border-bottom: 1px dotted #b1a46f; line-height: 12px; margin: 0; padding: 6px 0; list-style-type: none; color: #999; font-size: 11px; }
.headlines.alt li { border: none; line-height: 16px; margin-top: 2px; padding: 1px 0; }
.headlines li a { font-size: 100%; margin: 4px 0 4px 2px; }
.headlines li.more { text-transform: uppercase; font-size: 85%; }
.headlines .more { border: none; text-transform: uppercase; font-size: 90%; }
.module { width: 270px; float: left; margin: 0 20px 20px 0; position: relative; }
.module h2 { font-size: 150%; font-family: Tahoma, sans-serif; color: #6e6c57; margin: 0 0 8px 0; letter-spacing: 0px; }
.module .subscribe { float: right; }
.module.sermons { margin-right: 0; }
.module.blogs { width: 520px; padding: 26px 20px; background: url(../../../images/bg_blogs.jpg) 0 0 no-repeat; margin-right: 0; }
.module.photos { width: 120px; margin-right: 0; }
.module.photos img { margin: 4px 0; width: 85%; height: 90px; border: 8px solid #fff; border-bottom: 20px solid #fff; }
.module.photos img:hover { border-color: #fcfbfa; }
.module.photos .flickr-gallery-next, .module.photos .flickr-gallery-prev { display: none; }
.module.blogs h3 { text-transform: uppercase; font-size: 100%; color: #aead98; margin: 15px 0 2px 0; }
.module.blogs .headline { margin: 0 0 4px 0; font-size: 120%; }
.module.eventsPromo { }
.module.eventsPromo img { margin-top: -20px; }
.upcomingEvents { background: #fff url(../../../images/bg_fade.jpg) left bottom repeat-x; border-top: 4px solid #aaa891; padding: 18px 10px 60px 10px; text-align: left; }
.upcomingEvents .shadow-left, .upcomingEvents .shadow-right { top: 4px; }
.upcomingEvents .moreEvents { margin: 0; padding: 5px 0 0 0; }
.upcomingEvents .moreEvents a { text-transform: uppercase; font-size: 90%; }
#agenda ul { margin: 10px 0 0 2px; padding: 0; list-style-type: none; text-align: left; }
#agenda ul li { margin: 0 0 10px 0; padding: 0; line-height: 18px; color: #777; letter-spacing: 1px; font-size: 12px; font-family: Georgia, serif;  }
#agenda ul li a { display: block; letter-spacing: 0; font-family: "Lucida Grande", sans-serif; border-top: 1px solid #eee; margin: 3px 0 0 0; padding: 2px 0 0 0; }
.blogB { width: 500px; margin-top: -10px; }
.directions { margin: 20px 0 0 0; }
.directions .title { font-size: 170%; list-style-type: none; margin-left: -15px; font-weight: bold; color: #95937a; letter-spacing: -1px; }
.directions .title img { vertical-align: middle; }
#sermons .post { border-bottom: 1px dotted #6e6c57; padding-bottom: 20px; padding-top: 20px; margin: 0; width: 90%; }
#sermons h3 { margin-top: 0; }
#sidebar select { width: 100%; margin: 5px 0; }
.sermonDate { margin: 0 0 4px 0; font-size: 90%; color: #999; }
.podPress_content { margin: -7px 0 0 -2px;}
.podPress_content object { margin: 0 0 5px 3px; }
.catDescription p { font-size: 120%; line-height: 150%; color: #999; }
.postmetadata { color: #999; }
#blogs .post { margin-bottom: 30px; }
.video { float: right; margin: 5px 20px 0 20px; position: relative; }
.video:hover { cursor: pointer; }
#videoWrap { float: right; width: 330px; }
#videoWrap a.on { color: #000; }
#videoWrap a.off { color: #ccc; }
#videoWrap h4 { margin: 0; }
#videoWrap object { float: none; margin: 0; }
.videoList { list-style-type: none; margin: 0 0 12px 0; padding: 0; }
.videoList li { margin: 0; background: url(../../../images/icons/video.gif) 0 3px no-repeat; padding: 0 0 0 23px; }
.adminEdit { margin: 10px 0 0 0; display: block; font-size: 95%; }
.introText { font-size: 140%; font-family: "Georgia"; line-height: 160%; color: #888; margin: 0 0 10px 0; width: 320px; }
#mediaContainer { position: absolute; top: 91px; left: 340px; }
#mediaItem { position: absolute; top: -12px; left: 0; }
.jm_closebtn { display: none; }
.alignright { float: right; display: inline; margin: 18px 0 18px 18px; border: 4px solid #fff; }
.alignleft { float: left; display: inline; margin: 18px 18px 18px 0; border: 4px solid #fff; }


/* -------------------------------------------------------------------------- footer */

#footer p { margin: 5px 0; }
.credit { color: #999; }

/* -------------------------------------------------------------------------- sidebar */

#blogs #sidebar h3, #blogs #sidebar h2 { margin: 15px 0 2px 0; font-size: 100%; text-transform: uppercase; letter-spacing: 2px; color: #6e6c57; }
#blogs #sidebar h3:after, #blogs #sidebar h2:after { content: " ~ "; }
#blogs #sidebar ul { margin: 0; padding: 0; list-style-type: none; }
#blogs #sidebar li { margin: 1px 0; }
#sidebar h4 { margin-bottom: 0; }

/* -------------------------------------------------------------------------- utility */

font { /* to override any font tags created by tinymce */ font-family: "Lucida Grande", Verdana, sans-serif; font-size: small; line-height: 130%; }
a img, a.imglink:link, a.imglink:visited { border: none; }
a.imglink:hover { background: transparent; }
p { margin: 0 0 15px 0; } 
a img { border: 0; }
dl, dd { margin: 0; padding: 0; }
dt { font-weight: bold; color: #999; }
ol { margin: 0 0 0 20px; padding: 0 0 0 20px; position: relative; }
li { margin: 10px 0; }
ul { list-style-type: circle; margin: 0; padding: 0 0 0 15px; }
.contentOff { display: none; }
.contentOn { display: block; }
.clear { clear: both; }
.icon { vertical-align: middle; margin: -3px 2px 0 2px; }
.inside { text-align: left; }
.shadow-left { background: transparent url(../../../images/shadow_left.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: -8px; left: -13px; z-index: 99; }
.shadow-right { background: transparent url(../../../images/shadow_right.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: -8px; right: -13px; z-index: 99; }

/* -------------------------------------------------------------------------------- form elements */

.ddfmwrap { margin: 0; }
label { font-size: 90%; text-transform: uppercase; display: block; margin: 20px 3px 0 0; }
select { width: 300px; font-size: 95%; color: #555; border: 1px solid #ccc; padding: 3px; }
option { border-top: 1px dotted #ccc; }   
input, textarea {  width: 300px; border: 1px solid #ccc; padding: 3px; color: #444; }
input:focus, textarea:focus, select:focus { background-color: #ffc; }
textarea { width: 400px; height: 200px; font: normal 12px "Lucida Grande", Verdana, sans-serif; }
.required { color: #444; margin-top: 20px; }
.ddfmerrors { color: #930; font-size: 130%; }
.errorlist { color: #930; font-weight: bold; }
.submit { width: 100px; background-color: #a0a77b; color: #fff; border: none; }
.submit:hover { background-color: #5f6744; cursor: pointer; border: none; }
.fmradio input { width: 12px; height: 12px; margin-right: 4px; border: none; }