/* @override http://www.truthxchange.com/_css/styles.css */

/* Site: [Truth X Change] */
ul, ol, li {list-style-type: none;}
* { margin: 0; padding: 0;}
a{ color: #ddd; text-decoration: none; }
a:hover{ color: #663333; }
img{border: none;}
body{
font: 62.5% Verdana, Arial, sans-serif;
background: #013233 url(../_img/bg.gif) top left repeat;
}
hr{ display: none; }
#skip{
position: absolute;
text-indent: -9999px;
list-style: none;
overflow: hidden;
}
#container {
width: 832px;
margin: 0 auto;
text-align: left;
}
#shadow{ width: 832px; float: left; background: transparent url(/_img/shadow-bg.png) top left repeat-y;}
#shadow-top, #shadow-btm{ width: 832px; height: 30px; float: left;}
#shadow-top{background: transparent url(/_img/shadow-top.png) bottom left no-repeat;}
#shadow-btm{background: transparent url(../_img/shadow-btm.png) top left no-repeat;}

a{ overflow: hidden; }

div.clearer{
   clear: both;
}

/* =Header
---------------------------------------------------------------------*/
#header {
position: relative;
width: 832px;
height: 174px;
background: url(../_img/header-bg.jpg) top center no-repeat;
}
#header h1 {
color: #1a3a47;
font: bold 2.2em/1.2em "Tahoma", Verdana, san-serif;
background: url(../_img/truthXchange.gif) top left no-repeat;
width: 354px;
height: 83px;
margin: 0 0 0 13px;
text-indent: -9999px;
}
#header h1 a {
display: block;
width: 354px;
height: 83px;
}
#top-links {
width: 789px;
height: 30px;
color: #cccccc;
text-align: right;
}
#top-links p {
padding: 15px 0 0 0;
font: bold 1.15em/1.2em "Tahoma", Verdana, san-serif;
text-transform: uppercase;
}
#top-links p a { padding: 0 15px;}

#search {
width: 789px;
margin: 25px 0 0 40px;
}
#search #searchForm input {
float:left;
width:155px;
margin: 0 5px 0 0;
border:3px solid #d7d7d6;
background:#fff;
padding:1px 2px;
color: #666;
font: normal 1.2em/1.2em "Tahoma", Verdana, san-serif;
}
#search #searchForm a#search_go {
display:block;
float:left;
width:23px;
height:23px;
background:url(/_img/go-bg.gif) no-repeat;
text-indent:-9999px;
}

#romanslink {
position: absolute;
top: 131px;
left: 594px;
}

#romanslink a, #romanslink a:visited {
display: block;
width: 100px;
height: 23px;
}


/* =Container-inner
---------------------------------------------------------------------*/
#container-inner {
width: 772px;
margin: 0 auto;
}
/* =Content-Wrap
---------------------------------------------------------------------*/
#content-wrap {
width: 772px;
background: url(../_img/bg_content-wrap.gif) top left repeat-y;
float:left;
}


/* =Content
---------------------------------------------------------------------*/
#content {
float: right;
width: 562px;
}
#home-contain {
width: 517px;
margin: 0 auto;
min-height: 840px;
_height:840px;
}
#featuredpic {
width: 513px;
margin: 0 0 0 3px;
float: left;
background: url(/_img/bg_featuredpic.gif) top left no-repeat;
height: 326px;
}
#featuredpic img {margin: 4px 0 0 9px; }
#learn-more-and-registration { 
margin: -35px 0 15px;
font: normal 1.1em/1.2em "Tahoma", Verdana, san-serif;
color: #333;
float: left;
}
#learn-more-and-registration p { margin: 0 30px;}
#learn-more-and-registration a { color: #333; font-weight: bold; margin: 0 5px; }
#learn-more-and-registration a:hover { color: #663333;  }
.featured-article-container {
width: 517px;
float: left;
background: url(/_img/bg_p_article-options.gif) no-repeat bottom;
margin-top:10px;
padding-bottom: 10px;
}
.featured-article{
   background: url(/_img/bg_featured-article_container.gif) repeat-y;
   position: relative;
   z-index: 1;
}
#home #content .featured-article h3 {
height: 29px;
color: #fff;
padding: 11px 35px;
font: normal 1.8em/1.5em Arial, Verdana, san-serif;
background: #7994af url(../_img/bg_h3.gif) top left repeat-x;
margin: 0;
border: none;
position: relative;
z-index: 100;
}

