@charset "UTF-8";
/* CSS Document */
/******* Created by Soyoung Date on May 13, 2013 *******/

/*========= Header started =========*/
#site-header .expansion-toggle {
  display:none;
}
#site-header {
  clear:both;
  position: relative;
  z-index: 2;
  border-bottom: 0;
  height: 161px;
}
#site-header .constrain {
  position:relative;
}
#logo {
  left: 50%;
  margin: 0;
  padding: 0;
  position: absolute;
}
#logo a {
  background: url("https://ds4mo3j6nz9nb.cloudfront.net/views/images/logo.png") no-repeat;
  display: block;
  height: 100%;
  overflow: hidden;
  text-indent: -9999em;
  width: 100%;
  font-family:Georgia, "Times New Roman", Times, serif;
}
.home #logo {
  height: 50px;
  margin-left: -130px;
  top: 33px;
  width: 260px;
}
.section #logo, .article #logo {
  width: 104px;
  height: 20px;
  top:33px;
}
.section #logo a, .article #logo a {
  background: url("https://ds4mo3j6nz9nb.cloudfront.net/views/images/logo-s.png") no-repeat;
  background: url("https://ds4mo3j6nz9nb.cloudfront.net/views/images/logo-s.gif") no-repeat\0;  /* ie8 */
  *background: url("https://ds4mo3j6nz9nb.cloudfront.net/views/images/logo-s.gif") no-repeat;   /* ie6,7 */
  background-size: contain;
}
#site-header .site-title {
  padding: 0;
  margin: 0;
  position: absolute;
  left: 30%;
  right: 30%;
  top: 55px;
  height: 1em;
  font-size: 2.68em;
  text-align: center;
  line-height: 1em;
  font-family: Georgia, "Songti TC", SimSun, serif;
  font-weight:bold;
  text-transform:uppercase;
}
#site-header .site-title a {
  color:#000;
  text-decoration: none;
}
.section #site-header .site-title a,
.section #site-header .site-title a { color: #B91418;}
.make-homepage { font-size: 12px; }
.make-homepage a { padding-top: 9px; display: inline-block; color: #666; }
#header-top {
  /*overflow:hidden;*/
}
/*#header-top .top-nav {
  width:200px;
}*/
#header-top .top-nav ul {
  overflow:hidden;
}
#header-top .top-nav ul li {
  font-size:0.7em;
  color:#000;
  font-weight:bold;
  display:table-cell;
  float:left;
  border-left:1px solid #aaaaaa;
  border-bottom:1px solid #aaaaaa;
  background-color: #f4f4f4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #f1f1f1));
  background-image: -webkit-linear-gradient(top, #fbfbfb, #f1f1f1);
  background-image: -moz-linear-gradient(top, #fbfbfb, #f1f1f1);
  background-image: -ms-linear-gradient(top, #fbfbfb, #f1f1f1);
  background-image: -o-linear-gradient(top, #fbfbfb, #f1f1f1);
  background-image: linear-gradient(top, #fbfbfb, #f1f1f1);
}
#header-top .top-nav ul li.txt {
  line-height:2em;
  height: 2em;
}
#header-top .top-nav ul li.current {
  background:#fff;
  border-bottom:1px solid #fff;
}
#header-top .top-nav ul li.current a {
  text-decoration:none;
  color:#000;
  font-weight:bold;
}
#header-top .top-nav ul li:hover {
  background:#fff;
  border-bottom:1px solid #fff;
}
#header-top .top-nav ul li:hover a {
  text-decoration:none;
  color:#000;
}
#header-top .top-nav ul li:last-child {
  border-right:1px solid #aaaaaa;
}
#header-top .top-nav ul li a {
  color:#7a7a7a;
  font-weight:lighter;
  padding:0 12px;
}
#header-top .top-nav ul li a img {
  padding-top:4px;
}
#header-top .account {
  height:25px;
}
#header-top .account ul {
  /*padding-top:10px;*/
}
#header-top .account ul li {
  font-size:0.75em;
  display:table-cell;
  float:left;
}
#header-top .account ul li a {
  color:#333;
  padding:0 8px;
}
#header-top .account ul li:last-child a {
  border-left:1px solid #333;
}

/* subscribe-btn by William 03/18/2014 */

