/*
Theme Name: njf
Theme URI: http://newjerseyfuture.org/
Description: Custom Theme for new jersey future
Version: 0.01
Author: Roger Los
Author URI: http://fusionspark.com/
*/

body, html {
	margin: 0;
	padding: 0;
	}
html {
	background: #f7f9f6 url(images/njf-html-bg.png) repeat-x top center ;
	height: 100%
	}
body {
	min-height: 100%;
	height: 100%
	}

/* Common styles */

.color-white {
	color: #eee !important;
	text-shadow: 0 0 2px #666;
	}
.color-lightblue {
	color: #aaddf6 !important;
	text-shadow: 0 0 2px #666;
	}
.clearcut {
	clear: both;
	position: relative;
	height: 1px;
	}
a {
	text-decoration: none;
/*	color: #006495; */
	color: #4277bf;
	}
a:hover {
	text-decoration: underline;
	}
p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
hr {
	height: 1px;
	border: 0;
	color: #ccc;
	background-color: #ccc;
	margin: 8px 0 12px 0;
	}
img {
	border: 0;
	}

/* Images */

.wp-caption {
	display: block;
	border: 1px solid #afd4c9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 6px #ccc;
	-webkit-box-shadow: 0px 0px 6px #ccc;
	box-shadow: 0px 0px 6px #ccc;
	} 
.alignright {
	float: right;
	margin: 5px 0 5px 15px;
	}
.alignleft {
	float: left;
	margin: 5px 15px 5px 0 ;
	}
.aligncenter {
	margin: 5px 0 15px 0;
	}
.wp-caption img {
	border: 0;
	margin: 5px;
	}
p.wp-caption-text {
	text-align: left !important;
	margin: 0 !important;
	padding:  0 5px 7px !important;
	font: 10px/10px arial,sans-serif !important;
	color: #2e6b58 !important;
	}

/* Container */

#njf {
	position: relative;
	background: #fff url(images/njf-bg.png) top center repeat-y;
	width: 1000px;
	margin: 0px auto;
	min-height: 100%;
	-moz-box-shadow: 0 0 10px #333;-webkit-box-shadow: 0 0 10px #333;box-shadow: 0 0 10px #333;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color='#333333')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color='#333333');
	}
#njf.home {
	background: #fff;
	}

/* Header */

#njf-head {
	position: relative;
	height: 119px;
	background: url(images/njf-head-bg.jpg) top left no-repeat;
	width: 1000px;
	}
	#njf-head-logo {
		position: absolute;
		top: 20px;
		left: 10px;
/*
		width: 129px;
		height: 127px;
*/
		}
	#njf-head-tagline {
		position: absolute;
		top: 37px;
		left: 150px;
		width: 300px;
		height: 50px;
		}
		#njf-head-tagline p {
			font: 16px/18px arial,sans-serif;
			color: #2b2b2b;
			}
	#njf-head-search {
		position: absolute;
		top: 23px;
		left: 830px;
		width: 150px;
		height: 50px;
		}
		#searchform {
			width: 150px;
			height: 50px;
			margin: 0;
			padding: 0;
			}
			#searchform #s {
				width: 110px;
				height: 18px;
				background: url(images/search-field.png) top left no-repeat;
				display: block;
				border: 0;
				padding: 2px 5px;
				font: 10px arial;
/*				color: #006495;*/
				color: #4277bf;
				margin: 0;
				float: left;
				}
			#searchform #searchsubmit {
				display: block;
				margin: 0;
				padding: 0;
				}
			.screen-reader-text {
				display:none;
				}
	#njf-head-nav {
		position: absolute;
		top: 84px;
		left: 146px;
		width: 860px;
		height: 35px;
		font-family: arial,sans-serif !important;
		}


/* Footer */

#njf-foot {
	position: absolute;
	height: 58px;
	bottom: 0;
	background: #3e4346;
	overflow: hidden;
	clear: both;
	width: 1000px;
	}
	#njf-foot-inner {
		position: relative;
		padding: 10px 20px 0 20px;
		}
		#njf-foot-inner a {
			color: #fff;
			font: 12px/21px arial, sans-serif;
			padding-right: 20px;
			}
		#njf-foot-inner p {
			color: #b7c7c2;
			font: 12px/18px arial, sans-serif !important;
			}
		#njf-foot-inner ul {
			margin: 0;
			padding: 0;
			}
		#njf-foot-inner li {
			display: inline;
			font: 12px/18px arial, sans-serif !important;
			}
		#njf-credit {
			color: #b7c7c2;
			position: absolute;
			bottom: 0;
			right: 0;
			width: 150px;
			height: 20px;
			font: 10px/12px arial, sans-serif !important;
			text-align: right;
			}
		#njf-credit a {
			color: #ccc;
			font: 10px/21px arial, sans-serif;
			}