#content a{
   color: #663333;
}
.featured-article h4 {
color: #330000;
margin: 0 15px 10px 12px;
padding: 0 25px 10px;
font: bold 1.7em/1.2em "Tahoma", Verdana, san-serif;
background: #ccc;
border-bottom: 1px dashed #996666;
position: relative;
z-index: 500;
}
.featured-article h4 a { color: #330000; }

.featured-article p {
font: normal 1.3em/1.4em "Tahoma", Verdana, san-serif;
color: #666;
background: none;
margin: 10px;
position: relative;
z-index: 500;
}

.featured-article p#article-options{
   margin: 10px 15px 0 12px ;
   background: #666;
   padding: 8px 0 8px 15px;
   color: #ccc;
   position: relative;
   z-index: 500;
}

.featured-article p#article-options a{
   color: #fff;
}

.featured-article .article-content{
   margin: 0 25px;
}

#home #blog-container{
width: 517px;
float: left;
background: url(/_img/bg_p_article-options.gif) no-repeat bottom;
margin: 10px 0 20px;
padding-bottom: 10px;
}

#home #main-blog{
   background: url(/_img/bg_featured-article_container.gif) repeat-y;
   position: relative;
   z-index: 1;
}

#home #content #main-blog h3{
height: 29px;
color: #fff;
padding: 11px 35px;
font: normal 1.8em/1.5em Arial, Verdana, san-serif;
background: #7994af url(../_img/bg_h3.gif) top left repeat-x;
margin: 0;
border: none;
position: relative;
z-index: 100;
}

#home #main-blog .blogpost{
   margin: 0 15px 0 12px;
   background: #fff;
   border-bottom: 1px dashed #996666;
   padding: 13px 15px;
   color: #666;
   font-size: 1.2em;
   position: relative;
   z-index: 500;
}

#home #main-blog .blogpost.last{
   border: none;

}

#home #main-blog .blogpost.even{
   background: #ccc;
}

#home #main-blog .blogpost.first{
   padding-top: 5px;
}

#home .blogpost span.left{
   display: block;
   float: left;
   position: relative;
   z-index: 1000;
}

#home .blogpost span.right{
   display: block;
   text-align: right;
   position: relative;
   z-index: 1000;
}

#home .blogpost h4{
   font-size: 1.4em;
   line-height: 1.5;
   font-family: Arial, Helvetica, Verdana, sans-serif;
}

#home .blogpost h4 a{
   color: #300;
}

#main-blog p#blog-options{
   margin: 0 15px 0 12px ;
   background: #666;
   padding: 8px 0 8px 15px;
   color: #ccc;
   position: relative;
   z-index: 500;
   font-size: 1.2em;
}

#main-blog p#blog-options a{
   color: #fff;
}


/* =Navigation
---------------------------------------------------------------------*/
#nav{
   position: relative;
   clear: both;
   float: left;
   list-style: none;
   height: 70px;
   width: 562px;
   background: url(/_img/bg_nav.gif) top right no-repeat;
}

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   list-style: none;
   background: url(/_img/bg_nav_ul_ul.gif) repeat-x;
   padding-top: 5px;
   width: 540px;
}

#nav li:hover{
   visibility: inherit; /* fixes IE7 'sticky bug' */
}

#nav li{
   float: left;
   line-height: 1;
   z-index: 999;
}

#nav li a{
   display: block;
   position: relative;
   float: left;
   color: #fff;
   font-size: 1.1em;
   text-decoration: none;
   text-transform: uppercase;
   padding: 10px 12px;
   font-weight: bold;
   background: url(/_img/bg_nav_li_a.gif) right center no-repeat;
}

#nav li a:hover{
   color: #633;
}

#nav li:hover ul,
#nav li.sfHover ul,
#nav li.current ul{
   left: 15px;
   top: 30px;
   z-index: 2;
}

#nav li.active a{
   color: #666;
}

#nav li.active li a{
   color: #ccc;
}

#nav li li,
#nav li li.current{
   float: left;
   font-size: 1em;
   text-indent: 0;
   position: relative;  
}

#nav li.last a,
#nav li.current li.last a,
#nav li.active.current li.last a
{
   background: none;
}

#nav li li a,
#nav li.current li a,
#nav li.active.current li a{
   font-weight: normal;
   background: url(/_img/bg_nav_li_li_a.gif) no-repeat right center;
   color: #ccc;
}

#nav li.current li a:hover{
   color: #633;
}


#nav li li.active a{
   color: #333;
}

/* = Default Page  
---------------------------------------------------------------------
*/

