/****Edited by Moriah based on Jooyeon & Swan & William's coding****/

/*Header */
header{width:100%; position:fixed;z-index:2;background:#f9f9f9;} 
.scrolled{-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);}
header:after{content:"";display:block; clear:both;}

.headerWrap{position:relative;margin: 56px auto auto;max-width: 1192px;padding: 0;position: relative;}
.headerWrap .signUp,.headerWrap #loginPanel{display:none;}
header h1{ text-indent:-9999px; float:left; width:154px; }
header h1 a{float:left; background:url("http://crossmap.christianpost.com/images/logo_newmain.png") no-repeat; width:141px; height:38px;}

.searchForm{width:71%; position:relative; float:left; }
.searchWrap {border:1px solid #b5b5b5;height:32px; background:#fff; border-radius:1px; z-index:3; margin-right:93px;}
.searchInput{ outline:none;height:32px;text-indent:8px;font-size:17px;font-weight:200;color:#3f3f3f;border:0;width:75%;vertical-align:top;padding:0;overflow:hidden; float:left;}
.searchWrap ul{z-index:4; border:1px solid red; position:absolute; width:161px; right:0; top:37px; font-size:13px; padding:10px 15px; background:#fff; border: 1px solid #d9d9d9;-webkit-box-shadow: 0 2px 4px rgba(34,25,25,.1);box-shadow: 0 2px 4px rgba(34,25,25,.1);border-radius:2px;}
.searchWrap ul:before{content:""; position:absolute; width:16px; height:7px; z-index:3;top:-7px; right:auto; background:url(images/arrow_whiteup.png) no-repeat;}
.searchWrap ul li{line-height:1.6;}
.searchWrap ul li.selected{font-weight:bold;}
.searchWrap ul li.divided{border-top:1px solid #eee; padding-top:7px; margin-top:5px;}
.searchWrap .web{float:right; width:94px; height:22px; background:#e5e8ef; font-size:13px; border:1px solid #d3d8e6; border-radius:2px; position:relative; top:4px; right:4px;}
.searchWrap .web a{display:block; padding:4px 0 0 7px; color:#4c4c74;}
.searchWrap .web a:hover{text-decoration:none;}
.searchWrap .web i{background:url(images/arrow_graydown.png) no-repeat; width:10px; height:7px; position:absolute; right:5px; top:10px;}
.buttonWrap{border:1px solid #3a3a3a;border-radius:2px;padding:0;margin-left:-2px;top:0;right:0;height:31px;position:absolute;text-align:center;background-color:#515151;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#5e5e5e,endColorstr=#515151);
_filter: none;
background-image: -webkit-gradient(linear,left top,left bottom,from(#5e5e5e),to(#515151));
background-image: -webkit-linear-gradient(top,#5e5e5e,#515151);
background-image: -moz-linear-gradient(top,#5e5e5e,#515151);
background-image: -o-linear-gradient(top,#5e5e5e,#515151);
background-image: linear-gradient(top,#5e5e5e,#515151);
box-shadow:inset 0 2px 3px #888;
border-bottom:2px solid #3a3a3a;}
.buttonWrap button{width:88px;_width: 88px!important;height: 31px;border: 0;font: 300 15px sans-serif;color: #fff;background-color: transparent;}

.feedBack{padding:12px 0 0 18px; font-size:11.5px; float:left;}
.feedBack a{color:#777;}

.searchIc,.searchMobile{display:none;}
.loginBox {position: absolute;right: 0;width: 310px;top: 0;}
.signUp{position:absolute;right:0;top:4px; color:#282828; font-size:13px; cursor:pointer;}
.signUp span{font-size:11px; }
.signUp img{margin-left:8px; vertical-align:middle;}
.enewsletter { position: absolute; right: 148px; margin-top: 8px; font-size: 11.5px; font-weight: bold; color: #394D64;}
.enewsletter a { color: #10C0C8; border-right: 1px solid #ACB9C2; padding-right: 8px;}
p .enewsletter { position: static; border-right: 0; font-size: 11pt; margin-left: 10px; margin-top: 10px; display: block; }
p .enewsletter a { padding-right: 0; border: 0; }
@media screen and (min-width: 67.25em){
	p .enewsletter { float: right; display: inline; margin-top: 0; }
}


/***Header***/

.topBar{position:absolute;top:0;left:0; width:100%; height:29px; background:#fff;-moz-box-shadow: 3px 3px 6px -2px #ccc;box-shadow: 3px 3px 6px -2px #ccc;-webkit-box-shadow:3px 3px 6px -2px #ccc;}
.topBarIn{max-width:1200px; margin:0 auto; position:relative;}
.topBar ul{padding-top:8px;}
.topBar ul li{float:left; padding:0 8px; border-right:1px solid #acb9c2; font-size:11.5px; font-weight:bold;}
.topBar ul li a{color:#394d64;}
.topBar ul li:last-child{border-right:none;}
.topBar ul li.selected a{color:#10c0c8;}

.navTop{float:left;}
.navIcon{display:block; padding:5px 5px 0 10px;cursor:pointer;}
.navTop ul{position:absolute; top:31px; left:0; background:#f2f2f2; z-index:10; width:256px;padding:0;}
.navTop ul li{padding:10px 0px 10px 40px; font-size:15px; border-bottom:1px solid #e2e2e2; border-top:1px solid #fff;width:215px;}
.navTop ul li:first-child{ background:url(http://c.crossmap.christianpost.com/images/nav_ic_news.gif) no-repeat 8px 7px;}
.navTop ul li:nth-child(2){ background:url(http://c.crossmap.christianpost.com/images/nav_ic_devotionals.gif) no-repeat 8px 7px;}
.navTop ul li:nth-child(3){ background:url(http://c.crossmap.christianpost.com/images/nav_ic_blogs.gif) no-repeat 8px 7px;}
.navTop ul li:nth-child(4){ background:url(http://c.crossmap.christianpost.com/images/nav_ic.gif) no-repeat 8px 7px;}
.navTop ul li:nth-child(5){ background:url(http://c.crossmap.christianpost.com/images/nav_ic_images.gif) no-repeat 8px 7px;}
.navTop ul li:nth-child(6){ background:url(http://c.crossmap.christianpost.com/images/nav_ic_videos.gif) no-repeat 8px 7px;}
.navTop ul li:nth-child(7){ background:url(http://c.crossmap.christianpost.com/images/nav_ic_kids.gif) no-repeat 8px 7px;}
.navTop ul li:nth-child(8){ background:url(http://c.crossmap.christianpost.com/images/nav_ic_games.gif) no-repeat 8px 7px;}
.navTop ul li:nth-last-child(3){ background:url(http://c.crossmap.christianpost.com/images/ic_fc.png) no-repeat 8px 7px;background-color:#d0d0d0;border-top:1px solid #dbdbdb;}
.navTop ul li:nth-last-child(2){ background:url(http://c.crossmap.christianpost.com/images/ic_tw.png) no-repeat 8px 7px;background-color:#d0d0d0;border-top:1px solid #dbdbdb;}
.navTop ul li:nth-last-child(1){ background:url(http://c.crossmap.christianpost.com/images/ic_pin.png) no-repeat 8px 7px;background-color:#d0d0d0;border-top:1px solid #dbdbdb;}

.headerWrap .navTop{display:none;}

#loginPanel{position:absolute; right:0; background:#fff; width:200px;}
#loginPanel .rollover-box {width:427px;display:block;position:absolute;top:29px;right: 0;z-index: 200;-moz-box-shadow: 0 0 9px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 9px rgba(0,0,0,0.1);box-shadow: 0 0 9px rgba(0,0,0,0.1);-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=245,Color='#e8e6e2')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=245,Color='#e8e6e2');}
#loginPanel .one-column {background:#fff;padding:30px;}
#loginPanel .one-column h3 {color: #000;font-size:1.4em;margin: 0 0 15px 0;}
#loginPanel .one-column h4 {clear: both;color: #000;font-size: 1.2em;margin: 20px 0 0 0;padding: 10px 0 0 0;border-top: 1px solid #d0d0d0;}
#loginPanel .one-column h4 a{color:#00c4cc;}
#loginPanel ul{overflow:hidden;}
#loginPanel ul li{float:left; padding:0 10px 0 0; border-right:none; border:none;}
header .two-column{background:#fff;padding:30px;}header .left_column,header .right_column{float:left;}header .left_column img{max-width:136px;max-height:136px;margin:0;}header .right_column{margin-left:20px;width:180px;}header .right_column a.name{font:normal 20px/24px Georgia;color:black;}header .right_column ul{list-style-type:none;margin-top:10px;}header .right_column ul li a{font:normal 11px/20px Verdana;display:block;}




.feedBack{padding:12px 0 0 18px; font-size:11.5px; float:left;}
.feedBack a{color:#777;}

/* Contents-body Start */
.constrain {margin: 0 auto; max-width: 1220px; position: relative;}
#content-body {margin-top: 25px; width:auto; overflow:hidden;}
.mainCol {float: left;width: 870px;}
.left-col { float:left; width:185px;}
.primary-col { float:left; width:59%;}
.right-col { float:right; width:27%; }
.left-col-section {float:left; width:13%;margin-left:1%;}
.primary-col-section { float:left; width:58%;}
.primary-col-article{float:left;width:71%; padding:0 10px;}

.leaderboard-ad { text-align:right; padding:10px;}
.Show_more { display:none;}

.clickables-aside { width:100%;}
.clickables-con {padding:15px;}
.clickables-thumb { position:relative;}
.clickables-thumb img {margin:0; padding:0; display:block;width:100%;}
.clickables-con img { padding:0;}
.clickable-small-title {position:absolute; display:block; background:#27cdd4; color:#fff; font-size:0.7em; text-transform:uppercase; bottom:0; left:0; height:15px; padding:7px 10px 0 10px; line-height:100%; z-index:50; font-weight:bold;}
.clickables-con h3 { position:absolute; display:block; background:#27cdd4; color:#fff; font-size:0.6em; text-transform:uppercase; bottom:5px; left:0; padding:7px 10px 3px 10px; line-height:100%; z-index:50; font-weight:bold;}
.clickables-con h4 { font-size:0.8em; font-weight:bold; margin:5px 0 20px 0;}
.clickable-thum-10 { display: none;}

#primary-lead-area {}
.primary-lead-area {float:left; padding:20px;}
.primary-lead-area-section {clear:both; margin:0 0 10px 0; overflow:hidden;}
.primary-lead-detail { float: left; width:50%;}
.primary-lead-area h1, .primary-lead-area-section h1 { font-size:1.4em;}
.primary-lead-area summary, .primary-lead-area-section summary { font-size:0.8em; line-height:150%; display:none;}
.entry-thumb {float:left; overflow:hidden; width:46%; margin-right:1%;}
.entry-thumb img{width:100%; height:auto;}
.related-stories { display:none; font-size:0.8em; border-top:1px solid #e1e1e1; margin:15px 0 0 0;}
.related-stories li { border-bottom:1px solid #e1e1e1; padding:7px 0;}

.headline-navigate { margin:5px 0 0 0;}
.headline-navigate li { float:left; display:block; margin:0 4px 0 0; font-size:0.8em;}
.headline-navigate li a { display:block; padding:4px 7px 2px 7px; background:#656567;}
.headline-navigate li a:hover { background:#26cdd5;}

#cmap-news {}
.cmap-news { padding:20px;}
.featured-article { display:table; width:100%;}
.featured-article h1 { font-size:1.1em; margin:10px 0;}
.featured-article li  { display:table-cell; position:relative; border-left: 1px solid #D4D4D4; padding:0 20px;}
.featured-article li.featured-link1 { border-left:none; padding-left:0;}
.featured-article li img{width:180px;}
.featured-article li ul { display:block;}
.featured-article li ul li {display:block; border:none; padding:0; font-size:0.8em; padding:5px 0;}
.featured-article h2 { color:#01A8AF; font-size:0.8em; font-weight:bold; text-transform:uppercase;
margin:0 0 10px 0;}

#module-art {}
.module-art { padding:20px; float:left;}
.module-side-nav { position:absolute; top:20px; right:20px;}
.module-side-nav li { float: left; font-size:0.8em; padding:0 0 0 15px;}
.module-side-nav li a { color:#686868;}
.module-side-nav li.ui-tabs-active a { color:#01A8AF;}
.module-main-thumb { display:block;}
.module-main-thumb h2 { font-size:0.9em; padding:5px;height:33px; overflow:hidden;}
.module-main-thumb h2 a{color:#555555;}
.module-main-thumb li { width:30%;float:left; background:#fff; border:1px solid #ddd; height:170px; margin-bottom:20px;}
.module-main-thumb li img{width:100%;}
.module-main-thumb-link2, .module-main-thumb-link5, .module-main-thumb-link8{margin: 0 4.4%;}
.module-main-thumb li.module-main-thumb-link3, .module-main-thumb li.module-main-thumb-link6, .module-main-thumb li.module-main-thumb-link9 {}

#module-columns {}
.module-columns { padding:20px; float:left; width:95%;}
.module-columns-thumb { display:table; width:100%;}
.module-columns-thumb li { display:table-cell; width:50%;}
.module-columns-thumb li.module-columns-link1 { border-right: 1px solid #D4D4D4; margin:0 20px 0 0; padding:0 10px 0 0; }
.module-columns-thumb li.module-columns-link2 { padding:0 0 0 20px;}
.module-columns-thumb li img { float:left; padding:0 10px 0 0;width:80px;}
.module-columns-thumb li h2 { font-size:0.9em; font-weight:bold; padding:5px 0;}

#rightnow-module{}
.rightnow-module { padding:10px; float:left;}
.aside-module {width:100%;}
.aside-module li { border-top:1px solid #D4D4D4; width:100%; float:left; padding:12px 0;}
.aside-module li h2 { font-size:0.9em; float:left; width:55%;}
.aside-module li h4 { font-size:0.7em; font-style:italic; color:#999;}
.aside-module li img { float:left; padding:0 10px 0 0; width:41%;}

.section-body { padding:0 10px 40px 10px; float:left;}
#section-body2{float:none;}
.section-navigator { background:#F9F9F9;  padding:0 0 17px 0;}
.section-navigator h1 { font-size:1.5em; padding:0 6px 5px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
.section-navigator h1 a { color:#333333;}
.section-navigator h1 a:hover { text-decoration:none; color:#00a2ad;}
.section-navigator h2 { display:none;}
.section-navigator ul {}
.section-navigator ul li { display:block; font-size:0.9em; border-bottom: 1px solid rgba(0, 0, 0, 0.15); border-top: 1px solid rgba(255, 255, 225, 0.14);padding:5px 0;}
.section-navigator ul li:last-child {border-bottom:0;}
.section-navigator ul li:hover { background-color: rgba(0, 0, 0, 0.05); border-bottom-color: rgba(0, 0, 0, 0.05); border-top-color: rgba(0, 0, 0, 0.05);}
.section-navigator ul li a { color:#555555; display:block; padding:5px 6px; }
.section-navigator ul li.current a{color:#00A2AD;}
.section-navigator ul li a:hover {text-decoration:none;color:#00A2AD;}

#section-thumb-featured, #section-thumb-cliparts, #section-thumb-background {width:100%;position:relative;padding-bottom:10px;overflow:hidden;}
.section-thumb .section-title-main{padding-bottom:10px;}
.section-thumb {}
.section-body-nav { position:absolute; top:0; right:5px;}
.section-body-nav li { float: left; font-size:0.9em; padding:0 0 0 15px;}
.section-body-nav li a { color:#686868;}
.section-body-nav li.selected a { color:#01A8AF;}

.upload-info { margin:40px 0; display:none;}
.upload-info h1 { font-size:1.5em; padding:0 0 3px 0;}
.upload-info h2 { color:#00779b; font-size:1.2em; padding:0 0 10px 0;}
.upload-info ul { background:#f5f5f5; padding:20px;}
.upload-info ul li { font-size:0.9em; padding:3px 0;}
.upload-info ul li span {color:#00779b;}
.upload { background:#999; border:none; padding:4px 10px; color:#fff; font-weight:bold; font-size:14px; margin:0 0 15px 0; float:right; cursor:pointer;width:100%;}
.upload:hover {background:#2AC9CF;}
.upload:active .upload-info {display: block;}

.article-loop { float:left; width:100%; margin:0 0 30px 0;}
.article-loop article { clear:both; padding:10px 0;width:100%; overflow:hidden;}
.article-loop article img { float:left; padding:0 15px 0 0;width:80px;}
.article-loop article h1 { font-size:1.2em; margin:5px 0 5px 0;}
.article-loop article summary { font-size:0.8em;}

.wp-paginate { clear:both; line-height: 56px; list-style: none outside none; position: relative; text-align: center; }
.wp-paginate li { margin-right: 5px; vertical-align: middle; display: inline-block; font-size:1em;}
.wp-paginate a.page:hover, .wp-paginate span.current { background-color: #2ac9cf; border-color: #20b6bc; color: #FFFFFF; text-decoration: none; display: block; font-size: 0.875em; font-weight: bold; height: 32px; line-height: 32px; width: 32px; border-radius: 4px 4px 4px 4px;}
.wp-paginate .page { background-color: #F3F4F6; border: 1px solid #E0E0E0; border-radius: 4px 4px 4px 4px; color: #222222; display: block; font-size: 0.875em; font-weight: bold; height: 32px; line-height: 32px; width: 32px;}

.entry-category {color:#2ac9cf; display:block; padding:5px 0;font-size:0.9em;}
.entry-category a {color:#2ac9cf; }

.article-body {overflow:hidden;}


.entry-header-group {}
.entry-header-group figcaption {text-align:right;font-size:0.75em;  padding-bottom:5px;}
.entry-thumb-credit { text-transform:uppercase; color:#999; display:block; text-align:right; font-size:0.7em; margin:5px 0;}
.entry-header { font-size:1.9em; margin:0 0 20px 0;}
.entry-credit { font-size: 0.8em;line-height: 2em;text-align:right;}
.entry-credit a { color:#14afb4;}
.entry-thumb-m { position:relative;}
.entry-thumb-m img { width:100%; display:block;}
.entry-thumb-m .icon-expand { position:absolute; top:15px; left:15px;display:none;}
.entry-thumb-m .icon-expand img { width:auto; opacity:0.7;}
.entry-thumb-m .icon-expand a:hover { opacity:0.5;}
.readmore p img{width:98px;}
.entry-tools-group { float:left; width:100%; margin:20px 0; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd;  padding:10px 0;}
.text-size-link { float:right;}
.text-size-link li {font-size:0.75em; display: inline-block;}
.text-size-link li.text-size-samll { font-size:0.75em; padding:0 0 0 5px; }
.text-size-link li.text-size-medim { font-size:0.9em; }
.text-size-link li.text-size-large { font-size:1.1em; }
.entry-tools-social {}
.entry-tools-group ul li { display: table-cell; font-size:0.8em; }
.entry-tools-group ul li a { margin:0 10px 0 0; }
.entry-tools-group ul li img { width:15px; position:relative; top:3px; padding:0 2px 0 0;}
.entry-sharing-group {margin:10px 0 0 0;}


ul.article-aside-module{list-style:none;padding:0 !important;margin:0;overflow:visible;}
ul.article-aside-module li{list-style: none;}
.post-content { float:left; border:#b9b9b9 1px solid; margin:20px 0; background:#eeeeee; padding:0 0 0 10px;}
.post-con-wrpper { background:#fff; float:left; width:100%;  font-size:0.9em;}
.post-table {  border-bottom:1px solid #eeeeee; float:left; width:100%;}
.post-title { float:left; width:20%; padding:15px 0;}
.post-title h3 { padding:0 0 0 20px;}
.post-con { float:right; width:79.5%; border-left:1px solid #eeeeee; padding:15px 0;}
.post-con h4 { padding:0 0 0 20px;}
.post-con-wrpper ul.post-download {}
.post-con-wrpper ul.post-download li {}
.post-con-wrpper ul li.post-download-line1 {border-bottom:1px solid #eeeeee; padding:0 0 15px 0;} 
.post-con-wrpper ul li.post-download-line2 { padding:15px 0 0 0;}
.post-con-wrpper ul.post-download li ul { margin:10px 0 0 20px;}
.post-con-wrpper ul.post-download li ul li { display:inline-block; margin:0 10px 10px 0;}
.post-con-wrpper ul.post-download li ul li a { display:block; background: url(../images/download_arrow.png) right 9px no-repeat #00c4c4; padding:10px 32px 8px 15px; color:#fff; border-radius:4px;}
.post-con-wrpper ul.post-download li ul li a:hover { text-decoration:none; background: url(../images/download_arrow.png) right 9px no-repeat #212b32;}
.art-copyright { font-size:0.8em; color:#999; line-height:150%;}

.post-rail {clear: left; float: left; margin-bottom: 35px; margin-right:40px; margin-top: 16px; width: 300px; display: block;}
.article-aside-ad { margin:0 0 20px 0;}
.article-aside-ad h4 { display:block; text-align:center; margin:0 0 5px 0; color:#999; text-transform:uppercase; font-size:0.75em;}
.article-more-news {}
.article-title-aside {clear: both; color: #000000; font-size: 1.2em; padding: 25px 0 5px; text-align: center; }
.article-aside-module {border-bottom:1px solid #D4D4D4; width:100%; float:left; margin:0 0 20px 0;}
.article-aside-module li { border-top:1px solid #D4D4D4; width:100%; float:left; padding:10px 0;}
.article-aside-module li h2 { font-size:0.9em; margin:5px 0;}
.article-aside-module li h4 { font-size:0.7em; font-style:italic; color:#999;}
.article-aside-module li img { float:left; padding:0 10px 0 0;width:80px;}

.featured-news {width:100%; margin:0 0 25px 0;}
.featured-news h2 { padding:8px 0 3px 0; margin:0 0 5px 0; font-size:1.2em;}
.featured-news ul { display:table;}
.featured-news ul li {float:left;width:30%;}
.featured-news ul li:nth-child(2){padding:0 5%;}
.featured-news ul li.lastbox { padding:0;}
.featured-news ul li img { width:100%;}
.featured-news h1 { font-size:0.9em; margin:5px 0;}

.news-directory { float:left; width:100%; margin: 0 0 20px 0;}
.news-tap { display:table; width:100%; margin-top:10px;}
.news-tap li { float:left; padding:0 9px 0 9px; font-size:0.8em; border-right:1px solid #d8d8d8; }
.news-tap li:first-child{padding-left:0;}
.news-tap li:nth-last-child(1){border:none;}
/*.news-tap li:last-child{display:none;}*/
.news-tap li.currenttap a {font-weight:bold;color:#27334d; }
.news-tap li a { color:#008b9d; display:block; padding:5px 0 0 0;}
.news-tap li a:hover {color:#27334d; text-decoration:none; }

.news-tap-con { float:left; width:100%; margin:5px 0;}
.news-tap-con ul {}
.news-tap-con ul li { float:left; width:100%; padding:12px 0; border-bottom:1px solid #dfdfdf;}
.news-tap-con img { float:left; padding:0 10px 0 0;width:22%;}
.news-tap-con h1 {font-size:1.1em; font-weight:bold; margin:3px 0;}
.news-tap-con h1 span {  color:#949293; font-size:0.7em; font-weight:normal;}
.news-tap-con summary { font-size:0.75em; line-height:150%; color:#565853;}
.news-tap-con summary a { color:#27c9d0;}



.bt_play_game { width:96px; height:30px; background:url(../images/bt_play.gif) top left no-repeat; border:none; margin:20px 0; cursor:pointer; }

.search-con { float:left; width:100%; background:#f3f3f3; position:relative; border-bottom:1px solid #dddddd;}
.search-box h1 { padding:40px 50px 0 50px; color:#000; font-size:1.9em;}
.search-box-min { margin:0 0 60px 50px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #FFFFFF; border-radius: 3px 3px 3px 3px; float: left; height: 32px; margin-right: 10px; margin-top: 16px; z-index: 100; width:80%;}
.search-input {border: medium none; float: left; height: 32px; padding: 0 10px; width:90%;}
.search-input-bt {float: right; margin: 5px 10px 0 0; background:url(../images/ic_search.gif) top left no-repeat; border:none; width:20px; height:20px; cursor:pointer;}
.search-con-min {float:left; padding:30px;}
.search-box ul { display:table; position:absolute; bottom:-1px; left:50px; width:50%; font-size:0.8em;}
.search-box ul li { display:table-cell; text-align:center;}
.search-box ul li a { color:#484848; display:block; padding:5px 0;}
.search-box ul li.search-current { background:#fff; border-left:1px solid #dddddd; border-top:1px solid #dddddd; border-right:1px solid #dddddd;}
.search-box ul li a:hover  { text-decoration:none;}
.search-info { width:100%; float:left;}
.search-info h2 { float:left;}
.search-info select { float:right; margin:0 0 0 10px;}

 blockquote {padding-left: 50px;background: url(../images/blockquote.gif) no-repeat top left;overflow:hidden;}
 
/* lightbox */
.lightbox-image { position:absolute; width:100%;background:url(../images/lightbox-bg.gif) top left repeat; top:0; left:0; z-index:100;}
.lightbox-header { width:100%; float:left;}
.lightbox-header ul { float:right; padding:30px;}
.lightbox-header ul li { display:inline; padding:0 10px; font-weight:bold;}
.lightbox-header ul li img { vertical-align: central; padding:0 2px 0 0;}
.lightbox-header ul li a { color:#9d9d9d; font-size:13px;}
.lightbox-header ul li a:hover { opacity:0.5; text-decoration:none;}
.lightbox-logo { float:left; padding:30px;}
.lightbox-body { clear:both; width:100%; text-align:center; padding:30px 0 10px 0;}
.lightbox-body ul { padding:10px 0;}
.lightbox-body ul li { display:inline; font-size:14px; font-weight:bold;}
.lightbox-body ul li a { color:#fefefe; border-right:1px solid #5b5b5b;  padding:0 10px;}
.lightbox-body ul li a.border-non { border:none;}
.lightbox-body ul li:hover a, .lightbox-body ul li.current a { color:#27cdd4; text-decoration:none;}
.lightbox-text { width:1100px; margin:0  auto; clear:both; padding:0 0 250px 0; z-index:2147483692;}
.lightbox-text h2 { font-size:25px; color:#fff;}
.lightbox-text h3 { color:#fff; font-size:13px;}

/* RSS */
.primary-section { float:left; width:865px;}
.left { padding:30px;}
.title h1 { border-bottom: 1px solid #CCCCCC; font-size: 18pt; font-weight: normal; padding-bottom: 12px; }
#mainBox { clear: both; margin-bottom: 30px; overflow: hidden; padding-top: 20px; }
#rss_description { border-bottom: 1px solid #CCCCCC; color: #262626; font-size: 12px; padding-bottom: 30px;}
#rss_description dt {font-size: 14px;font-weight: bold;padding: 15px 0 10px;}
#rss_feeds {clear: both;margin-top: 30px;overflow: hidden;
}
#rss_feeds li {float: left;line-height: 1.8;width: 32%;font-size:0.7em;}
#rss_feeds .title {clear: both;color: #5D5E5E;font-weight: bold;padding-bottom: 5px;padding-top: 20px;font-size:0.9em;}
#rss_feeds li a {color: #262626;text-decoration: none;}

/*article social count*/
.social-num {border-right: 1px solid #D8D8D8;float: left;height: 65px;margin-right:10px;}
.social-num .facebook {width: 54px;}
.social-num .tweet {width: 58px;}
.social-num .googleplus {width: 56px;}
.tweet .btn {background-position: -245px -96px;}
.googleplus .btn {background-position: -309px -96px;}
.linkin .btn {background-position: -376px -96px;}
.rss .btn {background-position: -439px -96px;}
.pinterest .btn {background-position: -501px -96px;}

.extra {margin-bottom: 30px;}
.social-num li {float: left;margin-right: 10px;width: 46px;}
.num {border: 1px solid #CCCCCC;border-radius: 2px 2px 2px 2px;color: #757575;display: block;line-height: 29px;
margin-bottom: 9px;text-align: center;}
.btn {background: url("../images/icons.png") no-repeat scroll -185px -96px transparent;cursor: pointer;display: block;height: 21px;}
.cf:after {clear: both;content: "";display: block;font-size: 0;height: 0;visibility: hidden;}
.p-wrap {color: #696969;padding-top:11px;}
.p-wrap p {float: left;font-size: 0.6875em;height: 21px;line-height: 21px;margin: 0.5em 0;}
.print, .email, .comments-num {background: url("../images/icons.png") no-repeat scroll -185px -135px transparent;
cursor: pointer;display: inline-block;height: 21px;margin-right: 14px;padding-left: 23px;}
.email {background-position: -271px -135px;}
.comments-num {background-position: -363px -135px;}
.z-s, .z-m, .z-l {cursor: pointer;margin-right: 10px;}
.z-m {font-size: 1em;font-weight: bold;}
.z-l {font-size: 1.25em;font-weight: bold;}

/*article social buttons*/
.figure-1 .social {left: 0;top:0;}
.social{background-color: #FFFFFF;border: 1px solid #DEDEDE;box-shadow: 1px 1px 2px #DEDEDE;padding:4px;position: absolute;}
.social a {background: url("../images/icons.png") no-repeat scroll -185px -50px transparent;display: block;    height: 32px;margin-bottom: 4px;width: 31px;}
.social .tweet {background-position: -216px -50px;}
.social .googleplus {background-position: -247px -50px;}
.social .pinterest {background-position: -278px -50px;}
.arrow {background: url("../images/arrow.png") no-repeat scroll 0 0 transparent;display: block;height: 21px;position: absolute;    right: -19px;top: 20px;width: 19px;}

.figure-1{position:relative;padding-left:44px;}
.figure-1 img{width:100%; height:auto; text-align:right;}

.article-con-main .content{width:77%;overflow:hidden; float:right;}
.article-con-pic p,.article-con-main p { font-size:0.85em; line-height:1.5em; color:#333333; margin:0 0 15px 0;}.article-con-main ul,.article-con-main ol { list-style: disc;padding-left: 30px;margin: 15px 0;overflow: hidden;}.article-con-main li{font-size:0.85em; line-height:1.5em; color:#333333; padding-left: 10px;list-style: disc;}.article-con-main p a{color: #14AFB4;}
.article-side {float:left;width: 170px; padding-top:10px;}
.article-side section {border-top: 2px solid #CCCCCC;padding-bottom: 25px;}
.article-side h6 {font-size: 0.85em;margin: 0.85em 0;text-transform: uppercase;font-weight:bold;}
.article-side li {font-size: 0.75em;font-weight: bold;line-height: 1.5;}
.article-side a {color: #154050;}
.video-btn {display: block;position: relative;}
.rel-v img {}
.video-btn-img {background: url("../images/video-btn.png") no-repeat scroll 0 0 transparent;bottom: 11px;display: block;height: 25px;position: absolute;right: 5px;width: 25px;}
.rel-s li{background: url("../images/icons.png") no-repeat scroll -499px 3px transparent;padding-left: 1em; }
.like li {border-bottom: 1px solid #E1E1E1;padding: 7px 0;}
.article-con-main .article-side li{list-style:none;}

/*article page text style*/
.content p {color: #525252;font-size: 0.9em;line-height: 1.4em;padding-bottom:1em;}
.content p a {color: #00A6A4;}
.content .see-also{font-weight:bold;}

/*article- prev-next*/
.prev-next {padding-top: 30px;}
.prev-next ul {border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;position: relative;}
.prev-next li {float: left;height: 60px;line-height: 60px;width: 50%;}
.prev span {background: url("../images/btn-prev.png") no-repeat scroll center center ;left: 0;position: absolute;top: 0;}
.prev-next span {cursor: pointer;display: block;height: 100%;width: 38px;}
.next span {background: url("../images/btn-next.png") no-repeat scroll center center ;float: right;    position: absolute;right: 0;top: 0;}
.prev-next .prev a {border-right: 1px solid #CCCCCC;padding-left: 38px;padding-right: 20px;}
.prev-next .next a {padding-left: 20px;padding-right: 38px;}
.prev-next a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*background article page preve-next*/
.prev-next2 {padding-top: 30px;}
.prev-next2 ul {border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;position: relative;}
.prev-next2 li {float: left;height: 116px;line-height: 60px;width: 50%; overflow:hidden;}
.prev span {background: url("../images/btn-prev.png") no-repeat scroll center center ;left: 0;position: absolute;top: 0;}
.prev-next2 .prev img{float:left; padding:10px 0 0 40px; width:30%;}
.prev-next2 .next img{float:left; padding:10px 0 0 10px; width:30%;}
.prev-next2 span {cursor: pointer;display: block;height: 100%;width: 38px;}
.next span {background: url("../images/btn-next.png") no-repeat scroll center center ;float: right;    position: absolute;right: 0;top: 0;}
.prev-next2 .prev {border-right: 1px solid #CCCCCC; float:left;width:50%;}
.prev-next2 .next {float:right;width:49%;}
.prev-next2 .qw {float:left; overflow: hidden;width:57%;}
.prev-next2 .qw h3{line-height:1.2em; padding:10px 0 0 10px;height:84px;}

.ad, .article-ad-primary{text-align:center;}
.ad2, .article-ad-primary{padding:20px 0;}
/*article comment*/
.comments {border-top: 1px solid #DDDDDD;}
.comments-p {font-size: 0.85em;font-weight: bold;line-height: 26px;margin: 11px 0 5px 0;}
.comments-p2 {text-align: right;}
.sign-in {float: left;}
.listener1, .listener2, .listener3, .listener4 {display: inline-block;padding-left: 4px;width: 25px;}
img, object, video, embed {max-width: 100%;}
.tta-wrap {box-shadow: 0 0 5px #D9D9D9 inset;margin-top: -10px;min-height: 100px;padding: 10px;}
.comments textarea {background: none repeat scroll 0 0 transparent;border: medium none;color: #666666;font-size: 0.75em;font-weight: normal;height: 100px;width: 100%;overflow: auto;vertical-align: top;}
.comments .form-share {height: 30px;text-align: right;}
.form-share .follow1 {width: 35px;}
.form-share .follow2 {background-position: -221px -220px;width: 35px;}
.form-share .follow-more {background-position: -257px -220px;width: 67px;}
.form-share .post-t {background-position: -325px -220px;width: 34px;margin-right:-4px;}
.form-share .post-f {background-position: -360px -220px;width: 34px;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;}

.follow1, .follow2, .follow-more {float: left;}
.follow1, .follow2, .follow-more, .post-t, .post-f, .comment-submit {background: url("../images/icons.png") no-repeat scroll -185px -220px transparent;display: inline-block;height: 100%;margin-right: 1px;}
.comment-submit {background-position: -395px -220px;border: medium none;float: right;margin-right: 0;
width: 162px;}
.filter {border-bottom: 1px solid #E5E5E5;color: #A6A6A6;font-size: 0.75em;margin: 0;padding: 20px 0 4px;}
.filter .current {color: #999999;font-weight: bold;}
.filter span {border-right: 1px solid #A6A6A6;    line-height: 1;    padding: 0 4px;}
.comments-ul li {border-bottom: 1px solid #EEEEEE;    font-size: 0.8125em;padding: 13px 109px 28px 61px;    position: relative;}
.comments-ul img {left: 0;position: absolute;top: 13px;width: 47px;}
.min {background: url("../images/icons.png") no-repeat scroll -349px -20px transparent;color: #DEDEDE;font-style: italic;padding-left: 20px;position: absolute;right: 0;text-align: right;top: 13px;}
.user-n {color: #a6a6a6;}
.reply-p {bottom: 13px;color: #A3A3A3;margin: 0;position: absolute;right: 0;text-align: right;}
.reply-p a {color: #A3A3A3;}
.reply-p .reply {color: #52544F;font-weight: bold;}
.powered{background: url("../images/icons.png") no-repeat scroll -343px -47px transparent;color: #9E9E9E;float: right;font-size: 0.75em;text-align: right;width: 150px;padding-top:10px;}

/*article around world & more news*/
.web-cmap {clear: both;padding-top:15px;}
.web-cmap h6 {font-size: 0.875em;margin: 20px 0;text-transform: uppercase;font-weight:bold;}
.web-cmap li {margin: 17px 0;font-size:0.8em;}
.m-web {float: right;width: 47%;}
.m-cmap {float: left;width: 47%;}
.recommended {clear: both;color: #9E9E9E;font-size: 0.75em;text-align: right;}

/*article bottom boxes*/
.more-t {background: url("../images/icons.png") no-repeat scroll 97px -96px transparent;float: left;font-size: 1em;
line-height: 27px;padding:0 110px 7px 30px;}
.more {background-color: #FFFFFF;clear: both;margin:0 10px 20px 10px;padding: 20px;}
.more .ad {float: left;width: 24%;}
.more1 .ad {float: right;}
.more-ul1 li {display: inline-block;float: left;vertical-align: top;width: 18%;}
.more-ul1 .more-li1 {width: 38%;}
.more1 .more-ul1 div {padding-right: 30px;}
.more-li1 h4{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.more-li1 h4 a{font-size: 1.5em;}
.more-li1 p {font-size: 0.875em;}
.more-ul1 h4 {font-size: 0.875em;margin: 5px 0 20px;}
.more2 .more-ul1 div, .more3 .more-ul1 div {padding-left: 20px;}
.more3 .more-ul1, .more-ul2 {float: left;width: 38%;}
.more-ul2 li {height: 74px;margin-bottom: 15px;padding-left: 115px;position: relative;}
.more-ul2 img {left: 20px;}
.more-ul2 img {position: absolute;top: 0;width: 82px;}
.more3 .more-ul1 li {width: 50%;}
.more-ul2 h4 {font-size: 0.875em;margin: 0;}


*::-moz-selection {background: none repeat scroll 0 0 #27C9D0;color: #FFFFFF;text-shadow: none;}

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

.loop { margin-top: 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: 20%; margin-right: 2%; }
.loopB { width: 49%; }
.loopC { float: right; width: 27%; }

.loop h2 { height: 35px; line-height: 35px; font-size: 18px; font-weight: bold; border-bottom: 1px solid  #d8d8d8; margin-bottom: 20px; }
.loop h3 { font-size: 14px; font-weight: normal; margin-bottom: .3em; }
.loopB h3 { font-size: 16px; font-weight: bold; }
.loopC h3 a { color: #00579D;}
.loop p { font-size: 13px; color: #5F5F5F;}
.loop ul { border: 1px solid  #e8e8e8; margin: 10px 0; background: #fff; }
.loop .style1 li, .loop .style2 li { padding: 14px; border-bottom: 1px solid  #e8e8e8; } 
.loop .style1 li:last-child, .loop .style2 li:last-child { border-bottom: 0; } 
.loop .style2 { margin-bottom: -10px; border-bottom: 0; }
.loop .style1 img { width: 80px; float: left; margin-right: 10px; } 
.loop .style2 .fl,.loop .style2 .fr { width: 48%; width: -webkit-calc( 50% - 7px ); width: -moz-calc( 50% - 7px ); width: calc( 50% - 7px ); } 
.loop .style3 { padding-top: 14px; }
.loop .style3 li { float: left; width: 44%; margin-left: 4%; margin-bottom: 14px; }
.loop .style3 li:nth-child(3){clear:left;}
.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: 1250px) {
	.loop { margin-left: 15px; margin-right: 15px; }
}
@media screen and (min-width: 500px){
	.loop .style2 img,.loop .style3 img { width: 100%; } 
}
@media screen and (max-width: 1024px){
	.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 ul { list-style: none; margin: 0; padding: 0; }
.video-below-article li { width: 50%; float: left; padding-left: 0; list-style: none; }
.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 > .videoarea { position: relative; display: block; }
.video-primary > .videoarea: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; }

.mobile_ads{display:none;}