@charset "UTF-8";

/*
J A D // F R A M E W O R K
Author: Jad Limcaco
Author URI: http://www.jadgraphics.net
*/    

/* ------------------------------------------------------------
   CSS RESET
   ------------------------------------------------------------ */   
   html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,
   q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
                          { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
   body                   { line-height:0; }
   ol, ul                 { list-style:none; }
   blockquote, q          { quotes:none; }
   :focus                 { outline:0; } /* Remember to define focus styles! */
   ins                    { text-decoration:none; } /* Remember to highlight inserts somehow! */
   del                    { text-decoration:line-through; }
   table                  { border-collapse:collapse; border-spacing:0; } /* Tables still need 'cellspacing="0"' in the markup. */

/* ------------------------------------------------------------
   HTML ELEMENTS
   ------------------------------------------------------------ */   
   body                   { font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; background:#000; }
   p                      { line-height:24px; margin:0 0 24px; }
   h2                     { font-family:"Courier New", Courier, monospace; font-size:16px; font-weight:bold; letter-spacing:1px; margin-bottom:10px; display:block; text-align:center; line-height:24px; }

/* ------------------------------------------------------------
   DEFAULT CLASSES
   ------------------------------------------------------------ */   
   .clear                 { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
   .divider               { display:block; width:607px; height:7px; margin:40px auto; background:url(images/divider.png) left top no-repeat; }

/* ------------------------------------------------------------
   LAYOUT
   ------------------------------------------------------------ */  
   #page-wrap             { width:960px; margin:0 auto; }
    
/* ------------------------------------------------------------
   LOGO
   ------------------------------------------------------------ */  
   #logo                  { width:960px; height:237px; display:block; margin:0; padding:0; }
   #logo a                { width:960px; height:237px; background:url(images/logo.jpg) left top no-repeat; text-indent:-9999px; display:block; }
   
/* ------------------------------------------------------------
   NAVIGATION
   ------------------------------------------------------------ */  
   #nav                   { width:960px; height:87px; margin:0; text-indent:-9999px; overflow:hidden; }
   #nav li                { margin:0; padding:0; list-style:none; float:left; }
   #nav li, #nav li a     { height:87px; display:block; cursor:pointer; }
   
   /* NORMAL */
   #home a                { width:138px; background:url(images/nav.jpg) 0 0 no-repeat; }
   #preaching a           { width:234px; background:url(images/nav.jpg) -138px 0 no-repeat; }
   #videos a              { width:162px; background:url(images/nav.jpg) -372px 0 no-repeat; }
   #photos a              { width:190px; background:url(images/nav.jpg) -534px 0 no-repeat; }
   #wallpapers a          { width:236px; background:url(images/nav.jpg) -724px 0 no-repeat; }

   /* HOVER */
   #home a:hover, #home a.active              { background-position:0 -87px; }
   #preaching a:hover, #preaching a.active    { background-position:-138px -87px; }
   #videos a:hover, #videos a.active          { background-position:-372px -87px; }
   #photos a:hover, #photos a.active          { background-position:-534px -87px; }
   #wallpapers a:hover, #wallpapers a.active  { background-position:-724px -87px; }
      
/* ------------------------------------------------------------
   LIVE STREAM
   ------------------------------------------------------------ */  
   #stream                { background:url(images/bg-stream.jpg) left -75px no-repeat; width:960px; height:445px; }
   #stream iframe         { margin: 45px 0 16px 160px; }
   #stream p              { font-family:"Courier New", Courier, monospace; font-size:16px; font-weight:bold; letter-spacing:1px; margin-bottom:10px; text-align:center; color:#ff9933; }
   
/* ------------------------------------------------------------
   CONTAINER
   ------------------------------------------------------------ */  
   #container              { display:block; width:960px; background:url(images/bg-wood.jpg) left top repeat-y; }
   
/* ------------------------------------------------------------
   SOCIAL
   ------------------------------------------------------------ */ 
   #social                { display:block; width:900px; padding:30px; }
   #social span           { background:#640d00; display:block; width:220px; height:124px; float:left; }
   #social span.mid       { margin:0 118px; }
   #social a              { width:220px; height:124px; display:block; background-position:left top; background-repeat:no-repeat; text-indent:-9999px; }
   #social a:hover        { opacity:0.6; }
   #social #facebook      { background:url(images/link-facebook.jpg); }
   #social #twitter       { background:url(images/link-twitter.jpg); }
   #social #vimeo         { background:url(images/link-vimeo.jpg); }
   
/* ------------------------------------------------------------
   FOOTER
   ------------------------------------------------------------ */ 
   #footer                { color:#999; font-family:Verdana, Geneva, sans-serif; font-size:11px; padding:20px 0; text-align:center; }
   #hf-facebook           { display:block; width:231px; height:167px; margin:10px auto 0; }
   #hf-facebook:hover     { opacity:0.7; }
   
/* ------------------------------------------------------------
   PAPER
   ------------------------------------------------------------ */ 
   #paper                 { display:block; width:860px; background:url(images/paper-top.png) left top no-repeat; margin:0 auto; padding-top:70px; }
   #paper-inner           { background:url(images/paper-bg.jpg) left top repeat; width:780px; text-align:center; padding:0 40px; }
   #paper-footer          { display:block; width:860px; height:70px; background:url(images/paper-footer.png) left top no-repeat; margin:0 auto; }
   
/* ------------------------------------------------------------
   WALLPAPERS
   ------------------------------------------------------------ */ 
   .wallpaper-titles        { text-align:left !important; margin-bottom:20px; display:block; }
   .wallpaper-thumb         { margin:0 40px 30px 0; width:220px; display:block; float:left; }
   .wallpaper-thumb img     { display:block; width:220px; height:138px; margin-bottom:10px; }
   .wallpaper-thumb a       { text-align:center; font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#851a08; text-decoration:none; line-height:18px; }
   .wallpaper-thumb a:hover { text-decoration:underline; }
   
/* ------------------------------------------------------------
   PREACHING
   ------------------------------------------------------------ */ 
   .sermon-day            { text-align:left; padding:10px; background:#851a08; border:solid 1px #000; color:#fff5c9; margin-top:20px; text-transform:uppercase; letter-spacing:2px; font-size:18px; margin-bottom:0; } 
   .first                 { margin-top:0; }
   .sermon                { display:block; height:90px; width:780px; font-family:Verdana, Geneva, sans-serif; font-size:13px; text-align:left; border-bottom:dashed 1px #851a08; clear:both; cursor:pointer; }
   .sermon:hover          { background:#f5ecd1; }
   .sermon:hover a        { text-decoration:none; color:#b15a03; }
   .sermon:hover img      { opacity:0.8; }
   .sermon .preacher-pic  { display:block; float:left; width:90px; height:50px; margin-right:20px; text-align:center; padding:20px 0; }
   .sermon .preacher      { display:block; float:left; width:180px; margin-right:20px; font-weight:bold; padding:45px 0 0; }
   .sermon .day           { display:block; float:left; width:110px; margin-right:20px; padding:45px 0 0; }
   .sermon .title         { display:block; float:left; width:340px; padding-top:25px; padding:45px 0 0; }
   .sermon .title a       { color:#851a08; }