/* reset
 * based on Eric Meyer's reset.css
 * http://meyerweb.com/
 *************************************************************/
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, button,
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: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* /reset
 *****************************************************/

/* global elements
 *****************************************************/
body {
    background: #890000 url( ../images/bg_body.png ) repeat-x 50% 0;
    color: #fff;
    font: 75%/1 Tahoma, Arial, sans-serif;
}
a:hover { text-decoration: none; }
/* /global elements
 *****************************************************/

/* base layout
 *****************************************************/
.wrap {
    margin: 0 auto;
    width: 900px;
}
.bg {
    background: transparent url( ../images/bg_bg.png ) repeat-y 50% 0;
    margin: 0 0 20px;
}
.bg .wrap {
    background: transparent url( ../images/bg_wrap.jpg ) repeat-y 0 0;
}
.bg .inner {
    background: transparent url( ../images/bg_inner.jpg ) no-repeat 0 0;
    margin: 0 -7px;
    padding: 16px 7px 0;
}
#branding {
    height: 150px;
}
#contentWrap {
    background: #fff url( ../images/bg_content.jpg ) repeat-y -1800px 0;
    overflow: hidden;
}
#contentWrap .top {
    background: transparent url( ../images/bg_content.jpg ) no-repeat 0 0;
}
#contentWrap .bottom {
    background: transparent url( ../images/bg_content.jpg ) no-repeat -900px 100%;
    overflow: hidden;
    padding: 10px;
}
#sub #contentWrap .bottom { padding: 37px 10px 30px; }
#mainContent {
  color: #000;
}
#sub #mainContent {
  border-right: 2px solid #780000;
  float: left;
  font-family: Verdana, Arial, sans-serif;
  line-height: 1.4em;
  padding: 0 20px;
  width: 565px;
}
#subContent {
    border-left: 2px solid #780000;
    color: #600;
    float: right;
    font-family: Verdana, Arial, sans-serif;
    margin: 0 0 0 -10px;
    padding: 0 25px 0 10px;
    width: 238px;
}
#footer {
    background: transparent url( ../images/bg_footer.jpg ) no-repeat 0 100%;
    color: #000;
    line-height: 1.2em;
    margin: 0 -7px;
    overflow: hidden;
    padding: 20px 15px 20px;
}
/* /base layout
 *****************************************************/

/* common elements
 *****************************************************/
.left, .leftCol, .alignleft { float: left; }
.right, .rightCol, .alignright { float: right; }
.cols, form .item, .navigation { overflow: hidden; }
.navigation { margin: 0 0 1em; }
.col { float: left; }
.print { display: none; }
/* /common elements
 *****************************************************/

/* branding elements
 *****************************************************/
#branding h1 {
    font-size: 2em;
    font-style: italic;
    float: left;
    height: 150px;
    margin: 1px 0 0 -22px;
    text-align: center;
    text-transform: uppercase;
    width: 335px;
}
#branding h1 a {
    color: #9e151a;
    display: block;
    height: 150px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 335px;
    text-indent: -2000px;
}
#branding h1 span {
    background: transparent url( ../images/logo_lifechurch.png ) no-repeat 0 0;
    cursor: pointer;
    height: 150px;
    left: 0;
    position: absolute;
    top: 0;
    width: 335px;
}

#branding h2 {
  float: right;
  height: 81px;
  font-size: 1.3em;
  line-height: 20px;
  margin: 33px 4px 0 0;
  overflow: hidden;
  position: relative;
  text-align: right;
  width: 338px;
}
#branding h2 span {
  background: transparent url( ../images/text_branding.png ) no-repeat 0 0;
  height: 81px;
  left: 0;
  position: absolute;
  top: 0;
  width: 338px;
}
/* /branding elements
 *****************************************************/

/* navigation elements
 *****************************************************/
#navigation {
    background: #3a3a3f url( ../images/bg_navigation.png ) no-repeat 0 0;
    margin: 8px 0 9px;
}
#navigation ul {
    background: transparent url( ../images/bg_navigation.png ) no-repeat -900px 100%;
    padding: 10px 0;
}
#navigation li {
    display: inline;
    font-size: 1.58em;
    font-weight: normal;
    margin: 0 0 0 31px;
    text-transform: lowercase;
}
#navigation li.first { margin: 0 0 0 20px; }
#navigation a {
    color: #fff;
    text-decoration: none;
}
/* /navigation elements
 *****************************************************/

/* content elements
 *****************************************************/
