#container {
	font-family: 'Raleway', sans-serif;
}

header {
	margin: 0;
	padding: 0;
}

.topvideo {
	padding-top: 50px;
}
.topcontainer {
	max-width: 100%;
	width: 100%;
	overflow: hidden;
	margin:20 auto;
	position: fixed;
	background: #111;
	z-index: 15;
	border-bottom: 0px;
	height: 50px;
	font-family: 'Raleway', sans-serif;
}

nav li {
	font-family: 'Raleyway', sans-serif;
}

#gallery{
  width: 90%;
  overflow: hidden; /* so containing div goes around floated items */
  padding: 10px 10px 10px 19px;
}
.ar-thumb{
  float: left;
  margin: 8px 8px 8px 0px;
  border: 0px solid #ccc;
  padding: 0px;
  position: relative;
  overflow: hidden;
}
.soundpic { width: 265px; }
/* border: 3px solid teal; */

.ar-caption {
    color: white;
	background-color:rgba(107,117,120,0.8);
	width: 96%;
	height: 60px;
	border-top: white 0px solid;
	position: absolute;
	bottom: 5px; /* take this out for animate() version */
	left: 0;
	z-index: 5;
	line-height: 1.1;
	padding-top: 7px;
	padding-left: 7px;
	padding-bottom: 5px;
	padding-right: 5px;
	font-family: 'Raleway', sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: none; /* take this out for animate() version */
}  

.ar-caption p {
	font-weight: lighter;
	font-size: 12px;
	line-height: 1.25;
	margin-top: 3px;
}


header {
	font-family: 'Raleway', sans-serif;
    font-size: 15px;
}

h1 {
    font-family: 'Raleway', sans-serif;
    font-size: 40px;
    line-height: 90%;
}

h2 {
	 font-family: 'Raleway', sans-serif;
    font-size: 40px;
    line-height: 100%;
    font-weight: 900;
}

p.byline {font-family: 'Raleway', sans-serif;
}