@import 'http://www.interseeded.org/?css=v5_beta/css_footer.v.1227509328';  
@import 'http://www.interseeded.org/?css=v5/css_comments.v.1225623073'; 

/*    ------------------------------------------------
         Sermons Page Stylesheet - v 1.0
         Interseeded v5 - Sep 2008
         Author: Francis San Juan
      ------------------------------------------------  */


/* old-school clearing the float */
.clear{clear:both;}

/* new-school clearing the float - works for non-IE,  extra hack for IE */

/* clearing all the index sections that need it */
#the_wrapper:after,
#wrap_sermons_browser:after,
#wrap_categories:after,
#wrap_subscribe:after,
#copyright_sdg:after  {
    display: block;
    clear: both;
    content: " ";
}

/* GLOBALS */

body {
     margin:0;
     padding:0;
     font: 10pt "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
     color:#FFF;
     line-height:2;
     /*  background:#131b1d;  */
     /*  background:#0A0F10;  */
     background:transparent url(/v5/images/backgrounds/bg_sideshadow.png) repeat-y center 0;     
}

html {
     margin:0;
     padding:0;
     font: 10pt "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
     color:#FFF;
     line-height:2;
     /*  background:url(/v5/images/backgrounds/bg_diagonals_500.gif) repeat;  */
     /*  background:url(/v5/images/backgrounds/bg_diagonals.gif) repeat;    -- small tiled bg seems to slow down ie7  */
     /*  background:#131b1d;  */
     background:#0a1416 url(/v5/images/backgrounds/bg_diagonals.png);
}


/* special heading styles for this page */

h3.post_title a:link,
h3.post_title a:visited {
     font:15px Arial, Helvetica, sans-serif;
     line-height:17px;
     font-weight:800;
     text-transform:none;
     color:#FFF;
     padding:0;
     margin:0;
}

h3.post_title a:hover {color:#7FD021;}

/* override the normal uppercase of post author */
h3.author {text-transform:none;}


/* MAIN DIVS */
/* Note - the page size is 1020px but with 40px padding on both sides the actual size for wrappers is 940px */

#wrap_header_menubar{
     width:1020px;
     /*  centers header and menubar on page  */
     margin:0 auto;
     border-left: 1px solid #404547;
     border-right: 1px solid #404547;
}     

#header{
     width:1020px;
     height:244px;
     padding:0;
     margin:0;
}

#header img {border:none;}

#the_wrapper {
     background: #131b1d;
     width:1020px;
     color:#FFF;
     /*  centers everything on the page */
     margin:0 auto;
     border-left: 1px solid #404547;
     border-right: 1px solid #404547;
}

/* welcome note and grid navigation */
#wrap_welcome_dailyverse{
     width:940px;
     height:150px;   /*  230px + 40px top/bottom padding is 270px  */     
     padding:0px 40px 40px 40px;
     border-bottom:1px solid #1A2224;  /* this should match the color of the tabs' bottom edge */
     background:url(/v5/images/header/grassy2.jpg) no-repeat 0 0;
}

/*  this is the faux bg that extends the narrow sidebar for this page */
#faux {
     /*  background:url(/v5/images/faux/bg_faux_2.png) repeat-y 0 0;  */
     float:left;
     display:inline;
     clear:both;
     margin-bottom:40px;
}

/* divider groove image */
.divider_groove {
     border:0;
     margin:10px 0 10px -10px;
     padding:0;
}

#wrap_section_heading {
     float:left;
     display:inline;
     width:840px;
     background:url(/v5/images/browse_sections/bg_articles_heading.png) no-repeat 0 0;
     padding:40px 0 0 100px;
     margin-bottom:50px;
}

.section_icon {
     float:left;
     display:inline;
     width:50px;
     height:100px;
     margin:10px;
}

#wrap_sermons_browser {
     float:left;
     display:inline;
     clear:both;
     width:660px;
     background:#0D1113;
     padding:20px;
     margin:0 20px 0 40px;
}

ul.browser_nav {
     float:left;
     display:inline;
     clear:both;
     width:100%;
}

ul.browser_nav li {
     float:left;
     display:inline;
     margin-right:10px;
}

ul.browser_nav li a:link,
ul.browser_nav li a:visited {
     text-decoration:none;
     color:#303134;
}

ul.browser_nav li a:hover {color:#FFF;}

/* this contains the listing of sermons itself */
#browse_mostrecent,
#browse_mostpopular,
#browse_mostcommented {
     float:left;
     display:inline;
     clear:both;
     width:660px;
}

.wrap_singlepost {
     float:left;
     display:inline;
     clear:both;
     margin-bottom:20px;
}

/* the left column of a specific sermon post */
.browsepost_left {
     float:left;
     display:inline;
     width:220px;
     margin-right:20px;
}

.browsepost_left img {
     border:2px solid #FFF;
}

img.section_icon_sm {
     border:none;
     margin-right:10px;
}

.browsepost_right {
     float:left;
     display:inline;
     width:380px;
     padding:20px;
     background:#101416;
     color:#F6F4C4;
     line-height:1.25em;
}


/* a green 'more' link */
.grn_more:link,
.grn_more:visited {
     text-decoration:none;
     color:#7FD021;
}

.grn_more:hover {color:#FFF;}


.pagination_links {
     float:left;
     display:inline;
     clear:both;
     width:100%;
     color:#FFF;
     font:12px Arial, Helvetica, sans-serif;
     font-weight:bold;     
}

.pagination_links a:link, 
.pagination_links a:visited {
     float:left;
     display:inline;
     text-align:center;
     background:url(/v5/images/pagination/bg_unselected.png) no-repeat 0 0;     
     /* border:1px solid #404547; */
     padding:5px;
     width:15px;
     height:15px;
     display:block;
     margin-right:5px;
     color: #404547;
}     

.pagination_links a:hover {color:#FFF;}

.pagination_links b,
.pagination_links strong{
     float:left;
     display:inline;
     text-align:center;
     padding:5px;
     width:15px;
     height:15px;
     background:url(/v5/images/pagination/bg_selected.png) no-repeat 0 0;
     color:#FFF;
     border:none;
     /*border:1px solid #7FD021;  */
     margin-right:5px;
}

#wrap_categories {
     float:left;
     display:inline;
     width:260px;
     padding:20px;
     background:#080B0C;
}

#wrap_categories a:link,
#wrap_categories a:visited {
     text-decoration:none;
     color:#303134;
}

#wrap_categories a:hover {color:#FFF;}


#wrap_subscribe {
     float:left;
     display:inline;
     width:260px;
     padding:20px;
     background:#080B0C;
     margin-top:40px;
}

#wrap_subscribe a:link,
#wrap_subscribe a:visited {
     text-decoration:none;
     color:#303134;
}

#wrap_subscribe a:hover {color:#FFF;}

#wrap_subscribe h3 {
     text-transform:none;
     margin-bottom:10px;
     margin-top:10px;
}

#wrap_subscribe img {
     border:none;
     margin-bottom:-4px;
}