.block { margin: 0 0 5px; }
.blockAds { margin: 10px 0 0; }
.block h2 {
    background: #13151a url( ../images/bg_block_title.png ) no-repeat 0 0;
    color: #9aa5b7;
    min-height: 22px;
    padding: 8px 0 0 28px;
    text-transform: uppercase;
}
.block h2 strong {
    display: block;
    height: 12px;
    line-height: 10px;
    overflow: hidden;
    position: relative;
}
.block h2 span {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#hAboutUs strong { width: 63px; }
#hAboutUs span { background: transparent url( ../images/text_about_us.png ) no-repeat 0 0; }
#hLtvSchedule strong { width: 88px; }
#hLtvSchedule span { background: transparent url( ../images/text_ltv_schedule.png ) no-repeat 0 0; }
#hNewsAndUpdates strong { width: 126px; }
#hNewsAndUpdates span { background: transparent url( ../images/text_news_and_updates.png ) no-repeat 0 0; }
#hYoureWatching strong { width: 201px; }
#hYoureWatching span { background: transparent url( ../images/text_youre_watching.png ) no-repeat 0 0; }
#hShowHostBlogs strong { width: 118px; }
#hShowHostBlogs span { background: transparent url( ../images/text_show_host_blogs.png ) no-repeat 0 0; }
.block .body {
    background: #21252c;
    color: #afb2b5;
    padding: 10px;
}
.block .body h3 {
    color: #fff;
    margin: 0 0 0.9em;
}
.block .body p { margin: 0 0 1em; }
.block .content { background: #21252c; }
.block ul.news { padding: 10px; }
.block ul.posts h3 {
    color: #fefefe;
    font-size: 1.16em;
}
.block ul.blogs h3 { padding: 5px 0 0; }
.block ul.posts li {color: #afb2b5; }
.block ul.news li { margin: 0 0 1em; }
.block ul.blogs li {
    border-top: 4px solid #171a1f;
    padding: 10px;
}
.block ul.posts img {
    border: 3px solid #191e22;
    float: left;
    margin: 0 7px 10px 0;
}
.block ul.posts span.date {
    color: #cd2300;
    display: block;
    font-size: 0.83em;
    line-height: 1.2em;
}
.block ul.posts cite {
    color: #fff;
    display: block;
    font-size: 0.83em;
    line-height: 1.2em;
}
.block ul.posts p { clear: left; }
/* /content elements
 *****************************************************/

/* mainContent elements
 *****************************************************/
#intro {
  background: transparent url( ../images/bg_intro.png ) no-repeat 0 0;
  height: 358px;
  margin: 9px 0 0;
  padding: 22px 26px 0 22px;
  width: 832px;
} 
#contentNav {
  padding: 20px 0 60px;
  overflow: hidden;
}
#contentNav li {
  display: inline;
  float: left;
  margin: 0 0 0 15px;
}
#contentNav a {
  background: #595959;
  color: #fff;
  font-size: 2.75em;
  font-weight: bold;
  display: block;
  height: 100px;
  line-height: 1.2em;
  overflow: hidden;
  padding: 20px 0 0 20px;
  position: relative;
  text-decoration: none;
  width: 180px;
}
#contentNav span {
  background-image: url( ../images/buttons_home.png );
  cursor: pointer;
  height: 120px;
  left: 0;
  position: absolute;
  top: 0;
  width: 200px;
}
#contentNav #except span { background-position: 0 0; }
#contentNav #meet span { background-position: -201px 0; }
#contentNav #series span { background-position: -401px 0; }
#contentNav #invite span { background-position: -602px 0; }

#mainContent h1 {
  border-bottom: 2px solid #780000;
  color: #780000;
  font-size: 1.83em;
  line-height: 1;
  margin: 0 0 0.5em;
}
#mainContent h1 a {
    color: #780000;
    text-decoration: none;    
}
#mainContent h2 {
  color: #780000;
  font-size: 1.58em;
  margin: 0 0 0.5em;
}
#mainContent h3 {
  color: #780000;
  font-size: 1.33em;
  margin: 0 0 0.5em;
}
#mainContent img {
  display: block;
  margin: 0 0 0.5em;
}
#mainContent p { margin: 1em 0 0; }
#mainContent a { color: #600; }

#mainContent .post { margin: 0 0 1em; }
/* /mainContent elements
 *****************************************************/

/* subContent elements
 *****************************************************/
#subContent h2 {
  font-size: 1.4em;
  margin: 0 0 1em;
}
#subContent ul { border-top: 1px solid #000; }
#subContent li {
  /*border-bottom: 1px solid #000;*/
  padding: 10px 8px;
}
#subContent a {
    color: #600;
    text-decoration: none;
}
#subContent li h2 { margin: 0 0 0.2em; }
/* /subContent elements
 *****************************************************/

/* footer elements
 *****************************************************/
#footer h5 {
    float: left;
}
#footer h6 {
    float: right;
}
#footer h6 a {
    color: #000;
}
/* /footer elements
 *****************************************************/