#header-top .account .subscribe-btn {
  display: block;
  /*margin-top: -10px;*/
}
#header-top .account .subscribe-btn a {
  border: 0 !important;
  display: inline-block;
  *display: inline; *zoom: 1;
  height: 2.4em;
  line-height: 2.4em;
  padding-left: .9em;
  padding-right: .9em;
  font-weight: bold;
  color: #fff;
  background-color: #2479b3;
  -webkit-border-radius: 0 0 .4em .4em;
  -moz-border-radius: 0 0 .4em .4em;
  border-radius: 0 0 .4em .4em;
}
#header-top .account .subscribe-btn a:hover { background-color: #2682bf; text-decoration: none; }
/* subscribe-btn end */

#site-header .updated {
  color:#333;
  font-size:0.7em;
  left: 50%;
  top:97px;
  position: absolute;
  margin-left: -124px;
}
#site-header .updated p {
  padding: 0 10px 0 0;
}
#site-header .updated span{
  color:#b91418;
  padding-left: 2px;
}
#social-static {
  float:left;
  position: absolute;
  left: 0;
  top:95px;
}
#social-static li {
  display:table-cell;
  float:left;
  padding:0 5px;
}
#social-links {
  float:right;
  position: absolute;
  right: 0;
  top:95px;
}
#social-links.footer-social-links {
  clear: both;
  position: inherit;
}
#social-links li {
  display:table-cell;
  float:left;
  padding:0 2px;
  text-indent:-99999px;
}
  #social-links li a{display:block; width:19px; height:17px;background:url(http://chinese.gospelherald.com/images/sns_icons.png) no-repeat 0 0;}
  #social-links li.facebook a{background-position:5px -17px;}
  #social-links li.facebook a:hover{background-position:5px 0;}
  #social-links li.twitter a{background-position: -13px -17px;}
  #social-links li.twitter a:hover{background-position:-13px 0;}
  #social-links li.rss a{background-position:-32px -17px;}
  #social-links li.rss a:hover{background-position:-32px 0;}
  #social-links li.email a{background-position:-50px -17px;}
  #social-links li.email a:hover{background-position:-50px 0;}

#site-nav {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  top:123px;
  height: 38px;
  z-index: -1;
  background:url("https://ds4mo3j6nz9nb.cloudfront.net/views/images/nav-bg.gif") repeat-x;
}
ul.primary-links li.more {
  display:none;
}
.primary-links {
  display: table;
  font-size: 0.8em;
  font-weight:bold;
  height: 40px;
  text-align: center;
  max-width: 84%;
  padding-left:12px;
}
.primary-links li.primary-link {
  display: table-cell;
  padding:0 11px;
  *float:left;
  *padding:14px 5px;
  vertical-align: middle;
  border-width: 0 1px;
  border-color: #f6f6f6;
  border-style: solid;
}
.primary-links li.primary-link:hover {
  background:#fff;
  border-width: 0 1px;
  border-color: #000;
  border-style: solid;
}
.primary-links li.primary-link:hover a {
  color:#b91418;
}
.primary-links li a:active {
  color:#b91418;
}
.primary-links li.primary-link a:focus {
  color:#b91418;
}
.primary-links li.primary-link a:hover {
  color:#b91418;
}
.primary-links li.primary-link a {
  color: #333;
  display: block;
  font-family: arial;
  text-align: center;
  text-transform:uppercase;
  text-decoration:none;
  padding:0 2px;
}
.primary-links li.primary-link:first-child a {
  color:#b91418;
}
#site-search {
  float:right;
  width:150px;
  margin:5px 0;
  height: 27px;
  overflow:hidden;
}
#site-search form {
  border-left: 3px double #666;
}
#site-search #searchBox {
  position:relative;
}
#site-search input[type="text"] {
  border:0;
  height:28px;
  padding: 2px 8px 2px 28px;
  font-family:arial;
  width:100%;
  background: #f6f6f6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *width:60%;
  *height: 20px;
}
#site-search input[type="submit"] {
  border:0;
  bottom: 3px;
  height: 26px;
  padding: 0 10px;
  position: absolute;
  left: 4px;
  top: 5px;
  background:url("https://ds4mo3j6nz9nb.cloudfront.net/views/images/icon-search.jpg") no-repeat;
  cursor:pointer;
  opacity: 0.5;
}
#subheadline {
  margin-top:10px;
  margin-bottom:25px;
  height:18px;
}
#subheadline ul li {
  font-size:0.9em;
  color:#b91418;
  display:table-cell;
  float:left;
  padding:0 12px;
}
#subheadline ul li:first-child {
  padding-left:3px;
}
#subheadline ul li a {
  color:#333;
}
.ct-home {
  font-size:0.6875em;
}
.ct-home a {
  color:#7a7a7a;
}
.mobile-search {
  display: none;
}
.cbp-hrmenu > ul > li.social, .cbp-hrmenu > ul > li.account {
  display: none;
}
.cbp-hrmenu > ul.social-menu > li > a {
  color:#fff;
}
.cbp-hrmenu > ul.social-menu > li > a:hover {
  color:#fff;
}
.cbp-hrmenu ul li.more {
  display:none;
}
.social-menu {
  display:none;
}
/*========= Header ended =========*/