/* Body */

#njf-main {
	position: relative;
	padding-bottom: 68px;
	}
	#njf-main-crumb {
		position: relative;
		font: 10px/10px arial,sans-serif;
		padding: 30px 0 20px 20px;
		color: #404040;
		}
	#njf-main-crumb a {
		font-weight: bold;
		}
	#njf-main-content {
		position: relative;
		float: left;
		width: 630px;
		padding: 0 20px;
		font-family: arial,sans-serif;
		color: #313639;
		font-size: 14px;
		line-height: 19px;
		font-weight: normal;
			}
		#njf-main-content h1, #njf-main-content h2, #njf-main-content h3, #njf-main-content h4, #njf-main-content h5, #njf-main-content h6 {
			font-family: arial,sans-serif;
			padding: 0 0 10px 0;
			color: #3e4346;
			font-size: 24px;
			line-height: 24px;
			font-weight: normal;
			}
		#njf-main-content h2 {
			font-size: 18px;
			line-height: 20px;
			}
		#njf-main-content.blog-archive h1 {
			font-size: 18px;
			line-height: 19px;
			margin: 15px 0 5px 0;
			padding: 8px 0 0 0;
			border-top: 1px dotted #888;
			}
		#njf-main-content.blogindex h1 {
			margin: 15px 0 5px 0;
			padding: 8px 0 0 0;
			border-top: 1px dotted #888;
			}
		#njf-main-content h3 {
			font-size: 16px;
			line-height: 17px;
			}
		#njf-main-content h3.archive-header {
			font-style:italic;
			font-weight:bold;
			margin-bottom: 0 !important;
			padding-bottom: 0 !important;
			}
		#njf-main-content h4 {
			font-size: 14px;
			line-height: 15px;
			font-weight: bold;
			}
		#njf-main-content h5 {
			font-size: 16px;
			line-height: 20px;
			color: #4d917c;
			}
		#njf-main-content h6 {
			font-size: 20px;
			line-height: 20px;
			font-weight: bold;
			margin: 20px 0 10px 0;
			}
		#njf-main-content p, #njf-main-content li, #njf-main-content td, #njf-main-content small {
			font-family: arial,sans-serif;
			padding: 0 0 10px 0;
			color: #313639;
			font-size: 14px;
			line-height: 19px;
			font-weight: normal;
			}
		#njf-main-content small, #njf-main-content p.postmetadata {
			font-size: 12px;
			line-height: 15px;
			font-style: italic;
			margin: 0 0 4px 0;
			display: block;
			padding: 0;
			}
	#njf-main-widget {
		position: relative;
		float: left;
		width: 290px;
		padding: 0 20px;
		}
		#njf-main-widget  ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
				}
				#njf-main-widget li.widget {
					font: 12px/15px arial,sans-serif !important;
					display: block;
					width: 290px;
					margin: 0 0 0 0 !important;
					padding: 5px 0 !important;
					}
				#njf-main-widget h1, #njf-main-widget h2, #njf-main-widget h3, #njf-main-widget h4, #njf-main-widget h5, #njf-main-widget h6 {
					font: normal 15px/16px arial,sans-serif;
					color: #111;
					margin: 0 0 8px 0;
					padding: 0 0 4px 0;
/*					border-bottom: 1px solid #006495; */
					border-bottom: 1px solid #4277bf;
					}
				#njf-main-widget p, #njf-main-widget td {
					margin: 0 0 8px 0 !important;
					}
				#njf-main-widget p {
					margin: 0 0 8px 0;
					}
				#njf-main-widget ul ul {
					margin: 0 !important;
					padding: 0 0 8px 15px !important;
					list-style-type: circle;
					}

/* autonav styles */

#njf-main-content ul.subpages-list, #njf-main-content ul.subpages {
	list-style-type: none;
	margin: 10px 0 !important;
	padding: 0 !important;
	}
