/*
Theme Name: religionwatch
Theme URI: http://www.religionwatch.com/
Description: A custom theme developed by Internet Imagineering for use on www.religionwatch.com.
Version: 1.0
Author URI: http://www.internetimagineering.com/
Tags: fixed width, two columns
*/

body {
	/*
	background:#000 url("../images/wj-welcome-background.jpg") no-repeat top;
	*/
	background-color: #fff;
	margin: 0px 0px; 
	padding: 0px;
	font-family: 'Titillium Web', trebuchet ms, arial, verdana, sans-serif;
	color: #333;
	font-size: 14px;
}

.clear { clear: both;}


h1.pagetitle {color: #000; font-size: 32px; font-weight: bold;}
h3.sidebar-title {color: #004500; font-size: 20px; text-transform: uppercase; font-weight: bold; border-bottom: 10px solid #004834; padding-bottom: 5px;}
h3.storytitle {color: #004500; font-size: 20px; font-weight: bold; margin: 0; padding: 0;}
h3.storytitle a {color: #004500; text-decoration: none;}
h3.storytitle a:visited {color: #004500; text-decoration: none;}
h3.storytitle a:hover {color: #84c99e; text-decoration: none;}

.leftnav ul {list-style-type: none; margin: 0; padding: 0;}
.leftnav ul li {border-bottom: 2px dotted #004500; margin: 4px 0; padding: 4px 0; color: #004500; font-weight: bold; font-size: 16px;}
.leftnav ul li a {color: #004500; text-decoration: none;}
.leftnav ul li a:visited {color: #004500; text-decoration: none;}
.leftnav ul li a:hover {color: #84c99e; text-decoration: none;}

.tag {margin-top: 20px;}
.tag a {color: #999; text-decoration: none;}
.tag a:visited {color: #999; text-decoration: none;}
.tag a:hover {color: #84c99e; text-decoration: none;}

.readmore a {color: #84c99e; text-decoration: none;}
.readmore a:visited {color: #84c99e; text-decoration: none;}
.readmore a:hover {color: #84c99e; text-decoration: underline;}

.navigation {font-size: 18px; border-bottom: 2px dotted #999; padding-bottom: 20px; font-weight: bold;}
.navigation a {color: #84c99e; text-decoration: none;}
.navigation a:visited {color: #84c99e; text-decoration: none;}
.navigation a:hover {color: #84c99e; text-decoration: underline;}
.alignright {float: right;}
.alignleft {float: left;}

/* Drop-down menus */
#dropmenu, #dropmenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	z-index:300;
	text-transform: uppercase;
	font-weight:bold;
}
#dropmenu a {
	color: #FFF;
	text-decoration: none;
	font-family: arial, verdana, helvetica;
}

#dropmenu li a.quicklinks {display:block; float:left; height:50px; width: 280px; text-decoration:none; padding:0; cursor:pointer;}
 
#dropmenu li a.quicklinks {background:url(images/quicklinks-button-1.jpg);}
 
#dropmenu li:hover a.quicklinks, #dropmenu a:hover.quicklinks {background:url(images/quicklinks-button-1.jpg);}

#dropmenu li {
	float:left;
	position:relative;
	display:block;
}
#dropmenu ul {
	position:absolute;
	display:none;
	height:auto;
}
#dropmenu ul a {
	color:#666;
	padding:0px;
}
#dropmenu ul a:hover {
	color:#000;
	background-color: #ddd;
}
#dropmenu li ul {
	background:#fff;
	top:50px;
	float: right;
	padding: 0px;
	margin: 0px;
	width: 279px;
	border-right:1px solid #e2eaf5;
	border-left:1px solid #e2eaf5;
}

#dropmenu li ul li.current_page_item a {
	background:#fff;
	color:#004500;
}

#dropmenu li ul li {
	border-bottom:1px solid #e2eaf5;
}

#dropmenu li ul a {
	width:250px;
	padding:10px 15px 10px 15px;
	font-size: 12px;
	text-transform: uppercase;
	float:right;
}
#dropmenu ul ul {
	top:auto;
	border-top:1px solid #e2eaf5;
}
#dropmenu li ul ul {
	left:250px;
	margin:0px 0 0 10px;
}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
	display:none;
}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
	display:block;
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
	
	@media screen and (min-width: 768px) and (max-width: 1100px) {		
		
		@media screen and (min-width: 768px) and (max-width: 1100px) {
		
			.wrapper-header {width: 100%; background:#fff url("images/header-bg-full.jpg") no-repeat top; height: 160px; min-height: 160px;}
			.wrapper-sectionpic {width: 100%; background:#fff url("images/sectionpic-bg.jpg") no-repeat top; height: 140px; min-height: 140px;}
			.wrapper-content {width: 100%; margin: 30px auto 0 auto;}
			.wrapper-footer {background-color: #004834; width: 100%; margin-top: 100px;}
	
			.container-header {width: 96%; margin: 0 auto;}
			.container-topnav {margin: 16px 0 0 0; z-index: 501;}
	
			.header-logo-isr {float: right; margin: 10px 0 0 0;}
			.header-logo {padding: 12px 0 0 0;}
	
			.quicklinks {display: none;}
			.topnav {width: 100% margin: 0 auto; text-align: center;}
	
			.sectionpic-text {width: 100%; margin: 0 auto; text-align: center; padding-top: 40px;}
			.sectionpic-text img {width: 96%;}
	
			.sidebar-left {float: left; width: 25%; margin: 0 0 0 20px;}
			.content-right {float: right; width: 67%; margin: 0 20px 0 0;}
			.container-content {font-size: 16px; line-height: 24px;}
	
			.container-footer {width: 100%; margin: 0 auto; min-height: 400px;}
			.footer-logo {float: right; margin-top: -60px;}
			.footer-text {padding-top: 30px; margin-left: 20px;}
			.footer-nav {font-size: 20px; text-transform: uppercase;}
			.footer-nav a {color: #fff; text-decoration: none; margin-right: 20px;}
			.footer-nav a:visited {color: #fff; text-decoration: none;}
			.footer-nav a:hover {color: #f2bf56; text-decoration: none;}
			.copyright {color: #fff; margin-top: 10px;}
			.copyright a {color: #fff; text-decoration: none;}
			.copyright a:visited {color: #fff; text-decoration: none;}
			.copyright a:hover {color: #f2bf56; text-decoration: none;}
			
			.wrapper-sectionpic-front {width: 100%; background:#fff url("images/sectionpic-bg-front.jpg") no-repeat top; height: 350px; min-height: 350px;}
			.front-container-mainfeature {width: 100%; margin: 0 auto;}
			.front-container-mainfeature img {width: 100%;}
			.front-sectionpic-text {width: 100%; margin: 0 auto; text-align: center; padding: 20px;}
			.front-sectionpic-text img {width: 100%;}
	
			.front-left {width: 90%; margin: 0 auto;}
			.front-middle {width: 90%; margin: 0 auto;}
			.front-right {width: 90%; margin: 0 auto;}
			
		}
		
		@media screen and (min-width: 768px) and (max-width: 1100px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
		
			.wrapper-header {width: 100%; background:#fff url("images/header-bg-full.jpg") no-repeat top; height: 160px; min-height: 160px;}
			.wrapper-sectionpic {width: 100%; background:#fff url("images/sectionpic-bg.jpg") no-repeat top; height: 140px; min-height: 140px;}
			.wrapper-content {width: 100%; margin: 30px auto 0 auto;}
			.wrapper-footer {background-color: #004834; width: 100%; margin-top: 100px;}
	
			.container-header {width: 96%; margin: 0 auto;}
			.container-topnav {margin: 16px 0 0 0; z-index: 501;}
	
			.header-logo-isr {float: right; margin: 10px 0 0 0;}
			.header-logo {padding: 12px 0 0 0;}
	
			.quicklinks {display: none;}
			.topnav {width: 100% margin: 0 auto; text-align: center;}
	
			.sectionpic-text {width: 100%; margin: 0 auto; text-align: center; padding-top: 40px;}
			.sectionpic-text img {width: 96%;}
	
			.sidebar-left {float: left; width: 25%; margin: 0 0 0 20px;}
			.content-right {float: right; width: 67%; margin: 0 20px 0 0;}
			.container-content {font-size: 16px; line-height: 24px;}
	
			.container-footer {width: 100%; margin: 0 auto; min-height: 400px;}
			.footer-logo {float: right; margin-top: -60px;}
			.footer-text {padding-top: 30px; margin-left: 20px;}
			.footer-nav {font-size: 20px; text-transform: uppercase;}
			.footer-nav a {color: #fff; text-decoration: none; margin-right: 20px;}
			.footer-nav a:visited {color: #fff; text-decoration: none;}
			.footer-nav a:hover {color: #f2bf56; text-decoration: none;}
			.copyright {color: #fff; margin-top: 10px;}
			.copyright a {color: #fff; text-decoration: none;}
			.copyright a:visited {color: #fff; text-decoration: none;}
			.copyright a:hover {color: #f2bf56; text-decoration: none;}
			
			.wrapper-sectionpic-front {width: 100%; background:#fff url("images/sectionpic-bg-front.jpg") no-repeat top; height: 350px; min-height: 350px;}
			.front-container-mainfeature {width: 100%; margin: 0 auto;}
			.front-container-mainfeature img {width: 100%;}
			.front-sectionpic-text {width: 100%; margin: 0 auto; text-align: center; padding: 20px;}
			.front-sectionpic-text img {width: 100%;}
	
			.front-left {width: 90%; margin: 0 auto;}
			.front-middle {width: 90%; margin: 0 auto;}
			.front-right {width: 90%; margin: 0 auto;}
			
		}

	}
	
	@media screen and (min-width: 481px) and (max-width: 767px) {
		
		.wrapper-header {width: 100%; background:#fff url("images/header-bg-full.jpg") no-repeat top; height: 160px; min-height: 160px;}
		.wrapper-sectionpic {width: 100%; background:#fff url("images/sectionpic-bg.jpg") no-repeat top; height: 140px; min-height: 140px;}
		.wrapper-content {width: 100%; margin: 30px auto 0 auto;}
		.wrapper-footer {background-color: #004834; width: 100%; margin-top: 60px;}

		.container-header {width: 96%; margin: 0 auto;}
		.container-topnav {margin: 16px 0 0 0; z-index: 501;}

		.header-logo-isr {display: none;}
		.header-logo {padding: 12px 0 0 0; width: 100%; margin: 0 auto; text-align: center;}

		.quicklinks {display: none;}
		.topnav {display: none; width: 100% margin: 0 auto; text-align: center;}

		.sectionpic-text {width: 100%; margin: 0 auto; text-align: center; padding-top: 40px;}
		.sectionpic-text img {width: 96%;}

		.sidebar-left {width: 94%; margin: 0 auto;}
		.content-right {width: 94%; margin: 0 auto;}
		.container-content {font-size: 16px; line-height: 24px;}

		.container-footer {width: 100%; margin: 0 auto; min-height: 400px;}
		.footer-logo {margin: 0 auto; padding: 20px 0; width: 100%; text-align: center;}
		.footer-text {padding-top: 30px; margin: 0 auto; width: 90%; text-align: center;}
		.footer-nav {font-size: 20px; text-transform: uppercase;}
		.footer-nav a {color: #fff; text-decoration: none; margin-right: 20px;}
		.footer-nav a:visited {color: #fff; text-decoration: none;}
		.footer-nav a:hover {color: #f2bf56; text-decoration: none;}
		.copyright {color: #fff; margin-top: 10px;}
		.copyright a {color: #fff; text-decoration: none;}
		.copyright a:visited {color: #fff; text-decoration: none;}
		.copyright a:hover {color: #f2bf56; text-decoration: none;}
		
		.wrapper-sectionpic-front {width: 100%; background:#fff url("images/sectionpic-bg-front.jpg") no-repeat top; height: 300px; min-height: 300px;}
		.front-container-mainfeature {width: 100%; margin: 0 auto;}
		.front-container-mainfeature img {width: 100%;}
		.front-sectionpic-text {width: 100%; margin: 0 auto; text-align: center; padding: 20px;}
		.front-sectionpic-text img {width: 100%;}

		.front-left {width: 90%; margin: 0 auto;}
		.front-middle {width: 90%; margin: 0 auto;}
		.front-right {width: 90%; margin: 0 auto;}
		
	}
	
	@media screen and (min-width: 0px) and (max-width: 480px) {
		
		.wrapper-header {width: 100%; background:#fff url("images/header-bg-full.jpg") no-repeat top; height: 160px; min-height: 160px;}
		.wrapper-sectionpic {width: 100%; background:#fff url("images/sectionpic-bg.jpg") no-repeat top; height: 140px; min-height: 140px;}
		.wrapper-content {width: 100%; margin: 30px auto 0 auto;}
		.wrapper-footer {background-color: #004834; width: 100%; margin-top: 60px;}

		.container-header {width: 96%; margin: 0 auto;}
		.container-topnav {margin: 16px 0 0 0; z-index: 501;}

		.header-logo-isr {display: none;}
		.header-logo {padding: 12px 0 0 0; width: 100%; margin: 0 auto; text-align: center;}

		.quicklinks {display: none;}
		.topnav {display: none; width: 100% margin: 0 auto; text-align: center;}

		.sectionpic-text {width: 100%; margin: 0 auto; text-align: center; padding-top: 40px;}
		.sectionpic-text img {width: 96%;}

		.sidebar-left {width: 94%; margin: 0 auto;}
		.content-right {width: 94%; margin: 0 auto;}
		.container-content {font-size: 16px; line-height: 24px;}

		.container-footer {width: 100%; margin: 0 auto; min-height: 400px;}
		.footer-logo {margin: 0 auto; padding: 20px 0; width: 100%; text-align: center;}
		.footer-text {padding-top: 30px; margin: 0 auto; width: 90%; text-align: center;}
		.footer-nav {font-size: 20px; text-transform: uppercase;}
		.footer-nav a {color: #fff; text-decoration: none; margin-right: 20px;}
		.footer-nav a:visited {color: #fff; text-decoration: none;}
		.footer-nav a:hover {color: #f2bf56; text-decoration: none;}
		.copyright {color: #fff; margin-top: 10px;}
		.copyright a {color: #fff; text-decoration: none;}
		.copyright a:visited {color: #fff; text-decoration: none;}
		.copyright a:hover {color: #f2bf56; text-decoration: none;}
		
		.wrapper-sectionpic-front {width: 100%; background:#fff url("images/sectionpic-bg-front.jpg") no-repeat top; height: 200px; min-height: 200px;}
		.front-container-mainfeature {width: 100%; margin: 0 auto;}
		.front-container-mainfeature img {width: 100%;}
		.front-sectionpic-text {width: 100%; margin: 0 auto; text-align: center; padding: 20px;}
		.front-sectionpic-text img {width: 100%;}
		
		.front-left {width: 90%; margin: 0 auto;}
		.front-middle {width: 90%; margin: 0 auto;}
		.front-right {width: 90%; margin: 0 auto;}
		
	}
	
}

@media screen and (min-width: 1101px) {

	.wrapper-header {width: 100%; background:#fff url("images/header-bg.jpg") no-repeat top; height: 160px; min-height: 160px;}
	.wrapper-sectionpic {width: 100%; background:#fff url("images/sectionpic-bg.jpg") no-repeat top; height: 140px; min-height: 140px;}
	.wrapper-content {width: 1100px; margin: 30px auto 0 auto;}
	.wrapper-footer {background-color: #004834; width: 100%; margin-top: 100px;}
	
	.container-header {width: 1100px; margin: 0 auto;}
	.container-topnav {margin: 16px 0 0 0; z-index: 501;}
	
	.header-logo-isr {float: right; margin: 10px 0 0 0;}
	.header-logo {padding: 12px 0 0 0;}
	
	.quicklinks {}
	.topnav {float: right; margin: 0 0px 0 0; z-index: 500;}
	
	.sectionpic-text {width: 1100px; margin: 0 auto; text-align: center; padding-top: 40px;}
	
	.sidebar-left {float: left; width: 280px; margin: 0;}
	.content-right {float: right; width: 740px; margin: 0;}
	.container-content {font-size: 16px; line-height: 24px;}
	
	.container-footer {width: 1100px; margin: 0 auto; min-height: 400px;}
	.footer-logo {float: right; margin-top: -60px;}
	.footer-text {padding-top: 30px;}
	.footer-nav {font-size: 20px; text-transform: uppercase;}
	.footer-nav a {color: #fff; text-decoration: none; margin-right: 30px;}
	.footer-nav a:visited {color: #fff; text-decoration: none;}
	.footer-nav a:hover {color: #f2bf56; text-decoration: none;}
	.copyright {color: #fff; margin-top: 10px;}
	.copyright a {color: #fff; text-decoration: none;}
	.copyright a:visited {color: #fff; text-decoration: none;}
	.copyright a:hover {color: #f2bf56; text-decoration: none;}
	
	.wrapper-sectionpic-front {width: 100%; background:#fff url("images/sectionpic-bg-front.jpg") no-repeat top; height: 430px; min-height: 430px;}
	.front-container-mainfeature {width: 1200px; margin: 0 auto;}
	.front-sectionpic-text {width: 1100px; margin: 0 auto; text-align: center; padding: 20px;}
	
	.front-left {float: left; width: 460px; margin: 0 40px 0 0;}
	.front-middle {float: left; width: 260px; margin: 0;}
	.front-right {float: right;width: 300px; margin: 0;}
	
}