/* CSS Document */
/****Created by Designer Swan ****/
/***Date:2012.08.01****/

/****Header TopBar Gray****/
#topBarGray{ background:url(http://graphic.christianpost.com/images/2013/tobBarBg_gray.gif) repeat-x 0 0; position:relative; width:100%; float:left; height:25px;}
#topBarGray .wrapper{overflow:visible;}
#topBarGray .left {float: left;padding:0 5px 0 10px;text-transform: uppercase; border:1px solid #d2d6db; border-width:0 1px;}
#topBarGray .left div {color: #263b56; float: left;font-weight: bold;padding:6px 0 0 0;}
#topBarGray .left h1{border-right:1px solid #d2d6db; margin-right:10px; float:left; padding:6px 0 0 0; height:19px;}
#topBarGray .left h1 img{margin-right:10px;}
#topBarGray .left ul {float: left;font-size: 8pt;margin-left: 7px;}
#topBarGray .left li {float: left;}
#topBarGray .left li a {color: #263b56;font-size: 10px; height:21px; padding:4px 5px 0;float: left;}
#topBarGray .left li a.selected {color: #263b56;font-size: 12px;font-weight: bold; background:#fff;}

#topBarGray .right {color: #666666;float: right;font-size:8pt;padding:0; position:absolute;right:0px; border-left:1px solid #c5c9ce; border-right:1px solid #fff;height:25px;}
#topBarGray .right a{color:#09213e;text-transform: uppercase; padding:7px 5px 0 5px; float:right;  height:18px;}
#topBarGray .right div{float:right;border-right:1px solid #c5c9ce; height:25px;}
#topBarGray .right div input{font-size:11px; border:1px solid #c2c2c2; border-width:1px 0px 1px 1px; height:17px; /*background:#fff url(../images/ic_search.gif) no-repeat right center;*/ width:100px; margin:3px 0px 0 5px; padding-left:7px; float:left;}
#topBarGray .right div img{float:right; margin:3px 5px 0 0; border:1px solid #c2c2c2; border-width:1px 1px 1px 0; cursor:pointer;}

#topBarGray .searchBoxBig{position:absolute; top:3px; right:3px; width:465px; box-shadow:1px 1px 7px #333; background:#fff; padding:18px 12px; z-index:999;}
#topBarGray .searchBoxBig input{border:1px solid #ebebeb; font-size:16px; color:#999999; width:350px; height:35px; line-height:18px; padding-left:10px; float:left; margin-right:7px;}
#topBarGray .searchBoxBig div{ 
    background: -moz-linear-gradient(center top , #FFFFFF 0pt, #e4e4e4 100%);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#e4e4e4));
	background:-webkit-linear-gradient(top, #FFFFFF, #e4e4e4); 
	background: -ms-linear-gradient(top, #FFFFFF, #e4e4e4);
	background: -o-linear-gradient(top, #FFFFFF, #e4e4e4);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#e4e4e4');/*For IE7-8-9*/ 
	height: 23px;/*For IE7*/
	border:1px solid #999;
    color: #16395d;
	text-shadow:0px 1px 0px #fff;
    cursor: pointer;
    line-height: 1;
    padding: 12px 22px 0;
	font-size:12px;
	font-weight:bold;
	float:left;
	box-shadow:0px 0px 3px #aaa;
	}
#topBarGray .searchBoxBig div:hover{ 
	background: -moz-linear-gradient(center top , #e4e4e4 0pt, #FFFFFF 80%);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e4e4), to(#FFFFFF));
	background:-webkit-linear-gradient(top, #e4e4e4, #FFFFFF); 
	background: -ms-linear-gradient(top, #e4e4e4, #FFFFFF);
	background: -o-linear-gradient(top, #e4e4e4, #FFFFFF);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e4e4e4', endColorstr='#ffffff');/*For IE7-8-9*/ 
	height: 23px;/*For IE7*/
}

#category-nav {
	height:auto;
	right:255px;
	position:absolute;
	top:0;
	width:315px;
	}
	#category-nav ul {
		margin:0;
		padding:0;
		width: 400px;
		}
		#category-nav ul li {
			height: 25px;
			float:left;
			}
			#category-nav ul li a {
				display:inline-block;
				color: #7A7A7A;
    			outline: 0 none;
				height: 25px;
				overflow: hidden;
				text-indent: -200px;
				width:20px;
				background:url(http://graphic.christianpost.com/images/2013/header-logos.png) 0 0 no-repeat;
				transition: none;
				-moz-transition:none;
				-webkit-transition:none;
				}
				#category-nav ul li a:hover {
					transition: none;
					-moz-transition:none;
					-webkit-transition:none;
					}
				#category-nav ul li.h-crossmap a {
					width:80px;
					background-position: -130px -29px;
					}
					#category-nav ul li.h-crossmap a:hover {
						background-position: -130px 2px;
						}
				#category-nav ul li.h-breathe a {
					width:84px;
					background-position: 11px -29px;
					}
					#category-nav ul li.h-breathe a:hover {
						background-position: 11px 3px;
						}
				#category-nav ul li.h-gnl a {
					width:65px;
					background-position: -73px -29px;
					}
					#category-nav ul li.h-gnl a:hover {
						background-position: -73px 3px;
						}
				#category-nav ul li.h-bp { margin: 0 0 0 5px; display: none;} /*display:none; by william 0618-2014*/
				#category-nav ul li.h-bp a { width: 73px; background-position: -225px -30px; }
				#category-nav ul li.h-bp a:hover { background-position: -225px 2px; }

