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

/*========= Layout started =========*/
#content-body {
  clear:both;
  overflow:hidden;
}
.constrain {
   margin: 0 auto;
   max-width: 1160px;
}
.main-content {
  max-width:785px;
}
.section .main-content {
  max-width:780px;
}
.lead-content {
  width:100%;
  clear:both;
  overflow: hidden;
}
.main-belt {
  width:100%;
  clear:both;
}
.below-lead {
  width:100%;
  clear:both;
}
.main {
  max-width:478px;
}
.section .main {
  max-width: 451px;
}
.content-list {
  max-width:290px;
  border-right: 1px solid #dbdbdb;
  padding-bottom: 1000px;
  margin-bottom: -1000px;
  *width:290px;
}
#featured-content {
  margin-right: 15px;
}

.section .content-list {
  border-right: 0;
  border-left: 1px solid #dbdbdb;
  padding-right: 0;
  max-width: 298px;
  margin-right: 0;
  padding-left: 15px;
  *width:auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.article-body .content-list {
  border-right:0;
  margin-right: 10px;
}
.article-body .content-list #featured-content {
  border-top: 3px double #dbdbdb;
  border-bottom: 3px double #dbdbdb;
}
.article-body .content-list h3.section-title {
  text-align: left;
  margin: 5px 0 5px 8px;
}
.content-list ul.realated li {
  border-top: 0;
  padding: 2px 10px;
  line-height: 1.4;
}
/*========= Layout ended =========*/

/*========= Main lead contents started =========*/
.lead-content .main h3.section-title {
  display:none;
}
.primary-lead-area {
  margin-bottom:15px;
}
.section .primary-lead-area .text {
  margin-bottom:15px;
}
.primary-lead-area .picture img {
   width: 100%;
}
.primary-lead-area h1 {
  font-size:1.3em;
  font-weight:bold;
  line-height:1.2;
  margin-bottom:12px;
  margin-top: 10px;
}
.secondary-lead-area .top-stories li {
  clear:both;
  border-top:1px solid #dbdbdb;
  padding:12px 0;
  overflow:hidden;
}
.sidebar .top-stories li:first-child {
  border-top: none;
}
.secondary-lead-area .top-stories .picture {
  max-width:95px;
  height:62px;
  float:left;
  margin-right:15px;
  margin-bottom:2px;
}

.secondary-lead-area .top-stories h2 {
  font-size:.9375em;
  font-weight:bold;
  line-height:1.428;
  margin-bottom:10px;
}
/*========= Main lead contents ended =========*/

/*========= Featured content started =========*/
.content-list h3.section-title {
  text-align:center;
  margin: 0 0 12px;
}
.primary-article {
  padding-bottom:15px;
}
.primary-article .picture {
   height: 140px;
   margin-bottom: 4px;
}
.primary-article h1 {
  font-size:1.5em;
  font-weight:bold;
  line-height:1.3;
  margin-bottom:12px;
}
#featured-content ul.below-article li {
  clear:both;
  border-top:1px solid #dbdbdb;
  padding:10px 0;
  overflow:hidden;
}
#featured-content ul.below-article .picture {
  max-width:102px;
  height:56px;
  float:left;
  margin-right:10px;
  margin-bottom:2px;
}
#featured-content ul.below-article h2 {
  font-size:0.9em;
  font-weight:bold;
}
/*========= Featured content ended =========*/

/*========= Main belt started =========*/
.main-belt {
  position:relative;
  margin-bottom:10px;
  overflow:hidden;
}
.below-lead {
  margin-bottom:30px;
}
.main-belt ul {
  width:100%;
}
.main-belt ul li {
  width:33.33%;
  *width:33.3%;
  display:table-cell;
  float:left;
}
.main-belt li figure{
  margin-right:15px;
}
.main-belt li:last-child figure {
  margin-right:0;
}
.main-belt h3.section-title {
  padding: 10px 0;
  border-top: 3px solid #333;
}
.main-belt h2 {
  font-size: .875em;/* 14px */
  line-height: 1.428;
}
.main-belt .picture {
   height: 120px;
   margin-bottom: 7px;
}
/*========= Main belt ended =========*/

