/* Custom styles for Bootstrap and Galleria */

/*************************************
BOOTSTRAP CUSTOM OVERRIDE STYLES
*************************************/

/*
COLORS
Light blue: #b9d6cb
Gray BG: #dfdfdf
Gray HR: #d4d4d4
Gray accent: #b8b8b8
Text dark: #111111
Text light: #676767
*/


html,
body {
	background:#dfdfdf;
	margin:0;
	font-family: 'Century Gothic', 'Muli', arial, sans-serif;
}

h1.logo {
	margin:0;
}

a {
	color:#676767;
}


hr {	
	background: #d4d4d4;
	border: none;
	height: 5px;
}
.container-fluid {
	padding:0;
}

/* Top Navigation */

.navbar {
	margin-bottom:10px;
}

.navbar-inner {
	background:#dfdfdf;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 5px;
	border-bottom: 5px solid #d0d0d0;

}

.navbar .brand {
	width: 183px;
}

.navbar .brand img {
	width: 100%;
	height: auto;
}

.navbar .nav,
.navbar .nav2 {
	margin:12px 10px 0 0;
	float: right;	
}

.navbar .nav2 {
	clear: both;
	margin-right: 0;
	width: inherit;
}

.navbar .nav>li,
.navbar .nav2>li {
	line-height: 10px;
}

.navbar .nav2>li {
	display: inline;
	float: left;
}

.navbar .nav li.nav-separator {
	display: none;
}

.navbar .nav>li>a,
.navbar .nav2>li>a  {
	color: #676767;
	font-size: 12px;
	padding:7px;
	text-shadow: 0 1px 0 #fff;
}

.navbar .nav>li>a.active,
.navbar .nav2>li>a.active,
.navbar .nav>li>a:hover,
.navbar .nav2>li>a:hover {
	color: #252525;
	background:#b9d6cb;
	text-shadow:none;
	text-decoration: none;
}

a,
.nav-tabs > .active > a, 
.nav-tabs > .active > a:hover { 
outline: !important;
}

.navbar .nav>li>span {
	display:block;
	color:#aaa;
}

.navbar .btn-navbar {
	padding:0;
}

.btn-navbar .btn {
	border-top: none;
	padding-top: 5px;
	margin-top: 0;
	outline: 0;
}

a:focus {
	outline: 0;
}


footer {
	position: relative;
}

footer .copyright {
	color: #999;
	font-size: 10px;
	position:absolute;
	bottom:-30px;
	right:10px;
	z-index: 30;

}

/* CONTACT PAGE */

.contact-page {
	font-size:0.5em;
}

/*************************************
VIDEO PAGE CUSTOM STYLES
*************************************/

#as-video {
	background: #fff;
	padding: 1% 0;
}

.jw-settings {
	width: 60%;
	margin: 0 auto;
	background: #fff;
}

.jwplayer {
	max-width: 1000px;
	margin-top: 0 auto;
}

/* playlist styles */

#my_video_jwplayer_playlistcomponent {
	background-color: #eee;
}

/*#my-video_jwplayer_playlistcomponent .jwlist {
	width: 80%;
}*/




#my_video_jwplayer_playlistcomponent .jwtitle {
	color: #555555;
	text-transform: uppercase;
}


#my_video_jwplayer_playlistcomponent .jwlist li.active .jwtitle {
	color: #111111;
}


#my_video_jwplayer_playlistcomponent .jwdescription {
	color: #676767;
	font-size: 1.1em;
}

.jwitem.active {
	background-image: none !important;
}

li.jwitem {
	border:none !important;
}


#my_video_jwplayer_playlistcomponent .jwplaylistdivider {
	background-image:none;
	background-color: #ccc;
}


#my_video_jwplayer_playlistcomponent .jwplaylistimg {
	width: 100px;
}

/*#my-video_jwplayer_playlistcomponent_slider .jwrailback  {
	background-image:none;
	background-color: #b9d6cb;
}*/

#my-video_display_button {
	/*background-image:none;
	background-color: #b9d6cb;*/
}

#my_video_jwplayer_playlistcomponent .jwlist li.active,
#my_video_jwplayer_playlistcomponent .jwlist li:hover {
	background: #e7e7e7;
}

#my_video_jwplayer_playlistcomponent .jwlist li:hover .jwtitle {
	color:#111111;
}

/*#my_video_jwplayer_playlistcomponent_slider .jwthumbback {
	background: blue;
}*/