#content-inner{
   clear: both;
   width: 517px;
   float: left;
   display: inline;
   min-height: 750px;
   _height:750px;
   margin: 0 0 25px 25px;
   position: relative;
   background: url(/_img/bg_featured-article_container.gif) repeat-y;
}

#content h2#pagetitle, #content h2#pagecat{
   clear: left;
   width: 447px;
   background: url(/_img/bg_content_h3.gif);
   height: 30px;
   color: #fff;
   padding: 10px 35px;
   font: normal 1.8em/1.5em Arial, Verdana, san-serif;
   position: relative;
}
#content h2#pagecat{
   background: url(/_img/bg_h2_pagecat.gif);
   height: 28px;
   padding-top: 29px;
}

body#articlepage #content h2#pagecat,
body#sermonpage #content h2#pagecat,
#content h2#pagecat.blogdetail{
   padding-top: 10px;
   height: 31px;
   background-position: left bottom;
}

#content #text{
   margin: 10px 15px 0 12px;
   padding: 0 15px 20px;
   float: left;
   display: inline;
   width: 460px;
}

#content h3{
   color: #663333;
   margin: 0 0 12px 0;
   font: bold 1.7em/1.2em "Tahoma", Verdana, san-serif;

}

#content #articlemeta{
   margin: 0 15px 20px 12px;
   padding: 0 20px 10px;
   background: #ccc;
   border-bottom: 1px dashed #996666;
   position: relative;
}

#content #articlemeta a#printable{
   display: block;
   float: right;
   color: #669999;
   font-weight: bold;
   font-size: 1.2em;
   width: 65px;
   background: url(/_img/bg_a_printable.gif) no-repeat top center;
   padding-top: 40px;
}

#content #articlemeta a#printable:hover{
   text-decoration: underline;
}

#content #articlemeta h3#pagetitle,
#content #articlemeta h3#pagetitle a{
   margin-right: 100px;
   color: #663333;
}

#content #articlemeta h3#pagetitle a:hover{
   color: #666;
}

#content #articlemeta p{
   font-size: 1.2em;
   color: #666;
}

#content h3#pagetitle{
   border: none;
   margin-bottom: 5px;
}



#content #text h2 {
   color: #663333;
   margin: 0 0 12px 0;
   font: bold 2.2em/1.7em "Tahoma", Verdana, san-serif;
}



#content #text h3 a{
   border: none;
}

#content #text h3 a, #content #text a{
   color: #663333;
}

#content #text a{
   border-bottom: 1px dashed #663333;
}

#content #text h4{
   font-size: 1.3em;
   margin-bottom: .25em;
   color: #663333;
}

#content #text h5, #content #text h6{
   font-size: 1.3em;
   margin-bottom: .25em;
}

#content #text p, #content p#summary{
   margin-bottom: 1em;
   font-size: 1.3em;
   color: #333;
}

#content #text ul{
   font-size: 1.3em;
   padding-left: 2em;
   margin: 1em 0;
}

#content #text ul,
#content #text ol{
   margin-bottom: 1.5em;
}

#content #text ol li {
list-style-image:none;
list-style-position:inside;
list-style-type:decimal;
margin:0 0 0.75em .75em;
font-size:1.3em;
}

#content #text ul li{
   list-style: disc;
   list-style-position: outside;
   margin: 0 0 .75em;
}

#content #text ul ul{
   font-size: 1em;
}

#content #text ul ul li{
   list-style: circle;
}

/* = Article List  
---------------------------------------------------------------------
*/

#articles-archive{
   position: relative;
   float: left;
   width: 517px;
}

#articles-archive h3{
   background: url(/_img/bg_h2_artarchive.png);
   height: 28px;
   color: #fff;
   padding: 11px 35px;
   font: normal 1.8em/1.5em Arial, Verdana, san-serif;
   border: none;
   margin: 0;
   position: absolute;
   top: 0;
   left: 0;
   width: 447px;
}

#articlelist{
   margin: 38px 15px 0 12px;
   height: 180px;
   overflow: auto;
   float: left;
   width: 490px;
}

#articlelist.blogdetail{
   height: 700px;
}

#articlelist .sermonbox{
   padding: 10px 40px;
}

#articlelist .sermonbox.alt{
   background: #ccc;
}

#articlelist h4.title{
   margin: 0;
   font: bold 1.7em/1.2em "Tahoma", Verdana, san-serif;
}

#articlelist h4.title a{
   color: #663333;
}

#articlelist h4.title a:hover{
   color: #666;
}

#articlelist p{
   font-size: 1.2em;
   color: #666;
}

#content p#feed{
   position: absolute;
   top: -34px;
   right: 20px;
}

