@import "css/reset.css";
@import "css/layout.css";


/*Utility*/


.floatLeft					{float: left}
.floatRight					{float: right}
.clear						{clear:both}
img 						{border-style: none;text-decoration: none;} 

@font-face {
    font-family: 'goudy_trajan_regularregular';
    src: url('http://www.rotm.ca/css/font/trajan/goudytrajan-regular-trial-webfont.eot');
    src: url('http://www.rotm.ca/css/font/trajan/goudytrajan-regular-trial-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.rotm.ca/css/font/trajan/goudytrajan-regular-trial-webfont.woff') format('woff'),
         url('http://www.rotm.ca/css/font/trajan/goudytrajan-regular-trial-webfont.ttf') format('truetype'),
         url('http://www.rotm.ca/css/font/trajan/goudytrajan-regular-trial-webfont.svg#goudy_trajan_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'tangerineregular';
    src: url('http://www.rotm.ca/css/font/tangerine/tangerine_regular-webfont.eot');
    src: url('http://www.rotm.ca/css/font/tangerine/tangerine_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.rotm.ca/css/font/tangerine/tangerine_regular-webfont.woff') format('woff'),
         url('http://www.rotm.ca/css/font/tangerine/tangerine_regular-webfont.ttf') format('truetype'),
         url('http://www.rotm.ca/css/font/tangerine/tangerine_regular-webfont.svg#tangerineregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*typesetting*/







body {background-color: #E0E6F4;
	font-family: goudy_trajan_regularregular, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;	
		}  


	
a:link {color:#000; text-decoration: none;}   
a:visited {color:#000;text-decoration: none;} 
a:hover {color:#000;text-decoration: none;}  
a:active {color:#000; text-decoration: none;} 

nav a:link {color:#D1D3D4; text-decoration: none;}   
nav a:visited {color:#D1D3D4;text-decoration: none;} 
nav a:hover {color:#BE1E2D;text-decoration: none;}  
nav a:active {color:#D1D3D4; text-decoration: none;} 

.footer_links a, .post h2 a:link {color:#fff; text-decoration: none;}
.footer_links a, .post h2 a:visited {color:#fff;text-decoration: none;} 
.footer_links a, .post h2 a:hover {color:#BE1E2D;text-decoration: none;}
.footer_links a, .post h2 a:active {color:#fff; text-decoration: none;}

.powerpress_links a, .powerpress_links_mp3 a:link {color:#1C75BC; text-decoration: none;}
.powerpress_links a, .powerpress_links_mp3 a:visited {color:#1C75BC;text-decoration: none;} 
.powerpress_links a, .powerpress_links_mp3 a:hover {color:#BE1E2D;text-decoration: none;}
.powerpress_links a, .powerpress_links_mp3 a:active {color:#1C75BC; text-decoration: none;}

aside ul {margin-bottom:30px}
aside li {font-size: 14px; line-height: 24px; margin-left: 16px; }

aside h3 {margin-bottom: 10px}
aside li a:link {color:#1C75BC; text-decoration: underline}   
aside li a:visited {color:#1C75BC;text-decoration: underline} 
aside li a:hover {color:#BE1E2D;text-decoration: underline}  
aside li a:active {color:#1C75BC; text-decoration: underline}

.contact_links{font-family: goudy_trajan_regularregular}
.contact_links a:link {color:#1C75BC; text-decoration: underline}   
.contact_links a:visited {color:#1C75BC;text-decoration: underline} 
.contact_links a:hover {color:#BE1E2D;text-decoration: underline}  
.contact_links a:active {color:#1C75BC; text-decoration: underline}

#contacts {margin-top: -19px}
#contacts h3{color:#BE1E2D; line-height: 24px; margin-bottom: 4px}


aside p {font-size: 14px; margin-left: 19px; margin-bottom: 30px}

 

nav ul li{
	display: inline;
	margin-left: 50px;
	font-size: 20px;
	text-shadow: 2px 2px 2px #000} 
	
#post-20 p {
	font-family: goudy_trajan_regularregular, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	margin-left: auto;
	margin-right: auto;
	text-align: justify}	
	
nav ul	{
	padding-top: 8px}		
	

h1 {font-family:goudy_trajan_regularregular, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-size: 30px;
	text-shadow: 2px 2px 2px #A7A9AC
}

.category_head, aside h3 {
	margin-left: 19px;
	font-size: 24px;
color: #BE1E2D;
		
	}
	
.form-submit	{text-align: right}	

.biblical_ref	{
	color: #BE1E2D;
	text-align: right}
	
	
.script  {
	font-family: tangerineregular, arial;
	font-size: 30px;
	line-height: 50px;
	width:400px;
	margin: 40px auto}
	
	
p {line-height: 30px; font-size: 14px}

article h1{margin-top: -19px; margin-bottom: 20px; padding-top: 0 }	




/*layout*/
#container {
	width:960px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background-color: #F1F2F2;
	-moz-box-shadow: 3px 3px 4px #A7A9AC;
	-webkit-box-shadow: 3px 3px 4px #A7A9AC;
	box-shadow: 3px 3px 4px #A7A9AC;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A7A9AC')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A7A9AC');}
	
	
#container_top {
	position: relative;
	width:960px;
	margin:0px auto 0px auto;
	padding-top: 0px;
	background-color: #F1F2F2;
	-moz-box-shadow: 3px 3px 4px #A7A9AC;
	-webkit-box-shadow: 3px 3px 4px #A7A9AC;
	box-shadow: 3px 3px 4px #A7A9AC;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A7A9AC')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A7A9AC');}	
	
	#container_top:before,
			#container_top:after {
				content:" ";
				border-top:16px solid #1C75BC;	/* Colour of the triangle. To flip the effect, use border-bottom. */
				position:absolute;
				bottom:-16px; /* +1 to compensate for the border */
				} 
				#container_top:before {
					border-left:16px solid transparent;
					left:0px;	 /*Only required if the element has a border */
					}
				#container_top:after {
					border-right:16px solid transparent;
					right:0px;
					}
	

	
	
	

/* header layout */

#social_media {
	text-align: left}

#head_banner {
	width: 960px;
	height: 269px;
	background-image: url(http://www.rotm.ca/images/rotm_banner.jpg)}	
	
nav	{
	position: relative;
	width: 988px;
	height: 42px;
	margin-left: -14px;
	background-color: #1C75BC;
	-moz-box-shadow: 3px 3px 4px #A7A9AC;
	-webkit-box-shadow: 3px 3px 4px #A7A9AC;
	box-shadow: 3px 3px 4px #A7A9AC;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A7A9AC')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A7A9AC');
		z-index:2}	
		
nav:before,
			nav:after {
				content:" ";
				border-top:14px solid #2B3990;	/* Colour of the triangle. To flip the effect, use border-bottom. */
				position:absolute;
				bottom:-14px; /* +1 to compensate for the border */
				} 
				nav:before {
					border-left:14px solid transparent;
					left:0px;	 /*Only required if the element has a border */
					}
				nav:after {
					border-right:14px solid transparent;
					right:0px;
					}
					
					
/* article layout */

#bio_image	{
	-moz-box-shadow: 3px 3px 4px #A7A9AC;
	-webkit-box-shadow: 3px 3px 4px #A7A9AC;
	box-shadow: 3px 3px 4px #A7A9AC;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A7A9AC')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A7A9AC');
	}

#media_header {
	width:840px;
	margin: 20px auto 30px auto;
	border-bottom: solid 3px #1C75BC;}
	
#media_header h1 {font-size: 42px}	

.head_icon {margin-bottom: -3px}

article		{
	margin: 20px auto 40px auto;
	width: 600px;
	}
	
article p {
	font-family: Arial;
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 18px}	
	
article footer	{
	}
	
#main_body  {
	margin-left:40px;
	width: 638px;
	float:left;
	border-right: solid 1px #1C75BC;
	padding-right: 19px;
	
	}
	

.post  p	{
	margin:10px 5px;
	font-size: 14px;
	
       	}
       	
.book_cover {
		position: absolute;
		float:right;
		z-index: 3;
		margin-top: -90px;
		margin-left: 500px}
		
#dc_jqslickcontact_widget-2-item {
		position: relative;
		z-index: 999999}		       	
	
.powerpress_player	{
       margin: 20px 5px 10px 0px;
       padding-left: 5px
       }	
		
		
.date {
	margin:10px 5px;
	font-size: 16px
       }
       
.category-audio header h2, .category-testimonies header h2 {background-color: #6A93CD;} 
.category-book header h2 {background-color: #90ACD9;} 
.category-donnas_corner header h2, .category-newsletter header h2, .category-newsletter-archive header h2  {background-color: #B9C9E7;}  


.category-book p, .category-newsletter p {max-width:470px} 
     		
	
.post h2 {
	position: relative;
	margin-left:-14px;
	margin-bottom: 14px;
	padding-top: 9px;
	padding-left: 19px;
	width: 600px;
	height:29px;
	z-index: 1;
	font-size: 18px;
	-moz-box-shadow: 3px 3px 4px #A7A9AC;
	-webkit-box-shadow: 3px 3px 4px #A7A9AC;
	box-shadow: 3px 3px 4px #A7A9AC;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A7A9AC')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A7A9AC');
	}
	
	
	
	
	
.post h2:before,
			.post h2:after {
				content:" ";
				border-top:14px solid #1C75BC;	/* Colour of the triangle. To flip the effect, use border-bottom. */
				position:absolute;
				bottom:-14px; /* +1 to compensate for the border */
				} 
				.post h2:before {
					border-left:14px solid transparent;
					left:0px;	 /*Only required if the element has a border */
					}
				/*.category-audio h2:after {
					border-right:14px solid transparent;
					right:0px;
					} */	
		
	
aside	{
	float:left;
	width: 200px;
	margin-right: 40px;
	margin-top: 0px}		
	
#home_top	{text-align: center;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
.button {
	width:960px;
	margin: 0px auto 0px auto;
	text-align: center}	
	
	
	
.powerpress_links, .powerpress_links_mp3 {
	width:600px;
	border-top: solid 1px #1C75BC;
	border-bottom: solid 3px #1C75BC;
	height: 22px;
	font-size: 14px;
	color: #1C75BC;
	padding-top: 8px;
	margin-top: 20px;
	margin-left: 5px;
	margin-bottom: 40px;
}
	
	
p .powerpress_links, .powerpress_links_mp3 {
	font-family: goudy_trajan_regularregular}	
	

#home_top h2{
	font-size: 22px;
		}

#home_mid	{
	width:928px;
	margin: -20px auto;
	padding-top: 40px;
	padding-bottom: 20px;
	background-color: #CFD8EE;
	text-align: center}

#home_bottom	{
	
	margin-top:20px
	margin-bottom:60px;
	padding-top: 20px;
	text-align: center
	}
	
/* #home_bottom:before,
			#home_bottom:after {
				content:" ";
				border-bottom:16px solid #1C75BC;	/* Colour of the triangle. To flip the effect, use border-bottom. */
				position:absolute;
				top:-16px; /* +1 to compensate for the border */
				} 
			/*	#home_bottom:before {
					border-left:16px solid transparent;
					left:0px;	 /*Only required if the element has a border */
					}
			/*	#home_bottom:after {
					border-right:16px solid transparent;
					right:0px;
					} */
	
	

#home_bottom h1	{
	width:688px;
	margin: 20px auto ;
	text-align: center}

#home_bottom p	{
	width:688px;
	text-align: justify;
	font-size: 18px;
	margin: 20px auto ;
	line-height: 40px}

.home_video  {
	margin: 0px auto}	
					
					

/* footer layout */
footer		{
	width: 988px;
	height: 136px;
	position: relative;
	margin-top: 20px;
	margin-left: -14px;
	background-color: #1C75BC;
	-moz-box-shadow: 3px 3px 4px #A7A9AC;
	-webkit-box-shadow: 3px 3px 4px #A7A9AC;
	box-shadow: 3px 3px 4px #A7A9AC;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A7A9AC')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A7A9AC');
	
	
	
}

footer:before,
			footer:after {
				content:" ";
				border-bottom:14px solid #2B3990;	/* Colour of the triangle. To flip the effect, use border-bottom. */
				position:absolute;
				top:-14px; /* +1 to compensate for the border */
				} 
				footer:before {
					border-left:14px solid transparent;
					left:0px;	 /*Only required if the element has a border */
					}
				footer:after {
					border-right:14px solid transparent;
					right:0px;
					}
					
.footer_column	{
		float:left;
		margin: 6px 30px 0px 30px;
		color: #fff}

.footer_column_mid	{
		float:left;
		margin: 6px 30px;
		color: #fff}
		
.footer_column_last	{
		float:right;
		margin-top: 6px;
		margin-right: 56px;
		color: #fff}		
		
.footer_head	{
		font-size: 16px;
		margin-bottom: 5px;
		margin-top: 6px}
		
				
		
.footer_links	{
		font-family: Arial;
		font-size: 12px;
		line-height: 18px}							

.copyright	{
		font-size: 12px;
		width: 988px;
		text-align: right;
		margin: 20px auto}
		
.copyright_bottom {width:988px;
			margin: 10px auto 10px	auto}		

/* Comments Section */

/*article .comment, #respond {
		margin: 20px auto 40px auto;
		width: 600px} */
		
#comments-title{
 	background-color:#B9C9E7;
 	position: relative;
	margin-left:0px;
	color: #fff;
	margin-bottom: 0px;
	padding-top: 9px;
	padding-left: 19px;
	width: 600px;
	height:29px;
	z-index: 1;
	font-size: 18px;
	-moz-box-shadow: 3px 3px 4px #A7A9AC;
	-webkit-box-shadow: 3px 3px 4px #A7A9AC;
	box-shadow: 3px 3px 4px #A7A9AC;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A7A9AC')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A7A9AC');
	}
	
	
	
	
	
#comments-title:before,
			#comments-title:after {
				content:" ";
				border-top:14px solid #1C75BC;	/* Colour of the triangle. To flip the effect, use border-bottom. */
				position:absolute;
				bottom:-14px; /* +1 to compensate for the border */
				} 
				#comments-title:before {
					border-left:14px solid transparent;
					left:0px;	 /*Only required if the element has a border */
					}
							
 


		

.comment	{padding: 20px; margin-left:14px; margin-bottom: 0; margin-top: 0; width: 560px}
.odd	{background-color: #DCE2F3}	
.even	{background-color: #F3F4FA}		
		
.comment-reply-link	{
	
	text-align: right}	
	
		
		

#respond {background-color:#B9C9E7;
margin-left:14px;
		padding: 20px;
		width: 560px}
		
		
/* Tab styles */
.dc-contact-slick .tab {
cursor: pointer;
font-size: 13px;
line-height: 13px;
background: #DCE2F3;
padding: 12px 15px;
color: #fff;
font-weight: bold;
}		

.category-testimonies div.date {display:none}
							
article.category-testimonies h2 {display:none}