/****TopBar Black****/
#topBarBlack{ background:url(http://graphic.christianpost.com/images/2013/topBarBg_Black.gif) repeat-x 0 0; position:relative; width:100%; float:left; border-bottom:1px solid #495259;}
#topBarBlack .wrapper{overflow:visible;}
#topBarBlack .left {float:left;padding:0 5px 0 10px; border-left:1px solid #626a73;}
#topBarBlack .left div {color:#263b56; float:left;font-weight:bold;padding:6px 0 0 0;}
#topBarBlack .left h1{border-right:1px solid #626a73;float:left; padding:6px 0 0 0; height:19px; font-weight:normal;}
#topBarBlack .left h1 img{margin-right:10px;}
#topBarBlack .left ul {float:left;font-size:8pt;margin-left:7px; position:relative;}
#topBarBlack .left li {float:left; position:relative;}
#topBarBlack .left li a {color:#fff;font-size:12px; height:21px; padding:4px 5px 0;float:left;}
#topBarBlack .left li a.selected {color: #263b56;font-size: 12px;font-weight: bold; background:#fff;}
#topBarBlack .left li:nth-last-child(1) a,
#topBarBlack .left li:nth-last-child(2) a,
#topBarBlack .left li:nth-last-child(3) a,
#topBarBlack .left li:nth-last-child(4) a{color:#9ca0a3;}
#topBarBlack .left li:last-child a:hover,#topBarBlack .left li ul.more li a:hover{text-decoration:none;color:#fff;}

#topBarBlack .left li:last-child{background:url(http://graphic.christianpost.com/images/2013/moreArrow.gif) no-repeat right 12px; padding-right:10px;}
#topBarBlack .left li ul.more{display:none; z-index:999; background:#000; position:absolute; top:25px; left:-4px; width:100px;}
#topBarBlack .left li ul.more li{clear:both;}
#topBarBlack .left li ul.more li:last-child{background:none;}
#topBarBlack .left li:last-child:hover ul.more{display:block;}