/*========= Footer started =========*/
#site-footer {
  padding:15px 0;
  background: #242424;
}
.footer-nav {
  margin-bottom: 10px;
}
.footer-nav ul li {
  font-size:0.8em;
  text-transform:uppercase;
  padding:0 10px;
}
.footer-nav ul li:first-child {
  padding-left:3px;
}
.footer-nav ul li {
  display:table-cell;
  float:left;
  text-transform:uppercase;
  font-family:Georgia, "Times New Roman", Times, serif;
}
.footer-nav ul li a {
  color:#fff;
}
.copyright {
  font-size:0.7em;
  color: #7a7a7a;
}
.footer-ad {
  width:100%;
  margin:45px 0;
  overflow:hidden;
}
.banner-728 {
  width:728px;
  margin: 0 auto;
}
/*========= Footer ended =========*/

/*========= Sidebar started =========*/
.sidebar {
  max-width:360px;
}
.sidebar h3.section-title {
  text-align:center;
  line-height: 37px;
  margin: 0;
  background: #fafafa;
  border-top: 3px solid #333;
}
.sidebar h3.section-title.left-section-title {
  text-align: left;
}
.sidebar h3.section-title.left-section-title span {
  float: right;
  text-align: right;
  padding-left: 7px;
  font-size: 11px;
}
.sidebar h3.section-title.left-section-title span a {
  margin-left: 5px;
}
#sidebar-ad {
  background:#ededed;
  padding:10px 26px 20px;
  clear:both;
  margin-bottom:18px;
}
#sidebar-ad p {
  text-align:center;
  text-transform:uppercase;
  font-size:0.6em;
  color:#aaa;
}
.banner-300 {
  margin: 0 auto;
  max-width: 300px;
}
.banner-300-combined,
.banner-300x65-wrap,
.banner-300x250 {
  margin-left: auto;
  margin-right: auto;
}
.banner-300-combined {
  max-width: 615px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.banner-300x65-wrap,
.banner-300x250 {
  width: 300px;
}
.banner-300x65-wrap img { display: block; }
.banner-300-combined .banner-300x65 {
  margin-top: 13.75px;
  margin-bottom: 13.75px;
  margin-left: auto;
  margin-right: auto;
}
.banner-300-combined .banner-300x65:nth-of-type(2) {
  /*margin-bottom: 28px;*/
}
@media (min-width: 645px) and (max-width: 849px) {
  .banner-300-combined .banner-300x65-wrap { float: left; }
  .banner-300-combined .banner-300x250 { float: right; }
}
@media (min-width: 1054px) {
  .banner-300-combined .banner-300x65-wrap { float: left; }
  .banner-300-combined .banner-300x250 { float: right; }
}
.banner-300-combined:after {
  content:"";
  display:table;
  clear:both;
}
.banner-160 {
  width: 160px;
  position: absolute;
  top: 200px;
  left: 50%;
  display: none;
}
.banner-160-left { margin-left: -755px; }
.banner-160-right { margin-left: 595px; }
@media (min-width: 1510px) {
  .banner-160 { display: block; }
}
#sidebar-article-list {
  margin-bottom:20px;
}
#sidebar-article-list ul {
  padding:0 15px 10px;
}
#sidebar-article-list li:first-child {
  border-top:0;
}
#sidebar-article-list li:first-child .picture.video {
  width:200px;
  height:118px;
}
#sidebar-article-list li {
  clear:both;
  border-top:1px solid #dbdbdb;
  padding:10px 0;
  overflow:hidden;
}
#sidebar-article-list .picture {
  width:102px;
  height:56px;
  float:left;
  margin-right:10px;
  margin-bottom:2px;
}
#sidebar-article-list .picture.video {
  width:112px;
  height:60px;
  position:relative;
}
#sidebar-article-list h2 {
  font-size:0.9em;
  font-weight: bold;
}

