@charset "utf-8";
/* CSS Document */

/* Insertable elements that should be independent of layout and the like eg buttons, panels and foldouts. Generally alphabetical */ 

.button
{
	transition-property: background-color,color;
	border-radius:3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 0.75em;
    vertical-align: top;
	text-align:center;
}

.caption
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	padding: 20px;
}

.img-panel /* Used with captions for text overlaying a photo */
{
	margin: 0 0 20px;
    position: relative;
    display: block;
}

.panel
{
	padding:1em 20px;
	margin-bottom:10px;
}

.nav-sticky
{
	display:none;
}

.sticky .nav-sticky
{
	display:inline-block;
}

.sticky .nav-main
{
	display:none;
}

.nav-sticky
{
	display:none;
}

.sticky .logo
{
	height:100%;
}

.sticky 
{
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	border-top: 0;
	height:100px;
}

.nav 
{
	position: -webkit-sticky;
	top: 0;
	z-index: 1;
}

.sociallinksC img
{
	padding:5px 0px 5px 5px;
}

.sociallinksC a
{
	display:inline-block; 
	text-decoration:none; 
	margin:5px;
}
.sociallinksC a.twitter
{
	background:url(../img/twitter.png); 
	width:23px; 
	height:23px;
}

.sociallinksC a:hover.twitter
{
	background:url(../img/twitter-alt.png);
}

.sociallinksC a.facebook
{
	background:url(../img/facebook.png);
	width:23px; 
	height:23px;
}

.sociallinksC a:hover.facebook
{
	background:url(../img/facebook-alt.png);
}

.sociallinksC a.linkedin
{
	background:url(../img/linkedin.png); 
	width:23px; 
	height:23px;
}

.sociallinksC a:hover.linkedin
{
	background:url(../img/linkedin-alt.png);
}

/* Calendar import */

#calendarTitle
{
	padding:10px;
}

@media (min-width: 900px) and (max-width: 1200px)
{
	
	
}

/* "It is the distant future, the year 2000."  */

@media (min-width: 600px) and (max-width: 900px)
{
	.sticky
	{
		height:150px;
	}
}

/* "This is Bowie back to Bowie I read you loud and clear, man."  */

@media (min-width:300px) and (max-width: 600px)
{
	.sticky
	{
		height:150px;
	}
}