/*
Theme Name: SBCC 2008
Theme URI: 
Description: Sampaloc Bible Christian Community WordPress theme.
Version: 1.0
Author: Rsc
Author URI: 
Tags:

*/


/* Minimal style */

/*
#header { background: #eee; padding: 10px; }
#menu { background: #ddd; }
#menu ul { display: block; overflow: hidden; margin: 0; }
#menu li { list-style-type: none; float: left; margin: 0; }
#menu a { margin: 0 2em 0 0; float: left; padding: 5px; }
#area { overflow: hidden; }
#sidebar { float: right; width: 220px; }
.sidebar h2 { font-size: 1em; background: #666; color: #fff; padding: 3px; }
.sidebar ul { margin: 0; padding: 0;}
.sidebar li { margin: 0; list-style-type: none; }
#content { margin-right: 230px; }
.latest { background: #eee; padding: 10px; }
*/

/* Reset */
div,dl,dt,dd,ul,ol,li,form,fieldset,input,th,td { margin: 0; padding: 0; }
pre,p,blockquote,h1,h2,h3,h4,h5,h6 { margin: 1.5em 0 1.5em 0; }
blockquote { border-left: solid 2px #ccc; padding: 0 1em; margin-left: 0.2em; color: #888; }

/* Standard classes */
.clearer,
.clear        { float: none; clear: both; }
.right        { float: right; }
.align-center { text-align: center; }
.align-right  { text-align: right; }
.mute         { color: #888; }
.small        { font-size: 0.9em; }
.big          { font-size: 1.2em; }
.alignleft    { float: left; margin: 0 10px 10px 0; }
.alignright    { float: right; margin: 0 0 10px 10px; }

/* Links */
a         { color: #4096b0; text-decoration: none; font-weight: bold; padding: 1px; }
a:visited { color: #4096b0; }
a:hover   { color: #4096b0; text-decoration: underline; }
a img     { border: 0; }
:focus    { outline: solid 2px #7bd; -moz-outline-radius: 4px; }

/*
 *
 * Body & wrapper
 * [#all]
 *
 */
 
    html, body
        { height: 100%; margin: 0; padding: 0; }
        
    body, input, td, textarea
        { font-family: arial, helvetica, sans-serif; font-size: 1em; }
        
    body
    {
        font-size: 0.75em; line-height: 1.45em;
        background: #fafafa; color: #ccc;
    }
    #all
    {
        position: relative;
        min-height: 100%; height: auto !important; height: 100%;
        width: auto; 
    }
        
/******/

    body
        { background: #271A12 url(images/bg2.jpg); }
    
    #top
        { background: #4b818c url(images/top-bg.jpg) 0 top repeat-x;
        height: 100px; text-align: center; overflow: hidden; }
    
    .home #top
        { height: 462px; }
        
    #top .container
        { width: 960px; margin: 0 auto; text-align: left; padding: 0;
        position: relative; height: 463px; }
        
    #top .o1, .o2
        { background: url(images/top-o.gif) left top no-repeat;
        width: 25px; height: 140px; text-indent: -9999px;
        margin: 0; padding: 0; position: absolute; bottom: 4px; }
        
    #top .o1 { left: -25px;  background-position: left top; }
    #top .o2 { right: -25px; background-position: -25px top; }
    
    #header p
        { display: none; }
        
    /* Search */
    #header form
        { position: absolute; top: 68px; right: 0; width: 300px; }
        
    #header form label
        { float: left; text-align: right; display: none;
        position: absolute; top: 3px; right: 200px; color: #707060; }
        
    #header form .text
        { border: solid 2px #f2f2f2; padding: 3px;
        -moz-border-radius: 7px; width: 180px;
        background: #f2f2f2; float: left; position: absolute;
        top: 0; right: 0; }
        
    #header form .text:focus
        { outline: 0; border: solid 2px #7bd; }
    #header form .submit
        { display: none; }

    /* Logo */
    #header h3, #header h1
        { margin: 0; padding: 0; }
            
    #header h3 a,
    #header h1 a
        { background: url(images/logo.gif) top left no-repeat;
        width: 360px; height: 76px; text-indent: -9999px; 
        margin: 0; padding: 0; display: block; position: absolute;
        margin: 13px 0 7px 0;
        top: 0; left: -25px; z-index: 1; overflow: hidden; }
        

/*
 * Menu
 */

    #menu 
        { position: absolute; top: 0; right: 0; }
        
    #menu ul, #menu li
        { display: block; list-style-type: none; margin: 0; padding: 0; float: left; }
        
    #menu li
        { border-left: dotted 1px #a7a7a7; padding: 15px 0 0 4px; float: left;
        margin-left: 20px; }
        
    #menu li a
        { position: relative; top: 10px; font-size: 0.9em; float: left; padding: 10px 0; }
    
    /* Slideshow */
    #slideshow
    {
        background: url(images/ss-bg.jpg) top left no-repeat;
        width: 680px; height: 237px;
        margin: 0; padding: 23px 0 0 23px; position: absolute; left: -23px; top: 85px;

    }
        
     
    #slideshow .slide
        { width: 634px; height: 211px; background: #eee;
        position: absolute; left: 23px; top: 23px; z-index: 0; background: #070707; }
        

    #slideshow .console
        { position: absolute; bottom: 26px; left: 23px; width: 634px;
        background: rgba(5, 5, 5, 0.5); z-index: 3; padding: 5px 0; }
        
    #slideshow .console a
        { background: #eee; color: #333; text-decoration: none;
        padding: 2px 10px; margin: 0 3px; font-size: 0.8em;
        border: 1px solid #444; }
        
    #slideshow .console a.active
        { background: #911; color: #fff; border: 1px solid #944; }
    #slideshow .console a:focus
        { outline: 0; }

    #slideshow .slide { visibility: hidden; }
    #slideshow .default { visibility: visible; }



/*
 * Page list
 */
 
    #page-list
        { background: #4b818c;  color: #ddd;
        position: absolute; left: 0px; top: 319px; width: 960px; }
    
    #page-list td
        { padding: 10px; vertical-align: top; width: 20%;
        background: url(images/pagelist-item-bg.gif) left top no-repeat; }
        
    #page-list .item-1  { border-top: solid 3px #9b9685; }
    #page-list .item-2  { border-top: solid 3px #db971a; }
    #page-list .item-3  { border-top: solid 3px #922f1e; }
    #page-list .item-4  { border-top: solid 3px #8c921e; }
    #page-list .item-5  { border-top: solid 3px #1e8692; }
        
    #page-list a
        { color: #fff; background: #3f6d75; padding: 2px 5px;
        font-size: 1.1em; position: relative; left: -5px; }
        
    #page-list a:hover
        { background: #2B4C52 }
        
    #page-list p
        { margin: 0; padding: 5px 0 0 0; }

/*
 * Welcome
 */
 
    #welcome
    {
        width: 310px;
        position: absolute; right: 0; top: 115px;
        font-size: 1.2em; color: #65605c;  line-height: 1.7em;
        height: 204px;
    }
    
    #welcome h3 
        { font-size: 2em; margin: 0; padding: 0 0 10px 0;
        font-weight: normal;
        color: #22747f; font-family: 'domestic manners', sans-serif; }
    
    #welcome p
        { display: inline; background: #ebe8e3; padding: 1px;}
        
    #welcome a.more
        { background: url(images/sprites.gif) top left no-repeat;
        width: 109px; height: 45px; text-indent: -9999px;
        margin: 0; padding: 0; display: block; position: absolute;
        bottom: 0; right: 5px; overflow: hidden; }
        
    #welcome a.more:hover
        { background-position: 0 -45px; }
        
/*
 * Area
 */
 
    #area
        { text-align: center; overflow: hidden; padding: 0 0 20px 0;
        color: #ababab; }
        
    #area .container
        { width: 960px; text-align: left; margin: 0 auto; }
        
    .home #area .container
        { border-top: solid 10px #e0e0e0; }
        
/*
 * Sidebar
 */

    #sidebar
        { width: 300px; float: right; margin-top: 10px; color: #988B7A;
        xbackground: url(images/bg-lighter.jpg) fixed; padding: 10px 10px 0 10px; }
        
    #sidebar ul, #sidebar li
        { list-style-type: none; margin: 0; padding: 0; }
        
    #sidebar li.widget
        { padding-bottom: 20px; }
        
    #sidebar h2
        { margin: -5px -5px 5px -5px; padding: 0; font-size: 1.1em; 
        background: #1E1510 url(images/bg-darker.jpg) fixed; color: #d0d0c0;
        border-bottom: solid 2px #0d0d0d; xborder-right: solid 2px #0d0d0d;;
        font-family: 'tradegothic lt extended'; padding: 7px 5px; }
    
    #sidebar h2 span
        { background: url(images/bullet_arrow_down.png) right center no-repeat;
        display: block; }
        
    #sidebar ul ul li
        { padding: 4px 0 4px 14px; border-bottom: dotted 1px #494900;
        background: url(images/bullet_black.png) -3px center no-repeat;
        }
        
    #sidebar a, .meta a { color: #A84839; }
    #sidebar a:visited, .meta a:visited { color: #913e31; }
    #sidebar a:hover, .meta a:hover { color: #C95744; }
        
    #sidebar h4
        { color: #ccc; font-size: 1.1em; margin: 8px 0 0 0; padding: 0; }
        
    #content
        { background: #eee; color: #333; width: 610px; padding: 10px;
        float: left; margin-top:10px; border-top: 4px solid #771E13;
        }

    .home #content
        { width: 630px; padding: 0; background: transparent;
        color: #ccc; margin-top: 10px; border-top: 0; }
        
/*
 * Post
 */
 
    .entry h1, .entry h2, .entry h3, .entry h4, .entry h5
        { font-size: 1.2em; xfont-style: italic;
        font-family: georgia, times, sans-serif; padding: 0 0 3px 0;
        line-height: 1.3em; color: #975; font-weight: bold;
        border-bottom: solid 1px #ccc; margin: 1.9em 0 1em 0;
        text-transform: uppercase;
        }
    
    .post address { font-style: normal; }
    .post p { margin: 0 0 1.2em 0; }
    .post .meta { color: #93645D; margin: 0 0 0.6em 0; font-size: 0.9em; }
    .meta img { position: relative; top: 4px; }
    .single .post address
        { margin: 0 0 1.2em 0; font-size: 1.3em;
        font-family: georgia, times, sans-serif; font-style: italic;
        line-height: 1.3em; color: #555; }
    
    .pullquote { display: none; }
    
    .single .pullquote
        { display: block; float: right; width: 190px;
        margin: -5px 0 20px 20px; font-size: 1.8em;
        font-family: georgia, times, sans-serif;
        line-height: 1.3em; color: #975; padding: 0 0 0 20px; border: 0;
        font-style: italic; text-indent: 0px; 
        background: url(images/open-quote.gif) 0 8px no-repeat; }

    
/*
 * Latest
 */
 
    .latest
        { background: #1C1411 url(images/bg-darkest.jpg) fixed;
        border: solid 1px #050505;
        border-top: solid 3px #711;
        border-bottom: solid 3px #711;
        position: relative; overflow: hidden;
        margin: 0 0 10px 0; color: #ddd; }
    
    .latest-container
        { xborder: solid 1px #282820; padding: 10px; border-top: 0; border-bottom: 0; }
        
    .latest h3
        { display: none; }
    
    .latest .thumbnail 
        { float: left; margin-right: 10px; }
        
    .latest h2 /* Title */
        { margin: 0 0 0.2em 0; padding: 0.1em 0 0 0; font-size: 1.6em;
        line-height: 1.3em; }
        
    .latest h2 a
        { color: #c6bba2; font-weight: normal; }
        
    .latest .meta
        { margin: 0 0 1em 0; }
        
    .latest .date,
    .single .heading .date
        { float: right; background: #9b9685; color: #ccc;
        text-align: center; padding: 5px 10px; margin-top: -10px; }
        
    .latest .date { background: #511; color: #ddd; padding: 5px 12px; }
    
    .latest .date .month,
    .single .heading .date .month
        { text-transform: uppercase; font-size: 0.8em; font-weight: bold; }
        
    .latest .date .year,
    .single .heading .date .year
        { display: none; }
        
    .latest .date .day,
    .single .heading .date .day
        { font-size: 2em; display: block; color: #fff; line-height: 1.1em; }
        
    .latest .thumbnail img
        { border: solid 5px #ccc; }
        
    .latest p.more
        { }
        
    .latest a.more
        { background: #711; padding: 5px 12px; display: block; color: #fff;
        position: absolute; bottom: 0px; right: 10px; overflow: hidden;
        -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; }
        
    .latest a.more:hover
        { background: #4096b0; color: #fff; }

/*
 * Homepage posts list
 */
 
    .posts
        { overflow: hidden; }
    .posts .post
        { width: 310px; float: left; clear: none; margin: 0 0 15px 0; }
    .posts .alt
        { clear: left; margin-right: 0 10px 15px 0; }
    .posts .post .date
        { display: none; }
    .posts .post .thumbnail 
        { float: left; width: 75px; text-align: left; }
    .posts .post .thumbnail img
        { border: solid 2px #a9a998; }
    .posts .post h2
        { font-size: 1.15em; margin: 0 0 0em 0; padding: 0; line-height: 1.4em; }
    .posts .post .meta
        { margin: 0 0 1em 0; }
    .posts .post h2 a, .posts .post h2 a:visited
        { color: #fff; }
    .posts .post .detail
        { float: left; width: 225px; }
     
    .posts h3 /* Latest posts: */
        { font-size: 1.3em; margin: 0 0 14px 0; font-weight: normal;
        border-bottom: dotted 1px #5E403C; color: #93645D;
        padding: 3px 0 13px 0; font-family: 'tradegothic lt extended'; }
    .posts .elipsis { color: #606060; }
        
/*
 * Single post
 */
 
    .single .date { margin: 0; }
    .heading
        { background: #1C1411 url(images/bg-darker.jpg) fixed;
        padding: 20px 10px 15px 10px; overflow: hidden;
        color: #ddd; margin: -8px -8px 10px -8px;
        margin: -10px; margin-bottom: 10px;
        }
    .heading h2
        { margin: 0; padding: 0; font-size: 1.9em; margin-bottom: 5px;
        font-weight: normal; }
    .heading .meta
        { margin-bottom: 0; padding-bottom: 0; }
        
    .single .navigation-top
        { display: none; }
        
    .single .postmetadata
        { clear: both; color: #888; border-top: solid 1px #ddd;
        padding: 10px 0 10px 60px; margin: 10px 0 0 0; font-size: 0.9em;
        background: url(images/book_48.png) 3px center no-repeat; no-repeat;
        }
    .single .postmetadata strong
        { display: block; font-size: 1.1em; color: #555; }
    .single .postmetadata strong a
        { font-weight: bold; }
        
    .single .postmetadata a,
    .single .postmetadata a:visited
        { xcolor: #46a; padding: 0; font-weight: normal; }
    
    .post ul { margin: 0 0 1em 2em; }
        
/*
 * Colophon
 */
 
    #colophon
        { background: #1C1411 url(images/bg-darker.jpg) fixed;
        padding: 0 10px 10px 10px; border-top: dashed 1px #0c0c0c;
        text-align: center; color: #bba; border-bottom: solid 1px #222; }
        
    #colophon .container
        { text-align: left; width: 960px; margin: 0 auto; }
    
    #colophon h2
        { xbackground: #0c0c0c fixed; margin: 0 0 12px 0; padding: 9px 0 9px 0; 
        border-bottom: dashed 1px #4a4a38; color: #C25342;
        font-size: 1.3em; font-family: 'tradegothic lt extended', sans-serif; }
/*
 * Footer
 */
 
    #footer
        { background: #0a0a0a fixed; padding: 20px 0;
        text-align: center; color: #bba; border-top: solid 2px #111; color: #888; 
        font-size: 0.9em; }
        
    #footer .container
        { text-align: left; width: 960px; margin: 0 auto; }
        
    #footer .container p
        { margin: 0; padding: 0 0 0 70px; }
    #footer a,
    #footer a:visited
        { color: #ccc; font-weight: normal; text-decoration: underline;  }

/*
 * Comment form
 */
 
    h3#respond, h3#comments
        { background: #ddd url(images/comment.png) 5px center no-repeat;
        padding: 9px 10px 9px 30px ; margin: 1em -10px;
        font-family: 'tradegothic lt extended', arial, sans-serif;
        border-bottom: solid 2px #ccc; font-weight: normal; }
        
    #commentform
        { background: #eee; }
    #commentform p
        { overflow: hidden; margin: 0 0 1em 0; padding: 3px; border-bottom: dotted 1px #ccc; }
    #commentform label
        { width: 40%; float: left; padding-top: 3px; font-weight: bold; }
    #commentform input, #commentform textarea
        { padding: 3px; border: solid 1px #ccc; border-bottom: solid 2px #ccc; }
    #commentform p input
        { float: right; width: 50%; padding: 3px; border: solid 1px #ccc; border-bottom: solid 2px #ccc; }
    #commentform p input:focus
        { outline: 0; }
    form .required
        { color: #d63; font-size: 1.4em; line-height: 0; top: 3px;
        font-family: times, serif; margin-left: 3px; position: relative; }
    #commentform textarea
        { width: 99%; height: 10em; }

/*
 * Comments
 */
 
    ol.commentlist li
        { border-top: dotted 1px #aaa; margin: 0 0 10px 0; padding: 10px 0 0 0;
        overflow: hidden; }
        
    ol.commentlist .author { float: left; width: 25%; margin-right: 4%; }
    ol.commentlist .text { float: left; width: 70%; }
    ol.commentlist cite { font-style: normal; }
    ol.commentlist .commentmetadata {font-size: 0.9em; }
    ol.commentlist .commentmetadata a { color: #888; font-weight: normal; }
  
    ol.commentlist p { margin: 0 0 1em 0; }  
    ol.commentlist .author img { float: left; margin: 0 1em 1em 0; }
    
/*
 * Gallery
 */
 
 	#colophon
 	    { overflow: hidden; height: 218px; padding-top: 5px;
 	    border-bottom: solid 4px #771e13; }
 	
 	#colophon .left
 	    { width: 332px; float: left; height: 160px;
 	    background: url(images/colophon-about.gif) no-repeat;
 	    color: #222; padding: 68px 25px 0 18px;
 	    position: relative; left: -14px; }
 	    
 	#colophon .right
 	    { width: 576px; float: left; padding-top: 10px; }
 	
 	#colophon .left h4 
 	    { font-size: 1.1em; font-weight: bold; margin: 0 0 2px 0; }
 	    
 	#colophon .left .rss-container { float: right; width: 1px; padding-top: 70px; position: relative; left: 10px; }
 	#colophon .left .rss
 	    { background: url(images/colophon-about-rss.gif) top left no-repeat;
 	    width: 128px; height: 97px; text-indent: -9999px; display: block;
 	    margin: 0; padding: 0;
 	    float: right;
 	    }
 	    
    #colophon .left ul { margin-left: 20px; }
 	#colophon .left li { xborder-bottom: dotted 1px #777; padding-bottom: 5px; margin-bottom: 5px; }
 	#colophon .left li.last { margin: 0; padding: 0; border: 0; } 
 	
    ul.gallery li img { border: solid 2px #ccc; }
    ul.gallery li { margin: 0 10px 10px 0; padding: 0; float: left; display: block; }
    ul.gallery { overflow: hidden; display: block; }
    


/*
 * 35 yrs
 */
 
#tag-35years
    { position: absolute; left: 0px; top: 0px; background: url(images/35yrs.gif) top left no-repeat;
    width: 132px; height: 77px; text-indent: -9999px;
    margin: 0; padding: 0; display: block; z-index: 10; }

/*
 * Text
 */
    
#text-258218642,
#text-256052821 {
}
    
#text-256052821 h2,
#text-256052821 div,
#text-258218642 h2,
#text-258218642 div
    { background: url(images/colophon-about.gif) -20px -100px repeat-x; color: #333; }
    
#text-258218642 h2,
#text-256052821 h2
    { margin-bottom: 0; padding: 10px 10px; background: #5F6352;
    color: #fff; border-bottom: solid 4px #4E5243; border-top: solid 3px #323832; }

#text-258218642 div,
#text-256052821 div
    { margin-left: -5px; margin-right: -5px;
    padding: 10px 10px 10px 10px; position: relative; top: -2px;
     }

#text-258218642 h4,
#text-256052821 h4
    { margin: 0; color: #454; }
    
#text-258218642 a,
#text-258218642 a:visited,
#text-258218642 a:hover,
#text-256052821 a,
#text-256052821 a:visited,
#text-256052821 a:hover
    { color: #622; }