/*************************************
SECONDARY PAGE STYLES
*************************************/

.secondary-page {
	font-size: 12px;
	background:#fff;
}

.secondary-page .nav-container {
	background: #dfdfdf;
}

.secondary-page .nav-container {
	padding:0;
}

.secondary-page footer {
	background: #dfdfdf;
	background-image: url('/images/accent-border.png');
	background-repeat: repeat-x;
	background-position: 0 10px;
	padding-top: 10px;
	height: 60px;
	position: relative;
	margin-top: 50px;
}  

.secondary-page footer p.copyright {
	position: absolute;
	bottom: 10px;
	right: 10px;
}



/*------- INTRO PAGE -------*/

.intro-page .top,
.intro-page .bottom {
	position: absolute;
	width: 100%;
	height: 50.1%;
	background: #fff;
	z-index: 31;
}

.intro-page .top {
	top:0;
	left:0;
}

.intro-page .bottom {
	bottom: 0;
	left: 0;
}

.intro-page #logo {
	max-width: 300px;
	position: absolute;
	left: 40%;
	right:40%;
	top: 40%;
	z-index: 32;
}


/* Bio Page */

.secondary-page .bio {
	background: #fff;
}

.bio-page.secondary-page footer {
	margin-top: 0;
}

.bio-page img.art-bio-pic {
	float: right;
	width: 50%;
	height: auto;
	max-width: 800px;	
}

.bio-page .bio article {
	float: left;
	padding-left: 5%;
}

.bio-page h2 {
	font-size: 14px;
	margin-bottom: 0;
	color: #b9d6cb;
}

.bio-page .bio article p {
	padding-right: 5%;
}


/* Contact Page */


.contact-page .contact-container {
	margin-top: 5%;
}

.contact-page  .heading {
	margin-bottom: 20px;

}

.contact-page  .headingRight {
	width: 48%;
	float: right;
	line-height: 12px;
}

.contact-page .heading .colHead {
	width: 48%;
	float: left;
	border-right:1px solid #777;
	line-height: 20px;
	color:#b9d6cb;
	font-weight: bold;
}

.contact-page .colHead {
	text-align: right;
	padding-right: 5px;
}

.contact-page  .colSubhead {
	font-size: 12px;
	line-height: 12px;
	width: 100%;
	font-weight: bold;
	color: #888;
}

.contact-page .phone {
	font-size: 9px;
	line-height: 9px;
}

.contact-page .contactColRight {
	padding-left: 52%;
}

.contact-page .contactColRight .name {
	margin-top: 20px;
	margin-bottom: 0;
	font-weight: bold;
	line-height: 12px;
	color: #444;
}

.contact-page .contactColRight .title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 11px;
	line-height: 11px;
	color: #aaa;
}

.contact-page .contactColRight .email {
	margin-top: 0;
	font-size: 11px;
	line-height: 11px;
	color: #aaa;
}


/*------- Calendar page -------*/


.calendar-page .calendar {
	padding:10% 0;
}

.calendar-page .heading {
	margin-bottom: 20px;
}

.calendar-page  .headingRight {
	width: 50%;
	float: right;
	line-height: 12px;
}

.calendar-page .heading .colHead {
	width: 48%;
	float: left;
	border-right: 1px solid #777;
	line-height: 20px;
	color: #777;
	font-weight: bold;
}

.calendar-page .colHead {
	text-align: right;
	padding-right: 5px;
	font-size: 16px;
}

.calendar-page  .colSubhead {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 12px;
	width: 100%;
	font-weight: bold;
	color:#b9d6cb;;
}

.calendar-page h2.events {
	padding-left: 50%;
	font-size: 16px;
	color: #b9d6cb;
}

.calendar-page .name {
	margin-top: 20px;
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 1.3;
	color: #444;
}

.calendar-page .city {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 2.3em;
	color: #aaa;
}

.calendar-page .eventLink {
	font-size: 14px;
	text-decoration: underline;
}

.calendar-page .eventDetails {
	margin-top: 15px;
	color: #aaa;
	width: 50%;
	font-size: 14px;
	line-height: 1.3em;
}

.calendar-page .eventDetails strong {
	color: #777;
}



/*************************************
GALERIA CUSTOM STYLES
*************************************/

/* This rule is read by Galleria to define the gallery height: */
#galleria{
	width:100%;
	margin-left:auto;
	margin-right: auto;
	/*border-top: 40px solid #fff;*/
}


