/**********************************************
Theme Name: Electric Blues
Theme URI: http://www.jt30.org
Description: Butchered responsive website
Version: 0.2
Author: Keith Graham
*************************************************/
	font-size:calc(.85em + 1vw);

#container {
	background-color:black;
	font-family:Georgia,"Times New Roman",Times,serif;
	max-width:1024px;
    margin:0;
	padding:0;
	position:relative;
	
}

table {
	max-width:100%;
}
td {
	position:relative;
}
td img {
	width:100%;
	min-width:24px;
}
.article {
	position:relative;
}
img {
max-width:100%;
}


image,table {
max-width:100%;
}
header {
	position:relative;
	width:100%;
	margin:0;
}
.head1 {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
	background-color:#000000;
	background-image:url("../template/images/cotton.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	background-size:  auto 100%;
	overflow:hidden;
	font-size:calc(.85em + 1vw);
    margin:0;

}
.stretchy-wrapper {
    width: 100%;
	min-height:80px;
  	max-height:150px;
    display: inline-block;
    position: relative;
    margin:0;
}
.stretchy-wrapper:after {
    padding-top: 20%; 
    display: block;
    content: " ";
}
.head1 a {
	color:#FFFF99;
	text-decoration:none;
	overflow:hidden;
	position:relative;
	width:100%;
}
.htitle {
	color: #EBF6FA;
	font-style: italic;
	padding:10px 0;
	
	font-size:.90em;
	float:right;
    overflow:hidden;	
}
.hmaintitle {
	float:left;
	text-decoration:none;
	font-style: italic;
	font-size:1.8em;
	padding:10px 0 0 55px;

}
#menubar {
	position:relative;
	background-color:#000000;
}
.menubarimg {
	height:28px;
}
#menubar a {
	color:#FFFF99;
	text-decoration:none;
	overflow:hidden;
	position:relative;
}

#content {
	position:relative;
	margin:0px;
	max-width:1024px; 
	clear:both;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

footer {
	position:relative;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	clear:left;
	background-color:ivory;
	font-size:calc(.85em + 1vw);
}
#material {
	width:100%;
	position:relative;
	clear:both;
	max-width:1024px; 
	font-size:calc(.66em + 1vw);
	margin:0;
}
.material {
	visibility: hidden;
}
#overlay {
	width:90%;
	min-height:90%;
	left:5%;
	font-size:calc(.75em + 1vw);
	position:absolute;
	top:5%;
	border:5px solid black;
	visibility:hidden;
	background-image: url("../template/images/bg.gif");
	background-repeat:repeat;
	z-index:99;
  
}
.store {
	min-width:300px;
	max-width:640px;
	border:1px solid gray;
	padding:4px;
	font-size:calc(.75em + 1vw);
	margin-left:auto;
	margin-right:auto;

}
.quarter {
	min-width:300px;
	max-width:48%;
	float:left;
	border:1px solid gray;
	padding:2px;
	font-size:calc(.75em + 1vw);
}
.quarter2 {
	min-width:300px;
	max-width:48%;
	clear:left;
	border:1px solid gray;
	padding:2px;
	font-size:calc(.75em + 1vw);
}
.quarter a {
	color: gray;
    text-decoration: none;
}.quarter2 a {
	color: gray;
    text-decoration: none;
}
.quarter img {
	width:20%;
	float:left;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

hr{
	clear:left;
}
pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	font-family: "courier new", courier, monospace;
	font-size:calc(.72em + 1vw);
}

#welcome {
	background-image: url("../template/images/bg.gif");
	background-repeat:repeat;

}
#instructions {
	position:relative;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	clear:left;
	background-color:yellow;
	font-size:calc(.85em + 1vw);
	font-style: italic;
	padding:10px;
	
}