.sidebar-article-list {
  margin-bottom:20px;
  background-color: #fafafa;
}
.sidebar-article-list.bgfff { background-color: #fff;}
.sidebar-article-list ul {
  /* padding:0 15px 10px; */
}
.sidebar-article-list li:first-child {
  border-top:0;
}
.sidebar-article-list li:first-child .picture.video {
  width:200px;
  height:118px;
}
.sidebar-article-list li {
  clear:both;
  border-top:1px solid #dbdbdb;
  padding:15px;
  overflow:hidden;
}
.sidebar-article-list.bgfff li {
  padding:15px 0;
}
.sidebar-article-list .picture {
  width:102px;
  height:56px;
  float:left;
  margin-right:10px;
  margin-bottom:2px;
}
.sidebar-article-list .picture.video {
  width:112px;
  height:60px;
  position:relative;
}
.sidebar-article-list h2 {
  font-size:0.875em;
  line-height: 1.428;
  font-weight: normal;
}

#sponsored-links {
  font-family:Arial, Helvetica, sans-serif;
  padding:0 15px 10px;
  border:1px solid #dbdbdb;
  margin-bottom: 18px;
  overflow:hidden;
}
#sponsored-links h3 {
  font-family:Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 0.9em;
  margin-top: 12px;
  font-weight:bold;
}
#sponsored-links li {
  padding:8px 0;
}
#sponsored-links li a {
  font-size:0.9em;
  font-weight:bold;
}
#sponsored-links li p {
  font-size:0.75em;
  padding:0;
}
#sponsored-links li p.link a {
  text-decoration:underline;
  font-weight:normal;
}
.buy-link {
  font-size:0.6em;
  font-weight:bold;
  float:right;
}
/*========= Sidebar ended =========*/

/*========= Below-belt started =========*/
#below-belt {
  padding-top: 30px;
  overflow:hidden;
  background:#eee;
  box-shadow: 0px 3px 5px -2px #9d9e98 inset;
}
#below-belt .constrain {
  /*height: 386px;*/
  margin-bottom: 20px;
}
#below-belt h3.section-title {
  margin:0 0 12px;
  color: #000;
  font-size:1.6em;
  text-transform:none;
  font-weight: normal;
}
#below-belt .more h3.section-title {
  color: #525252;
  font-size: 1.3em;
  margin-bottom: 20px;
}
#below-belt .inside {
  width:970px;
  box-shadow: 1px 0 rgba(255,255,255,0.1);
}
#below-belt .inside ul {
  width: 100%;
}
#below-belt .inside ul li {
  width:25%;
  display:table-cell;
  float:left;
  *width:24.9%;
  /*height: 300px;*/
}
#below-belt .inside ul li figure {
  border-top:4px solid #000;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  background:#ddd;
  height:100%;
  margin-right: 30px;
}
#below-belt .inside ul li figure:hover {
  background:#fff;
}
#below-belt .inside ul li a {
  color:#333;
}
#below-belt .inside ul li a:hover {
  text-decoration:none;
}
#below-belt .inside ul li:last-child {
  margin-right: 0;
}
#below-belt .more {
  width:16.35%;
  /*height:212px;*/
  /* padding-left:20px; */
}
#below-belt .more li {
  display:list-item;
  margin-bottom: 10px;
  font-size: .875em;
}
#below-belt .more li a {
  color:#525252;
}
#below-belt .picture {
  height: 140px;
  margin-bottom:7px;
}
#below-belt .inside li h2 {
  padding:5px 10px 10px;
  /* height: 120px; */
  overflow: hidden;
  font-size: .875em;
  line-height: 1.4;
}
#below-belt .inside li p {
  font-size:0.7em;
  padding: 0px 10px 15px;
  font-weight: bold;
}
#below-belt .inside li p a {
  color:#ad1515;
  text-decoration:none;
}
#below-belt .inside li p a:hover {
  color:#005580;
}
/*========= Below-belt ended =========*/