#galleria .galleria-stage { 
	position: absolute; 
	top: 10px; 
	left: 0; 
	right: 0; 
	overflow:visible;
	bottom: 110px; 
	padding-bottom: 40px;
} 

.galleria-container {
	background:#fff;
}

#galleria .galleria-image img {
	max-width: 600px;
}

#galleria .galleria-layer {
	padding-bottom: 40px;
}

/*THUMBNAILS NAVIGATION*/

#galleria .galleria-thumbnails-container { 
	height: 125px; 
	bottom: -50px; 
	position: absolute; 
	left: 0px; 
	right: 0px; 
	z-index: 2; 
	padding: 5px 10px 15px;
	background: #dfdfdf;
	background-image: url('/images/accent-border.png');
	background-repeat: repeat-x;
	background-position: 0 10px;
} 


.galleria-carousel .galleria-thumbnails-list {
	margin-left:15%;
	margin-right:15%;
	border:1px solid #ccc;
	background: #fff;
	margin-top: 20px;
	box-shadow: 0 0 7px #999;
	padding-bottom: 3px;
}

.galleria-thumbnails {
	padding: 2px;
	height: 65px !important;
}

.galleria-thumbnails .galleria-image {
	background: none !important;
	border: none;
	height:65px !important;
	padding-bottom:40px;
}

#galleria .galleria-thumbnails .galleria-image img {
	opacity: 0.3 !important;
}

#galleria .galleria-stage .galleria-images {
	padding-bottom: 40px;
}

#galleria .galleria-thumbnails .galleria-image img:hover,
#galleria .galleria-thumbnails .galleria-image.active img {
	opacity: 1 !important;
}

.galleria-dots {
     display: none;
    }
.galleria-counter {
    position: absolute;
    left:10px;
    bottom: -35px;
    color: #444;
    display: block;
    visibility: hidden;
    }


/* END THUMBNAILS NAVIGATION*/


/* THUMBNAILS LEFT RIGHT NAVIGATION */
.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-thumb-nav-left2,
.galleria-thumb-nav-right2 {
/*	position: absolute;
	top: 30px;*/
	width: 15px !important;
	background: none;
}

.galleria-thumb-nav-left:hover,
.galleria-thumb-nav-right:hover,
.galleria-thumb-nav-left2:hover,
.galleria-thumb-nav-right2:hover {
	background: none !important;
}

.galleria-thumb-nav-left {
	background: none;
	position: absolute;
	top: 50px;
	left:13%;

	
}

.galleria-thumb-nav-left2 {
	background: none;
	position: absolute;
	top: 50px;
	left: 11%;
	cursor: pointer;


}

.galleria-thumb-nav-right {
	background: none;
	position: absolute;
	top: 50px;
	right:13%;

}

.galleria-thumb-nav-right2 {
	background: none;
	position: absolute;
	top: 50px;
	right: 11.5%;
	cursor: pointer;
}



/* END THUMBNAILS LEFT RIGHT NAVIGATION */