form#quicksearch{
   position: absolute;
   top: 14px;
   right: 40px;
}

#quicksearch input{
   height: 14px;
   font-size: 1.1em;
   color: #333;
   border: 1px solid #ccc;
   padding: 1px;
}

#content a#screenback{
   display: none;
}

/* =Sidebar
---------------------------------------------------------------------*/
#sidebar {
width: 210px;
float: left;
background: url(../_img/sidebar-top-bg.gif) top left repeat-x;
padding: 40px 0 0 0;

}
#sidebar h3 {
margin: 0 1px 1px 1px;
background: #893333;
padding: 3px 10px;
font: normal 1.5em/1.2em "Tahoma", Verdana, san-serif;
color: #fff;
}

#sidebar h3 a, #sidebar h3 a:visited {
color:#fff;
}

#sidebar h4#speaking{
   font-size: 1.1em;
   margin: 0 10px 5px;
   color: #333;
}

#sidebar table.calendar {
clear:both;
width:200px;
border-collapse:collapse;
border: 1px solid #893333;
background: #fff;
margin:0 0 10px 4px;
}
#sidebar table.calendar caption {
padding:4px 0;
color:#000;
width: 201px;
background: #893333;
font-size:1.1em;
font-weight:bold;
text-transform:uppercase;
border: 1px solid #893333;
margin: 0 0 0 -1px;
}

body:first-of-type #sidebar table.calendar caption{
   margin: 0; /* safari/webkit target hack */
}

#sidebar table.calendar caption span.calendar-prev {
top:0;
left:15px;
}
#sidebar table.calendar caption span.calendar-next {
top:0;
right:17px;
}
#sidebar table.calendar caption span img { vertical-align:bottom; }
#sidebar table.calendar th {
color:#000;
font-size:1.1em;
text-align:center;
padding:2px 0;
background: #ede4db url(../_img/calendar-th-bg.gif) top left repeat-x;
}
#sidebar table.calendar td {
width:25px;
height:20px;
color:#000;
font-size:1.1em;
font-weight:normal;
text-align:center;
}
#sidebar table.calendar a {
display:block;
width:14px;
color:#000;
border: 1px solid #893333;
text-decoration:none;
margin:1px;
padding:2px 5px;
}
#sidebar ul {
   margin: 0x;
}

#sidebar ul#sidenews{

   margin: 0 1px; 
}

#sidebar ul#sidenews li span{
   display: block;
}

#sidebar ul li { 
font: normal 1.2em/1.2em "Tahoma", Verdana, san-serif;
color: #666;
border-bottom: 1px dashed #666;
padding: 8px 0;
margin: 0 10px;
}

#sidebar ul li.last{
   border: none;
}

#sidebar ul li#news-article-divider{
   border: none;
   height: 10px;
   background: #893333;
   padding: 0;
}
#sidebar ul li a { 
font-weight: bold;
color: #663333;
}
#sidebar ul li a:hover { 
color: #000;
}

#sidebar div.book{
   text-align: center;
}

#sidebar .book img{
   margin: 8px auto;
}

#sidebar .book p, #sidebar .book p a{
   font-size: 1.1em;
   color: #666;
   margin: 0 8px 10px;
}

#sidebar .book p a:hover{
   color: #333;
}

/* =Footer
---------------------------------------------------------------------*/
#footer{clear: both; }

#footer #footerlinks{
   margin-left: 35px;
   font-size: 1.1em;
   margin-bottom: 20px;
   color: #fff;
   font-weight: bold;
}

#footer #footerlinks ul {
   padding-bottom:0;
   margin-bottom:0;
}

#footer #footerlinks ul li {
   display:inline;
   padding:0 .4em 0 .5em;
   border-left: 1px solid #fff;
}

#footer #footerlinks ul li.first {
   border-left: 0px;
   padding-left:0;
}

#footer #links-footer p,
#footer #links-footer p a{
   color: #fff;
   font-weight: bold;
   text-align: left;
   float: none;
   margin: 0;
}

#footer #footerlinks a{
   color: #fff;
   font-weight: bold;
   text-align: left;
   float: none;
   margin: 0;
}

#footer p#footercopy{
   margin-left: 35px;
}

/* =Large Calendar  
---------------------------------------------------------------------
*/

#content #calendar-outer{
   position: relative;
   padding: 0 30px 20px;
   min-height: 500px;
   _height:500px;
}

#content table.calendar{
   margin-bottom: 25px;
   border: 1px solid #09363b;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
}

