* { margin:0; padding:0 }
body { background:rgb(32,32,32); font-family:Georgia, serif; font-size:100% }
.body { background:url(/img/topback.jpg) repeat-x rgb(255,255,255) }
.con { margin:0 auto; width:960px }
a:focus { outline:none }
p { color:rgb(140,140,140); font-style:italic; line-height:1.75em; margin-top:1.75em }
br { clear:both; font-size:0px; height:0 }

/* Navigation */
#nav { background:url(/img/navback.png) no-repeat; height:62px; list-style:none; margin-bottom:30px }
#nav li { border-right:1px solid rgb(200,200,200); float:left; margin-top:14px; }
#nav li.last { border-right:none }
#nav li a { color:rgb(51,51,51); display:block; font-family:Arial, sans-serif; font-size:.8em; font-weight:bold; padding:12px 24px; text-decoration:none; text-transform:uppercase }
#nav li a.selected { color:rgb(155,200,100) }
#nav li a:hover { color:rgb(155,200,100) }

#title-image img { border:2px solid rgb(220,220,220); margin-bottom:30px }

#main-info { float:left; padding-right:40px; width:630px }
#meet-micah { float:right; width:290px }
#main-info img { float:left }
.logo { margin:0 30px 10px 0 }

#social-buttons { float:left; height:190px; margin:30px 0 0 0; padding:40px }
a#facebook { background:url(/img/social.png) no-repeat 0 0; clear:left; display:block; margin-bottom:20px; width:392px; height:87px }
a#facebook span { display:none }
a#twitter { background:url(/img/social.png) no-repeat 0 -87px; display:block; width:392px; height:87px }
a#twitter span { display:none }

.text { float:left; width:575px }
.text h2, #forms h2 { color:rgb(121,49,6); font-size:1.3em; font-style:italic; margin-bottom:.7em }
.text a { color:rgb(55,170,210) }
.text a:hover { color:rgb(55,90,150) }

#current-series { background:url(img/current-vid-back.png) repeat-x; border:2px solid rgb(220,220,220); margin:30px 0; padding:15px; position:relative; width:926px; height:315px }
#current-video { border:1px solid rgb(200,200,200); float:left; width:560px; height:315px }
.title { color:rgb(105,155,150); float:right; font-size:1.1em; font-style:italic; font-weight:bold; margin-bottom:.2em; width:350px }
.upload-date { color:rgb(130,120,86); float:right; font-family:Tahoma, sans-serif; font-size:.8em; font-weight:normal;  width:350px; }
.description { color:rgb(53,53,53); float:right; font-style:italic; margin-left:15px; position:absolute; top:75px; width:350px }
#related-videos { float:right; width:355px }
.rel-vid { background:url(img/rel-vid-back.png) top repeat-x rgb(220,220,220); border:2px solid rgb(220,220,220); margin:0 0 15px 0; overflow:hidden; padding:7px; height:66px }
.last { margin-bottom:0 }
.rel-vid img { border:1px solid rgb(200,200,200); float:left; margin:0 10px 0 0 }
.rel-vid h4 a { color:rgb(105,155,150); font-size:14px; font-style:italic; text-decoration:none }
.rel-vid h4 a:hover { text-decoration:underline }
.rel-vid h5 { color:rgb(130,120,86); font-family:Tahoma, sans-serif; font-size:12px; font-weight:normal }
.rel-vid p { color:rgb(53,53,53); font-family:Tahoma, sans-serif; font-size:13px; font-style:normal; line-height:1em; margin:5px 0 0 0 }

#promo-video { border:2px solid rgb(220,220,220); float:right; margin:30px 0 0 0; width:480px; height:270px }

#wrap { margin-bottom:7px }

#contact iframe { border:none; margin-top:-8px; width:100% }
#forms {  float:right; width:325px }
#forms ul { background:url(/img/current-vid-back.png) repeat-x; border:2px solid rgb(220,220,220); list-style:none; margin-bottom:15px; padding:15px; width:325px }
#forms ul li { color:rgb(140,140,140); font-style:italic; margin:0px 0 }
#forms ul li a { background:url(/img/pdf.png) no-repeat; padding-left:24px; color:rgb(140,140,140); font-style:italic; text-decoration:none }
#forms ul.register li a { background:url(/img/link.png) no-repeat }
#forms ul li ul { background:none; border:none; font-size:12px; padding:0 0 0 10px; width:auto }
#forms ul li ul li { color:rgb(105,155,150); font-family:Tahoma, sans-serif; margin:0; }

#ministries { clear:both }
#ministries a { border:2px solid rgb(220,220,220); display:block; float:left; margin:30px 20px 30px 0; width:221px; height:246px }
#ministries a.last { margin-right:0 }
#ministries a span { display:none }
a#serve23 { background:url(/img/ministry-sprite.jpg) no-repeat 0 0 }
a#serve23:hover { background-position:0 -246px }
a#life247 { background:url(/img/ministry-sprite.jpg) no-repeat -221px 0 }
a#life247:hover { background-position:-221px -246px }
a#cafe635 { background:url(/img/ministry-sprite.jpg) no-repeat -442px 0 }
a#cafe635:hover { background-position:-442px -246px }
a#focus1039 { background:url(/img/ministry-sprite.jpg) no-repeat -663px 0 }
a#focus1039:hover { background-position:-663px -246px }

#footer { clear:both; color:rgb(236,236,236); font-size:.8em; margin:0 auto; width:960px; min-height:100px; }
#footer p { clear:both; color:rgb(236,236,236) }
#footer a { color:rgb(155,200,100); text-decoration:none }
#footer-nav li { border-right:1px solid rgb(220,220,220); list-style:none; float:left; margin:10px 10px 10px 0; padding:3px 10px 3px 0 }
#footer-nav li.last { border-right:none }

.editor-button a { opacity:1; }

.ssp-nav { cursor:pointer }
#ssp { display:none; width:750px; height:500px }
.modal { display:none; z-index:10000; background-color:#333; width:750px; height:500px; border:1px solid #666 } 
.modal .close { background-image:url(../img/overlay/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px }

.comment { border:1px solid #ccc; margin:20px 0; padding:16px }
.comment p { color:#777; font-family:Arial, sans-serif; font-size:14px; font-style:normal; margin:0 }
.comment p.byline { color:#aaa; font-family:Verdana, sans-serif; font-size:11px; font-style:normal; margin-top:10px }
#comment-entry { background:#eee; border:1px solid #ddd; padding:16px; margin-top:20px }
#comment-entry p { font-size:14px; margin-top:0 }
#comment-entry label { display:block; float:left; width:140px }
#comment-entry input[type="text"] { background:#fff; border:1px solid #ddd; margin-bottom:12px; padding:6px; width:384px }
#comment-entry textarea { background:#fff; border:1px solid #ddd; font-family:Arial, sans-serif; font-size:12px; margin-bottom:12px; padding:6px; width:384px; height:100px }
.challenge p { font-family:Arial, sans-serif; font-size:14px; font-style:normal; line-height:1.3 }

.editor-button { position:relative }
.editor-button a { display:block; position:absolute; top:0; left:-16px; width:16px; height:12px; background:url(/manage/themes/cp_global_images/edit_template.gif) no-repeat 0 0; opacity:.7; text-indent:-9999em; overflow:hidden; }
.editor-button a:hover { opacity:1; }