@import url("http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css");
html,body{color: #444; font-size:11px; font-family: "Lucida Grande","Arial Unicode MS", sans-serif;background: #fff url(/images/bg.jpg) no-repeat 50% 0 fixed; line-height: 1.5em;}
@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('http://sjchurch.org/fonts/Chunkfive.eot');
	src: local('ChunkFive Regular'), local('ChunkFive'), url('http://sjchurch.org/fonts/Chunkfive.ttf') format('truetype');
}
@font-face {
	font-family: 'LatinModernRoman10Regular';
	src: url('http://sjchurch.org/fonts/lmroman10-regular.eot');
	src: local('Latin Modern Roman 10 Regular'), local('LMRoman10-Regular'), url('http://sjchurch.org/fonts/lmroman10-regular.ttf') format('truetype');
}
@font-face {
	font-family: 'LatinModernRoman10BoldItalic';
	src: url('http://sjchurch.org/fonts/lmroman10-bolditalic.eot');
	src: local('Latin Modern Roman 10 Bold Italic'), local('LMRoman10-BoldItalic'), url('http://sjchurch.org/fonts/lmroman10-bolditalic.ttf') format('truetype');
}
@font-face {
	font-family: 'LatinModernRoman10Bold';
	src: url('http://sjchurch.org/fonts/lmroman10-bold.eot');
	src: local('Latin Modern Roman'), local('LMRoman10-Bold'), url('lmroman10-bold.woff') format('woff'), url('http://sjchurch.org/fonts/lmroman10-bold.ttf') format('truetype'), url('lmroman10-bold.svg#LMRoman10-Bold') format('svg');
}

