/********* FOUNDATION *********/
@import url('foundation.css');
/********* FOUNDATION *********/

body	{ font-family: 'PT Sans', sans-serif; }

h1, h2, h3, h4, h5, h6 	{ font-family: 'PT Sans', sans-serif; color: #111; font-weight: 300; }
p, ul	{ font-size: 0.9rem; color: #111; }
small   { font-size: 0.8rem; }

a 	{ transition: all .25s ease-in-out 0s; intro-moz-transition: all .25s ease-in-out 0s; -webkit-transition: all .25s ease-in-out 0s }
a 			{ color: #e82; }
a:hover, a:focus 	{ color: #111; }
hr			{ border-color: #f0f0f0; }
.grey			{ color: #666; }
.scrollup { width:40px; height:40px; opacity:0.3; position:fixed; bottom:150px; right:20px; display:none; text-indent:-9999px; background: url('../images/icon-top.png') no-repeat; }

.contain-to-grid	{ background: none repeat scroll 0 0 #ffffff; border-bottom: 1px solid #CCC; }
.home .contain-to-grid	{ background: none ; border: none; }

.panelToggler 		{ position: absolute; z-index: 9999!important; top: 5px; width: 100px; height: 105px; }
.navpanel 		{ position: absolute; z-index: 90; width: 100%; background-color: #ffffff; }

.top-bar		{ position: relative; background: none repeat scroll 0 0 #ffffff; height: 110px; line-height: 110px; }
.top-bar .name		{ height: 110px; }
.top-bar-section ul	{ background: none repeat scroll 0 0 #ffffff; }

.home .top-bar		{ background: none; }

.top-bar-section ul li > a			{ font-weight: normal; color: #000; padding: 0 0 0 15px; font-size: 0.975em; }
.top-bar-section ul li.active > a		{ background: none repeat scroll 0 0 #ffffff; color: #000; }
.top-bar-section ul li > a:hover 		{ background: #ffffff; color: #e82; }
.top-bar-section li a:not(.button)		{ background: #ffffff; line-height: 110px; }
.top-bar-section li a:not(.button):hover 	{ background: #ffffff; }

.expanded .top-bar-section li a:not(.button)	{ background: #ffffff; line-height: 40px; border-top: 1px solid #CCC; }
.top-bar .toggle-topbar.menu-icon a 		{ color: #111; font-weight: normal; font-size: 0.975em; text-transform: none; }
.top-bar .toggle-topbar.menu-icon a span	{ box-shadow: 0 10px 0 1px #111, 0 16px 0 1px #111, 0 22px 0 1px #111; }

.top-bar ul.title-area img	{ position: relative; width: 100px; height: 100px; top: 5px; left: 0; }
.top-bar .name h1 a		{ padding: 0; }

.top-bar.expanded .title-area	{ background: none repeat scroll 0 0 #ffffff; }

.top-bar-section ul li.facebook a,
.top-bar-section ul li.search a,
.top-bar-section ul li.twitter a,
.top-bar-section ul li.youtube a,
.top-bar-section ul li.gplus a	{ width: 38px; text-indent: -9999px; }
.top-bar-section ul li.search a		{ background: transparent url("../img/icon-search.png") no-repeat 0 -110px scroll; }
.top-bar-section ul li.search a:hover	{ background: transparent url("../img/icon-search.png") no-repeat 0 0 scroll; }
.top-bar-section ul li.facebook a	{ background: transparent url("../img/icon-facebook.png") no-repeat 0 -110px scroll; }
.top-bar-section ul li.facebook a:hover	{ background: transparent url("../img/icon-facebook.png") no-repeat 0 0 scroll; }
.top-bar-section ul li.twitter a	{ background: transparent url("../img/icon-twitter.png") no-repeat 0 -110px scroll; }
.top-bar-section ul li.twitter a:hover	{ background: transparent url("../img/icon-twitter.png") no-repeat 0 0 scroll; }
.top-bar-section ul li.youtube a	{ background: transparent url("../img/icon-youtube.png") no-repeat 0 -110px scroll; }
.top-bar-section ul li.youtube a:hover	{ background: transparent url("../img/icon-youtube.png") no-repeat 0 0 scroll; }
.top-bar-section ul li.gplus a		{ background: transparent url("../img/icon-gplus.png") no-repeat 0 -110px scroll; }
.top-bar-section ul li.gplus a:hover	{ background: transparent url("../img/icon-gplus.png") no-repeat 0 0 scroll; }

.orbit-container .orbit-slides-container > * .orbit-caption	{ background: rgba(0, 0, 0, 0.8); text-align: center; }
.orbit-container .orbit-slides-container > * a .orbit-caption	{ color: #e82; }
.orbit-container .orbit-slides-container > * :hover .orbit-caption,
.orbit-container .orbit-slides-container > * :focus .orbit-caption	{ color: #fff; }

.breadcrumbs		{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; margin-bottom: 1rem;  padding: 1rem 0 ; border-bottom: 1px solid #f0f0f0; }
.breadcrumbs > *	{ font-size: 0.8em; text-transform: none; }
.breadcrumbs > *:before	{ color: #CCC; }

section[role=main]	{ margin-bottom: 150px; background-color: #ffffff; }

.side-nav		{ font-family: 'PT Sans', sans-serif; color: #e82; font-weight: 300; }
.side-nav li		{ font-size: 0.95rem; }
.side-nav li.divider	{ border-color: #CCC; }
.side-nav li a		{ color: #666; }
.side-nav li a:hover,
.side-nav li a:focus	{ color: #e82; }

.panel		{ padding: 1.25rem; background: none repeat scroll 0 0 #f6f6f6; border: 0 none; }
.panel.callout 	{ background: none repeat scroll 0 0 #e82; border: 0 none; }
.panel.callout p,
.panel.callout h3	{ color: #fff; }
.panel.callout a	{ color: #fff; text-decoration: underline; }
.panel.callout a:hover,
.panel.callout a:focus	{ color: #111; text-decoration: none;  }


.hero		{ position:fixed !important; /*height: 100%;*/ background-color: #000; z-index: 0; width: 100%; top: 0; left: 0; }
.welcome	{ position:relative; z-index:2; background-color: #ffffff; width: 100%; }
.welcome .row	{ position: relative; background-color: #ffffff; }

#resp-tabs 			{ float: left; position: relative; width: 100%; overflow: hidden; padding-top: 30px; }
#resp-tabs ul.resp-tabs-list 	{ float: left; position: relative; left: 50%; clear: left; margin: 0; }
/*
#resp-tabs ul.resp-tabs-list li 	{ background: #e82; display: block; padding: 0.5em 1em; margin: 0 10px; cursor: pointer; float: left; position: relative; right: 50%; text-align:center; }
#resp-tabs ul.resp-tabs-list li h5 	{ color: #fff; margin: 0; }
*/
#resp-tabs ul.resp-tabs-list li 	{ color: #e82; display: block; padding: 0.5em 1em; margin: 0 10px; cursor: pointer; float: left; position: relative; right: 50%; text-align:center; }
#resp-tabs ul.resp-tabs-list li h5 	{ color: #e82; margin: 0; }
#resp-tabs ul.resp-tabs-list li h5:hover,
#resp-tabs ul.resp-tabs-list li h5:focus	{ color: #000; }

#resp-tabs .resp-tabs-container 	{ padding: 0; clear: left; }
#resp-tabs h2.resp-accordion 		{ cursor: pointer; padding: 5px; display: none; }

#resp-tabs .resp-tab-content 		{ display: none; padding: 15px; }
#resp-tabs .resp-tab-active 		{ border-bottom: none; margin-bottom: -1px !important; /*padding: 12px 14px 14px 14px !important;*/ color: #111; }
#resp-tabs ul.resp-tabs-list li.resp-tab-active h5 		{ color: #111; }
#resp-tabs .resp-content-active,
#resp-tabs .resp-accordion-active 	{ display: block; }
#resp-tabs .resp-tab-content 		{  }

h2.resp-accordion 		{ font-size: 13px; border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 10px 15px; }
h2.resp-tab-active 		{ border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px !important; }
h2.resp-tab-title:last-child 	{ border-bottom: 12px solid #c1c1c1 !important; background: blue; }

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list 		{ float: left; width: 30%; }
.resp-vtabs .resp-tabs-list li 		{ display: block; padding: 15px 15px !important; margin: 0; cursor: pointer; float: none; }
.resp-vtabs .resp-tabs-container 	{ padding: 0px; background-color: #fff; border: 1px solid #c1c1c1; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none; }
.resp-vtabs .resp-tab-content 		{ border: none; }
.resp-vtabs li.resp-tab-active 		{ border: 1px solid #c1c1c1; border-right: none; background-color: #fff; position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; }
.resp-arrow 				{ width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #c1c1c1; }

h2.resp-tab-active span.resp-arrow 	{ border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #9B9797; }

/*-----------Accordion styles-----------*/
h2.resp-tab-active 			{ background: #DBDBDB !important; }
.resp-easy-accordion h2.resp-accordion 	{ display: block; }
.resp-easy-accordion .resp-tab-content 	{ border: 1px solid #c1c1c1; }

button,
.button		{ background-color: #e82; margin-bottom: 0; padding: 1.0625rem 1rem 1rem; }
button:hover,
button:focus,	
.button:hover,
.button:focus	{ background-color: #666; } 

span.postfix, label.postfix {
    background: none repeat scroll 0 0 #e82;
    border-color: #cccccc #cccccc #cccccc -moz-use-text-color;
    border-left: medium none;
    color: #FFFFFF;
}

.alert-box.alert {
    background-color: #ee8822;
    border-color: #ee8822;
}

textarea {
    min-height: 140px;
}

.th:hover,
.th:focus 	{ -webkit-box-shadow: 0 0 6px 1px rgba(238, 136, 34, 0.75); box-shadow: 0 0 6px 1px rgba(238, 136, 34, 0.75); }

.reveal-modal	{ border: 1px solid #CCC; }

.border-bottom li	{ border-bottom: 1px solid #f0f0f0; }

/* CALENDAR */
table.eventslist			{ border: 0 none; width: 100%; }
table.eventslist tr th,
table.eventslist tr th,
table.eventslist tr td		{ font-size: 0.95rem; padding: 0.3625rem 1rem 0.625rem 0; vertical-align: top; }
table.eventslist tr.even,
table.eventslist tr.alt,
table.eventslist tr:nth-of-type(even) 	{ background: #fff; }


.accordion dd > a	{ color: #e82; font-family: inherit; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }
.accordion dd > a:hover	{ color: #111; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }
.accordion dd > a,
.accordion .content	{ padding-top: 0; padding-left: 0; padding-right: 0; }
.accordion .content.active	{ border-bottom: 1px solid #CCC; }

/* PRODUCTIONS */
.sub-nav 	{ margin: 0.75rem 0 1.125rem -0.75rem; }
.sub-nav dt,
.sub-nav dd,
.sub-nav li	{ color: #888; text-transform: none; font-family: inherit; }
.sub-nav dt a,
.sub-nav dd a,
.sub-nav li a		{ color: #111; }
.sub-nav dt a:hover,
.sub-nav dd a:hover,
.sub-nav li a:hover	{ color: #e82; }

#productions li	{ padding-bottom: 0.5rem; margin-bottom: 0.5rem; color: #666; } 
#productions li h3,
#productions li p 	{ color: #888; margin-bottom: 0; } 
#productions li	a h3		{ color: #111; } 
#productions li:hover a h3	{ color: #e82; } 
#productions li			{ display: block; } 
#productions li:hover		{ background-color: #f8f8f8; } 
#productions li img		{ margin-top: 0.35rem; } 

.clearing-thumbs img		{ width: 64px; height: 80px; } 

/*
.poster		{ position:fixed !important; xheight: 100%; background-color: #000; z-index: -1; width: 100%; top: 110px; left: 0; }
.posterimg	{ position:relative; background-color: #000; xwidth: 100%; }
.title		{ position:absolute; z-index: 1; top: 0.9375rem; left: 0.9375rem;  }
.title h1,
.title h6	{ color: #fff!important; }
.overlap	{ float: left; position:relative; z-index:2; background-color: #fff; width: 100%; }
.overlap .row	{ position: relative; }
*/

.poster		{ position:relative; width: 100%; background-color: #000; margin-bottom: 1em; }
.title		{ position:absolute; z-index: 1; }
.title h1	{  }
.title h1,
.title h6,
.title small	{ color: #fff!important; text-shadow: 1px 1px 1px #000; }
.title small	{ font-style: italic; }

dl.tabs.productions		{ border-bottom: 1px solid #ccc; }
dl.tabs.productions dd		{  }
dl.tabs.productions dd > a		{ font-size: 0.95rem; background: none; padding: 0.4375rem 1rem; }
dl.tabs.productions dd > a:first-child	{ padding-left: 0; }
dl.tabs.productions dd > a:hover	{ color: #e82; }
dl.tabs.productions dd.active > a	{ color: #696969; }

/* HIGHLIGHT RABS */
dl.tabs.productions dd.highlight > a,
dl.tabs.productions dd.highlight.active > a	{ background-color: #E82; color: #FFF; margin-right: 1rem; padding-left: 1rem; }

table.castlist			{ border: 0 none;  }
table.castlist tr th,
table.castlist tr th,
table.castlist tr td		{ font-size: 0.8rem; padding: 0.3625rem 1rem 0 0; vertical-align: top; }
table.castlist tr.even,
table.castlist tr.alt,
table.castlist tr:nth-of-type(even) 	{ background: #fff; }
table tr td.desc		{ color: #696969; }

dl.cast		{ font-size: 0.85rem; padding: 0.4375rem 0 0; }
dl.cast dt,
dl.cast dd		{ float: left; }
dl.cast dd		{ margin: 0 0 0 12px; }

dl.creatives		{ font-size: 0.85rem; padding: 0.4375rem 0 0; }
dl.creatives dd		{ float: left; }
dl.creatives dt		{ margin: 0 0 0 12px; }

[data-clearing] li	{ margin: 0 10px 10px 0; }

.tabs-content > #video.content 	{ float: none; }
.tabs-content > .content 	{ width: 100%; }

.clearing-blackout,
.clearing-assembled .clearing-container .visible-img	{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); }
.clearing-caption 	{ color: #fff; background: none; }
.clearing-assembled .clearing-container .carousel,
.carousel	 	{ background: none; }
.clearing-assembled .clearing-container .carousel	{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); margin: 0; padding-top: 10px; }

/* NEWS */
.poststamp	{ font-size: 0.8rem; color: #666; line-height: 1.6; }
.posttitle	{ font-size: 0.95rem; line-height: 1.6; }

ul.pagination,
ul.pagination li	{ margin-left: 0; }
ul.pagination > li	{ margin-right: 2px; }
ul.pagination li a	{ background-color: #e82; color: #fff; width: 24px; height: 24px; âdding: 0.04rem 0.625rem; -webkit-border-radius: 12px; border-radius: 12px; }

blockquote		 	{ padding-top: 0; }
blockquote cite a,
blockquote cite a:visited 	{ color: #e82; }
blockquote cite a:hover,
blockquote cite a:focus 	{ color: #111; }

/* LIVESTREAM COUNTDOWN STUFF */

#countdown-modal 	{ text-align: center; }
#countdown		{ background-color: #e82; padding: 1rem 0; font-size: 3rem; text-align: center; font-weight: bold; color: #fff; }
#countdown small	{ font-size: 0.85rem; font-weight: normal;/* color: #666;*/ }

/*
.countdown ul li 		{ font-size: 1rem; text-align: center; }
.countdown ul li #daysBox,
.countdown ul li #hoursBox,
.countdown ul li #minsBox,
.countdown ul li #secsBox	{ font-size: 3rem; font-weight: bold; padding: 0 1rem; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
*/

/* GOOGLE MAP STUFF */
#cbj_map a 		{ color: #000; font-size: 13px; }
#cbj_map a:hover,
#cbj_map a:focus	{ color: #FFF; }


.cluster{
	background-color:#ee8822;
	color: #ffffff;
	text-align:center;
	font-family:inherit;
	font-size:13px;
	font-weight:bold;
	padding:12px 0;
	border-radius: 60px;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	width: 40px;
	height: 40px ;
}

/* infobulle */
.infobulle{
	background-color:#ee8822;
	color: #ffffff;
	text-align:center;
	font-family:inherit;
	font-size:13px;
	font-weight:normal;
	padding:6px 10px;
}

.cluster,
.infobulle{
	-webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    1px 1px 3px 0px rgba(50, 50, 50, 0.35);
	box-shadow:         1px 1px 3px 0px rgba(50, 50, 50, 0.35);
}

/* TWEETS */
ul.tweets	{ list-style: none; margin: 0; }
ul.tweets li 	{ border-bottom: 1px solid #CCC; margin-bottom: 1rem; padding-bottom: 1rem; }
ul.tweets li .description	{ font-size: 0.9rem; line-height: 1.6; }
ul.tweets li .timestamp		{ font-size: 0.8rem; color: #666; }

.footer		{ position: relative; float: left; background-color: #EAEAEA; border-top: 1px solid #CCC; margin: 0; padding-bottom: 30px; width: 100%; z-index: 1; }
.footer ul.inline-list	{ margin-top: 1em; }