#topBarBlack .right {color: #666666;float: right;font-size:8pt;padding:0; position:absolute;right:0px; border-left:1px solid #626a73; border-right:1px solid #626a73;height:25px;}
#topBarBlack .right a{color:#09213e;text-transform: uppercase; padding:7px 5px 0 5px; float:right;  height:18px;}
#topBarBlack .right div{float:right;height:25px;}
#topBarBlack .right div input{font-size:11px; border:1px solid #c2c2c2; border-width:1px 0 1px 1px; height:17px; /*background:#fff url(../images/ic_search.gif) no-repeat right center;*/ width:100px; margin:3px 0px 0 5px; padding-left:7px; float:left;}
#topBarBlack .right div img{float:right; margin:3px 5px 0 0; border:1px solid #c2c2c2; border-width:1px 1px 1px 0; cursor:pointer;}

#topBarBlack .searchBoxBig{position:absolute; top:3px; right:3px; width:465px; box-shadow:1px 1px 7px #333; background:#fff; padding:18px 12px; z-index:999;}
#topBarBlack .searchBoxBig input{border:1px solid #ebebeb; font-size:16px; color:#999999; width:350px; height:35px; line-height:18px; padding-left:10px; float:left; margin-right:7px;}
#topBarBlack .searchBoxBig div{ 
    background: -moz-linear-gradient(center top , #FFFFFF 0pt, #e4e4e4 100%);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#e4e4e4));
	background:-webkit-linear-gradient(top, #FFFFFF, #e4e4e4); 
	background: -ms-linear-gradient(top, #FFFFFF, #e4e4e4);
	background: -o-linear-gradient(top, #FFFFFF, #e4e4e4);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#e4e4e4');/*For IE7-8-9*/ 
	height: 23px;/*For IE7*/
	border:1px solid #999;
    color: #16395d;
	text-shadow:0px 1px 0px #fff;
    cursor: pointer;
    line-height: 1;
    padding: 12px 22px 0;
	font-size:12px;
	font-weight:bold;
	float:left;
	box-shadow:0px 0px 3px #aaa;
	}
#topBarBlack .searchBoxBig div:hover{ 
	background: -moz-linear-gradient(center top , #e4e4e4 0pt, #FFFFFF 80%);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e4e4), to(#FFFFFF));
	background:-webkit-linear-gradient(top, #e4e4e4, #FFFFFF); 
	background: -ms-linear-gradient(top, #e4e4e4, #FFFFFF);
	background: -o-linear-gradient(top, #e4e4e4, #FFFFFF);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e4e4e4', endColorstr='#ffffff');/*For IE7-8-9*/ 
	height: 23px;/*For IE7*/
}


#headerBlack{clear:both; background:#09151f;}
#headerBlack h1{max-width:980px; margin:0 auto; height:42px; font-size:22px; padding-top:23px; padding-left:5px; background:url(http://graphic.christianpost.com/images/2013/blackTopBg.jpg) no-repeat center; font-weight:normal;}
#headerBlack h1 a{color:#fff;}
#headerBlack h1 a:hover{text-decoration:none;}


/****Main Header****/
#header {margin: 0 auto;overflow: hidden;position: relative; max-width: 980px;clear:both;}

#branding{padding: 20px 0 18px 0; text-align: center; font-size:43px; font-family:Georgia,Times,serif; text-transform:uppercase;}
#branding a{color: #142537;}
#branding a .blue{color:#0247AC;}
#branding a:hover{text-decoration:none;}

#snsBar {font-size:8pt;padding:2px 0 9px 0;position: relative; overflow:hidden;}
#snsBar .twitter, #snsBar .twitter-follow-button {left: 86px;position: absolute;top: 1px;}
#snsBar .face {left: 0;position: absolute;top: 1px;}
#snsBar .left {float: left;font-size: 10px;position: relative;}
#snsBar .left ul {float: left;}
#snsBar li {float: left;margin-right: 10px;}
#snsBar .left div {float: left;margin-left: 0;}
#snsBar .left div a {color: #E00116;}
#snsBar .left span {color: #C1C1C1;margin: 0 2px;}

#snsBar .desc {color: #555555 ;font-size: 8pt; float:left;  padding-left:263px; padding-top:4px;}
#snsBar .desc span {color: #A1A1A1;font-size: 10px;margin: 0 10px;vertical-align: top;}

#snsBar .right {float: right; overflow:hidden;}
#snsBar .right div {float: left;margin: 0 3px;}
#snsBar .right span {margin: 0 5px 0 2px;}
#snsBar .home {padding-top:4px;}
#snsBar .home a {color: #444444;}
#snsBar .connect2 .conTxt{padding-top:4px;}
#snsBar .connect2 .conTxt a {color:#444444;font-size:8pt;padding:4px 2px 0 0; }
#snsBar .right ul{float:left;}
#snsBar .right ul li{text-indent:-999px; width:19px; height:19px;float:left; margin:0; padding:0 1px;cursor: pointer;}
#snsBar .right ul li a { display:block;}
#snsBar .right .rss {background: url("http://graphic.christianpost.com/images/homepage/head_rss.gif") no-repeat left ;}
#snsBar .right .tw {background: url("http://graphic.christianpost.com/images/homepage/head_twitter.gif") no-repeat left;}
#snsBar .right .fb {background: url("http://graphic.christianpost.com/images/homepage/head_facebook.gif") no-repeat left;}
#snsBar .right .mobile {background: url("http://graphic.christianpost.com/images/homepage/head_mobile.gif") no-repeat left;}

/***Top Navigation***/
#topNav {position:relative;}
#topNav a {color: #FFFFFF;}
#topNav a:hover{text-decoration:none;}
#topNav ul.navHome{background-color: #152539; overflow:hidden;}
#topNav ul.navHome li:first-child{font-family: 'Quicksand', sans-serif; font-size:17px;}
#topNav ul.navHome li:last-child{border-right:none; text-indent:-9999px; background:url(http://graphic.christianpost.com/images/2013/topNav_more.gif) no-repeat center center; width:43px; position:relative;}
#topNav ul.navHome li:last-child:hover{background:#626a75 url(http://graphic.christianpost.com/images/2013/topNav_more_over.gif) no-repeat center center;}
#topNav ul.navHome li.selected { background:#005eaf;}
#topNav ul.navHome li:nth-last-child(2) a,#topNav ul.navHome li:nth-last-child(3) a,#topNav ul.navHome li:nth-last-child(4) a{color:#c5c5c3;}
#topNav li {float:left; display:block; font-size:13px; border-right:1px solid #515d6b; text-transform:uppercase; font-weight:normal; cursor:pointer;}
#topNav li a { display:block; padding: 8px 9px 8px 10px; }
#topNav li:hover{ background:#005eaf;}

#topNav ul.more {position:absolute; top:34px; right:0; background:#626a75; height:35px; z-index:999;}
#topNav ul.more li{float:right;}
#topNav ul.more li:hover{background:none;}
#topNav ul.more li a:hover{text-decoration:underline;}

/***Trending***/
#Trending {overflow:hidden;height:21px;padding:7px 15px;background:#ecebe5;}
#Trending .left {float:left;width:90%;}
#Trending .right {float:right;width:55px;margin-top:5px; text-align:right;}
#Trending .right img {cursor:pointer; margin-left:2px;}
#Trending .left .trendingTitle {float:left; color:#ea0508; font-weight:bold; text-transform:uppercase; padding:5px 5px 0 0;}
#Trending .left p {margin-top:2px;}
#trendbox {position:relative;height:20px;width:87%;}
#trendNews {position:absolute;top:0;left:6px;}
#trendNews li {padding:2px 0 8px;height:20px; color:#565555;}
#trendNews li a{padding:0 4px;}

#breaking {height:57px;width:980px;margin:5px auto 15px;}
#breaking .left {float:left;width:140px;height:44px;padding:13px 0 0 15px;color:#fff;font-size:13pt;background-color:#b8001a;}
#breaking .right {float:left;width:797px;height:44px;background-color:#081831;padding:13px 0 0 28px;}
#breaking h1 {font-size:14pt;font-weight:normal;color:#fff;}
#breaking a {color:#fff;}
#breaking .moreB {color:#fff;}

/******************************/
/***********Footer*************/
/******************************/

#footer {clear: both;margin:0 auto;overflow:hidden; max-width:980px; border-top:3px solid #09213f; }
#footer a{color: #09213f;}
#footer #pageLink {overflow: hidden;padding:9px 0;border-bottom:1px solid #e1e4e8; line-height:1.8;}
#footer #pageLink li {float:left; font-size:13px; font-weight:bold; padding:0 18px;}

#footer #partners {border:1px solid #e1e4e8; border-width:0 1px 1px 1px; clear: both; overflow: hidden; text-align:center; color:#b2b9c3; padding:10px 0 5px 0; text-transform:uppercase;}
#footer #partners a img{margin:0 42px;}

#footer #sections{clear:both; padding:16px 0 12px 0; overflow:hidden;}
#footer #sections li{float:left; padding:0 9px; font-size:12px;}
#footer #sections li a{color:#09213f;}
#footer #sections li:nth-last-child(1) a,
#footer #sections li:nth-last-child(2) a,
#footer #sections li:nth-last-child(3) a,
#footer #sections li:nth-last-child(4) a,
#footer #sections li:nth-last-child(5) a{color:#5c5d61;}

#footer #sections li:nth-last-child(1),
#footer #sections li:nth-last-child(2){display: none;}
#footerBottom {clear: both; padding:0 0 30px 10px; color:#8d8e8f; font-size:11px;}
#footerBottom img{margin-right:20px;}


/**********************************/
/***********Side Bar***************/
/**********************************/

#newsletter {color:#191919;margin:0px 0 10px 0;clear:both;overflow:hidden;background:#eeeeee url(http://graphic.christianpost.com/images/homepage11/newsletter_bg.gif) no-repeat 20px 28px;padding:10px 20px;font-weight:normal;}
#newsletter .font_style {font-size:13.4px;font-weight:bold;padding-bottom:10px;margin:0 5px;}
#newsletter .sub {padding:0px 5px 5px 30px;overflow:hidden;background-color:transparent;margin-top:0;}
#newsletter .sub .input {overflow:hidden;}
#newsletter .sub .input input.get {width:149px;height:20px;border:1px solid #c1c1c1;margin-right:8px;float:left;}
#newsletter .sub .input .bt {cursor:pointer;float:left;width:70px;text-align:center;height:14px;padding:3px 0; font-size:12px;font-weight:bold;color:#535353;border:1px solid #c1c1c1;background:#fefefe url(http://graphic.christianpost.com/images/homepage11/bt_bg.gif) repeat-y bottom;}
#newsletter .sub .cont {clear:both;padding-top:7px;vertical-align:middle;font-family:Arial, Helvetica, sans-serif;font-size: 9pt;}
#newsletter .preview {color:#676767;padding-left:10px;margin-left:0;}
#newsletter .preview a {color:#676767;}

.banner300x250, #adsBottom {margin-top:6px; text-align:center;}

.sideWrap{clear:both; overflow:hidden;}

#popularBox {margin-top:20px;padding:2px 2px 5px;width:296px;border:1px solid #ddd;background-color:#fff;}
#popularBox .top {background-color:#f0f0f0;padding:7px 0 7px 12px;font-size:11pt;font-weight:bold;}
#popularBox ul {padding:7px 10px 4px 15px;}
#popularBox li {margin:9px 0;}
#popularBox li img {margin:1px 7px 1px 0;}
#popularBox ul li{clear:both; overflow:hidden; list-style:none; padding: 8px 0 0; margin:0 0 4px;}

#recommendationBox {margin-top:10px;background-color:#fff;border:1px solid #ccc;width:300px;height:342px;}
#recommendationBox .topface {color:#0c4da2;margin:10px 0 0 12px;}
#recommendationBox .topface a {color:#114096;}
#recommendationBox strong {font-size:12pt;margin-right:4px; color:#114096;}
#recommendationBox .topface * {vertical-align:bottom;}

#blog {margin-top:10px;padding:1px 1px 5px;width:298px;border:1px solid #ddd;background-color:#fff;}
#blog .top {background-color:#f0f0f0;padding:10px 0 0; font-weight:bold;}
#blog .top .title {float:left;font-size:12pt;width:96px;margin-left:18px;padding-bottom:4px;}
#blog .top .title a {color:#114096;}
#blog .top .popular {float:left;height:20px;padding:4px 6px 0;cursor:pointer;}
#blog .top .recent {float:left;margin-left:10px;height:20px;padding:4px 6px 0;cursor:pointer;}
#blog .top .selected {background-color:#fff;}
#blog ul {padding:7px 10px 4px 15px;}
#blog li {margin:9px 0;}
#blog li img {margin:1px 7px 1px 0;}

.asideBox {clear:both; overflow:hidden; margin-top:20px;padding:2px 2px 5px;width:296px;border:1px solid #ddd;background-color:#fff;}
.asideBox .top {background-color: #f0f0f0;padding:7px 0 7px 12px;font-size:12pt; font-weight:bold;}
.top .redTxt{color:#c92f23;}
.asideBox ul{padding:5px 13px 2px 13px;}
.asideBox ul li{padding:8px 0; border-bottom:1px solid #ddd;}
.asideBox ul li:last-child{border-bottom:none;}

#ads300Bottom{clear:both; margin-top:12px;}

/****Entertainment****/
#photoG{clear:both; padding-top:20px;}
#photoG h3{border-top:2px solid #071b4e; color:#071b4e; font-size:16pt; font-weight:normal; padding:5px 0 6px 2px;} 
#photoG ul li{padding:20px 10px 20px 0; clear:both; overflow:hidden; background:url(http://graphic.christianpost.com/images/section/entertainment/dot_g_line.gif) repeat-x top;}
#photoG ul li h2{font-size:11pt; padding-bottom:3px;}
#photoG ul li img{float:left; margin-right:10px;}
#photoG ul li p a{font-weight:bold; font-size:10px; color:#e2191f;}

#photogallery {float: right;width: 300px;}
#photogallery li {clear: both;line-height: 18px;margin: 15px 0;}
#photogallery img {margin: 4px 8px 1px 0;}
#photogallery .title {border-bottom: 1px solid #DDDDDD;border-top: 3px solid #000000;font-size: 13pt;font-weight: bold;height: 23px;padding: 10px 0;}
#photogallery .ti {float: left;margin-right: 130px;width: 115px;}
#photogallery .arrow {float: right;width: 50px;}
#photogallery .arrow img {float: right;}

/****U.S.*****/
#directory {clear:both; margin-top:10px; width:280px; border:1px solid #f0f0f0; background:#FFF; padding:10px;}
#directory .title {color:#5b5b5c; font-size:9pt; font-weight:bold; border-bottom:1px solid #e7e7e7; padding-bottom:8px;}
#directory li {width:100%; padding:10px 0; font-size:8pt;}
#directory li img {border:1px solid #eaeaea; margin:0 7px 0 2px;}
#directory li.gray {background:#f8f8f8;}
#directory li .name {font-weight:bold;}

/****World****/
#joshua {border:1px solid #c9d2da;padding:13px 11px;margin-top:10px;color:#111;background-color:#fff;}
#joshua .cont {padding:0 0 6px;}
#joshua a {color:#222;}
#joshua .category a {color:#111;font-weight:bold;font-size:11pt;}
#joshua p {font-size:9pt;color:#111;margin-top:12px;}
#joshua .Img {margin-left:7px;height:84px;margin-top:8px;}

#joshua .joshua_bottom {clear:both;background-color:#cce6fe;text-align:center;font-size:8pt;padding:4px 0;}	
#joshua h5 {font-size:9pt;margin:3px 0;font-weight:normal;}
#joshua h5 a {font-weight:bold;}
#joshua .table {clear:both;font-size:8pt;background-color:#f5f5f5;padding:5px 8px;margin-top:6px;}