/*========= Article belt started =========*/
.article-belt {
  position:relative;
  margin-bottom:20px;
  overflow:hidden;
  height: 205px;
  vertical-align: middle;
  font-family: 'Roboto Slab', serif;
  display: table;
  width: 100%;
}
.below-lead {
  margin-bottom:30px;
}
.below-lead #searchBox {
  position: relative;
  margin-top: 10px;
  margin-bottom: 15px;
  max-width: 600px;
}
.below-lead #searchBox:after {
  content: '';
  display: table;
  clear: both;
}
.below-lead #searchBox input {
  float: left;
  font-size: 16px;
}
.below-lead #searchBox input[type="text"] {
  border-right: 0;
  width: -webkit-calc( 100% - 100px );
  width: calc( 100% - 100px );
  *width: 70%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.below-lead #searchBox input[type="submit"] {
  width: 25%;
  max-width: 100px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.list__title {
  font-size: 14px;
  font-size: .875rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.5;
  margin-bottom: 5px;
}
.list__title .current {
  color: #b91418;
}
.article-belt ul {
  width:100%;
  padding:20px 25px;
  float:none;
}
.article-belt ul li {
  width:21%;
  float: left;
  padding:0 5px;
  overflow: hidden;
}
.article-belt ul li h2 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.8em;
  font-weight:bold;
}
.article-belt h3.section-title {
  padding:10px 0;
  border-top: 1px solid #bebebe;
  border-bottom: 1px solid #bebebe;
}
.article-belt .picture.video {
   height: 100px;
   margin-bottom: 7px;
  position: relative;
}
.article-belt .previous, .article-belt .next {
  width:20px;
}
.article-belt .previous .bx-prev, .article-belt .next .bx-next {
  position: absolute;
  display: block;
  width: 18px;
  height: 29px;
  top: 50%;
}
.article-belt .previous .bx-prev {
  left:0;
}
.article-belt .next .bx-next  {
  right:0;
}
.thumbs {
  width:100%;
}
.pic-num {
  float:left;
}
.pic-num li {
  display:table-cell;
  padding:5px 10px;
  font-size:0.8em;
}
.pic-num li:hover, .pic-num li.current {
  background:#b91418;
}
.pic-num li a {
  color:#fefef2;
}
.pic-num li a:hover {
  text-decoration:none;
}
.pic-arrow span {
  background:#454442;
  color:#666;
  padding:3px 10px;
}
.pic-arrow span a {
  color:#cccbc7;
}
.share {
  margin:0px 0 20px 0;
}
.sharing-group li {
  float: left;
}
.email-alerts {
  background:#f9f9f9;
  border:1px solid #ccc;
  padding:3px 10px 10px;
  width:35%;
}
.email-alerts span {
  text-transform:uppercase;
  color:#575757;
  font-size:0.7em;
  font-weight:bold;
}
#emailBox {
  margin-top:7px;
}
#emailBox input[type="text"] {
  height:20px;
  padding: 0 5px;
  font-family:arial;
  width:74%;
  border-width: 1px 0 1px 1px;
  border-color: #ccc;
  border-style: solid;
}
#emailBox input[type="submit"] {
  border:1px solid #ccc;
  font-size:0.6em;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  padding:3.3px 7px;
  background-color: #efeff1;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efeff1), color-stop(100%, #dbdbdd));
  background-image: -webkit-linear-gradient(top, #efeff1, #dbdbdd);
  background-image: -moz-linear-gradient(top, #efeff1, #dbdbdd);
  background-image: -ms-linear-gradient(top, #efeff1, #dbdbdd);
  background-image: -o-linear-gradient(top, #efeff1, #dbdbdd);
  background-image: linear-gradient(top, #efeff1, #dbdbdd);
}
/*========= Article belt ended =========*/

/*========= Main bottom belt started =========*/
.main-bottom-belt {
  position:relative;
  margin-bottom:20px;
  overflow:hidden;
}
.main-bottom-belt ul {
  width:100%;
  overflow:hidden;
}
.main-bottom-belt ul li {
  width:23.5%;
  display:table-cell;
  float:left;
  margin-right:2%;
}
.main-bottom-belt ul li:nth-child(4n) {
  margin-right:0;
}
.main-bottom-belt h3.section-title {
  padding: 0;
  margin: 0;
  background: #fafafa;
  line-height: 37px;
  text-align: center;
  border-top: 3px solid #333;
  margin-bottom: 20px;
}
.main-bottom-belt .picture {
   height: 100px;
   margin-bottom: 7px;
}
.main-bottom-belt h2 {
  font-size: 0.875em;
  line-height: 1.428;
  float: left;
  font-weight: normal;
}
/*========= Main bottom belt ended =========*/

/*========= Section article list started =========*/
#main-article-list ul li.article-list {
  padding-bottom: 30px;
  overflow:hidden;
}
#main-article-list .secondary-lead-area {
  width:49%;
  border-top: 3px solid #333;
  padding-top: 13px;
}
#main-article-list .secondary-lead-area h3.section-title {
  margin:0 0 12px;
  color: #bc1011;
}
#main-article-list .secondary-lead-area.fl {
  margin-right: 2%;
}
#main-article-list .secondary-lead-area .top-stories li {
  padding: 8px 0 5px;
}
#main-article-list .secondary-lead-area .top-stories li:first-child {
  border-top: 0;
  padding: 0 0 12px;
}
#main-article-list .secondary-lead-area .top-stories h2 {
  font-weight:normal;
}
#main-article-list .secondary-lead-area .top-stories li:first-child h2 {
  font-weight:bold;
  font-size: 1em;
  line-height: 1.375;
}