#njf-main-content ul.subpages-list li, #njf-main-content ul.subpages li {
	border-top: 1px dotted #ccc;
	margin: 8px 0 !important;
	padding: 8px 0 !important;
	clear: left;
	}
#njf-main-content ul.subpages-list img, #njf-main-content ul.subpages img {
	float: left;
	margin: 0 10px 8px 0;
	}
#njf-main-content ul.subpages-list a, #njf-main-content ul.subpages a {
	font: bold 14px/16px arial,sans-serif !important;
	}
#njf-main-content ul.subpages-list.ffb-home li p, #njf-main-content ul.subpages.ffb-home li p {
	padding: 0 !important;
	margin: 0 0 5px 0 !important;
	font: 12px/15px arial;
	}
	
/* bridge */

#njf-slidespace {
	position: relative;
	width: 960px;
	background: url(images/njf-bridge-block.png) no-repeat top right;
	height: 325px;
	margin-left: -20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding: 30px 20px 20px 20px;
	}
#njf-slidespace img {
	float: left;
	margin: 0 20px 0 0;
	-moz-box-shadow: 0px 0px 8px #bbb;
	-webkit-box-shadow: 0px 0px 8px #bbb;
	box-shadow: 0px 0px 8px #bbb;
	}
#njf-slidespace p {
	font: 16px/20px arial,sans-serif;
	color: #555;
	}
	
/* home */

#njf-slidedex {
	position: relative;
	width: 960px;
	height: 400px;
	margin-left: -20px;
	margin-bottom: 20px;
	padding: 30px 20px 0px 20px;
	}

/* csc */

.csc_post {
	font: bold 14px/16px arial,sans-serif;
	clear: left;
	margin: 0;
	padding: 10px 0;
	border-top: 1px dotted #999;
	}
.csc_post_author {
	font: normal 12px/14px arial,sans-serif;
	margin: 4px 0 4px 20px;
	}
.csc_post_date {
	font: italic 12px/14px arial,sans-serif;
	margin: 4px 0 4px 20px;
	}
.csc_post_thumbnail {
	float: left;
	margin: 0 10px 10px 0;
	}
.csc_headline  {
	clear: both;
	margin: 0;
	padding: 15px 0 10px 0;
	font: normal 18px/18px arial,sans-serif;
	color: #444;
	}
.csc_post p {
	margin: 0;
	padding: 0;
	}
	

	
/* Content slider */

#featuredContentSlider{
	position:relative;
	height:400px;
	overflow:hidden;
	-moz-box-shadow: 0px 0px 8px #bbb;
	-webkit-box-shadow: 0px 0px 8px #bbb;
	box-shadow: 0px 0px 8px #bbb;
	border: 1px solid #333;

	}
#fcs-leftSide{
	width:660px;
	height:400px;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	z-index:1;
	background: #555;
	}
#slider{
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
	width:660px;
	height:400px;
	}
.featuredContent{
	position:relative;
	float:left;
	display:inline;
	width:660px;
	height:400px;
	z-index:2;
	}
#fcs-rightSide{
	width:300px;
	height:400px;
	position:absolute;
	top:0;
	right:0;
	z-index:3;
	background:#3488b4 url(images/njf-slider-bg.png) top left no-repeat;
	}
#fcSliderNav{
	position:absolute;
	top:0;
	z-index:5;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#fcSliderNav li.fcsRightLink {
	width:280px;
	height:80px;
	margin:0;
	padding: 10px;
	}
#fcSliderNav .fcsRightLink h2, #fcSliderNav .fcsRightLink h2 a:link, #fcSliderNav .fcsRightLink h2 a:visited{
	font-size:18px;
	color:#c2e2f3;
	text-decoration:none;
	line-height: 19px;
	margin: 0 !important;
	padding: 0 0 5px 0!important;
	}
#fcSliderNav .fcsRightLink h2 a:hover{
	color:#000;
	}
#fcSliderNav .fcsRightLink p{
	font-size:14px;
	line-height:16px;
	color:#c2e2f3;
	margin: 0 !important;
	padding: 0 !important;
	}
#sliderArrow{
	width:317px;
	height:100px;
	display:block;
	position:absolute;
	background:transparent url(images/njf-slider-arrow.png) no-repeat left top;
	left:-17px;
	top:0;
	z-index:4;
	}