#content table.calendar caption{
   padding-bottom: 10px;
   color: #133840;
   font-size: 1.4em;
   font-weight: bold;
}

#content table.calendar caption span{
   position: absolute;
   top: 0;
   width: 31px;
   height: 19px;
   border: 1px solid #09363b;
   background: #18495d;
   color: #8A4700;
}

#content table.calendar caption span.calendar-prev{
   left: 30px;
}

#content table.calendar caption span.calendar-next{
   right: 30px;
}

#content table.calendar th{
   padding: 6px 0;
   background: #667F9B;
   color: #FFF;
   font-size: 1.3em;
   font-weight: normal;
   text-align: center;
}

#content table.calendar tr{
   border-right: 1px solid #09363b;
}

#content table.calendar td{
   width: 60px;
   height: 52px;
   padding: 2px;
   border: 1px solid #09363b;
   border-left: 0;
   border-top: 0;
   background: #FFF;
   color: #626262;
   font-size: 1em;
   vertical-align: top;
}

#content table.calendar td.linked-day a{
   color: #18495d;
}

#content table.calendar td.empty{
   background: #FFF;
}

#content table.calendar td a{
   text-decoration: none;
}

#content table.calendar td ul{
   margin: .5em 0 0 .5em;
   font-size: 100%;
   list-style: none;
   padding: 0;
}

#content table.calendar td li{
   padding-left: 8px;
   margin-left: 0;
   margin-bottom: .75em;
   font-size: 1.1em;
   line-height: 1.2;
}

#content table.calendar td li a{
   text-decoration: underline;
   color: #18495d;
}

#content table.calendar td li a:hover{
   text-decoration: none;
}

/* = Sermons  
---------------------------------------------------------------------
*/

ul.mediabox{
   float: right;
   margin-left: 20px;
}

.mediabox li{
   float: left;
   margin-left: 5px;
}

.mediabox li a{
   display: block;
   float: left;
   width: 32px;
   height: 25px;
   text-indent: -9999px;
}

.mediabox li.sl_listen a{
  background: url(/_img/bg_play.png);
}

.mediabox li.sl_download a{
   background: url(/_img/bg_dl.png);
}

p.sermonfeed{
	position: absolute;
	top: 242px;
	right: 30px;
	font-size: 1.2em;
   padding: 10px 0;
   margin-bottom: 5px;
}

#sermonpage p.sermonfeed,
p.sermonfeed.detail{
   top: 4px;
}

p.sermonfeed.detail.blog{
   top: 222px;
}

p.sermonfeed.article{
   top: -42px;
}

#articlepage p.sermonfeed{
   top: -45px;
}

#content p.sermonfeed a{
   color: #fff;
   padding: 4px 0 4px 28px;
   background: url(/_img/bg_feed.png) no-repeat;
}

p.sermonfeed a:hover{
   text-decoration: underline;
}

p#summary{
   margin: 0 15px 20px 12px;
   padding: 0 20px 10px;
}

#article-footer {
   margin: 0 15px 10px 12px;
   padding: 0 20px 10px;
}

/* = Ecommerce  
---------------------------------------------------------------------
*/

#ecommtext{
      margin: 10px 15px 0 12px;
   padding: 0 15px 20px;
}

table.monkCart{
   margin-top: 30px;
   width: 100%;
   border-collapse: collapse;
}

table.monkCart th,
table.monkCart td{
   padding: 7px 2px;
}

table.monkCart th,
table.monkCart tr.total{
   background: #E9EEF3;
}

table.monkCart th.qty{
   width: 20%;
}

table.monkCart th.price,
table.monkCart th.total{
   width: 40px;
}

#formutils{
   float: left;
}

div.familytext{
   margin: 10px 15px 0 12px;
   padding: 0 25px;
   float: left;
   display: inline;
   width: 440px;
}

.familytext h4{
   font-size: 1.3em;
   margin-bottom: .25em;
   color: #663333;
}

.familytext h4 a{
   border-bottom: 1px dashed #663333;
}

/* = Stuff added by Ryan Stoddard for Store display
----------------------------------------------------------------------
*/

#text #storelist p {font-size: 1em; border-bottom: 0; padding: 0 3px 0 3px; }
#content #text #storelist ul {padding-left: 0; }
#content #text #storelist li {width: 50%; height: 300px; display: block; float: left; margin: 0; padding: 0; list-style-type: none; text-align: center; }
#content #text #storelist a {border-bottom: 0; }
#storelist #storelistimg {height: 210px; }

#storedetail img {float: left; margin: 0 8px 5px 0; }