﻿body {
	background-color: #000000;
	background-image: url(images/backgroundQ500.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: arial, verdana, sans-serif;
	font-size: 15px;
	color: #ffffff;
	margin: 15px 0px;
	padding: 0px;
	border: 0px;
}
body h1, .hd-button, .button {
	background-color: #458888;
	background: linear-gradient(#458888, #012222);
	color: #ffffff;
	font-size: 110%; 
	padding: 4px 10px;
	margin: 0px;
	font-weight: lighter;
	border: 0px;
}
body h2 {
	color: #569999;
	font-size: 110%;
	text-align: center;
	margin: 1.75% 0% 0% 0%;
	padding: 0px;
	border: 0px;
}
body h3 {
	font-size: 100%;
  color: #78bbbb;
	font-weight: bold;
	text-align: center;
  margin: 10px 0px;
  padding: 0px;
	border: 0px;
}
body img {
	margin: 0px;
}
body p {
	margin: 1.75% 5% 0% 5%;
}
body b {
	color: #569999;
}
body a, a:link {
	color: #78bbbb;
}
body ul {
  	list-style-type: none;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}
body object, embed {
	height: 170px;
}
body object, audio, embed {
	margin: 1.75% 0%;
	width: 100%;
}
#main {
	width: 100%;
	max-width: 750px;
	overflow: auto;
	margin: 0 auto 0 auto;
}
#band {
	float: left;
}
#band, #contact, #store, #nav {
	width: 25.33%;
	max-width: 190px;
  overflow: hidden;
}
#band, #nav {
	margin-bottom: 3%;
}
#store {
	margin-bottom: 0px;
}
#band h1 {
	margin-top: 1.75%;
}
#band img {
	width: 100%;
	max-width: 190px;
	height: auto;
}
#band img, #store img {
	margin: 0px -4px -4px 0px;
}
#band p, ul#store {
	text-align: center;
}
#store li {
	display: inline;
}
#store img {
	width: 16px;
	height: 16px;
	margin-right: 5%;
	margin-left: 5%;
}
#nav a, #nav a:link {
	text-align: center;
	background-color: #458888;
	background: linear-gradient(#458888, #012222);
	color: #ffffff;
	font-weight: bold;
	margin: 6% 0% 0% 0%;
	padding: 0px;
	text-decoration: none;
	width: 100%;
	max-width: 190px;
	float: left;
}
#nav a:hover, a:hover.hd-button, input:hover.button {
	color:#000000;
	background-color:#CCCCCC;
	background: linear-gradient(#CCCCCC, #222222);
}
#contact {
	background-color: rgba(69, 136, 136, .2);
	padding-bottom: 1.75%;
  margin-bottom: 15px;
}
#contact p {
	margin-top: 5%;
}
img#banner {
	width: 72.67%;
	max-width: 545px;
	height: auto;
	float: right;
	margin-bottom: 1.75%;
}
.rt-blok {
	width: 72.66%;
	max-width: 545px;
	float: right;
	margin-bottom: 1.75%;
	overflow: auto;
}
#bioShot {
	width: 36.7%;
	max-width: 200px;
	height: auto;
	float: right;
	margin: 1.75% 0% 1.75% 1.75%;
}
.cdiscs {
	margin-top: 2.25%;
	width: 33.33%;
	max-width: 181px;
	float: left;
	height: 100%
}
.cdiscs img {
	width: 78%;
	max-width: 140px;
	height: auto;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.cdiscs ol {
	padding: 0px;
	margin: 0% 0% 0% 13.75%;
}
.hd-button {
	border-left: solid 1px #78bbbb;
	float: right;
}
	
.hd-button img {
	width: 16px;
	height: 16px;
	margin-left: 10px;
	margin-bottom: -4px;
}
a.hd-button, a:link.hd-button  {
	text-decoration: none;
	color: #ffffff;
}
p#notice {
	font-size: 85%;
	margin: 0px;
	text-align: center;
	font-weight: normal;
}
p.quote {
	margin-right: 9%;
	margin-left: 9%;
}
#mc_embed_signup {
	background-color: rgba(69, 136, 136, .2);
	width: 72.67%;
	max-width: 545px;
	float: right;
	margin-bottom: 1.75%;
	padding-bottom: 1.75%;
}
input#mc-embedded-subscribe {
	margin: 0% 0% 0% 5%;
}	
#player {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 85%;
}
#footer {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #555555;
	background-color: #333333;
	color: #cccccc;
	font-size: 85%;
	text-align: center;
	padding: 10px;
	overflow: auto;
}
#footer p {
	margin: 0px;
}

/* Video controls and formatting */
.table {
	display: table;
	table-layout: fixed;
	width: 97.5%;
	max-width: 780px;
	margin: 1.75% .975% 0px;
}
.cell {
	display: table-cell;
    width: 100%;
}
.cell p {
	margin-top: 15px;
}
.left {
	padding-right: .9375%;
}
.right {
	padding-left: .9375%;
}
.vidCont {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}
.vidCont iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}
.qohStore li {
	text-align: center;
  float: left;
  display: inline;
  width: 25%;
}
.qohStore img {
	display: block;
	margin: 0px auto;
	padding: 0px;
}
ul.qohStore {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 15px;
	border: 0px;
	overflow: auto;
}
p#cookies {
  color: #999999;
  font-size: 80%;
  margin: 10px;
  padding: 0px 30px;
}


/* Browser/device window width 550px or smaller */

@media all and (max-width: 550px) {
	img#banner {
		width: 100%;
		float: none;
	}
}

/* Browser/device window width 520px or smaller */

@media all and (max-width: 520px) {
	#band, .hide {
		display: none;
	}
	#nav {
		margin-bottom: 1.75%;
	}
	.rt-blok, #mc_embed_signup, #store, #nav, #contact {
		width: 100%;
		max-width: 500px;
		min-width: 300px;
		float: none;
	}
	#nav a, #nav a:link {
		font-size: 90%;
		width: 33.33%;
		margin: 1.75% 0% 0% 0%;
	}
}

/* Browser/device window width 500px or smaller */

@media all and (max-width: 500px) {
	body {
		font-size: 18px;
	}
	#bioShot {
		display: none;
	}
}
