/*
Custom Cascading Stylesheet created expressly for: NJ State Council of Trout Unlimited
Copyright 2013 Villagewerx LLC. All Rights Reserved.
-------------------------------------------------------------------
*/

* {margin: 0; padding: 0;}
html, body { height: 100%; font-family: arial, helvetica, sans-serif}
body > #wrap {min-height: 100%;}

/* ------- GRID ------- */
#masthead_large {background-image: url(/images/layouts/logo_gradient_horizontal.png); background-repeat: no-repeat; background-size:contain;}
#masthead_small {background-image: url(/images/layouts/logo_gradient_horizontal.png); background-repeat: no-repeat; background-size:contain;}
#content {overflow:auto; padding-bottom: 100px;}  /* must be same height as the footer */
#subfooter {background-color: #343e35; text-align: center; position: relative; margin-top: -100px; /* negative value of footer height */height: 100px; clear:both;} 
/*Opera Fix*/body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;/}
.top-bar {margin-bottom: .5em!important;}

/* ------- Home Page Elements ------ */
.left-box {background-color:#DCDF9F!important;}
.center-box {background-color: #EFE8C0!important;}
.right-box {background-color: #D3E3D8!important;}
#boxes img {border-bottom: 7px solid #fff;}
div.left-box p, div.left-box h5 {color: #67631B;}
div.center-box p, div.center-box h5 {color: #626C1C;}
div.right-box p, div.right-box h5 {color: #60869F;}
.newsbox {background-color: #DDE3C5!important;}
#wrapper {border: 1px solid #ccc;}
p.heroic {font-size: 1.4em;}

ul#featured {margin-bottom: 1.25em;}
.orbit-wrapper .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; }
.orbit-wrapper:hover .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/* THESE STYLES IMPLEMENT HERO IMAGES AS BACKGROUND ELEMENTS - Deprecated NOV 12 2013
#slide-1 {background-image: url(/images/layouts/protect_2.jpg); background-position: bottom; background-size: cover;}
#slide-2 {background-image: url(/images/layouts/reconnect_2.jpg); background-position: bottom; background-size: cover;}
#slide-3 {background-image: url(/images/layouts/restore_2.jpg); background-position: 40%; background-size: cover;}
#slide-4 {background-image: url(/images/layouts/sustain_2.jpg); background-position: 40%; background-size: cover;}
*/
#slide-1 h2, #slide-1 h3, #slide-1 p {color: #fff; text-shadow: 2px 2px 2px #000;}
#slide-2 h2, #slide-2 h3, #slide-2 p {color: #fff; text-shadow: 2px 2px 2px #000;}
#slide-3 h2, #slide-3 h3, #slide-3 p {color: #fff; text-shadow: 2px 2px 2px #000;}
#slide-4 h2, #slide-4 h3, #slide-4 p {color: #fff; text-shadow: 2px 2px 2px #000;}
article:last-child hr {display: none;}

/* ------------ NAVIGATION --------------------------- */
.has-dropdown ul { display: none; }
.top-bar-section ul li.has-dropdown ul {display: list;}
#nav_sub .has-dropdown li a:hover {background-color: #666;}
#nav_sub .has-dropdown a:active {overflow: hidden;}
#nav_sub .has-dropdown li.dropdown a:hover {display: block;}
.top-bar-section ul li.active > a {background: #2b2b2b;}
#breadcrumb {font-size: 1em; margin: 0em 0em 2.6em;}

/* ------------ ARTICLE STYLES ----------------------- */
#entryMeta {margin-bottom: 3em; }
.authorPhoto {}
.authorBio {}
.editorial_banner {background-image: url(/images/layouts/underwater_7.jpg)!important; background-position: center top; background-size:cover;}
.editorial_banner h5 {margin-top: 3em;}
div.hero {margin-bottom: 30px;}
img .left {margin-right: 20px;}
.fb_links {margin-bottom: 20px;}
img.panel .inline {margin-right: 1em;}
img.additional-photo {margin-bottom: .5em;}
img.biopic {margin-bottom: 1em;}
img.photo_print {border: 1px solid #ccc; background-color: #fff; padding: .5em;}
div.related_content {}
div.related_content h4 {color: brown;}
.vcard {background-color: #D3E3D8;}
.vcard li, .vcard h6 {text-align: center; color: #666;}
article.officer_bio .vcard {background-color: transparent!important;}
article.officer_bio h5 {color: #87571E; font-size: larger;}
.tel, .email {margin: .5em 0em;}
.organization-name, .organization-unit {color: #CD892E; margin-bottom: 0em; line-height: normal;}


/* ------------ TYPOGRAPHIC ELEMENTS ----------------- */
#masthead_large h1 {font-size: 2em; line-height: auto; height: 5em; position: relative; left: -2000px; overflow: hidden;}
#masthead_small h1 {font-size: 2em; line-height: auto; height: 2em; position: relative; left: -2000px; overflow: hidden;}
#footer p {font-size: 12px; color: #ccc; padding: 30px;}
article h1, article h2, article h3 {font-family:'NewsNumberTwoW00-Bold'!important; font-size: 2.0em!important; line-height: 1.083em; margin-top: .5em;}
article p {font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 1em; color: #777777;}
article h5 {font-size: .9em;}
#upcoming h5 {color: #fcfcfc;}
#upcoming li h6 {padding-bottom: 5px; border-bottom: 1px dashed #D1C273;}
figcaption {font-size: small; color: #ccc; text-align: center; margin: 10px; }
figcaption.hero-caption {font-size: small; color: #666; text-align: center; margin: 1em 0em;}
figcaption.additional-caption {color: #666; margin-top: 0;}
.slug {font-size: small; color: #ccc;}
#news-list h4, #event-list h4, #news-list hr, #event-list hr {color: #8E8826;}
#news-list p.subtitle {color: #89AB7D; font-weight: 600; line-height: 1.1em;}
.content-title {color: #89AB7D; font-size: 1.65em;}
h5.content-title {color: rgba(87, 103, 70, 0.6); font-size: 1.3em;}


/* ------------ Lists -------------------------------- */
li.headline {padding-bottom: 10px; border-bottom: 1px dotted #87571E;}
#upcoming {background-color: #82959E!important;}
div #upcoming ul.side-nav li.panel {background-color: #60869F!important;}
div #upcoming li span {font-size: small; color: #D1C273;}
ul.bullet-free {list-style-type: none;}
tr.alt-a {background-color: #D3E3D8; vertical-align: top;}
tr.alt-b {background-color: #EFE8C0; vertical-align: top;}
#news-list li, #event-list li {margin-left: 1em; margin-bottom: .5em; list-style-type: square; border-bottom: 1px dashed #8E8826; line-height: 1.2em; padding-bottom: .5em;}
#event-list li span {color: #89AB7D; font-size: small;}
#news-list a, #event-list a {font-weight: bold;}
ul.events li a {line-height: auto;}
li.related_list {margin-bottom: .5em;}
dl dd.small, dl dd.smaller {color: #777!important;}

/* ------------ Links -------------------------------- */
#upcoming li a {color: #C7E7C9; line-height: 1.25em;}
#upcoming li a:hover {color: #EFE8C0;}
a.modal img {margin: 10px 0px 0px;}
p>a:hover {border-bottom: 1px #3A6496 dotted!important;}
.borderless {border: none!important;}
a.button {background-color: #60869F!important; border-color: #3A6496!important;}
button:hover, button:focus, .button:hover, .button:focus {background-color: #3A6496!important;}

/* ------------ Forms ------------------------------- */
span.form-legend {display: block; width: 70%; text-align: center; font-size: small; color: red; margin: 1em auto;}

/* ------------ Calendar Elements ------------------- */
#events {padding: 1em; margin-bottom: 2em;}
#events h3 {color: #3A6496; font-size: 1.4em;}
#events h6 {color: #808080; font-weight: 500;}
#events h6 span {color: #89AB7D; font-weight: bold;}

td.alt-1 {background-color: rgba(221, 227, 197, 0.4);}
td.alt-1 h6 {color:#89AB7D;}
td.alt-2 {background-color: rgba(178, 197, 167, 0.5);}
td.alt-2 h6 {color: rgba(87, 103, 70, 0.6);}
div.fb_links {margin-top: 1.2em; overflow: visible;}
#event-entry {border-bottom: 1px dashed #ccc;}
.event_sm {padding: .5em; text-align: left; background-color: rgba(98, 108, 28, 0.6); margin-bottom: 1em;}
.event_sm h2 {font-family: helvetica; font-size: 1em; color: #fff;}
.loc {display: inline;}

div.calendar-month {width: 110px; height: 45px; background: #d10000; 
	background: linear-gradient(bottom, #d10000 0%, #7a0909 100%);
	background: -moz-linear-gradient(bottom, #d10000 0%, #7a0909 100%);
	background: -webkit-linear-gradient(bottom, #d10000 0%, #7a0909 100%);
	font-size: .65em; font-weight: bold; color: #fff; 	
	display: block;		
 	border: 1px solid #7a0909; 
 	border-bottom: 1px solid #be2e2e;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	padding: 3px 12px 3px 12px;
}
.calendar-month p {font-size: 2.4em; font-weight: bold; color: #fff; text-align: center; }

div.calendar-date {width: 110px; height: 70px; background: #fcfcfc; 
	background: linear-gradient(bottom, #fcfcfc 0%,#dad8d8 100%); 
	background: -moz-linear-gradient(bottom, #fcfcfc 0%, #dad8d8 100%); 
	background: -webkit-linear-gradient(bottom, #fcfcfc 0%,#dad8d8 100%); 
	border: 1px solid #ccc; 
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	}
.calendar-date p {font-family: Helvetica, sans-serif; font-size: 2.8em; text-align: center; color: #9e9e9e; padding-bottom: ; font-weight: bold; line-height: 1.45em; }



/* ------------ BUTTONS ----------------------------*/
.nice::after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 51%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(50%,rgba(255,255,255,0.2)), color-stop(51%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 51%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 51%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 51%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 51%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#00ffffff',GradientType=0 );
}