#content {
	clear:left;
}
h2 {
	margin:3em 0 1em;
}

#dailyJamWindow {
	margin-right: 3vw;
}

#dailyJams {
	position: relative;
}

#dailyJams .jam {
}

@media only screen and (max-width: 600px) {
	#dailyJams .jam.date_-1, #dailyJams .jam.date_1 {
		display: none;
	}
}

#dailyJams .jamSpacer {
	position: relative;
}

#dailyJams .jam.date_-1 {
	position: absolute;
	width: 100%;
}

#dailyJams .jam.date_-1 .jamSpacer {
	left:  -3vw;
	transform:  scale(0.9);
	transform-origin: center left;
}

#dailyJams .jam.date_0 {
	z-index: 9;
}

#dailyJams .jam.date_0 .jamSpacer {
}

#dailyJams .jam.date_1 {
	position: absolute;
	width: 100%;

}

#dailyJams .jam.date_1 .jamSpacer {
	left:  3vw;
	transform:  scale(0.9);
	transform-origin: center right;
}

#dailyJams .mintingInfo {
	height: 4em;
	position: relative;
}

iframe {
	border:0;
	box-shadow: 0px 2px 3px #eee;
	max-width:100%;
	overflow:hidden;
}

h3 {
	font-weight:normal;
	margin: 1.5em 0 0.5em;
}

.moreInfo {
	clear: left;
}

.footer {
	clear:left;
}
.jamContainer{
	overflow:hidden;
	position: relative;
	font-size: 8px; /* comparable to 1vh if this were a separate iframe */
	/*TODO:  make sure these work in viewer mode also*/
	border-radius: 10px;
	box-shadow:  0px 5px 20px rgba(0,0,0,0.2);
}
.goldMaster.jamContainer {
	width:800px;
}
.datePicker {
	margin-bottom:1em;
	width: 100%;
	/* text-align: center; */
}
.datePicker > * {
	margin: 0 1em 0 0;
}

.button span.price {
	font-size: 0.8em;
}
.datePicker .icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-bottom: -2px;
}

.prevIcon {
	transform: scaleX(-1);
}
table.traits {
	text-align: left;
}
table.traits td {
	vertical-align: top;
	padding-bottom: 1em;
	padding-right: 1em;
}
table.traits td.type {
	color:  #999;
}
table.traits .explanation {
	color:  #999;
	font-size: 0.8em;
	line-height: 1.2em;
}