/**********************************
Main
***********************************/
*{font-family: Lucida Grande, Helvetica, Arial, sans-serif; font-size: 12px; margin:0; padding:0; }
:-moz-any-link:focus {outline: none;}
h1, h2, h3{margin: 0 0 20px 0;color: #333; font-weight: bold; font-family: Lucida Grande, Helvetica, Arial, sans-serif; }
h1{font-size: 18px; font-family: Lucida Grande, Helvetica, Arial, sans-serif; color:#943030;}
h2{font-size: 16px;line-height: 30px;}
h3{font-size:13px;}
h4{font-size:12px; font-weight:bold;}
p{margin: 0 0 20px 0; color:#555;}
strong {font-weight: bold;}
em{font-style:italic}
a, a:visited{color: #333; text-decoration: none;}
a:hover{text-decoration: underline; color:#666; }
a img {text-decoration: none;border: none;}
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }   
.clear {clear: both;}
#contentHome{clear:both; background:#fff; border:1px solid #ddd; padding: 20px; position:relative; z-index:2;}
#content{float:left; width:620px;}
#content p{line-height: 1.9em;}
#content a{color:#943030}
#content h3{font-size: 13px; color: #333; text-transform: none; font-weight:bold; }
#content h3 span{font-size: 11px; color: #777; font-weight:normal;}
#newhere #content h3{background:#efefef; border-bottom:1px solid #ddd; padding: 2px 10px; }
#newhere .backtotop{margin: 0 0 20px 0; display:block; }
.leadershipImg{float:right; margin: 0 0 5px 5px; background:#efefef; padding:7px; border:1px solid #DFDFDF;}
#content {background:#fff;width: 578px;padding: 20px;margin: 0 0 20px;border:1px solid #ddd; }
#content ul, #content ol{margin: 10px 0 }
#content li{list-style: disc; margin: 10px 10px 0 20px; }
#content ol li{list-style: decimal;}
#error #content{ background: #fff url(/images/404bg.jpg) no-repeat 500px 20px; height: 250px; width:878px; padding: 20px 20px 20px 60px   }
#error #content li{margin: 5px 0 0 20px;}
#error h1{margin: 0; font-size:30px; color:#000;}
#error h2{margin: 0; font-size:13px; color:#943030;}
#wrapper{width: 960px;padding: 0 20px; margin: 0 auto;}
#communitygroups h4 {background:transparent url(/images/totalChurchHeader.jpg) no-repeat scroll 0 0;margin:20px 0 0;width:630px;height115px;display:block;}
#gmap{border: 1px solid #666;}
.bold{font-weight: bold;text-transform: uppercase;}
#tagline{width:540px; float: right; margin: 13px 0 0 0;  }
#tagline h2{margin: 0; font-family: Georgia; font-size: 14px;  font-style:italic; color:#333; text-align:right; font-weight:normal; }
#tagline form{float:right; border:1px solid #ccc; height:30px; background:#fff;}
#tagline form #keywords{ background:#fff; border:none; padding: 0 0 0 10px; margin: 0; width: 200px;}
#tagline form .submit{background: url(/images/sideNavButtonBg.jpg) repeat-x; height: 30px; border:none; margin:0; color:#333; padding: 0 10px; font-weight:bold;}
#tagline form .submit:hover{background:#efefef;}

/**********************************
Header
***********************************/

#header{height:130px; margin: 0 0 20px 0;}
#logo{width: 393px;height: 73px;display: block;background: url(/images/logo.png) no-repeat;text-indent: -9999px;float: left; margin: 10px 0; }
/*-----Nav------*/
#nav{float:margin: 0 0 20px 0; list-style: none; z-index: 9999; clear:both; border-bottom: 1px solid #CFCFCF; border-top: 1px solid #CFCFCF; position:relative; height: 30px;  }
#nav > li > a{color:#333; margin: 5px 0; }
#nav li a:hover{color:#777; }
#nav > li{float: left; margin: 0 0 0 38px; position: relative;}
#nav li a, #nav li a:visited{ text-decoration: none; height: 20px;}
#newHere{color:#943030 !important; font-weight:bold; }
#newHere:hover{color:#666 !important;}
.mainLinks{display: block;font-size: 12pt;font-family:'LatinModernRoman10Bold';text-transform: uppercase;text-decoration: none; }
.dropDown {margin: 0; padding: 0; background:#fff; list-style: none; width: 160px; position: absolute;z-index:1000; border:1px solid #ccc; top:30px; display:none; left:0; }
.dropDown li {position: relative;} 
/* Styles for Menu Items */
.dropDown li a {display: block;text-decoration: none;color: #333;padding: 0 5px;}
.dropDown li a:hover{background: #efefef;}
.hoverDrop:hover .dropDown { display: block; }

/**********************************
sideBar
***********************************/
.tabs-hide {display: none;}
.ui-tabs-hide {display: none;}
#sidebar{float:right; width:320px; background:#fff; border:1px solid #ddd; margin: 0 0 20px 0; }
#home #sidebar{height:379px;}
#sidebar  li p{margin: 3px 0 0 0; font-weight: bold; }
#sidebar a{text-decoration:none;}
#sidebar .blogTitle{font-size:12px; }
#sidebar .blogAuthor{font-size:11px;}
#sidebar .comments{font-size:11px; color:#943030; font-weight:bold; }
#sidebar .mediaTitle{color:#943030; font-weight:bold; margin: 0 5px 0 0}
#sidebar .mediaSubtitle{color:#333; font-size:10px; }
#sidebar h2{background: url(/images/sideNavButtonBg.jpg) repeat-x; font-size: 13px; font-family: Lucida Grande, Helvetica, Arial, sans-serif; text-transform:none; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding: 0 0 0 10px; height:34px; line-height:34px; margin: 0 0 10px 0;}
#sidebar ul{margin: 0 0 10px 0;}
#about #sidebar li{padding: 5px 10px 0;}
#home #sidebar h2{ margin: 10px 0 0 0;}
#home #sidebar #tabbed{overflow:hidden;height:260px;}
#sidebar #tabbed{overflow:hidden; }
#sidebar p{margin: 10px; font-size: 12px;}
#sidebar li{ list-style:none; padding: 8px 10px 8px 10px;}
#sidebar .ui-tabs-nav li{padding:0;}
#tabbed div li{padding: 8px 10px 8px 10px;}
#sidebar a:hover{text-decoration:underline;}
#tabbed > ul {background: url(/images/sideNavButtonBg.jpg) repeat-x; margin: 0!important; height:34px;}
#tabbed > ul li {float: left;}
#tabbed > ul a {color: #333;font-weight:bold; text-align: center; text-decoration: none; font-size:11px; display:block; border:1px solid #BFBFBF; border-right:none; border-top:none;  height:34px; line-height:34px; width:104px; }
#tabbed > ul .ui-tabs-selected a {background: #fff; border:1px solid #fff; border-top:none; border-right:none; border-left:1px solid #BFBFBF;}
#tabbed > ul #tabbedLast {border-left:1px solid #BFBFBF; width:108px;}
.ui-tabs-selected #tabbedFirst,.ui-tabs-nav #tabbedFirst {border-left:none!important; width:106px;}
#sidebarBtn{float:right; clear: right; margin: 0 0 10px 0;}
#sidebar form{ border:1px solid #ccc; height:30px; background:#fff; width: 296px; margin: 0 0 10px 10px}
#sidebar form .email{ background:#fff; border:none; padding: 0 0 0 10px; margin: 0; height:30px;  }
#sidebar form .submit{background: url(/images/sideNavButtonBg.jpg) repeat-x; height: 30px; border:none; margin:0; color:#333; padding: 0 10px; font-weight:bold; float:right}
#sidebar form .submit:hover{background:#efefef;}



/**********************************
Slider
***********************************/

#coda-slider-1{width: 618px; height: 325px;border: 1px solid #ddd; margin: 0 0 10px 0;}
.slider-quote-button:hover { background-position:bottom left; text-indent:-9999px; }
.coda-slider, .coda-slider .panel { width: 620px; height: 325px; } 
.coda-slider .panel-wrapper { padding: 20px }
.coda-slider-wrapper { width: 620px; height:auto; clear: both; overflow: hidden; float:left; }
.coda-nav ul{ clear: both; overflow: hidden;}

/* */
#coda-nav-1{clear: both; margin: 0 0 20px;  background: #fff; border:1px solid #ddd; padding: 10px; height:22px;}
.coda-nav ul li {float:left;list-style:none;}
.coda-nav ul li a { display: block;text-decoration: none;text-indent: -9999px; width: 20px;height:20px;background: #bbb;border: 1px solid #959191;margin: 0 10px 0 0;}
.coda-nav ul li a:active, .coda-nav ul li a:focus { outline:0; } 
.coda-nav ul li a:hover, .coda-nav ul li a.current { background: #666; } 
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }

/**********************************
Blog
***********************************/

.blogTitle{font-size: 15px;font-weight: bold;margin-bottom: 20px; }
.blogTitle a{text-decoration:none;}
.blogTitle a:hover{color:#666; }
.blogTitle .date{font-size: 10px;font-weight: normal;line-height: 10px;}
.blogTitle img{border:1px solid #666;float:right;padding:2px;}
blockquote{border-left: 1px solid #ddd; border-top:1px solid #ccc; color: #666;padding: 10px;margin: 0 0 20px 20px; background: #efefef;}
blockquote p{margin:0;}
.readMoreBtn{color:#555; font-weight:bold; background: url(/images/sideNavButtonBg.jpg) repeat-x 0 -10px; text-decoration: none;text-transform: uppercase;padding: 0 6px;-webkit-border-radius:3px;-moz-border-radius:3px;border: 1px solid #ccc;float:right;height: 22px;line-height: 22px;margin: 0 0 20px 0;-webkit-border-radius:3px;-moz-border-radius:3px; margin:10px 0 0;}
.readMoreBtn:hover{background: #efefef;}
.readMoreBtn:visited{color: #555;text-decoration:none;}
#contact label{display: block;}
#contact input{width: 200px;}
#contact #checkbox{display: inline; width:10px;}
#contact #newsletter{display: inline;}
#contact #signUp{height: 30px;}
#contact #signUp > label{float: left;margin: 0 5px 0;}
#contact #submitBtn{margin:0 0 0 160px;width:60px;}
.commentEntry {border: 1px solid lightgrey;padding: 10px;margin-bottom: 10px;}
.commentEntry h4 {float:left;font-weight: bold;}
.commentEntry p {padding: 0 10px;}
.commentEntry img {float: left;margin-right: 10px; border:5px solid #ddd;}
.commentEntryPosted {font-size: .8em;color: gray;}
#commentForm {margin-top: 10px;}
.position-header {text-align: center;margin-bottom: 2px;}
.position-subtitle {text-align: center;margin-bottom: 10px;}
.position-meta {text-align: center;color: #666;font-size: .8em;}
.position-footer {text-align: center;}
.postMeta{background:#efefef; border-bottom:1px solid #ddd; margin: 10px 0 20px 0;  }
.postMeta .bloggerName{font-weight: bold;}
.postMetaInfo {padding: 5px 10px; margin: 0; font-size:11px;}
.postMetaInfo *{font-size:11px;}
.postMetaInfo a{text-decoration:none; color:#943030!important; font-weight: bold;}
.postMetaInfo a:hover{text-decoration:underline;}
#blog #content h2{font-size: 18px; margin: 0 0 10px 0; clear:both;}
.blogDate{width: 164px;height: 42px; display: block; background: url(/images/postDateBg.png) no-repeat; margin:0 0 0 -30px; text-align:center; line-height:35px; color:#fff; font-weight:bold; font-size:16px; clear: both; }

/**********************************
Media
***********************************/

.sermon{border-bottom:1px solid #ddd; padding: 10px 0;}
.sermon a{text-decoration:none; color:#333 !important; }
.sermonDetails{float:left; width: 310px;}
.sermon img{ border:1px solid #ddd; float:left; margin: 0 10px 0 0;}
.sermon .title{ font-size:13px; font-weight:bold; margin:0 0 2px 0;color:#943030 !important; line-height: 15px; display:block;}
.sermon .title:hover{text-decoration:underline;}
.sermonSeries {font-size:12px; color:#333; font-weight: bold; font-size:11px; margin:0 0 10px 0; }
.details{font-size:11px; margin:0;}
.sermon .date{font-size:10px; color:#333; font-weight: bold; margin: 0; }
.mediaOptions{float:right; border-left: 1px solid #ddd; height: 80px; padding: 0 0 0 10px;}
.sermon .mediaOptions a{display:block; width:90px; height:25px; background: url(/images/sermonBtn.jpg) no-repeat; text-decoration:none; line-height:25px; text-align:center; font-weight:bold; font-size:11px;margin: 0 0 5px 0; }
.mediaOptions a:hover{background-position: bottom left; color:#333}
#detailsSermonTitle{background: url(/images/sideNavButtonBg.jpg) repeat-x; text-transform:none; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding: 0 0 0 10px; height:34px; line-height:34px; margin: -20px -20px 20px -20px!important;}
#content .meta span{display:block;}
#sermonArt{float:right;}
#sermonArt img{border:4px solid #ccc; }
#sermonSwf{clear:both;}
.download{display:block; width:81px; height:24px; background: url(/images/detailsDownloadBtn.jpg) no-repeat; text-decoration:none; line-height:24px; text-align:center; font-weight:bold; font-size:11px; margin: 0 0 5px 0; color:#333!important;float:left; }
#audioplayer1{float:left; margin: 0 0 0 10px;}
#sermonInfo{width:400px; float:left; margin:0 0 20px;}
#sermonSummary{clear:both; }
#sermonSummary h3{background:#efefef; margin: 10px -20px; padding: 5px 20px; border-bottom: 1px solid #ddd; }
#slideshow { height: 303px; width: 580px; padding:0; margin:0 0 20px 0; overflow: hidden }

/**********************************
Footer
***********************************/
#uberNavContainer{background:url(/images/skyline.png)repeat-x; padding-top:223px; margin: 20px 0 0 0; }
#uberNavWrapper{background:url(/images/uberNavBg.png); height:200px;}
#uberNav{width:960px; margin: 0 auto; padding: 20px 0 0 0;}
#uberNav > li{float:left; padding: 0 20px; border-right: 1px solid #aaa; height: 120px;}
#uberNav p{margin: 0 0 5px 0; font-size:11px; color:#333;}
#uberNav a{margin: 0 0 5px 0; font-size:11px; color: #000;}
#uberNav .footerMain{font-weight: bold; color:#943030; font-size:12px;}
#footer {clear: both;text-align: center;color:#fff; padding: 10px;margin:0 auto; font-size: 11px; border:1px solid #ddd; background: #777; border-top: 1px solid #444; }
#footer a{color:#fff; font-size: 11px; }

#uberNav form{ border:1px solid #aaa; height:25px; background:#fff; width: 296px; margin: 0 0 10px 0}
#uberNav form .email{ background:#fff; border:none; padding: 0 0 0 10px; margin: 0; height:25px;  }
#uberNav form .submit{background: url(/images/sideNavButtonBg.jpg) repeat-x; height: 25px; border:none; margin:0; color:#333; padding: 0 10px; font-weight:bold; float:right; border-left:1px solid #aaa;}
#uberNav form .submit:hover{background:#efefef;}