@font-face {
    font-family: 'latobold';
    src: url('font/latobold/lato-bol-webfont.eot');
    src: url('font/latobold/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/latobold/lato-bol-webfont.woff') format('woff'),
         url('font/latobold/lato-bol-webfont.ttf') format('truetype'),
         url('font/latobold/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	padding:0; margin:0;
	font-family:Georgia,serif;
	background-image:url("resources/pattern.jpg");
	background-attachment:fixed;
}

/*DEFAULT*/
.cct-clr{
	clear:both;
}

/*AD BOXES*/
.inq-elb-box{
	width:970px;height:90px;
	background-color:#eeeeee;
	margin:0 auto;
	margin-bottom:20px;
}
.inq-elb-box iframe,.inq-elb-box div,.inq-elb-box ins {
	display:block;
	margin:0 auto;
}
.inq-bb-box{
	margin:0 auto;
	width:300px;
	height:250px;
	background-color:#ffffff;
}

/*END OF AD BOXED*/

.pf-header{
	width:100%;
	height:430px;
	background-color:#ffffff;
	padding-top:20px;
}
.pf-header .banner{
	width:980px;
	height:320px;
	margin:0 auto;
	background-image:url("http://www.inquirer.net/wp-content/uploads/2014/10/Pope-in-PH_final09102014.jpg");
}

.pf-nav{
	width:100%;height:33px;
	background-color:#bc9558;
	border-top:3px solid #caa974;
	border-bottom:3px solid #caa974;
}
.pf-nav .content{
	width:980px;
	height:100%;
	margin:0 auto;
}
.pf-nav .content ul{
	list-style:none;
	padding:0;margin:0;
}
.pf-nav .content ul li{
	position:relative;
	float:left;
	padding:6px;
	padding-left:15px;
	padding-right:15px;
	color:white;
	cursor:pointer;
	transition:background-color 0.7s;
}
.pf-nav .content ul li:hover{
	background-color:#9d783e;
}
.pf-nav .content ul li:hover ul{
	display:block;
}
.pf-nav .content ul li ul{
	display:none;
	position:absolute;
	left:0;top:30px;
	font-size:12px;
	width:200px;
	min-height:100px;
	background-color:#bc9558;
	height:auto;
	padding-left:10px;padding-right:10px;
}
.pf-nav .content ul li ul li{
	padding:0;margin:0;
	padding-top:10px;
	padding-bottom:10px;
}
.pf-nav .content ul li ul li:hover{
	background:none;
	text-decoration:underline;
}
.pf-body{
	width:980px;
	min-height:300px;
	height:auto;
	border-left:1px solid #bc9558;
	border-right:1px solid #bc9558;
	border-bottom:1px solid #bc9558;
	margin:0 auto;
	background-color:#f8efdc;
	padding-top:20px;
	padding-bottom:20px;
}
.pf-body h3{
	display:inline-block;
	padding:0;margin:0;
	padding:10px;
	width:auto;
	color:white;
	font-style:italic;
	color:#f8e9c8;
	margin-left:20px;
	margin-bottom:20px;
	font-size:15px;
	background-color:#bc9558;
}
.pf-body .pfb-gallery{
	width:100%;
	height:200px;
	margin-top:20px;
	margin-bottom:20px;
}
.pf-body .pfb-gallery .pfbg-images{
	float:left;
	width:290px;
	height:190px;
	background-color:#ffffff;
	margin-left:20px;
	overflow:hidden;
	border:5px solid #ffffff;
}
.pf-body .pfb-gallery .pfbg-images img{
	width:100%;
}
.pf-body .pfb-article{
	position:relative;
	float:left;
	width:640px;
	min-height:300px;
	height:auto;
	margin-top:20px;
	margin-bottom:20px;
}
.pf-body .pfb-article .morestories{
	position:relative;
	width:630px;height:35px;
	margin:0 auto;
	background-color:#bc9558;
	overflow:hidden;
}
.pf-body .pfb-article .morestories::after{
	content:"More Stories";
	font-style:italic;
	font-size:13px;
	padding:10px;
	position:absolute;
	right:0;top:0;
	background-color:#ffffff;
	color:#bc9558;
	padding-left:25px;
	padding-right:25px;
}
.pf-body .pfb-article a{
	color:#000000;
	text-decoration:none;
	transition:color 0.6s;
}
.pf-body .pfb-article a:hover{
	color:#bc9558;
}
.pf-body .pfb-article .pfba-artbox{
	position:relative;
	width:615px;
	height:150px;
	border:1px solid #dab273;
	background-color:white;
	margin-left:9px;
	margin-bottom:20px;
	padding-right:5px;
	overflow:hidden;
}
.pf-body .pfb-article .pfba-artbox .readmore{
	position:absolute;
	width:auto;height:auto;
	font-size:13px;
	color:white;
	background-color:#bc9558;
	right:5px;bottom:5px;
	padding:5px;
}
.pf-body .pfb-article .pfba-artbox .readmore a{
	color:white;
}
.pf-body .pfb-article .pfba-artbox .readmore a:hover{
	text-decoration:underline;
}
.pf-body .pfb-article .pfba-artbox .img{
	float:left;
	width:210px;
	height:138px;
	background-color:#eeeeee;
	margin-left:5px;
	margin-top:6px;
	margin-right:5px;
	overflow:hidden;
}
.pf-body .pfb-article .pfba-artbox .img img{
	width:100%;height:auto;
}
.pf-body .pfb-article .pfba-artbox{
	width:620px;
	height:150px;
	border:1px solid #dab273;
	background-color:white;
	margin-left:9px;
	margin-bottom:20px;
}
.pf-body .pfb-article .pfba-artbox h4{
	padding:0;margin:0;
	padding:10px;
}
.pf-body .pfb-article .pfba-artbox p{
	font-size:12px;
	padding:0;margin:0;
	line-height:17px;
}
.pf-body .pfb-sidenav{
	float:left;
	width:330px;
	min-height:300px;
	height:auto;
}
.pf-body .pfb-sidenav .snc{
	display:block;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}
.pf-footer{
	position:relative;
	height:410px;
	width:100%;
	background-color:#dbcaa6;
	font-family:Arial,Helvetica,sans-serif;
	overflow:hidden;
}
.pf-footer .content{
	width:980px;
	height:100%;
	margin:0 auto;
	padding-top:36px;
}
.pf-footer .content h5{
	padding-top:30px;
	text-align:center;
	color:#ffffff;
}
.pf-footer .content a{
	text-decoration:none;
	font-weight:bold;
}
.pf-footer .content ul{
	display:block;
	float:left;
	width:100px;
	padding:0;margin:0;
	list-style:none;
}
.pf-footer .content ul li{
	margin-left:30px;
	margin-top:15px;
	color:white;
	text-decoration:none;
	font-size:13px;
}
.pf-footer .dh{
	position:absolute;
	z-index:2;
	left:0;top:0;
	height:35px;
	width:100%;
	border-bottom:1px solid #c8aa77;
	background-color:#bc9558;
}
.pf-footer .dh ul{
	padding:0;margin:0;
	display:block;
	margin:0 auto;
	width:980px;
	list-style:none;
}
.pf-footer .dh ul li{
	float:left;
	padding:9px;
	padding-left:30px;
	padding-right:30px;
	color:#ffffff;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}
/*SLIMNAV2*/
.cct-slimnav2{
	width:100%;
	height:40px;
	background-color:#34495E;
	color:white;
	font-size:0.9em;
	overflow:hidden;
	font-family:'latobold',Arial,Helvetica,sans-serif;
}
.cct-slimnav2 .cct-sl-content{
	width:980px;
	height:100%;
	margin:0 auto;
}
.cct-slimnav2 .cct-sl-content ul{
	padding:0; margin:0;
	list-style:none;
}
.cct-slimnav2 .cct-sl-content ul a{
	color:white;
	text-decoration:none;
}
.cct-slimnav2 .cct-sl-content ul li{
	float:left;
	padding:1em;
	font-size:13px;
	cursor:pointer;
	transition:background-color 0.7s;
	-webkit-transition:background-color 0.7s;
	-moz-transition:background-color 0.7s;
}
.cct-slimnav2 .cct-sl-content ul li:hover{
	background-color:#2C3E50;
}
.cct-inq-logo{
	float:left;
	width:75px;
	height:100%;
	background-image:url("resources/thelogo.png");
}