/* CSS

Free Reformed Churches of North America

Author: Tim Pronk, www.pronkgraphics.com

-------------------------------------------------------------- */

.debug { border: 1px dashed #F00;}

body {
background-color:#333333;
background-image:url(../images/content/bgtile.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
margin: 0px;
padding: 0px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
color:#333;
}
.k2Pagination ul { display:table; text-align:center; margin:0px auto; }
.k2Pagination ul li { display:inline; padding:0 5px; }
.login { clear:both; }
#slidebox { width:1000px; margin:0px auto; z-index:100;}

#slides {width:648px; height:300px;z-index:100;  position: absolute;}

#main_wrap {
margin-left:auto;
margin-right:auto;
margin-top:8px;
position: relative;
width:1000px;
display:block;
clear:left;
}

a.logolink { display:block; width:200px; height: 120px; float:left; }

#main { display:block; width:976px; background-color:#FFF; min-height:750px; float:left; z-index:-1; margin: 26px 0px 0px 20px;}

#slideblank { display:block; float:left; width:648px; height:290px;
background:url(../images/content/slideshow_shadows.jpg) right bottom no-repeat;}

#welcome { display:block; float:left; width:260px; clear:both; margin:10px; padding-left:30px;}


/* MAIN CONTENT BLOCK*/
#content { display:block; width:900px; float:left; margin-left:30px; border:1px dotted #999;}

#content_2clm { display:block; width:600px; float:left; margin-left:30px;  clear:left;}
/* EOF MAIN CONTENT BLOCK */


#row3 { display:block; float:left; clear:both; width:980px; margin:0px 0px 10px 0px; z-index:100;}


#body_wrap {
display:block;
margin: 0px;
padding: 0px;
}

#header {
display:block; width:950px; height:10px; float:left;
}
	




/* CONTAINERS
-------------------------------------------------------------- */

/* MAGAZINE BLOCKS */

.magbox { display:block; float:left; width:300px; min-height:200px; 
background:url(../images/content/bg_magfeature.jpg) top left repeat-x; background-color:#895b02;
/*     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;*/
-moz-border-radius-topleft:4px;
-webkit-border-top-left-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
}
.rmargin_20 { margin-right:20px;} 
.lmargin_20 { margin-left:20px;}