@-webkit-keyframes thumbs-ani {
  0%   { opacity: 0; }
  60%  { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes thumbs-ani  {
  0%   { opacity: 0; }
  60%  { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes thumbs-ani  {
  0%   { opacity: 0; }
  60%  { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes thumbs-ani  {
  0%   { opacity: 0; }
  60%  { opacity: 0; }
  100% { opacity: 1; }
}

.galleria-thumbnails-list,
.galleria-thumb-nav-left,
.galleria-thumb-nav-left2,
.galleria-thumb-nav-right,
.galleria-thumb-nav-right2 {
	-webkit-animation: thumbs-ani 1.5s 1; /* Safari 4+ */
	-moz-animation:    thumbs-ani 1.5s 1; /* Fx 5+ */
	-o-animation:      thumbs-ani 1.5s 1; /* Opera 12+ */
	animation:         thumbs-ani 1.5s 1; /* IE 10+ */

}




/* CAPTIONS BELOW THE IMAGE */

.galleria-info {
	opacity: 0.6;
    max-width: 140px;
    width: 100%; 
	top: 15px;
	left: 0px; 
	z-index: 2; 
	position: absolute; 
	bottom: 0; 
 }

 .galleria-info-text {
    background-color: #000;
    padding: 12px 20px;
    display: none;
    /* IE7 */ zoom:1;
}

.galleria-info-link {
    background-position: -669px -5px;
    opacity: .9;
    filter: alpha(opacity=90);
    background-color: #aaa;
}


/*CAPTIONS */

.galleria-info {
  	display: none !important; /* hides "i" button and upper left captions on desktops and tablets */
  }


.galleria-layer .captionBottom {
	position: absolute;
	bottom:5px;
	left: 0;

}

.galleria-layer .captionBottom h2 {
	font-size: 13px;
	font-weight: normal;
	color: #666;
	line-height: 14px;
	margin: 0;
	text-align: left;
	font-family: 'Century Gothic', arial, sans-serif;
}

.galleria-layer .captionBottom h2 span {
	color: #6FB49A;
}

.galleria-layer .captionBottom p {
	font-size: 12px;
	color: #6FB49A;
	line-height: 14px;
	text-align: left;
	margin: 0;
}

.galleria-images .galleria-image {
	padding-bottom: 40px;
}

/*.galleria-thumbnails-container:before {
	content:url("/images/thumb-nav-spacer.jpg");
	position: absolute;
	left: 9%;
	top:25px;
	width: 100px;

	height: 45px;
	display: block;
	box-shadow: 0 0 5px #333;
}

.galleria-thumbnails-container:after {
	content:url("/images/thumb-nav-spacer.jpg");
	position: absolute;
	right: 9%;
	top:25px;

	height: 45px;
	display: block;
}*/

/*------- Right Now page -------*/


.right-now img {
	max-height: 850px;
}

.intro-page.secondary-page footer {
	margin-top: 0;
}




/*************************************
@MEDIA QUERIES
*************************************/

@media (max-width: 1020px) {
	.galleria-desc {
		/*display: none !important;*/
	}
}

@media (min-width: 1070px ) {
	.navbar .nav2{
		clear:none;
		margin-top: 6px;
	}
}


@media (min-width: 980px) and (max-width: 1020px) {

	.navbar-inner {
		padding-right:0;
		}

	.navbar .brand {
		padding-right: 10px;
		width: 183px;
		}

		.navbar .brand img {
			width: 100%;
			height: auto;
		}

	.navbar .nav>li>a {
		padding-left:5px;

	}
}


@media (max-width: 979px) {

	.navbar .nav li.nav-separator {
		display: block;
		border-bottom: 1px solid #676767;
		padding-top: 0;
		padding-bottom: 0;
		text-indent: -999px;
		line-height: 1px;
		}

	.navbar .nav2 {
		float:left;
		width: 100%;
		margin-top: 5px;
	}

	.nav-collapse .nav2>li {
		display: list-item;
		float:none;
		font-size: 14px;
		
	}

	.nav-collapse .nav2 li a {
		color: #676767;
		font-weight: bold;
		padding: 7px;
		display: block;
	}

	.intro-page #logo {
		left:30%;
		right:30%;

	}
}

@media (max-width: 767px) {

		.intro-page #logo {
		left:27%;
		right:25%;

	}



	#galleria .galleria-stage { 
		bottom: 40px
		;padding-bottom: 0;
	}

	.galleria-thumbnails-container {
	  	height: 15px;
	}

	.galleria-stage {
	  	bottom: 20px;
	}

	.galleria-thumbnails .galleria-image {
	  	height: 10px !important;
	  	width: 10px !important;
	  	overflow: hidden !important;
	  	padding-bottom: 0 !important;
	}

	.galleria-thumbnails .galleria-image img {
	  	height: 10px !important;
	  	width: 20px !important;
	}

    #galleria .galleria-thumbnails-container  {
		display: none;
	}

	.galleria-image {
	  	padding-bottom: 0 !important;
	}

	.galleria-layer {
	  	padding-bottom: 0 !important;
	}

	.galleria-info {
	  	display: block !important;
	}

	.galleria-layer .captionBottom {
		display: none;
	}

	.galleria-desc {
		width: 98%;
		bottom: 30px !important;
		text-align: center;
		font-size: 12px;
		line-height: 12px;

	}

	.galleria-desc strong {
		background: #fff;
		font-weight: normal;
	}

	.galleria-counter {
		visibility: visible;
		bottom:5px;
	}

	/*------- Secondary Pages -------*/

	body.secondary-page {
		padding:0 !important;
	}
	
	body.secondary-page  .heading {
		margin-top: 40px;
		margin-bottom: -10px;
	}


  }



 @media (max-width: 400px) {
 	.brand img {
 		max-width: 100px !important;
 	}

 	/*.right-now article a:first-child>div {
	max-width:97% !important;
	height:87% !important;
	text-align: center;
}
*/


 }