.section-primary-article {
  max-width:356px;
}
.section-primary-article .picture {
  height: 196px;
   margin-bottom: 4px;
}
.section-primary-article h1 {
  font-size:1.4em;
}
.section-secondary-article {
  max-width:51%;
}
.section-secondary-article ul li {
  clear:both;
  border-bottom:1px solid #dbdbdb;
  padding:10px 0;
  overflow:hidden;
}
.section-secondary-article ul li:first-child {
  padding:0 0 10px;
}
.section-secondary-article ul li:last-child {
  border-bottom:0;
}
.section-secondary-article ul li.last {
  border-bottom:0;
}
.section-secondary-article .picture {
  max-width:160px;
  height:90px;
  float:left;
  margin-right:10px;
  margin-bottom:2px;
}
.section-secondary-article h2 {
  font-size:1.1em;
}
/*========= Section article list ended =========*/

/*========= Video list started =========*/
#videos-list {
  overflow:hidden;
  padding:0 0 20px;
  margin-bottom:3px;
}
#videos-list h3.section-title {
  padding: 10px 0;
  border-top: 3px solid #333;
}
.videos-top-stories article,.secondary-videos li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.primary-video {
  width: 47%;
  *width: 49.9%;
  padding-right: 15px;
  *padding-right: 0;
}
.primary-video figure,..primary-video h1 {
  margin-right: 15px;
}
.primary-video .picture {
  margin-bottom: 4px;
  position:relative;
}
.primary-video h1 {
  font-size: 1em;
  line-height: 1.428;
  font-weight:bold;
  margin-top:5px;
}
.secondary-videos {
  width:50%;
  *width:49.9%;
}
.secondary-videos ul {
  width:50%;
}
.secondary-videos li {
  clear:both;
  margin-bottom:10px;
  padding-right: 15px;
  *padding-right: 0;
  overflow:hidden;
}
.secondary-videos ul:first-child figure, .secondary-videos ul:first-child h2 {
  *margin-right: 15px;
}
.secondary-videos .picture {
  height:82px;
  margin-right:10px;
  margin-bottom:2px;
  position:relative;
}
.secondary-videos h2 {
  font-size: 0.875em;
  font-weight:normal;
  line-height: 1.285;
  margin-top: 5px;
}
.icon-play {
  background: url("https://ds4mo3j6nz9nb.cloudfront.net/views/images/icon-play.png") no-repeat;
  position:absolute;
  right:0;
  bottom:0;
  padding:28px;
  cursor:pointer;
  width: 50px;
  height: 49px;
}
.icon-small-play {
  background: url("https://ds4mo3j6nz9nb.cloudfront.net/views/images/icon-small-play.png") no-repeat;
  position:absolute;
  right:0;
  bottom:0;
  padding:15px;
  cursor:pointer;
}
/*========= Video list ended =========*/