.home_maglink { border-bottom:2px solid #FFF; display:block; width:260px; height:160px; margin:6px auto; z-index:100;}

.mag1 { background:url(../../../images/client/magazine_tm.png) top center no-repeat;}
.mag2 { background:url(../../../images/client/magazine_tym.png) top center no-repeat;}
.mag3 { background:url(../../../images/client/magazine_ow.png) top center no-repeat;}

a.home_maglink:hover { background-position:12px 2px;}

.mag_r2 { display:block; width:260px; padding:0px 0px 8px 0px; float:left; margin-left:20px; } 

.mag_r3 { display:block; width:260px; padding:4px 0px 8px 0px; float:left; margin-left:20px; border-top:2px solid #FFF; color:#FFF; font-size:12px;} 

.mag_r3 a:link, .mag_r3 a:visited, .mag_r3 a { color:#FFF; font-size:12px; float:left;}

td.sermons th { background-color:#333;}


/* TITLES
-------------------------------------------------------------- */


.title_magazine { font-size:18px; color:#FFF; text-transform:uppercase; width:130px; float:left; border-right: 1px solid #FFF;}







/* FOOTER
-------------------------------------------------------------- */
#footer 			{ height:auto; width:100%; background-color:#333333; float:left; clear:both; text-align:left; color:#CCC; padding-bottom:15px; margin:0px;}

.footbox 			{ display:block; width:1001px; padding-top:0px; font-size:10px; margin-left:auto; margin-right:auto; text-align:left; font-size:12px; color: #FFF;}

.pagebase 			{ width:976px; background-color:#FFF; margin:0px 0px 0px 10px; height:8px; margin-left:20px;}
.footer_content 	{ margin-left:21px; width:976px; padding:12px 0px 8px 0px; }
#footnav ul 		{ margin:0px; padding:0px; white-space: nowrap;
text-align:left;}

#footnav li 		{ display: inline; list-style-type: none; border-right: 1px solid #FFF; padding:0px 4px;}

#footnav a, #footnav a:link, #footnav a:visited { color: #FFF; text-decoration: none; }
#footnav a:hover 	{ color: #FFF; text-decoration: underline; }
#footer .active 	{ color: #FFF; text-decoration: underline;}
#footnav li.end 	{ border-right:none;}

.foottag 			{ display:block; width:500px; float:left; padding:10px 0px;}

#loginlink 		{ margin:18px 0px 0px 30px;}
#loginlink a, #loginlink a:link { color:#CCC;  font-size:14px; background-color:#666; padding:4px 6px;
border-radius:3px; 
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
-khtml-border-radius:3px;
}
#loginlink a:hover { background-color:#000;}


.footer_copyright { float:left; width:75%; display:block; color:#999; }



/* PRONK GRAPHICS
-------------------------------------------------------------- */
#pronkgraphics {width:100%; height:auto; background-color:#1c3d5f; float:left; clear:both; text-align:center; color:#336699; font-size:10px;}
.pg { display: block; width: 960px; text-align:right; padding-bottom:14px; margin-left:auto; margin-right:auto; color:#CCC; font-size:10px;}

.pg a:link,.pg a,.pg a:visited { text-decoration:none; color:#895b02;}
.pg a:hover { color:#FFF; font-style:italic; font-size:11px;}
.pg a:hover:focus {content: "pronkgraphics"}
.pg a:hover:before {content: "www."}
.pg a:hover:after {content: ".com"}




/* JOOMLA STYLES -------------------------------------------------------------- */

td .buttonheading img, table.contentpaneopen .buttonheading img { border:none;}
td.MainTableArea dd { display:block;}
.modifydate { font-size:8px; color:#818181;  }
a.readon { }
td .article_column .column_separator { float:left;}

h1,.contentheading, .contentheadingtest, .componentheading, 
.componentheadingmessenger, .componentheadingyouthmessenger, .componentheadingcongregations /* suffix class */

{ font-size:18px; font-weight:bold; /*border-bottom:1px dotted #D5D5D5;*/ margin:20px 0px 10px 0px; padding:10px 0px 0px 0px; color:#4C351B;}


.contentpaneopen .small, .contentpaneopentest .small, .contentpaneopentest .createdate, .contentpaneopen .createdate { font-size:11px; color:#818181; font-style:italic;}

 h3, h4 {
font-weight: normal;
line-height: 1.2em;
color: #000;
/*margin: 0 0 1em;*/
margin: 0 0 0;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
ul.breadcrumb { display:inline; margin:0; padding:0;  }
ul.breadcrumb li { display:inline; }
#fpssContainer16.fpss-template-movies { border:6px white solid !important; padding: 0 !important; }
.fpss-template-movies .slidetext a.fpssReadMore { font-size:12px !important; }
.fpss-template-movies .slidetext p { font-size:11px }
.fpss-template-movies .slidetext h1 { padding:0 !important; }
.slidetext { width: 100%  !important; bottom: 0 !important; left: 0 !important; margin-top: 50% !important; padding-top: 10px !important; }
li.navigation-button span.navigation-thumbnail { display:none !important; }
.fpss-template-movies .slidetext { bottom: 0 !important; }
.fpss-template-movies .slidetext h1, .fpss-template-movies .slidetext h1 a { font-size:20px !important; }
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 16px;}

/* banners */
.bannerwrap { display:block; background-color:#FFF; float:left; width:942px; padding:4px 4px 0px 4px;}
.bannerlabel {display:block; float:left; padding:2px 6px; background-color:#999; color:#FFF; font-size:8px;}
.bannerbox {display:block; float:left; padding:4px; float:left; clear:both; border:1px solid #CCC; margin-bottom:6px;}

/* breadcrumbs wrap */
#pathway { float:left; width:580px;text-align:left; padding:6px; display:block; background-color:#FFF; margin:18px 0px 18px 0px; color:#666; font-size:10px; 
} 
#pathway a:link, #pathway a:visited { color:#663300; /* brown */}
#pathway a:hover { color:#2C3F5F; /* blue */}


#pathway img { float:none; margin:0px; padding:0px; border:none;}	
.breadcrumbs { border-bottom:1px groove #CCC;}

h1, div .componentheading { font-size:22px;}

td .article_column { width:440px; margin-right:10px; margin-bottom:20px; padding-right:10px; border-bottom:1px dotted #CCC; }
.column_separator { }
.article_separator {}

/* more articles */
div .blog_more { margin-top:10px; border-bottom:1px dotted #CCC; margin-bottom:10px;}
div .blog_more ul {
margin-left: 0;
padding-left: 0;
list-style: none;}
div .blog_more li
{
padding-left: 16px;
background-image: url(/joomla/templates/wordanddeed/images/content/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}


div .blog_more li a:hover { color:#333;}
.contentpaneopen { padding-left:20px; display:inline; float:left; clear:both; /*width:600px;*/}
.entry-title { color:#663300; text-shadow:#fff 0px 1px 0, #CCC 0 -1px 0;}

table .blog { width:600px; border:1px dotted #F00; float:left;}

.floatright { float:right;}

/* LISTS */
.contentpane ul {}
.contentpane ul li { list-style:none; background:url(../images/content/list-icons4.jpg) top left no-repeat; padding-left:22px;
/* list-icons2.jpg, list-icons3.jpg, list-icons4.jpg */
}



/* footer user menu */
#footeruser { padding:0px; margin:10px 0px 0px 24px; font-size:12px;}
ul #footeruser { background:none;  display:block; float:left;}
#footeruser li { display: inline; list-style-type: none; padding:0px 4px; background:none;}
#footeruser li #current { padding:0px; margin:0px;}

#footeruser li a, #footeruser li a:link, #footeruser li a:visited  { width:auto; float:left; margin:0px; padding:4px 6px; color:#FFF;}
#footeruser li a span { color:#FFF;}
#footeruser li a:hover { color:#FFF; text-decoration:underline;}


/* 	SLIDESHOW
-------------------------------------------------------------- */
/* http://www.joomlaworks.gr/content/view/71/41/ */
#fpss-outer-container 	{ border:6px solid #FFF; text-align:left; float:left; display:block;}

#fpss-container .hasFPSS { float:left; display:block;}
#fpss-container 			{ display:block; float:left; width:646px;}

.navbar-title 				{ margin-top:6px;}
.navbar-tagline 			{ padding-left:10px;}

div.slidetext h1			{ text-decoration:none!important;}
div.slidetext p			{ border:none!important;}

li.navigation-button:hover span.navigation-title,
li.navigation-button:hover span.navigation-tagline 	{ color:#444444!important; }


/* 
main styling edits for module are done in modules/mod_fpss/tmpl/frcna/css
*/


/* FRCNA IMPORTED CONTENT STYLE EDITS */
.SiteTable { width:570px;}
.MainTableArea {}

/* 	BUTTONS
-------------------------------------------------------------- */

div.mag_r2 a.button_magazine { display:block; background-color:#C30; color:#FFF; text-decoration:none; text-align:center; padding:6px; width:100px; float:right; margin-top:7px;
/*border-radius:4px; */
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
}

div.mag_r2 a.button_magazine:hover { display:block; background-color:#FFF; color:#C30; text-decoration:none; text-align:center; padding:6px; width:100px; float:right;}


/* 	JoomBible
-------------------------------------------------------------- */

.copyright { display:none;}
#bible-text{ height:700px;}
#bible-content { height:900px; background-color:#FFF;}
div.text { background-color:#FFF;}
p.verso { background-color:#FFF; border:none; border-bottom:1px dashed #CCC; padding-bottom:6px; margin-bottom:4px;}

p.selverso { padding-bottom:4px;}


/* 	DM Article Titles List PRO
-------------------------------------------------------------- */


.articlewrap { margin:10px 0px 10px 10px; float:left;}
.articlewrap p { font-size:16px; font-weight:bold;}

.dmarticletitlespro_title { font-size:12px; text-decoration:none; border:none;}


ul.latestnews, ul.congregations {
margin-left: 0;
padding-left: 0;
list-style: none;}

ul.latestnews li, ul.congregations li
{
/*padding-left: 15px;
background-image: url(/templates/frcna/images/content/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;*/
margin-bottom:6px;

}


ul.latestnews li a, ul.congregations li a { text-decoration:none; }
ul.latestnews li a:hover, ul.congregations li a:hover { color:#930; text-decoration:underline;}

/* 	Chronoforms
-------------------------------------------------------------- */
div .chronoform a { display:none;}
.LV_validation_message { float:left; clear:both;}

/* 	Radio Messages
-------------------------------------------------------------- */
td.BannerStationDay {
font-weight: bold; font-size:18px;
/*border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;*/
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666;
}


.BannerStationArea { padding-top: 10px; font-style: italic; font-weight:bold; color:#333;}

/* 	Testing
-------------------------------------------------------------- */
.todo { border:1px dotted #CCC; color:#F00; padding:6px; font-weight:bold; font-style:italic;}


/*  HOME PAGE SPECIFIC
-------------------------------------------------------------- */
#content_homewrap { width:630px; float:left; display:block; padding-left:10px;}
#home_clmlft { width:300px; display:block; float:left; margin-left:10px; padding-top:0px; margin-top:0px;}
#home_clmlft > table > .contentpaneopen { width:240px; border:1px dotted #0F0;}
#home_homewrap > div.componentheading { padding-left:10px; margin-top:0px;}
/* dropcap on first letter of intro paragraph */
div.leading-0 p:first-child:first-letter {float: left; color: #014E7C; font-size: 45px; line-height: 36px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia;}


/* 	JCal Pro
-------------------------------------------------------------- */
div#eventwrap { padding: 4px 8px 6px 8px; border:1px solid #CCC; margin:10px 0px 6px 0px;
border-radius:6px; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
/*background:url(../images/content/bg_magfeature.jpg) -200px 0px repeat-x;*/
background:url(../images/content/bg_events.jpg) top left repeat-x;
/*background-color:#CCC;*/
width:44%;
float:right;
}


div#eventwrap > h3 { color:#FFF; text-transform:uppercase; margin:6px 6px 3px 6px; border-bottom:1px solid #FFF; font-size:16px;}

#eventwrap ul { margin-left: 0px; padding-left:10px;}

#eventwrap ul li:before {
	content: "\0020 \0020 \0020 \00BB \0020";
	color:#FFF;
	}

#eventwrap a, #eventwrap a:link, #eventwrap a:visited { color:#FFF; font-size:12px;}

#eventwrap ul li:hover { color:#000; font-style:italic;}
#eventwrap ul li { list-style:none; margin-left:0px;}
#eventwrap ul li a, #eventwrap ul li a:link, #eventwrap ul li a:visited { color:#FFF; margin-left:0px; font-size:12px;}


.eventsdate { font-size:14px; color:#CCC;}
.latest_event { margin-bottom:8px; border-bottom:1px dotted #CCC;}

/* HOME PAGE NEWS*/

ul.latestnews { color:#FFF;}




/* 	MOOTOOLS
-------------------------------------------------------------- */

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
	 background-color:#333;
	 border-radius:3px; 
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
-khtml-border-radius:3px;

/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; // first!
	filter: alpha(opacity=80);					// second!
opacity:80;*/
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 2px;
	/*background: url(bubble.png) top left;*/
}
 
.tool-text {
	font-size: 11px;
	padding: 2px 8px 8px;
	/*background: url(bubble.png) bottom right;*/
}

.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}

.custom-title {
	font-weight: bold; font-size: 11px; color: #3E4F14;
	margin: 0; padding: 8px 8px 4px; background: #C3DF7D; border-bottom: 1px solid #B5CF74;
}

.custom-text {
	font-size: 11px; padding: 4px 8px 8px; background: #CFDFA7;
}

/* 	ROKDOWNLOADS
-------------------------------------------------------------- */
#rokdownloads h3 a, rokdownloads h4 a { font-size:14px;}

/* 	SEARCH
-------------------------------------------------------------- */
.highlight{background-color: #fbf803;}

#K2FilterBox109 form {display:block; float:left; margin:10px 0px;}
.K2FilterBlockk2filter	{margin:8px 0px;}
/*input.button.k2filter		{float:none!important; position:absolute; top:632px; left:887px;}*/

div.k2filter-cell		{display:block; width:280px; position:relative;}
div.k2filter-row			{  }
#K2FilterBox109 .inputbox		{float:left;}
input.button.k2filter		{float:right!important; clear:none!important; position:relative; top:-24px; left: -48px;}


/*div.k2filter-field-text.k2filter-field-1 h3	{ display:none;}*/

/* --- Search Box --- */
/*div.k2SearchBlock {}
div.k2SearchBlock form {}
div.k2SearchBlock form input.inputbox {}
div.k2SearchBlock form input.button {}*/

/* 	J3 Mods
-------------------------------------------------------------- */
.layout-sermon		{ width:100%; display:block; font-size:12px; margin:3px 0px 8px 0px; float:left; border-bottom:1px solid #F4F4F4!important;}
.layout-sermon div	{ border-right:1px solid #ECECEC; padding:4px;  margin-right:4px;}
.layout-sermon:hover	{ background-color:#ECECEC;}
.sermon-link	{ display:block; float:left; width:3%; border-right:none!important;}
.sermon-title	{ display:block; float:left; width:42%; }
.sermon-writer	{ display:block; float:left; width:25%;}
.sermon-dateissued	{ display:block; float:left; width:10%;}
.sermon-specialoccasion	{ display:block; float:left; width:8%;}

.layout-sermontop	{ width:100%; display:block; font-size:16px; font-weight:bold!important; margin:6px 0px 10px 0px; float:left; border-bottom:1px solid #F4F4F4!important;  margin-right:4px;}
.layout-sermontop div	{  padding:4px;}


/* social media */

.itemSocialSharing > .itemTwitterButton,
.itemSocialSharing > .itemFacebookButton,
.itemSocialSharing > .itemGooglePlusOneButton { float: left; width:auto; padding-right:6px; }