#fcSliderNav li.fcsActive h2 a:link, #fcSliderNav li.fcsActive h2 a:visited, #fcSliderNav .fcsActive p, #fcSliderNav .fcsActive p:hover{
	color:#fff;
	}
#fcSliderNav li.fcsActive h2 a:link, #fcSliderNav .fcsActive h2 a:visited{
	text-shadow: #222 0 0 2px;
	}

/* Home blog */

h3.ffb-head {
	-moz-box-shadow: 0px 0px 8px #bbb;
	-webkit-box-shadow: 0px 0px 8px #bbb;
	box-shadow: 0px 0px 8px #bbb;
	border: 1px solid #457350;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 6px 12px 5px 35px !important;
	color: #fff;
/*	background: #54825f; */
	background: #498949;
	text-shadow: #333 0 0 2px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 10px 0 15px 0;
	position: relative;
	}
h3.ffb-head  a {
	color: #fff;
	}
h3.ffb-head-inside {
	margin: 0px 0 25px 0;
	}
h3.ffb-head #njs {
	position: absolute;
	top: 0;
	left: 2px;
	width: 29px;
	height: 50px;
	background: url(images/njf-nj50-grad.png) top left no-repeat;
	margin-top: -10px;
	display: block;
	}
#njf-front-ffb-more {
	margin: 0 0 25px 130px;
	position: relative;
	font: bold 12px arial;
	}
#njf-front-ffb-rss {
	position: relative;
	float: right;
	width: 22px;
	height: 22px;
	margin: -3px -9px 0 0;
	padding: 0;
	display: block;
	}
	
/* Home widgets */

#njf-homewidget {
	position: relative;
	width: 100%;
	}
	.homewidget {
		position: relative;
		float: left;
		width: 280px;
		height: 180px;
		overflow: hidden;
		padding: 10px;
		margin: 0 0 20px 25px;
		background: #a4bfab url(images/njf-homewidget-bg.png) top left repeat;
		-moz-box-shadow: 0px 0px 8px #bbb;
		-webkit-box-shadow: 0px 0px 8px #bbb;
		box-shadow: 0px 0px 8px #bbb;
		border: 1px solid #72997c;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		}
	.homewidget:first-child {
		margin: 0 0 20px 0;
		}
		.homewidget h3.widgettitle {
			font: bold 13px/15px arial !important;
			letter-spacing: 1px;
			text-transform: uppercase;
			text-shadow: 0 0 2px #666 !important;
			margin: 0 0 8px 0 !important;
			padding: 0 !important;
			color: #fff !important;
			}
		.homewidget a {
			color: #fff;
			}
		.homewidget img {
			float: left;
			margin: 0 8px 80px 0;
			}
		.homewidget, .homewidget p {
			font: 12px/16px arial !important;
			}
		.homewidget p {
			margin: 0 0 8px 0 !important;
			padding: 0 !important;
			}
	
/* Event calendar widget */

.ec3_widget_list .ec3_list, .ec3_widget_list .ec3_list_day {
	color: #333 !important;
	}
#njf-main-widget #upcoming-events  .ec3_list_day {
	padding: 0 !important;
	margin: 0 0 5px 0 !important;
	}
#njf-main-widget #upcoming-events  .ec3_list_day  ul  {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	}
.widget #wp-calendar {
	margin-bottom: 20px;
	}
#wp-calendar tbody td {
	background: #d9eff9;
	padding: 5px 0 !important;
	}
#wp-calendar .nav tbody td, #wp-calendar tbody td.pad  {
	background: transparent;
	}
#wp-calendar th {
	font: 10px arial;
	}
#wp-calendar caption {
	font: 14px/14px arial;
	}
#wp-calendar tbody td:hover {
	border: 0px transparent !important;
	background: #c5e3f1;
	}
#wp-calendar tbody td.ec3_postday, #wp-calendar tbody td.ec3_eventday {
	background: #6aaed2;
	}
#wp-calendar tbody td.ec3_postday a, #wp-calendar tbody td.ec3_eventday a {
	color: #fff !important;
	font-weight: bold;
	}