/*========= Section page started =========*/
.section .lead-content {
  padding-bottom:20px;
}
.section-primary-lead-area {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom:3px;
  padding-bottom:15px;
  overflow:hidden;
}
.section-primary-lead-area .picture {
  max-width:218px;
  height: 130px;
  float: left;
  margin-right: 10px;
  margin-bottom: 2px;
}
.section-primary-lead-area  h2 {
  font-size: 1.5em;
}
.section-secondary-lead-area ul li {
  clear: both;
  border-top: 1px solid #dbdbdb;
  padding: 10px 0;
  overflow: hidden;
}
.section-secondary-lead-area li h2 {
  font-size: 1.05em;
  font-weight: bold;
  line-height: 1.1em;
  margin-bottom: 8px;
}
#section-article-list .top-stories h2 {
  font-size: 1.1em;
  font-weight:bold;
  line-height:1.1em;
  margin-bottom:10px;
}
#section-article-list .top-stories .picture {
  max-width:180px;
  height: 100px;
}
#section-article-list .top-stories li {
  height:auto;
  clear:both;
  padding:15px 0;
  overflow:hidden;
}
#section-article-list .top-stories li:first-child {
  border-top:3px solid #333;
}
.sub.section #section-article-list .top-stories li:first-child {
  border-top:0;
}
#section-article-list .top-stories .txt-group {
  height:auto;
  overflow:hidden;
}
/*========= Section page ended =========*/

/*========= Article page started =========*/
.header-ad {
  max-width:100%;
  margin: 20px 0 25px;
  overflow: hidden;
}
.article #sidebar-ad {
  padding:15px 26px;
}
.article .main-content {
  max-width:760px;
  margin-bottom: 20px;
}
#featured-content .section-title {
  margin: 0;
  padding: 0;
  line-height: 37px;
  border-top: 3px solid #333;
  margin-bottom: 20px;
}
.channels {
  text-transform:none;
}
.channels a {
  color: #1A1A1A;
}
.full-article h1 {
  font-size:2em;
  margin-top: 10px;
  margin-bottom: 18px;
  letter-spacing: -0.5px;
}
.full-article figure {
  max-width: 706px;
  margin: 0 auto;
  background:#151515;
  position: relative;
}
.full-article .picture {
  margin-bottom:5px;
}
.full-article p {
	padding:0;
  font-size:0.9375em;
  line-height:1.6em;
  margin-bottom: 1.6em;
}
.article-col .full-article .banner-300 {
  float:left;
  margin:17px 20px 20px 0;
}
.article-update {
  width:70%;
}
.meta {
  font-size: 0.7em;
  border-bottom:1px solid #d5d5d5;
  padding-bottom: 10px;
  line-height: 1.5em;
}
.byline {
  color: #000;
  font-weight:bold;
}
.byline a {
  text-transform:uppercase;
}
.date {
  color: #999;
}

#print {
  background: url("https://ds4mo3j6nz9nb.cloudfront.net/views/images/icon-print.png") no-repeat;
  padding: 2px 10px;
}


