@charset "utf-8";
/*
COLOURS:
GREY: #6c727f;
PINK: #d32892;
*/
html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #6c727f;
	color: #FFF;
	font-size: 11pt;
}
body {
	font-family: Arial, Helvetica, sans-serif;
}
#container {
	width: 1000px;
	max-width: 100%;
	/*height: 1000px;*/
	margin: 0 auto;
	padding: 1px 0;
}
h1 {
	text-align: center;
}
h1 img {
	max-width: 90%;
	height: auto;
}
a:link, a:visited {
	color: #d32892;
	text-shadow: 1px 1px 2px rgba(34, 34, 35, 0.3);
}
a:hover, a:active {
	color: #FFF;
}
#menu ul {
	list-style: none;
	padding: 0;
	text-align: center;
	width: 95%;
}
#menu li {
	display: inline-block;
	width: 20%;
	text-align: center;
	font-size: 1.5em;
	min-width: 160px;
	margin: 0.25em 0;
}
#menu li.active a {
	color: #d32892;
	text-shadow: 1px 1px 0px rgba(34, 34, 35, 1);
}
#menu a:link, #menu a:visited {
	color: #FFF;
	text-decoration: none;
}
#menu a:hover, #menu a:active {
	color: #d32892;
	text-shadow: 1px 1px 2px rgba(34, 34, 35, 0.3);
}
#content {
	margin: 0 auto;
	width: 900px;
	max-width: 90%;
	padding: 0 5% 3em;
	background: url(../images/stripes-bg.gif) top left;
	text-align: left;
}
#content h2 {
	min-height: 59px;
	line-height: 59px;
	padding: 0 20px;
	font-weight: normal;
}
.bubble,
#content h2,
#content > p,
#content > img,
.cycle-slideshow img {
	margin: 5px 0px;
	background: #6c727f;
	border: 3px solid #d32892;
	border-radius: 35px;
}
.bubble,
#content > p {
	min-width: 50%;
	overflow: auto;
	line-height: 1.5em;
	padding: 10px 20px;
}
.circuitboard {
	background: url(../images/circuitboard.gif);
	border: 3px solid #d32892;
	margin: 5px 0;
}
#content > img.floatright,
.floatright {
	float: right;
	margin-top: 0;
	margin-left: 1em;
}
#content > img.floatleft,
.floatleft {
	float: left;
	margin-top: 0;
	margin-right: 1em;
}

.halffloatleft {
	float: left;
	display: inline-block;
	width: 49%;
	min-width: 49%;
	margin-right: 1%;
}
.halffloatright {
	float: right;
	display: inline-block;
	width: 49%;
	min-width: 49%;
	margin-left: 1%;
}


.cycle-slideshow {
	margin-top: 10px;
}
.cycle-slideshow,
.cycle-slideshow img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}
.cycle-slideshow img {
	display: none;
}
.cycle-slideshow img.first {
	display: block;
}

.audiojs {
	width: 100%;
	height: auto;
	margin: 10px 0 0;
	background: #6c727f;
	box-shadow: none;
	font-family: inherit;
	font-size: 0.8em;
	overflow: visible;
}
.audiojs .play-pause,
.audiojs .scrubber,
.audiojs .time {
	border: none;
	background: none;
	text-shadow: none;
	display: inline-block;
	float: none;
	vertical-align: top;
}
.audiojs .play-pause {
	height: 26px;
}
.audiojs .scrubber {
	width: 55%;
	max-width: 280px;
	margin: 10px 2%;
}
.audiojs .loaded {
	background: #d32892;
}
.audiojs .progress {
	background: #FFF;
}
.audiojs .time {
	padding: 0;
	margin: 0;
}
.audiojs .error-message {
	float: none;
}
.playlist {
	overflow: auto;
	min-width: 40%;
}
.playlist ol {
	padding: 0;
	list-style-type: decimal-leading-zero;
}
.playlist li {
	position: relative;
	list-style-position: inside;
	border-bottom: 1px solid #d32892;
	padding-left: 2em;
	color: #d32892;
	font-weight: bold;
}
.playlist li a {
	margin-left: 1em;
	font-weight: normal;
	color: #FFF;
}
.playlist li.playing:before {
	content: '♬';
	position: absolute;
	left: 0.5em;
	color: #FFF;
}


@media all and (max-width: 660px) {
  .hide660 {
	  display: none;
  }
  .fullwidth660 {
	  width: 100%;
  }
  .audiojs {
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  border-top: 3px solid #d32892;
  }
}