#wp-calendar table.ec3_popup table {
	margin:0 !IMPORTANT;
	padding:0 !IMPORTANT;
	border:none;
	position:absolute;
	border-collapse:collapse;
	filter:alpha(opacity=87);
	-moz-opacity:.87;
	opacity:.87;
	z-index:30000;
}
#wp-calendar table.ec3_popup td {
	padding:0;
}
#wp-calendar table.ec3_popup {
	border:solid #517f5c 1px !important;        /* popup border */
	background:#b8ddc1 !important;        /* popup background colour */
	font:11px arial !important;            /* popup font size */
	color:#333 !important;
	text-align: left;
}
#wp-calendar .ec3_popup td {
 padding:1.5px 3px 1.5px 3px;
}
#wp-calendar #ec3_shadow0 div { display: none; width:8px; height:32px; }
#wp-calendar #ec3_shadow0 {
 margin:0;
 padding:0;
 border:none;
 width:8px;
 background-repeat:no-repeat;
 background-position:bottom right;
 vertical-align:bottom;
}

#wp-calendar #ec3_shadow1 {
 margin:0;
 padding:0;
 border:none;
 height:16px;
 background-repeat:repeat-x;
}

#wp-calendar #ec3_shadow2 div { width:8px; height:32px; }

#wp-calendar #ec3_shadow2 {
 margin:0;
 padding:0;
 border:none;
 width:8px;
 background-repeat:no-repeat;
 background-position:bottom left;
 vertical-align:bottom;
}

/* Calendar date */

#njf-main-content table.ec3_schedule {
	border: 0; 
	margin: 8px 0 8px 12px;
	background: #89ae93;
	-moz-box-shadow: 0px 0px 6px #999;
	-webkit-box-shadow: 0px 0px 6px #999;
	box-shadow: 0px 0px 6px #999;
	width: 200px;
	padding: 0;
	float: right;
}
#njf-main-content table.ec3_schedule td {
	padding: 8px 6px 2px 6px;
	color: #000;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}
#njf-main-content table.ec3_schedule td.ec3_start, #njf-main-content table.ec3_schedule td.ec3_to, #njf-main-content table.ec3_schedule td.ec3_end {
	color: #fff;
	font-size: 12px;
	padding: 0 0 10px 0;
}
#njf-main-content table.ec3_schedule td.ec3_start  {
	width: 90px;
	text-align: right;
	}
#njf-main-content table.ec3_schedule td.ec3_end {
	width: 90px;
	text-align: left;
	}
	
/* Twitter goodies */

.widget_wp_twitter_goodies_profile {
	margin-bottom: 20px !important;
	}
	
/* Connected widget */

.stayconnected {
	position: relative;
	background: #d9eff9;
	padding: 0;
	-moz-box-shadow: 0px 0px 8px #ccc;
	-webkit-box-shadow: 0px 0px 8px #ccc;
	box-shadow: 0px 0px 8px #ccc;
	border: 1px solid #d9eff9; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 20px;
	height: 135px;
	overflow: hidden;
	}
.stayhead {
	position: absolute;
	top: 13px;
	left: 13px;
	width: 260px;
	height: 20px;
	font: 14px/14px arial;
	color: #0e6d9c;
	}
.stay-icons {
	position: absolute;
	width: 30px;
	height: 90px;
	border-right: 1px solid #0e6d9c;
	top: 35px;
	left: 13px;
	}
.stay-icons img {
	display: block;
	margin: 0 0 2px 0;
	}
.stay-signup {
	position: absolute;
	top: 35px;
	left: 53px;
	width: 222px;
	height: 66px;
	}
.stay-signup p {
	font: italic 12px/12px arial !important;
	color: #0e6d9c;
	margin: 0 0 5px 0 !important;
	}
.stay-signup form {
	margin: 0;
	padding: 0;
	}
.stay-signup input.txten {
	background: #fff;
	border: 1px solid #94c3d9;
	font: 11px/11px arial;
	width: 212px;
	padding: 3px 5px;
	color: #0e6d9c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 4px;
	}
	
/* Document list */

.doclist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.doclist ul li {
	font: bold 14px/16px arial,sans-serif !important;
	margin: 0 0 10px 0 !important;
	padding: 10px 0 0px 24px !important;
	border-top: 1px dotted #999;
	background: url(images/icon_pdf.png) 0 7px no-repeat;
	}

/* Addtoany */

.njf-sharestuff {
	margin: 10px 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #999;
	}
	
/* Bridge */

.bridge #njf-main-crumb { display: none !important; }
.bridge #njf-main-widget { padding-top: 395px !important; }
.home #njf-main-widget { padding-top: 450px !important; }