@charset UTF-8;

/* Notes:
ff5000 = orange
F5F8EB = yellowish-gray bg color
3c3c3c = link gray

webfont = "Optima LT W01 Medium", 'Optima', sans-serif;

 */

/*{{{RESET*/
@import url(/img/icons/2013/share/sprites/sprites.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.cleared:after { content: "."; clear: both; display: block; height: 0; margin: 0; visibility: hidden; }

/*}}}*/


body {
	background:#fff;
	font-size: 12px;
	font-family: Verdana,sans-serif;
	}

a { text-decoration:none; }
a:link, a:visited { color:inherit; }
	a:active { color: #3c3c3c; }
	a:hover { color: #ff5000; }

#viewer-controls,
#header,
.header { font-family: "Optima LT W01 Medium", 'Optima', sans-serif; }


	.content a { font-weight: bold; }
		.content a:hover { color: #ff5000; }
		.content a:active { color: #000; }


table, p { margin-bottom: 16px; }

body > .page,
#container {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	min-height: 628px;
	}

#container {
	z-index: 1000;
	margin:auto;
	padding: 12px;
	width: 924px;
	height: 628px;
	background-color: #f5f8eb;
}


/* border standardization pls */


	#header .col-narrow, #nav-static ul, #nav-dynamic,
	.col-wide .content,	#body .col-wide, #body .col-narrow,
	#layout-events .rule, .event .links, .detail-box .links,
	#event-categories {
		border-top:1px solid;
		padding-top:2px;
		}

#header { height: 144px; text-transform: uppercase; font-size: 14px; line-height: 1em; }
	#header a { color: #999; }
	#header a:hover { color: #ff5000; }
	#header a.active { color: #3c3c3c; }
/*		#header a:hover { color: #ff5000; }
		#header a.active { color: #3c3c3c; }*/
	#header .col-narrow { border-top-color: #ff5000; }
		#header .col-narrow a { color: #ff5000; }

		#name, #logo { display: block; float: right; width: 142px; }
			#logo { width: 60px; float:left; }

#nav .col { float: left; width: 144px; }
	#nav-dynamic { float: left; width: 456px; border-top-color: #000; }
	#nav-static { float: right; width: 144px; }
		#nav-static ul { border-top-color: #000; }
			/*#nav-static ul#nav-events { padding-bottom: 39px; }*/
			#nav-static ul#nav-events { padding-bottom: 25px; }
	#nav #nav-secondary { margin: 0 12px; }

.col-narrow { float: left; width: 300px; margin-right: 12px; line-height:16px; }
.col-wide { float: right; width: 612px; }
	.col-wide .content {
		border-top-color:#c8c8c8;
		font-size: 12px;
		line-height: 16px;
		font-family: Verdana,sans-serif;
		color: #3c3c3c;
		}
		.col-wide .content ul { margin-left: 22px; list-style: disc; }
.col-whole { clear: both; width: 924px; }

.nav-connect {  white-space:nowrap; overflow:hidden; display:block; height:14px; }
.nav-connect > a { width:80%; }
.nav-icon, .nav-connect > a { display:inline-block; vertical-align:text-top; }
.nav-connect + li { clear:both; }


#body { clear: both; }
	#body .header {
		width: 456px; height: 24px;
		text-transform: uppercase;
		font-size: 14px; line-height: 14px;
		color: #3c3c3c;
		}

	#body .col-wide,
	#body .col-narrow { border-top-color: #969696; }

		#body .col-narrow .header { width: 300px; }

.col-narrow .header .title { float:left; width: 149px; }
.col-narrow .header .link { float: right; width: 142px; }
	.col-narrow .header .link a:link,
	.col-narrow .header .link a:visited { color: #999; }
	.col-narrow .header .link a:hover,
	.col-narrow .header:hover .link,
	.col-narrow .header .link:hover a { color: #ff5000;}

.content .col { float: left; margin-right: 12px; width: 300px; }
.content h1.first, .content h2.first, .content h3.first, .content h4.first, .content h5.first, .content h6.first { border-top: none; padding-top: 0; margin: 0 0 16px; }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { border-top: 1px solid #c8c8c8; padding-top: 0; margin: 0 0 15px; font-weight: bold; }
h1.header, h2.header, h3.header, h4.header, h5.header, h6.header { font-weight: normal; }

.content em { font-style: italic; }
.content strong { font-weight: bold; }
/*#layout-content  .content a,
#layout-content  .content a:visited { color: #999; }*/
#layout-content  .content a { color: #999; }

#layout-content  .content a:hover { color: #ff5000; }


col.schedule-time { width: 80px; }
col.schedule-event { width: 220px; }

#layout-content .col-wide,
#layout-gallery .col-wide,
#layout-events .col-wide,
#layout-content .content,
#layout-events .content,
#layout-gallery .content
{ position: relative; }

#layout-content .content,
#layout-events .content,
#layout-gallery .content
{ overflow: hidden; }

#layout-content .viewer,
#layout-events .viewer
{ width: 200000px; height: 452px; }

	#layout-content .viewer .page,
	#layout-events .viewer .page
	{ float: left; margin-right: 12px; width: 612px; }

		#layout-content-wide .content { overflow: auto; }

#viewer-controls { position: absolute; top: 2px; right: 0; width: 144px; text-transform: uppercase; font-size: 14px; z-index: 1000; }
	#viewer-controls #viewer-page { float: left; text-align: left; width: 90px; }
	#viewer-controls #viewer-arrows { float: right; text-align: right; width: 54px; }
	#viewer-controls a { cursor: pointer; margin-left: 10px; }
		#viewer-controls a img.active { display: none; }

	#layout-gallery .col-narrow .content,
	#layout-events .content {
		/*border-top: 1px solid #c8c8c8;*/
		padding-top: 2px;
		font-size: 12px;
		line-height: 16px;
	}


	/* Homepage slideshow */


.slideshow { position:relative; }

	.slideshow figcaption {
		display:block;
		position:absolute;
		bottom:15px;
		z-index:10;
		background:rgb(255,100,50);
		background:rgba(255, 100, 60, 0.85);
		width:100%;
		padding:10px 10px 10px 34%;
		box-sizing:border-box;
		text-transform: uppercase;
		height:7em;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}

	.slideshow figcaption {
	    color:#F5F8EB !important;
		font-size:19px; line-height:23px;
		font-family:sans-serif;
		font-family:"Optima LT W01 Medium", 'Optima', sans-serif;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
	}

	.no-rgba .slideshow figcaption { background-color:none; background: url(/img/orange-rgba.png) 0 0 repeat; }
	.lt-ie8 .slideshow figcaption { background-image: none; background: rgb(255,100,50); }

	.slideshow figcaption > span { visibility:hidden; }
	.slideshow .active figcaption > span { visibility:visible; }


.slideshow figcaption a {
    color: #333;
    -webkit-transition: color 0.3s ease-in-out;
   -moz-transition: color 0.3s ease-in-out;
     -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
}

.slideshow figcaption a:hover { color: #F5F8EB; }

.slideshow .slide {
    opacity:0; overflow:hidden; position:absolute;
    top:0;
 }

 .no-opacity .slideshow .slide { display:none; }
.no-opacity .slideshow .slide.active { display:block; }

 .csstransitions .slideshow .slide {
 	-webkit-transition: opacity 1s cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: opacity 1s cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: opacity 1s cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: opacity 1s cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
  }
.slideshow .slide.active,
.csstransitions .slideshow .slide.active { opacity:1; }

.slide {
    height:500px;
    width:100%;
    overflow:hidden;
    display:block;
    position:relative;
	}

		.slide img {
		width:100%;
		height:auto;
		}

		.slide-links { display:block; position:absolute; bottom:10px; width:65%; white-space:nowrap; }
					.slide-link i { font-family: 'Verdana', 'Arial', sans-serif; font-style:normal; font-variant:normal;  }
				.slide-link:active, .slide-link:visited, .slide-link:link { color: #333; }
				.slide-link:hover, .slide-link:before:hover { color: #F5F8EB; }
			.slide-link { display:block; float:left; text-align:left; }

			.first.of-three { width: 160px; }
				.second.of-three { width: 302px; }

.slide-nav {
	position:absolute;
	top:-1.5em; left:0em;
	z-index:1000;
}

.slide-nav a {
	font-family: 'Helvetica', 'Courier', monospace;
	-webkit-font-smoothing:antialised; -moz-osx-font-smoothing: grayscale;
color:#bbb !important;
font-size:130%;
}
.slide-nav a.active-marker { color:#ff5000 !important; }
.slide-nav a:hover { color: #f29269 !important; }

/*#quotes { position: relative; }
	#quotes .img { position: absolute; top: 0; right: 0; }
		#quotes .img.inactive { display: none; }*/

#gallery { position: relative; }
	#gallery div.entry { position: absolute; }
	#gallery div.inactive { display: none; }

#layout-events .col-wide .content .links ul { float: left; width: 72px; margin-left: 0; list-style: none; }

#layout-grid { overflow: hidden; }
		#layout-grid .nohover img.active { display: none; }
		#layout-grid .nohover img.inactive { display: inline; }
		#layout-grid .hover img.active { display: inline; }
		#layout-grid .hover img.inactive { display: none; }

	#layout-grid .entry { position: relative; float: left; margin-left: 12px; width: 144px; height: 220px; }
		#layout-grid .entry img { width: 144px; }
		#layout-grid .entry .text { margin-top: 6px; font-weight: bold; }

	#layout-grid .hover a { color: #ff5000; }
	#layout-grid .active a { color: #000; }

	#layout-grid .first { margin-left: 0; }

#layout-events .event { position: relative; float: left; margin: 0 0 12px 12px; width: 144px; height: 440px; }
#layout-events .first { margin-left: 0; }
.event .name, .detail-box .name { font-weight: bold; }
.event .subcategory, .detail-box .subcategory { font-style: italic; }
.event .links, .detail-box .links { border-top: 1px solid #969696; padding-top: 6px; }
#layout-events .rule { clear: both; margin-top: 12px; height: 0; border-top-color: #c8c8c8; }

.events-library .event .links { margin-top:0; border-top:none; }
.events-library .event .box { border-bottom: 1px solid #969696; }

#layout-events .col-wide .content { border: 0px; padding: 0px; }
	#layout-events a .start_time,
	#layout-events a .start_date,
#layout-events .subcategory { font-weight: normal; }

#event-info { float: left; width: 144px; }
	#event-info .blurb { display:none; }
		#event-info .links ul { float: left; width: 72px; margin-left: 0; list-style: none; }
.event-box { background-color: transparent; height: 134px; padding: 6px 6px 6px; width: 132px;
-moz-transition:all 400ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
-webkit-transition:all 400ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
transition:all 400ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
	    }


.hover .event-box, .event-box:hover { background-color: #E8521C !important; color: #FFF !important; border-bottom-color: #e8521c; }
.hover .event-box a { color: #fff !important; }
.event.block.hover .links li a, .links li:hover, .links .hover a { color: #969696; }
.hover .detail-box, .event-box.detail-box:hover, .detail-box *, .detail-box:hover * { background-color: transparent !important; color: #333 !important; }

.event.block .thumb-link { display:block; opacity:1;
	-moz-transition:all 400ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
-webkit-transition:all 400ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
transition:all 400ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
	position:relative; background: #F5F8EB; width:144px; }

.event.block.hover .thumb-link { opacity: 0.6; filter:alpha(opacity=60); }

#layout-content .col-wide .content { border-top: 1px solid #C8C8C8; padding-top: 2px; }
/*#layout-content .header .link .icon { width: 16px; }
#layout-gallery .header .link .icon { width: 11px; }*/

.header .link {
	font-family: 'Verdana', sans-serif;
	text-transform: none;
	font-size:12px;
	color: #969696;
}

.header .link .icon { position: relative; float: left; overflow: hidden; margin: 1px 3px 0 0; height: 11px; width:16px; }
	.header .link .icon img { position: absolute; top: 0; }
		.header .link .icon .hover img,
		.header .link:hover .icon img { top: -11px; }

.links a { color: #969696;  font-weight: normal; }
	.links a:hover { color: #ff5000; }
	.links ul:nth-child(2) { float:right !important; }
	.links ul:nth-child(2) li a.text { display:block; padding-left:2.5em; white-space:nowrap; }

	#event-info .links strong a { color :#000; }

#event-categories { float: left; width: 144px; margin-right: 12px; font-weight: bold; line-height:16px; border-top: 1px solid #c8c8c8; }
.events-all #event-categories { width:100%; }

	#event-categories a { color: #969696; }
		#event-categories a:hover { color: #ff5000; }
		#event-categories a.active { color: #333; }

		#event-categories > li:first-child a { font-weight:bold; }


/* jack was here ---- */
.detail-box { padding-left:0; padding-right:0; width:136px; height:auto; padding-bottom:1em; }

.event-thumb { max-width:100%; display:block; margin:0px auto; }
#layout-events .event .blurb,
#layout-gallery .event .blurb { display:none; }




.links .icon { position: relative; float: left; overflow: hidden; margin: 4px 3px 0 0; width: 9px; height: 9px; }

.links .icon img { position: absolute; top: 0; }

.links li.hover img { top: -9px; }
 .links li.current img { top: -18px; }

.event-links li.hover a, .event-links li:hover a, .event-links a:hover { color: #FF5000 !important;}
.icon { position: relative; overflow: hidden; float: left; margin: 3px 3px 0 0; width: 9px; height: 9px; }
.icon img { position: absolute; top: 0px; }
a:hover .icon img { top: -9px; }

#event-info .hover a,
#event-info .hover a.has-icon,
#event-info .hover a.has-icon:before,
#event-info .hover a:hover { color: #ff5000 !important; }

/* new social sharing icons */

.event-sharing {
	position:relative;
	width:100%;
	padding-top:2px;
	float:left;
	clear:none;
	overflow:hidden;
}

#toggle-share-icons {
	float:left;
	margin-left:5px;
	cursor:pointer;
	z-index:10;
	line-height:8px;
	 }

.social-icons {
	min-width:50%;
	}

	.share-links {
		position:relative;
		z-index:auto;
	  display: table;
    width:120px;
    left:15px;
    }

	.social-icons li { position:relative; }
	.social-icons a,
	.share-label {
		z-index:1;
		position:relative;
		left:0px;

		-moz-transition:opacity 300ms cubic-bezier(0.390, 0.575, 0.565, 1.000), -moz-transform 250ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
		-webkit-transition:opacity 300ms cubic-bezier(0.390, 0.575, 0.565, 1.000), -webkit-transform 250ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
		transition:opacity 300ms cubic-bezier(0.390, 0.575, 0.565, 1.000), transform 250ms cubic-bezier(0.390, 0.575, 0.565, 1.000);

		-moz-transform:  translateX(0px) translateZ(0);
		-webkit-transform:  translateX(0px) translateZ(0);
		transform: translateX(0px) translateZ(0);

		-webkit-backface-visibility: hidden;

-webkit-transition-timing-function: cubic-bezier(0.390, 0.575, 0.565, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.390, 0.575, 0.565, 1.000);
     -o-transition-timing-function: cubic-bezier(0.390, 0.575, 0.565, 1.000);
        transition-timing-function: cubic-bezier(0.390, 0.575, 0.565, 1.000); /* easeOutSine */
	}

		.share-label {
			position:relative; left: 22px;
			display:inline-block;
			font-family: 'Verdana', sans-serif;
			text-transform: none;
			font-size:12px;
			height:20px;
			top:1px;
			color: #969696;
			 }
			.share-label:hover { color: #ff5000; }

	.social-icons a.is-hidden,
	.share-label.is-hidden {
		z-index:-1;
	  opacity:0;
		}

		.csstransforms .social-icons a.is-hidden,
		.csstransforms .share-label.is-hidden {
			-moz-transform: translateX(-30px) translateZ(0);
			-webkit-transform: translateX(-30px) translateZ(0);
			transform: translateX(-30px) translateZ(0);
		}

		.no-csstransforms .social-icons a.is-hidden,
		.no-csstransforms .share-label a.is-hidden { left:0px; }

.unhighlighted a { opacity:0.5; }

.share-icon {  display:table-cell; }
	.share-icon.last { margin:0;}


	.ical-button {
		margin-top:1em;
		color: #969696;
		}

		.ical-button a, :hover .ical-button a, .hover .ical-button a { width:auto; white-space:nowrap; font-weight:normal; color: #969696 !important;}
		.ical-button a:hover { color: #ff5000 !important; }

		 .i-ical {
			color: #969696;
			font-weight:normal;
			text-transform:none;
			background-color: none;
			}

			.ical-button a { text-indent:1.75em; display:block; }

.hashtag { margin-top:1em; }

.event-links { border-top:1px solid #969696; }
.event-links li:hover a, .hover .event-links li:hover a { color: #ff5000 !important; }

.gift { background: url('/img/icons/2013/gift-sprite.png') no-repeat top left; display:inline-block; width: 18px; height: 18px; background-position: 0px 0px; position:relative; top:2px; left:-2px; }
.gift:hover, a:hover .gift, a.hover .gift { background-position: 0px -23px;  }

/* state classes! */

.is-closed { display:none; }
.is-hidden { opacity:0; filter: alpha(opacity=0); }

.is-faded { background: #ccc; }

	.is-faded #container { background: #aeb0ac; }

	.is-faded .content,
	.is-faded p,
	.is-faded a,
	.is-faded .header,
	.is-faded .detail-box * { color: #9B9C9A !important; }

	.is-faded .col-narrow,
	.is-faded .col-wide,
	.is-faded #nav-dynamic,
	.is-faded #nav-static ul { border-color: #9B9C9A !important; }

	.is-faded #logo, .is-faded #name, .is-faded img, .is-faded .icon { opacity:0.5; }

/* modal popup for sharing a direct link to the page */

.modal-box {
	position:absolute;
	top:300px;
	/*top:0; bottom:0;*/
	right:0;
	left:0;
	width:500px; max-height:5em;
	margin:auto;
	text-align:center;
	border:2px solid #eee;
	background:white;
	color: #333;
	padding:2em;
}
	.modal-box small { display:block; font-size:9px; margin:4px auto 0; }
	.modal-box label { text-align:left; width:90%; display:block;}
	.modal-box input { width:100%; text-align:center; margin:0 auto; }

	a.to-close-modal {
		display:block;
		position:absolute; top:0; right:-1px;
		width:20px; height:20px; line-height:18px;
		padding:0; margin:0; font-size:15px; border:0;
		background:#ff5000; color: #fff !important;
		text-align:center; font-family: 'Verdana', sans-serif;
		cursor:pointer;
	}

	a.to-close-modal:hover { color: #fff !important; background: #cecece; }


.modal-box {
  -webkit-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  transform: translateY(-30%);
  opacity: 0;
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  pointer-events:none;
}

.no-opacity .modal-box { display:none; }

.modal-box.is-open {
	display:block;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  pointer-events:auto;
  z-index:1000;
}



.nav-pledge a.hover,
.nav-pledge a:hover { color: #ff5000 !important; }


/* jack wasn't here */

#pledge-calculator .row { margin-bottom: 12px; }

img { max-width:100%; }
img.icon { vertical-align: middle; }

.content .organ-specs { margin-bottom: 12px; }
	.content .organ-specs ul { float: left; list-style-type: none; margin: 0px; width: 144px; }
		.content .organ-specs ul.first { margin-right: 12px; }
		.content .organ-specs ul li { clear: both; }
		.content .organ-specs ul .title { text-align: center; }
	.content .organ-specs div:first-child { float: left; }
	.content .organ-specs div:last-child { float: right; }

.social-icons { float:right;}
.connect-icon{ margin-bottom:-3px; width: 16px; }
a.gray{ color: #999999; }

/* Connect page styling */
/* mail chimp subscribe form submit button */
.submit-button{
    background: #FF5000;
    border: 1px solid #FF5000;
    color: #FFFFFF;
    font-size: 11px;
    font-weight:bold;
    font-family:inherit;
}
.connect-survey input{ margin:0; }
.content ul.get-involved{ margin-left:0; }
ul.get-involved li{ list-style:none; margin-left:0; }
/*ul.get-involved li a{ font-weight:500; }*/
.email-img{ margin-bottom:-3px; }
#body p.connect-subscribe{
    margin-bottom:5px;
}