/***** Sharing-group started *****/
.sharing-group {
  overflow: hidden;
}
.sharing-group li { vertical-align: bottom; padding:0 3px; }
.sharing-group li:first-child { padding-left: 0; }
.sharing-group .email a {
  background: url(http://i2.christiantoday.com/www/img/current/atc_ic_email.gif) no-repeat 0 center;
  padding: 2px 10px 2px 20px;
}
.sharing-group .print a {
  background: url(http://i2.christiantoday.com/www/img/current/atc_ic_print.gif) no-repeat 0 center;
  padding: 2px 15px 2px 20px;
}
.sharing-group img {

}
.sharing-group a {
  color: #666666;
  font-size: 0.9em;
}
.share_comment{background:url(../images/sharing-comment.jpg) no-repeat  left 12px; padding-top:12px;vertical-align: top; *width: 54px; *height: 28px; }
.share_comment a{margin:7px auto;overflow:hidden;width:54px;height:14px;display:block;text-align:center;}
.at16nc.at16t_compact {
  background-position: 0 -576px;
}
.addthis_default_style .at15t_expanded, .addthis_default_style .at15t_compact {
  margin-right: 4px;
}
.at_a11y {
  position: absolute!important;
  top: auto!important;
  width: 1px!important;
  height: 1px!important;
  overflow: hidden!important;
}
.fb_iframe_widget {
  display: inline-block;
  position: relative;
}
.fb_edge_widget_with_comment {
  position: relative;
}
.fb_iframe_widget span {
  display: inline-block;
  position: relative;
  text-align: justify;
}
.fb_iframe_widget iframe {
  position: absolute;
}
/***** Sharing-group ended *****/
.article-body .picture {
  max-width:250px;
  float:left;
  margin-right:20px;
}
.pagination {
  position:relative;
  vertical-align:middle;
  font-size:1em;
  padding:0 30px;
  border: 1px #ccc solid;
  border-width: 1px 0;
  line-height: 19px;
  overflow:hidden;
}
.article .pagination {
  padding: 0;
  font-size: .875em;
  line-height: 1.428;
}
.article .previous, .article .next {
  width: 49%;
  padding: 15px 0;
  text-decoration: none;
  vertical-align: middle;
  display: block;
}
.pagination .previous, .pagination .next {
  width: 43%;
  padding: 15px 3%;
  text-decoration: none;
}
.pagination .previous {
  border-right: 1px #ccc solid;
  padding-bottom: 300px;
  margin-bottom: -300px;
}
.article .content .previous, .article .content .next { padding: 0; }
.pagination .previous:hover, .pagination .next:hover {
  color: #b91418;
}
.article .pagination .previous:hover, .pagination .next:hover {
  color: #000;
}
.article .pagination .previous:hover span, .pagination .next:hover span {
  text-decoration: underline;
}
.pagination .previous .title, .pagination .next .title {
  overflow: hidden;
}
.pagination .previous .title {
  float: left;
  text-align: left;
}
.pagination .next .title {
  text-align:right;
  float:right;
}

.previous .bx-prev {
  left: 20px;
  background: url("https://ds4mo3j6nz9nb.cloudfront.net/views/images/article__prev--bg.png") no-repeat;
}
.next .bx-next {
  right: 20px;
  background: url("https://ds4mo3j6nz9nb.cloudfront.net/views/images/article__next--bg.png") no-repeat;
}
.pagination .previous .icon-left-arrow, .pagination .next .icon-right-arrow {
  display: block;
}
.pagination .previous .icon-left-arrow {
  padding-left: 30px;
  background: url("https://ds4mo3j6nz9nb.cloudfront.net/views/images/article__prev--bg.png") no-repeat left;
}
.pagination .next .icon-right-arrow {
  padding-right: 30px;
  background: url("https://ds4mo3j6nz9nb.cloudfront.net/views/images/article__next--bg.png") no-repeat right;
}
.recommend-fb {
  padding:12px 0 10px 0;
  position: relative;
  z-index: 2;
}
.share-buttons {
  width: 384px;
  overflow: hidden;
}
.share-buttons ul li {
  display: inline-block;
  margin: 0 10px 0 0;
  float: left;
}
.share-buttons ul li a {
  display: block;
  width:182px;
  height:43px;
  text-indent: -5000px;
  opacity:0.9;
}
.share-buttons ul li a:hover {
  opacity:1;
}
.share-buttons ul li.share-fb a {
  background: url("http://i2.christiantoday.com/www/img/hope/share-fb.png") no-repeat;
}
.share-buttons ul li.share-tw a {
  background: url("http://i2.christiantoday.com/www/img/hope/share-tw.png") no-repeat;
}
.post-rail {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  overflow:hidden;
}
.post-rail li {
  display:inline-block;
}
.post-rail li.email {
  background: url("http://i2.christiantoday.com/www/img/current/atc_ic_email2.gif") no-repeat;
  padding-bottom:5px;
  padding-left:20px;
}
.post-rail li.email a {
  color:#999;
  font-size:0.85em;
}
.post-rail .reprint {
  float:right;
  padding-top:4px;
}
.more-article {
  border-bottom: 1px solid #dbdbdb;
}
.more-article .top-stories li {
  height: auto;
  clear: both;
  padding: 15px 0;
  overflow: hidden;
  border-top: 0;
}
.more-article .top-stories .picture {
  max-width: 202px;
  height: 113px;
  float: left;
  margin-right: 12px;
  margin-bottom: 2px;
}
.more-article .top-stories h2 {
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.1em;
  margin-bottom: 8px;
}
.banner-700 {
  max-width: 100%;
  border: 0px solid #dbdbdb;
  padding: 5px 15px 15px;
  margin-top:20px;
  margin-bottom:20px;
}
.outbrain {
  max-width: 100%;
  border: 1px solid #dbdbdb;
  padding: 5px 15px 15px;
  margin-top:30px;
}
.outbrain-box {
  max-width: 50%;
}
.outbrain-box h3.section-title {
  font-size:1.05em;
  padding:0 12px 5px 5px;
  font-family: 'Roboto Slab', serif;
  border-bottom: 1px solid #dbdbdb;
}
.outbrain-box h3.section-title.second {
  padding:0 12px 5px 25px;
}
.outbrain-box ul {
  padding-left:7px;
  padding-right:12px;
}
.outbrain-box ul.second {
  padding-left:25px;
}
.outbrain-box ul li {
  font-size:0.9em;
  margin-top:15px;
  line-height:1.2em;
  background: url("https://ds4mo3j6nz9nb.cloudfront.net/views/images/icon-dot.gif") no-repeat scroll left 6px;
  padding-left:18px;
}
.article-col .banner-300 {
  margin:20px auto 30px;
}
.article-col .comments {
  *display: none;
}
.article figcaption {
  padding: 0 12px;
  overflow:hidden;
}
.article figcaption h2 {
  font-size:1.5em;
  margin-bottom:10px;
  color:#fff;
  float:left;
}
.article-body .imageBox {clear:both;display:block;margin:0 auto 15px;padding:0px;}
.article-body .imageRight {float:right;margin-left:10px;margin-bottom:5px; padding:0px;}
.article-body .imageLeft {float:left;margin-right:15px; margin-top: 18px; margin-bottom:5px;padding:0px;}
.article-body .imgLeft {float:left;margin-right:15px;margin-top: 18px; margin-bottom:5px;padding:2px;}
.article-body .imgRight {float:right;margin-left:10px;margin-bottom:5px;padding:2px;}
.article-body .imgBox{clear:both;display:block;margin:0 auto 15px;padding:2px;}
blockquote {padding-left: 50px;background: url(/views/images/blockquote.gif) no-repeat top left;overflow:hidden;}
.article-body .caption {font-size:90%;line-height:120%;padding:5px 7px; color:#888; font-family:Arial, Helvetica, sans-serif;}
.article-body li{margin-left:5px;margin-bottom:10px;margin-bottom:10px;}
.article-body .getfaceBook {font-weight: bold;height: 21px;}
.article-body a {color: #0156A2;}
.article-body ol {
  list-style-type: decimal;
  display: block;
  list-style-type: decimal;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}
.article-body ol li {
  list-style: decimal;
}
.article-body ul{list-style: disc;padding-left:40px;overflow:hidden;}
.article-body ul li{list-style: disc;}
.article-body li figure { margin-left: 0; }
/*========= Article page ended =========*/

/*loop*/
/* clearfix */
.clearfix {*zoom: 1; }
.clearfix:before,.clearfix:after {content: ""; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both;}

.loop { margin-top: 40px; margin-bottom: 40px; clear: both; }
.loopWrap { letter-spacing: -5px; }
.loopA, .loopB, .loopC { display: inline-block; *zoom: 1; *display: inline; vertical-align: top; letter-spacing: 0; }
.loopA { width: 22%; margin-right: 2%; }
.loopB { width: 48%; }
.loopC { float: right; width: 26%; }

.loop h3 { height: 50px; line-height: 50px; font-size: 33px; font-weight: bold; border-bottom: 1px solid  #d8d8d8; margin-bottom: 20px; }
.loop h4 { font-size: 16px; font-weight: bold; margin-bottom: .5em; }
.loop a span { font-family: Georgia; font-size: 14px; font-weight: normal; margin: .3em 0; display: block; }
.loop p { font-size: 12px; color: #333;}
.loop ul { margin: 10px 0; }
.loopA  li, .loopC li { padding: 12px 0; border-bottom: 1px solid  #e8e8e8; }
.loopA  li img, .loopC li img { max-width: 95px; margin-right: 15px; float: left; }
.loopB .primary h4 { margin-top: .5em; }
.loopB .secondary { float: left; width: 30.3%; margin-right: 3%; margin-top: 3%;}
.loopB li img { width: 100%; }
.ad { text-align: center; margin: 10px 0; }
.ad > *{ max-width: 100%; }
.ads-bind { margin-top: 20px; }
.ad-bg { background-color: #f2f2f2; padding: 10px; }

@media screen and (min-width:1025px) and (max-width: 1190px){
  .loop { margin-left: 15px; margin-right: 15px; }
}
@media screen and (max-width: 1024px){
  .loop { width: 80%; }
  .loopWrap { letter-spacing: 0; }
  .loopA, .loopB, .loopC { display: block; }
  .loopA { width: auto; margin-right: 0; }
  .loopB { width: auto; }
  .loopC { width: auto; float:none; }
}

/*video-below-article*/
.video-below-article { margin: 30px 0; }
.video-below-article h3 { margin-bottom: 15px; }
.video-below-article li { width: 50%; float: left; }
.video-below-article a span { font-size: 14px; font-weight: bold; line-height: 1.2; }
.video-primary { margin-right: 10px;}
.video-primary img { width: 100%; }
.video-primary > a { position: relative; display: block; }
.video-primary > a:after { content: url("http://graphic.christianpost.com/images/article/btn-play-big.png"); position: absolute; left: 50%; top: 50%; margin-left: -57px; margin-top: -57px; }
.video-secondary { margin-left: 10px; margin-bottom: 15px; position: relative; }
.video-secondary img { width: 45%; float: left; margin-right: 15px;}
.video-secondary:first-child { padding-bottom: 15px; border-bottom: 1px solid  #d8d8d8;}
.video-secondary > a:after { content: url("http://graphic.christianpost.com/images/assets/bt_play.png"); position: absolute; left: 10px; bottom: 5px;}
.video-secondary:first-child > a:after { bottom: 20px; }

/*========= contact page started =========*/
.form-contact h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 2em;
}
.form-contact .tips {
  font-size: 12px;
  color: #888;
}
/*========= contact page ended =========*/

/* inside GH
   2014-09-22
   william
 */
.inside-gh__left li:after { content: ""; display: table; clear: both; }

.row { letter-spacing: -0.33em; text-rendering: optimizespeed; max-width: 93.75em; margin-left: auto; margin-right: auto; }
.row .row { margin-left: -1.25em; margin-right: -1.25em; }
.row .opera-only :-o-prefocus, .row { word-spacing: -0.43em; }

.col, .inside-gh__left, .inside-gh__middle, .inside-gh__right { display: inline-block; letter-spacing: normal; vertical-align: top; text-rendering: auto; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }

.col, .inside-gh__left, .inside-gh__middle, .inside-gh__right { padding-left: 1.25em; padding-right: 1.25em; }

body { overflow-x: hidden; }

.inside-gh__header { display: block; margin-top: 2.5em; margin-bottom: 0.9375em; }
.inside-gh__header h3 { font-size: 23px; font-size: 1.4375rem; color: #7e7e7e; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
.inside-gh__content { border-top: 1px solid #e0e0e0; overflow: hidden; }
.inside-gh__content .article-category { font-size: 11px; font-size: 0.6875rem; text-transform: uppercase; margin: 0.45455em 0; font-weight: bold; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
.inside-gh__content .article-category a { color: #0156A2; }
.inside-gh__content img.full { width: 100%; height: auto; }
.inside-gh__content h2 { color: #1e1e1e; margin-bottom: .3em; line-height: 1.1; }
.inside-gh__content p { font-size: 14px; font-size: 0.875rem; color: #666; line-height: 1.6; margin-bottom: 1.42857em; }
.inside-gh__left, .inside-gh__middle, .inside-gh__right { padding-top: 1.25em; padding-bottom: 1.25em; }
.inside-gh__left img { float: left; margin-right: 0.9375em; }
.inside-gh__left li { margin-bottom: 1.25em; font-family: Georgia, serif; }
.inside-gh__left li a { font-size: 15px; font-size: 0.9375rem; }
.inside-gh__middle li { margin-bottom: 1.875em; }
.inside-gh__middle h2 { font-size: 24px; font-size: 1.5rem; }
.inside-gh__right { display: none; }
.inside-gh__right h2 { font-size: 28px; font-size: 1.75rem; }

@media screen and (min-width: 40em) { .inside-gh__left, .inside-gh__middle { width: 50%; }
  .inside-gh__left { padding-bottom: 1000px; margin-bottom: -1000px; border-right: 1px solid #e0e0e0; } }
@media screen and (min-width: 60em) { .inside-gh__left, .inside-gh__middle, .inside-gh__right { width: 33.33333%; }
  .inside-gh__right { display: inline-block; }
  .inside-gh__middle { border-right: 1px solid #e0e0e0; padding-bottom: 1000px; margin-bottom: -1000px; } }
@media screen and (min-width: 64em) { .inside-gh__left { width: 23.8806%; }
  .inside-gh__middle { width: 29.85075%; }
  .inside-gh__right { width: 46.26866%; } }