@charset "utf-8";
body {
	font-family: "Overpass", Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: 300;
	color: #999;
	background-color: #202020;
	margin: 0;
	padding: 0;
}
figure, .figure {
	margin: 0;
}
.floatleft, .floatright{
	text-align: center;
	margin: 0 .5em 1em;
	float: none;
}
svg {
	display: block;
	margin: 0;
	padding: 0;
}
svg.jyf {
	display: inline-block;
	vertical-align: middle;
	width: 9.6em;
	height: .8em;
}
img, video {
	width: 100%;
	height: auto;
}
audio {
	max-width: 100%;
	width: 320px;
}
iframe {
	display: block;
	margin: .5em auto;
	width: 100%;
	height: 56vw;
}
blockquote {
	font-size: .9em;
	margin: 1em;
	padding: 1em;
	color: #7A7F83;
	border: 1px solid #C8CECE;
	line-height: 1.1em;
}
.inblock {
	display: inline-block;
	vertical-align: middle;
}
.serif, em {
	font-family: Georgia, "Times New Roman", Times, serif;
}
em {
	font-size: 1.1em;
	color: #FFF;
	font-weight: 700;
}
i {
	font-family: Arial, Helvetica, sans-serif;
}
b, strong {
	font-weight: 700;
}
.upper {
	text-transform: uppercase;
}
.lower {
	text-transform: lowercase;
}
.smaller {
	font-size: .85em;
}
.larger {
	font-size: 1.3em;
	line-height: 1.3em;
}
hr {
	margin: 1.6em auto;
	clear: both;
	border-top: 2px solid #383838;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.side hr {
	border-top: 2px solid #383838;
	margin: 1.25em auto;
}
hr.short {
	width: 7.2em;
}
h2 + hr, h3 + hr {
	display: none;
}
div > h3:first-child {
	margin-top: 0;
}
p {
	padding: 0;
	margin: .125em 0 1em; 
}
.message {
	margin-bottom: 1.2em;
}
p:last-child {
	margin-bottom: 0;
}
a, a:link, a:visited{
	cursor: pointer;
	text-decoration: none;
	color: #0E95C5;
}
a.submitbutton, input.submitbutton, input.formsubmit, input.changebutton {
	padding: .1em .5em;
	border-radius: .6em;
}
a.submitbutton, a.submitbutton:link, a.submitbutton:visited, input.submitbutton{
	background-color: #791700;
	color: #FFF;
}
input.changebutton{
	background-color: #88858C;
	color: #FFF;
}
div.submitbutton, input.submitbutton {
	display: table;
	line-height: 1.5em;
	background-color: #740309;
}
div.submitbutton, input.submitbutton, div.changebutton, input.changebutton {
	font-size: 1em;
	padding: .4em 1.2em;
	margin: .3em auto 0;
	border-radius: .6em;
	border:none;
	height: 3em; 
}
input.changebutton {
	white-space: normal;
	line-height: 1em;
}
h1 {
	font-weight: 300;
	font-size: 2.875em;
	line-height: 1.1em;
	margin-left: -1rem;
	padding: 2rem 2rem 1.5rem 1rem;
	background-image: linear-gradient(90deg,transparent,#383838 6em,transparent);
	margin-bottom: 1.5rem;
	text-transform: uppercase;
	letter-spacing: -.05em;
}
h2, .parent {
	font-weight: 300;
	font-size: 1.9em;
	margin-left: -1rem;
	padding: 2rem 2rem 1.5rem 1rem;
	background-image: linear-gradient(90deg,transparent,#383838 6em,transparent);
	margin-bottom: 1.5rem;
	text-transform: uppercase;
	letter-spacing: -.05em;
}
h3 {
	font-weight: 400;
	font-size: 1.375em;
	line-height: 1.05em;
	margin: 1em 0 .3em; 
}
h3 b, dt {
	font-weight: 400;
	color: #FFF;
}
h4 {
	font-weight: 400;
	color: #666;
	font-size: 1.375em;
	line-height: 1.05em;
	margin: 0 0 1em; 
}
h5 {
	font-weight: 300;
	font-size: 1.125em;
	line-height: 1.1em;
	color: #F99;
	margin: 0;
}
h6 {
	font-size: 1.125em;
	line-height: 1.1em;
	color: #FFF;
	margin: 0;
}
h1, h2, h3, .side h4 {
	color: #009CBE;
}
h1 b {
	font-weight: 400;
	color: #FFF;
}
.parent + h1 {
	font-size: 1.8em;
	line-height: 1.1em;
	margin-left: 0;
	padding: 0;
	background-image: none;
	text-transform: none;
	letter-spacing: normal;
}
p + h3, h4 + h3 {
	margin-top: 1.5em;
}
h1 br, h3 br, h2 br {
	display: none;
}
.side h5 {
	text-transform: uppercase;
	text-shadow: 0 0 2px #F00;
}
h5.larger {
	font-size: 1.875em;
	letter-spacing: -.05em;
}
.side h6 {
	font-weight: 300;
}
.side h5 + h6 {
	font-size: 1.25em;
}
dl {
	margin: .125em; 
	padding: 0;
}
ul, ol {
	list-style-position: outside;
	padding: 0;
	margin: .125em 0 .5em 2em; 
}
ul.clean {
	list-style: none;
	margin: 0 0 .5em;
}
li.clean {
	list-style: none;
}
li, dd, .together {
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}
li, dd {
	padding-bottom: .625em;
}
ul.simple {
	position: relative;
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
}
ul.simple li:before {
	content: "::";
	position: absolute;
	left: 0;
}
ul.bigbuttons li a:before {
	content: "::";
	position: absolute;
	left: .4em;
}
ul.bigbuttons, ul.buttons {
	font-weight: 400;
	display: table;
	list-style: none;
	font-size: 1.1em;
	line-height: 1.15em;
	margin: 1.1rem 0;
	padding-left: 0;
}
ul.bigbuttons li, ul.buttons li {
	position: relative;
	margin-bottom: .4em;
	border: 1px solid #006393;
	border-radius: .5rem;
	background-color: #000;
	padding: 0 .4em;
}
ul.bigbuttons li a, ul.buttons li a {
	display: block;
	padding: .4em .8em;
}
ul.buttons a, ul.buttons a:link, ul.buttons a:visited {
	color: #40C7F7;
}
.greyblock ul.buttons {
	margin: 0 auto;
}
.greyblock ul.buttons li {
	display: inline-block;
	margin: .4em;
}
#fullwidth {
	margin: auto;
	box-sizing: border-box;
}
#fullwidth, .fullblock, .outline {
	border: 2px solid #383838;
	background-color: #000;
}
#fullwidth > .inside {
	background-color: #111;
	margin: .5em;
}
#header {
	color: #000;
	text-align: center;
	position: relative;
	background-image: linear-gradient(90deg,#111,#48474C 50%);
}
#header .photoback {
	background-image: url(elements/header_back.jpg);
	background-position: right center;
	background-size: 34%;
	background-repeat: no-repeat;
}
#header .logo {
	width: 67%;
    margin: 0 auto;
    padding: .3em 3em .3em 0;
}
#main {
	padding: 0 4% 1em;
	line-height: 1.3em;
	margin: 1em 0 .5em;
	position: relative;
}
.bottom {
	padding: 0 4%;
}
#footer {
	font-size: .9em;
	margin-top: 2.8em;
	padding: 0 1em 2.8em;
	line-height: 1.4em;
	text-align: center;
}
#navbar, .original, #mobilehide, #mobilenav ul ul, ul.behind {
	display: none;
}
#mobilenav {
	display: block;
	width: 100%;
	position: relative;
	background-color: #111;
	border-bottom: 2px solid #383838;
}
#mobilenav ul	{
	font-size: 19px;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
#mobilenav li{
	box-sizing: border-box;
	width: 100%;
	list-style:none;
	display: table;
	text-align: center;
	padding: 0;
}
#mobilenav .soon {
	display: none;
}	
#mobilehide > ul > li{
	border-top: 2px solid #383838;
} 
#mobilehide .more{
	width: 70px;
	height: 44px;
}
#mobilenav .more {
	background-image: url(https://commonelements.net/common/elements/mobile_pieces.png);
	background-position: center -56px;
	display: table-cell;
}
#mobilenav li > div {
	display: table-cell;
	vertical-align: middle;
}
#mobilenav a {
	display: block;
	line-height: 1.1em;
	padding: .5em 0;
}
#mobilenav .mobiletitle {
	color: #FFF;
	text-align: center;
	font-weight: normal;
	font-size: x-large;
	line-height: 52px;
	height: 52px;
	display: block;
	margin-right: 70px;
	overflow: hidden;
}
.mobileicon {
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 52px;
	background-image: url(https://commonelements.net/common/elements/mobile_pieces.png);
	background-position: center 0px;
}
.mobileicon:hover, #mobiletoggle:checked ~ .mobileicon, #mobilenav .more, #mobilenav a:hover, #mobilenav a:visited:hover {
	color: #FFF;
	background-color: #0D96C4;
}
#mobiletoggle, .subtoggle {
	position:absolute;
	left:-100%;
	top:-100%;
}
#mobiletoggle + label, #mobilehide .more{
	cursor: pointer;
}
#mobiletoggle:checked ~ #mobilehide {
	display: block;
}
#mobilehide ul li input:checked ~ ul {
	display: table-row;
}
#mobilehide ul li input:checked + label {
	background-position: center -109px;
}
.footnav ul {
	font-size: 1em;
	line-height: 1em;
	box-sizing: border-box;
	display: table;
	padding: 0;
	margin: 1.5em auto;
	list-style: none;
	text-align: center;
}
.footnav li {
	margin: .5em 0;
	padding: 0 1em;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
}
.footnav li + li {
	border-left: 1px solid #009CBE;
}
.footnav a {
	display: block;
	padding: .3em 0 .2em;
}
.footnav a, .footnav a:link, .footnav a:visited {
	color: #009CBE;
}
.footnav a:hover, .footnav a:visited:hover {
	color: #FFF;
}
.footnav .nav.on a {
	color: #FFF;
	font-weight: 400;
}
.container {
	margin: 1em auto;
	display: table;
}
.social {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}
.social + .social {
	margin-left: 1.5em;
}
.social, .social .spacer {
	background-image: url(elements/social-icons.png);
	background-repeat: no-repeat;
	background-size: 31.25em;
	height: 2em;
	width: 2em;
	border-radius: .4rem;
}
.social .spacer {
	-webkit-transition: all 200ms cubic-bezier(.5, 0, .5, 1);
	transition: all 200ms cubic-bezier(.5, 0, .5, 1);
}
.social .spacer:hover {
	opacity: .3;
}
.facebook .spacer {
	background-position: 0 0;
}
.facebook {
	background-position: 0 -3.125em;
}
.twitter .spacer {
	background-position: -3.125em 0;
}
.twitter {
	background-position: -3.125em -3.125em;
}
.imdb .spacer {
	background-position: -18.75em 0;
}
.imdb {
	background-position: -18.75em -3.125em;
}
.givingassistant .spacer {
	background-position: -21.875em 0;
}
.givingassistant {
	background-position: -21.875em -3.125em;
}
.sponsors {
	text-align: center;
}
.sponsors h4 {
	margin: 0;
	font-weight: 300;
	text-transform: uppercase;
}
.sponsors ul {
	list-style: none;
	border: 2px solid #383838;
	background-color: #FFF;
	display: table;
	margin: 0 1em;
	padding: 1em;
	border-radius: .5em;
}
.sponsors li {
	display: inline-block;
	vertical-align: middle;
	margin: .5em 1em;
	padding: 0;
}
.articlelist {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 1em 0;
}
.articlelist > div{
	padding-top: .5em;
}
.articlelist .content {
	font-size: .9em;
	line-height: 1.2em;
}
.articlelist .docside, .photoside {
	text-align: center;
}
.docside img {
	max-width: 150px;
}
.blog .docside img {
	max-width: 200px;
}
.articlelist img, #media img {
	border: 1px solid;
}
.articlelist .more {
	margin-top: .4em;
}
#media {
	margin: .4em auto;
	text-align: center;
}
.navigation {
	text-align: right;
	font-size: .9em;
	opacity: .9;
	margin: .5em 0;
}
.fullarticle {
	position: relative;
	margin-bottom: 1em;
}
.fullarticle h1, .productdetail h1 {
	text-transform: none;
	font-size: 2.1em;
	line-height: 1.1em;
}
.fullarticle h2 {
	font-style: italic;
	margin-top: -.5em;
	font-size: 1.1em;
}
.articlelist h3 {
	font-size: 1.25em;
	font-weight: 700;
}
.tagline {
	font-weight: 400;
}
.articlelist h3 a{
	padding: 0;
}
.articlelist h4, .fullarticle h4{
	font-weight: 400;
	font-size: 1.05em;
	color: #740309;
}
.articlelist h5, .fullarticle h5, .fullarticle h6 {
	padding: .5em 0 0;
	margin: 0;
	font-size: .8em;
	color: #E5B719;
}
.articlelist h5 + div, .fullarticle h5 + div, .fullarticle h6 + div {
	padding-top: .5em;
}
.newsvideo .date {
	display: none;
}
.newsvideo .fullarticle h2 {
	font-style: normal;
	margin-top: 1em;
}
.fullarticle .image {
	margin: 1em .5em .5em;
	width: auto;
}	
.fullarticle img {
	width: 100%;
	height: auto;
}
.fullarticle .author {
	padding: 0 0 1em;
	color: #7E90A6;
}
.photoshell {
	margin: .5em auto;
	text-align: center;
}
figure .caption {
	display: block;
	font-size: .85em;
	line-height: 1em;
	margin-top: .3em;
	padding: 0 .5em .5em;
	opacity: .8;
}
.sharetable {
	text-align: center;
}
.sharecell {
	display: inline-block;
	width: 58px;
	margin: 1em;
	vertical-align: top;
}
.sharecell.space{
	padding-top: 4px;
}
.sharecell.fb, .sharecell.tw {
	padding-top: 0;
}
.fb_iframe_widget span {
	display: block !important; 
}
.thumbgroup, .gallery .fullphoto, .photodata {
	margin: 1em 0;
	text-align: center;
}
.blog .fullphoto {
	text-align: center;
}
.thumbphotos {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	font-size: .9em;
	line-height: 1.1em;
	margin: 1em;
}
.thumbphotos h3 {
	margin-top: 0;
}
.thumbphotos img {
	border: 1px solid;
	width: 100%;
	height: auto;
}
.gallery .fullphoto, .photodata {
	padding: .5em;
}
.photodata hr {
	width: 200px;
	margin: .5em auto;
}
.pretitle {
	font-size: .9em;
	line-height: 1em;
	margin-bottom: 1em;
}
.border {
	border: 1px solid #666;
}
.light1 {
	color: #4FBFD7;
}
.light2 {
	color: #50C3F0;
}
.light3 {
	color: #EB010A;
}
.dark1 {
	color: #693714;
}
.dark2 {
	color: #740309;
}
#login {
	max-width: 650px;
	margin: 0 auto;
}
#login input.submitbutton {
	margin: .3em auto 0 0;
}
.formtable {
	max-width: 96%;
	background-color: #383838;
	border: 1px solid #666;
}
.formtable td, .formtable th {
	display: block;
}
.formtable .bar {
	font-size: 1.1em;
	text-align: center;
	background-color: #111;
	color: #F90414;
}
input[type="text"], input[type="email"], input[type="tel"], textarea {
	box-sizing: border-box;
	width: 100%;
}
.formnorm {
	font-size: .85em;
	background-color: #CCC;
	color: #000;
	padding: .5em .5em .4em .5em;
	border: none;
}
select.formnorm {
	font-size: .8em;
}
.formbox .formnorm{
	background-color: #EEE;

}
.formnorm::-webkit-input-placeholder {
	color: #88858C !important;
}
.formnorm::-moz-placeholder {
	color: #88858C !important;
}
.formnorm:-ms-input-placeholder {
	color: #88858C !important;
}
.formsubmit {
	width: 100%;
	font-size: 1.1em;
	border-radius: .3em;
	border: .2em outset #D7D9D4;
	background-color: #740309;
	color: #FFF;
	padding: .5em;
	background-image: url(elements/crystal.png);
	background-size: cover;
	background-position: center;
}
table.preview {
	background-color: #E0E2DF;
	border-spacing: 0;
	color: #000;
}
table.preview td {
	padding: .5em;
}

.check_human .errorborder, span.errorborder {
	padding: 4px;
}
.submitgroup {
	position: relative;
	padding-bottom: 1em;
}
#coverup {
	position: absolute;
	font-size: .85em;
	padding: 3.7em 0 0;
	text-align: center;
	width: 100%;
	top: 0;
	left: 0;
	color: #990000;
	background-color: rgba(227,228,230,.5);
	z-index: 11;
	display: none;
}
#coverup.after {
	display: block;
}
#coverup.after:after {
	content: "Submitting, please wait";
}
.split .line {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 2px solid #383838;
}

.side {
	line-height: 1.2em;
}
.side .split {
	box-sizing: border-box;
	display: table;
	width: 100%;
	padding: 0 .625em;
	margin: .625em 0;
}
.side .split > div {
	display: table-cell;
	vertical-align: top;
}
.side .split div + div {
	padding-left: 1em;
}
.side h4 {
	background-image: linear-gradient(90deg,#111,#383838 60%, transparent 80%);
}
.side h4.movies {
	font-size: 3.625em;
	padding-bottom: .4em;
	text-transform: uppercase;
}
.side h4 .smaller {
	font-size: .76em;
}
.side li {
	padding-bottom: .2em;
}
.coverside {
	width: 40%;
	max-width: 160px;
}
.coverside img {
	max-width: 160px;
	border: 1px solid #383838;
}
.covercenter  {
	text-align: center;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 2px solid #383838;
}
.covercenter img {
	border: 1px solid #383838;
}
.floatwords {
	line-height: 1em;
	color: #FFF;
	text-transform:uppercase;
	text-align: center;
	position: absolute;
	width: 100%;
	top: 4.5em;
}
.bookdallas {
	background-image: linear-gradient(90deg,#000 50%, #111 60%);
}
.bookdallas p {
	line-height: 1.1em;
}
.bookdallas .textside {
	padding-right: 40%;
	background-image: url(elements/dallas.jpg);
	background-position: right top;
	background-size: 40%;
	background-repeat: no-repeat;
}
.bookdallas .inside {
	font-size: .8em;
	margin: 0;
	padding: .625rem 1.25rem .625rem .625rem;
}
.bluebutton a, .redbutton a{
	font-size: .9em;
	line-height: 1em;
	text-align: center;
	font-weight: 400;
	border-radius: .4em;
	display: block;
	padding: .2em 0 .1em;
	margin: .625rem 0;
}
.bluebutton a {
	background-image: linear-gradient(90deg,#0E95C5,transparent,#0E95C5,transparent);
}
.redbutton a {
	background-image: linear-gradient(90deg,#FE0000,transparent,#FE0000,transparent);
}
.bluebutton a, .bluebutton a:link, .bluebutton a:visited {
	border: 1px solid #0E95C5;
	color: #FFF;
	background-color: #000; 
}
.redbutton a, .redbutton a:link, .redbutton a:visited {
	border: 1px solid #FE0000;
	color: #FFF;
	background-color: #000; 
}
.bluehighlight .jyf {
	width: 8em;
	vertical-align: text-top;
}
.bluehighlight {
	font-size: 1.26em;
	line-height: 1.1em;
	padding: .625rem 1rem 2.25rem .5rem;
}
.redcorner a{
	display: block;
	box-sizing: border-box;
	padding: 1.5em 3em 0 1.5em;
	position: absolute;
	bottom: -3em;
	right: -3em;
	text-align: left;
	font-size: .7rem;
	line-height: 1em;
	border: 2px solid #FE0000;
	border-radius: 50%;
	width: 9em;
	height: 9em;
	background-image: radial-gradient(circle at 1em 1em,#FE0000,#000 80%);
}
.fullblock, .outline, .greyblock {
	border-radius: .5rem;
	overflow: hidden;
	position: relative;
	margin-bottom: 1em;
}
.fullblock + .fullblock {
	margin-top: .625em;
}
.fullblock b {
	font-weight: 400;
	color: #FFF;
}
.fullblock h1 {
	text-align: center;
	font-size: 2em;
	color: #FFF;
}
.fullblock h2 {
	text-align: center;
}
.fullblock h3, .fullblock h2, .side h4 {
	font-size: 2.125em;
	line-height: 1em;
	font-weight: 300;
	background-image: linear-gradient(90deg,#111,#383838 35%, transparent 60%);
	padding: 1rem 1rem .5rem;
	margin: 0;
}
.fullblock h3 {
	text-transform: uppercase;
}
.fullblock .inside {
	padding: 0 .625em;
	margin: .625em 0;
}
.fullblock ul, ul.thumbgroup, .photogroup {
	list-style: none;
	margin: 1em auto .625em;
}
.thumbgroup, .photogroup {
	display: table;
}
.insideblock {
	background-color: #383838;
	overflow: hidden;
	border-radius: .5rem;
	text-align: center;
}
.insideblock h3 {
	font-size: 1.2em;
	background-image: linear-gradient(90deg,#004351,#0E95C5,#004351);
	color: #FFF;
	padding: .25em .5em;
	margin-top: 0;
}
.insideblock ul {
	font-size: .9em;
	line-height: 1.2em;
	padding: 0 1em;
	margin: 1em 0 .4em;
	color: #EEE;
}
.insideblock li {
	padding-bottom: .6em;
}
.credits {
	text-align: center;
}
.speakers h2 {
	margin-bottom: 1rem;
}
.credits h3, .speakers h3 {
	font-size: 1.2em;
	color: #FFF;
	text-transform: none;
	font-variant: small-caps;
	background-image: none;
	margin: 0 0 .5rem;
	padding: 0;
}
.credits h3 {
	text-align: center;
}
.credits h4 {
	font-size: 1.15em;
	margin: 0 0 .5rem;
	font-variant: small-caps;
	color: #F99;
}
ul.group {
	margin: 0 auto 1em;
}
.row + .row {
	padding-top: .625em;
	border-top: 2px solid #383838;
}
.photogroup {
	text-align: center;
}
.photogroup .row > div {
	margin: .625em;
}
.photogroup h4, .photogroup h3 {
	margin-top: 0;
	font-size: 1.3em;
	line-height: 1.2em;
}
.fullblock li {
	margin: 0 0 .5em 0;
}
ul.thumbgroup li {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	max-width: 200px;
	margin: 0 1em .5em 0;
}
.greyblock {
	background-color: #CCC;
	text-align: center;
	padding: 1rem;
	margin: 1rem 0;
}
.greyblock h1 {
	margin: 0;
	padding: 1rem 0;
	font-size: 1.5em;
	color: #000;
	background: none;
	text-transform: none;
}
.bonusblock {
	display: table;
	margin: 0 auto;
	width: 18em;
	max-width: 100%;
}
ul.listing, ul.listing li {
	display: block;
	text-align: center;
}
.side h3, .side h4 {
	letter-spacing: -.05em;
}
.outline {
	font-size: .9em;
	line-height: 1.1em;
	display: table;
	margin: 1em auto;
	padding: .5em .8em;
}
.videogroup {
	margin: 1em 0;
}
.videogroup li {
	vertical-align: top;
}
.thumb {
	font-weight: 400;
	width: 200px;
	height: 113px;
	background-color: #4A4A4A;
	background-position: center;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	color: #FFF;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-bottom: .2em;
}
.arrow {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 128px;
	height: 128px;
}
.arrow svg polygon {
	fill: #FFF;
}
.arrow svg path {
	fill: rgba(255,255,255,.5);
}
a:hover .arrow svg polygon {
	fill: #000;
}
a:hover .arrow svg path {
	fill: rgba(229,183,25,.5);
}
.quotegroup {
	padding-top: 1em;
	margin-top: 1em;
	border-top: 2px solid #383838;
}
.quote {
	margin: .625em auto;
	font-size: 1.25em;
	line-height: 1em;
	color: #E5B719;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	text-align: right;
}
.quote .credit {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .6em;
	font-style: normal;
	padding-left: .5em;
}
.quote + .quote {
	margin-top: 1.5em;
}
.side .quote {
	text-align: center;
}
.bluehighlight, .donatebutton a {
	background-image: linear-gradient(90deg,#006393,transparent 20%,transparent 80%,#006393);
}
.bluehighlight a, .bluehighlight a:link, .bluehighlight a:visited,
.donatebutton a, .donatebutton a:link, .donatebutton a:visited {
	color: #FFF;
}
.bluehighlight b, .donatebutton b {
	font-weight: 300;
	color: #F99;
	text-shadow: 0 0 2px #F00;
}
.bottom .buybutton {
	margin: 1rem auto;
}
.buybutton a {
	font-size: 1.625em;
	line-height: 1.25em;
	display: block;
	border: 1px solid #006393;
	border-radius: .5rem;
	padding: .8em 1em .6em;
	text-transform: uppercase;
	text-align: center;
	background-image: linear-gradient(90deg,rgba(100,100,100,.5),#383838 30%, transparent 60%, rgba(100,100,100,.5));
}
.buybutton a, .buybutton a:link, .buybutton a:visited {
	background-color: #000;
	color: #FFF;
}
.donatebutton a {
	box-sizing: border-box;
	font-size: 6vw;
	line-height: 1em;
	padding: .625rem .625em;
	margin: 1rem auto;
	border: 1px solid #006393;
	border-radius: .5rem;
	display: table;
	position: relative;
	text-align: left;
	width: 100%;
}
.donatebutton b {
	text-align: right;
	display: block;
	position: absolute;
	top: .625rem;
	right: .625em;
}
.cartimg {
	width: 1.5em;
	margin-top: -.4em;
}
.goodshop {
	display: block;
	border-radius: .5em;
	max-width: 207px;
	margin: 0 auto .2em;
}
.amazonbutton {
	border-radius: .5rem;
	border: 1px solid #FA9D03;
	background-color: #FFF;
	text-align: center;
	margin-bottom: 1em;
	overflow: hidden;
}
.medialogos {
	text-align: center;
	position: relative;
	margin: 2em 0;
	padding: .5em;
	border-top: 2px solid #06D4F2;
	border-bottom: 2px solid #06D4F2;	
	background-color: #000;
}
.medialogos h4 {
	color: #009CBE;
	text-transform: uppercase;
	font-weight: 300;
	margin: 0;
}
.regions {
	width: 88vw;
	height: 66vw;
	margin: 0 auto .5em;
}
.regions path {
	fill: #999;
}
.regions g path {
	fill: #B76B6B;
}
.stateselect {
	font-size: .8em;
	line-height: 1em;
	background-color: #111;
	color: #FFF;
	padding: .2em;
}
#maptop dl {
	margin: 1em auto;
	padding: 0;
}
#maptop dt {
	padding: 0;
	margin: 0;
}
#maptop dd {
	padding: 0;
	margin: 0 0 .6em 1em;
}
dl.blocked dt, dl.blocked dd {
	text-align: center;
}
dl.blocked h3 {
	margin-top: 0;
}
dl.blocked .together {
	box-sizing: border-box;
	max-width: 100%;
	margin: 1em; 
	padding: 1em;
	border: 1px solid #383838;
	background-color: #000;
}
.filelist {
	font-size: .9em;
	text-align: left;
	margin: 1em .5em 0;
}
dl.blocked dd {
	padding: 0;
	margin: 0;
}
.tabled, dl.columnize, dl.blocked {
	box-sizing: border-box;
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.breadcrumb {
	font-size: .9em;
	text-align: left;
}
.breadcrumb > div {
	display: inline-block;
	padding: .2em;
}
.breadcrumb a, .breadcrumb .span {
	display: block;
	padding: .3em .8em .2em;
	border-radius: .4rem;
}
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited,
.quickcart a, .quickcart a:link, .quickcart a:visited {
	color: #FFF;
}
.breadcrumb a:hover, .breadcrumb a:visited:hover,
.quickcart a:hover, .quickcart a:visited:hover {
	color: #FFF;
	background-color: #006393;
}
.quickcart {
	position: fixed;
	bottom: 0;
	right: 0;
	color: #FFF;
}
.quickcart a {
	display: block;
	padding: .5em 1em;
	border-top-left-radius: 1em;
	background-color: #006393;
	background-color: rgba(0,99,147,.8);
}
.debugnotes .quickcart {
	display: none;
}
.store .product {
	margin: 1em;
}
.productdetail {
	border-spacing: 0;
}
.shippingnote {
	font-size: .9em;
	line-height: 1.1em;
}
.pricearea, .optionarea, .productdetail .split {
	margin: .5em;
}
.productdetail .split > div {
	vertical-align: middle;
}
.productdetail .split > div:not(:last-child) {
	padding-right: 1em;
}
.photogroup, .productgroup, .buttongroup {
	text-align: center;
}
.productgroup > a {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	padding: .5em;
	border-radius: .4rem;
	margin: .5em;
	background-color: #000;
}
.productgroup a, .productgroup a:link, .productgroup a:visited {
	color: #FFF;
}
.productgroup a:hover, .productgroup a:visited:hover {
	color: #FFF45E;
}
.productshort .content {
	padding: 6px;
	font-size: .8em;
	line-height: 1em;
}
.photogroup > div {
	vertical-align: bottom;
	display: inline-block;
	margin: 0 0 2%;
	width: 31%;
}
.photogroup > div:not(:last-child){
	margin-right: 2%;
}
.photothumb {
	display: block;
}
.buttongroup {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #999;
}
.cart_table {
	box-sizing: border-box;
	width: 100%;
}
.cart_table .labels {
	display: none;
}
.cart_table label {
	font-size: .8em;
	display: block;
}	
.cart_table tr:nth-child(even){
	background-color: rgba(255,255,255,.15);
}
.cart_table td, .cart_table th {
	padding: .4em;
	display: inline-block;
}
.cart_table tr, .cart_table td.mline {
	display: block;
	text-align: center;
}
.cart_table .detail {
	font-size: .8em;
	line-height: 1em;
}
.cart_table .image, .cart_table .detail{
	display: block;
}
.cart_table .image {
	max-width: 200px;
	margin: 0 auto;
}
.cart_table th, .cart_table .cell, .cart_table, .cart_table .num {
	text-align: center;
}
.cart_table .detail {
	text-align: left;
}	
table .label {
	text-align: right;
}
.storebutton {
	display: inline-block;
    margin: .5em 6px;
    font-size: 16px;
    color: #000;
    border: 1px solid #000000;
    box-shadow: 5px 5px 5px 0px black;
	background-color: #FFA823;
	background-image: linear-gradient(180deg, #FFFFFF, #FEDBA2 45%, #FFA823 55%, #FFE4BC);
    border-radius: 6px;
}
.storebutton input[type="submit"] {
	background-color: rgba(255,255,255,0);
	border: none; 
    font-weight: 700;
    font-size: 16px;
}
.storebutton a, .storebutton input[type="submit"] {
	font-family: "Overpass", Arial, Helvetica, sans-serif;
	font-weight: 700;
	display: block;
    padding: .5em 1em .3em;
    border-radius: 6px;
}
.storebutton a, .storebutton a:link, .storebutton a:visited:link, .storebutton input[type="submit"]{
	background-color: transparent;
    color: #000;
}
.storebutton a:hover, .storebutton a:visited:hover, input.storebutton:focus, .storebutton input[type="submit"]:hover {
	cursor: pointer;
	background-color: rgba(255,255,255,.5);
    color: #000;
}
.paygroup input {
	display: inline;
	vertical-align: middle;
}
.paygroup input[type="text"] {
	width: 140px;
}
.paypal {
	max-width: 110px;
}
.loginarea {
	text-align: right;
	font-size: .9em;
	line-height: 1em;
	padding: .5em;
}
.loginarea > div {
	display: inline-block;
	vertical-align: bottom;
}
.loginarea > div + div::before {
	content: " • ";
}
@media only screen and (min-width: 20em) {
	#debug {
		z-index: 501;
		background-color: rgba(256,256,256,.5);
		border: 1px solid #FFF;
		color: #3300FF;
		padding: 4px;
		position: fixed;
		bottom: 0;
		right: 0;
	}
	#debug::before {
		content: "> 320";
	}
	.debugnotes {
		font-size: medium;
		line-height: 1.15em;
	}
}
@media only screen and (min-width: 30em) {
	#debug::before {
		content: "> 480";
	}
	#header .logo {
		padding-right: 6em;
	}
	.original {
		display: initial;
	}
	.articlelist > div{
		display: table-cell;
		vertical-align: top;
	}
	.articlelist .docside, .photoside {
		padding-right: 1em;
	}
	.articlelist.withphoto .docside {
		width: 150px;
	}
	.fullarticle .image {
		float: right;
		width: 35%;
	}	
	.sharetable {
		display: table;
		border-collapse: separate;
		border-spacing: 6px;
	}
	.sharecell {
		display: table-cell;
		margin: 0;
		font-size: 10px;
	}
	.side {
		box-sizing: border-box;
		display: table;
		margin: .625em auto;
		width: 24em;
	}
	.news.page + .side {
		width: initial;
	}
	.formtable td, .formtable th {
		display: table-cell;
	}
	.coverside {
		width: 50%;
		text-align: right;
	}
	.bluehighlight {
		font-size: 1.5625em;
		line-height: 1.1em;
		padding-bottom: .625rem;
	}
	.side h4.movies {
		padding-bottom: .5rem;
	}
	.floatwords {
		position: absolute;
		top: 1.1em;
		right: 1.1em;
		width: 8em;
	}
	.regions {
		width: initial;
		height: initial;
	}
	ul.listing {
		-moz-column-count: 2;
		-moz-column-gap: 2rem;
		-moz-column-rule: 2px solid #383838;
		-webkit-column-count: 2;
		-webkit-column-gap: 2rem;
		-webkit-column-rule: 2px solid #383838;
		column-count: 2;
		column-gap: 2rem;
		column-rule: 2px solid #383838;
		padding: 0 2rem;
	}
	ul.listing li {
		text-align: left;
	}
}
@media only screen and (min-width: 41.1em) {
	#debug::before {
		content: "> 656";
	}
	iframe {
		max-width: 640px;
		height: 360px;
	}
	.blog .articlelist.withphoto .docside {
		width: 200px;
	}
	.split{
		box-sizing: border-box;
		display: table;
		width: 100%;
		margin: 1em 0;
	}
	.split > div{
		display: table-cell;
		vertical-align: top;
	}
	.split .line {
		padding-top: 0;
		border-top: none;
		border-right: 2px solid #383838;
	}	
	.split.halves > div {
		width: 50%;
	}
	.split > div.quote {
		vertical-align: middle;
		padding: 1rem;
	}
	.bottom .split > div {
		display: inline-block;
	}
	.photogroup .row {
		display: table-row;
	}
	.photogroup .row > div {
		display: table-cell;
		vertical-align: top;
		padding-bottom: 1em;
	}
	.photogroup .row + .row > div {
		border-top: 2px solid #383838;
		padding-top: 1em;
	}
	.photogroup .photoside {
		width: 60%;
	}
	.formtable .photoside {
		width: 200px;
	}
	.photogroup .fileside {
		width: 25%;
		text-align: left;
	}
	.formtable td, .formtable th {
		display: block;
	}
	.floatleft {
		max-width: 50%;
		float: left;
		margin: .2em 1em 1em 0;
	}
	.floatright {
		max-width: 40%;
		float: right;
		margin: .2em 0 1em 1em;
	}
	.fullarticle .floatright, .fullarticle .floatleft {
		max-width: 200px;
	}
	.goodshop {
		margin-left: 0;
	}
	.donatebutton a {
		font-size: 3vw;
		width: 14em;
	}
	.thumbphotos {
		width: 28%;
	}
	.credits {
		-moz-column-count: 2;
		-moz-column-gap: 2rem;
		-moz-column-rule: 1px solid #383838;
		-webkit-column-count: 2;
		-webkit-column-gap: 2rem;
		-webkit-column-rule: 1px solid #383838;
		column-count: 2;
		column-gap: 2rem;
		column-rule: 1px solid #383838;
		padding: 0 1rem;
	}
	.speakers {
		max-width: 40em;
		margin: 1em auto;
	}
	.speakers .inside {
		padding: 0 1.25em;
		margin: 1em 0;
	}
	.storebutton {
		margin: 6px;
	}
	.cart_table tr, .cart_table .labels {
		display: table-row;
	}
	.cart_table td, .cart_table th, .cart_table .image, .cart_table .detail {
		display: table-cell;
	}
	.cart_table .num, .cart_table td.mline {
		display: table-cell;
		text-align: right;
	}
	.cart_table label {
		display: none;
	}
	.productgroup > a {
		width: 45%;
	}

}
@media only screen and (min-width: 57em) {
	#debug::before {
		content: "> 912";
	}
	body {
		font-size: 16px;
		background-image: linear-gradient(90deg,#111,#202020 5%,#000,#202020 95%,#111);
	}	
	body > .errorborder {
		margin-bottom: 1em;
	}
	iframe {
		width: 50vw;
		height: 28vw;
	}
	h1 br, h3 br, h2 br {
		display: initial;
	}

	a, .submitbutton, .arrow svg path, .arrow svg polygon, .regions path {
		-webkit-transition: all 200ms cubic-bezier(.5, 0, .5, 1);
		transition: all 200ms cubic-bezier(.5, 0, .5, 1);
	}
	a:hover, a:visited:hover,
	ul.buttons a:hover, ul.buttons a:visited:hover {
		color: #C8AF31;
		text-decoration: none;
		cursor: pointer;
	}
	.bluehighlight a:hover, .bluehighlight a:visited:hover,
	.donatebutton a:hover, .donatebutton a:visited:hover {
		opacity: .8;
		color: #FFF;
		border-color: #0E95C5;
	}
	.buybutton a:hover, .buybutton a:visited:hover {
		background-color: #111;
		border-color: #0E95C5;
	}
	.bluebutton a:hover, .bluebutton a:visited:hover {
		background-color: #0E95C5;
	}
	.redbutton a:hover, .redbutton a:visited:hover {
		background-color: #FE0000
	}
	.regions g path:hover {
		fill: #EB1F1F;
	}

	a.submitbutton:hover, a.submitbutton:visited:hover, input.submitbutton:hover, input.submitbutton:focus {
		cursor: pointer;
		background-color: #F90414;
	}
	a.tel, a.tel:link, a.tel:visited {
		color: inherit;
	}
	#fullwidth{
		width: 96%;
		margin: 0 auto 1em;
		padding: 0;
		border-radius: 1.5em;
	}
	#fullwidth > .inside {
		margin: 1.5em;
	}
	#header .logo {
		width: 57%;
		padding: 1em 2em 1em 0;
	}
	#main {
		margin: 1em 0 1.5em;
		padding: 0 1.5rem 1em;
	}
	.message {
		font-size: 1.1em;
		line-height: 1.3em;
	}
	#main.maintable {
		position: relative;
		padding-left: 25rem;
	}
	.side {
		font-size: .94em;
		position: absolute;
		width: 22rem;
		top: 0;
		left: 1.5rem;
		margin: 0;
	}
	.news.page + .side {
		width: 22rem;
	}
	ul.listing {
		padding: 0 1rem;
	}
	.navgroup {
		position: relative;
		display: table;
		width: 100%;
		margin: 1em 0;
	}
	.navgroup > div {
		display: table-cell;
		vertical-align: middle;
	}
	#navbar {
		display: block;
		padding-left: 2%;
	}
	.footnav ul, #navbar > ul {
		font-size: .85em;
	}
	#navbar > ul {
		line-height: 1em;
		box-sizing: border-box;
		display: table;
		padding: 0;
		margin: 0;
		list-style: none;
		width: 100%;
	}
	#navbar li {
		margin: 0;
		padding: 0;
	}
	#navbar > ul > li {
		box-sizing: border-box;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		position: relative;
		padding-left: .6em;
	}
	#navbar a {
		display: block;
		padding: .5em 0 .4em;
	}
	#navbar .nav, #navbar a{
		border-radius: .4rem;
	}
	#navbar a, #navbar a:link, #navbar a:visited {
		color: #009CBE;
	}
	#navbar a:hover, #navbar a:visited:hover {
		color: #FFF;
		background-color: #006393;
	}
	#navbar .nav.on a {
		color: #FFF;
		font-weight: 400;
		background-color: #000;
	}
	#navbar ul ul {
		box-sizing: border-box;
		width: 8.22em;
		margin: 0;
		padding: 0;
		position: absolute;
		z-index: 500;
		display: none;
		text-align: center;
		list-style: none;
		font-size: .9em;
		border-top: 1px solid transparent;
	}
	#navbar ul ul a{
		width: 100%;
		border-bottom: 1px solid #FFF;
		background-color: rgba(24,72,93,.80);
	}
	div#navbar li:hover {
		cursor:pointer;
		z-index:100;
	}
	div#navbar li:hover ul ul,
	div#navbar li li:hover ul ul,
	div#navbar li li li:hover ul ul,
	div#navbar li li li li:hover ul ul
	{display:none;}
	
	div#navbar li:hover ul,
	div#navbar li li:hover ul,
	div#navbar li li li:hover ul,
	div#navbar li li li li:hover ul
	{display:block;}
	
	.container {
		width: 24%;
	}
	.socialmedia {
		font-size: .88em;
		margin-left: 2em;
	}
	.social + .social {
		margin-left: 1.2em;
	}
	
	.sponsors li {
		display: table-cell;
	}
	.sponsors li + li {
		padding-left: 1em;
	}

	.original {
		display: inherit;
	}
	#mobilenav {
		display: none;
	}
	video {
		max-width: 640px;
	}
	.forcebreak:after {
		content: "\A";
		white-space: pre;
	}
	.fullarticle .photoshell {
		max-width: 40%;
		float: right;
		margin: 0 0 .5em .5em;
	}
	.fullblock h3, .side h4 {
		letter-spacing: -.05em;
	}
	ul.thumbgroup li {
		max-width: 10em;
	}

	.thumb {
		width: 10em;
		height: 5.65em;
		text-shadow: 2px 2px 1px #000;
	}
	.quotegroup {
		margin-top: 0;
		border-top: none;
		padding-top: 6.75em;
	}
	.quote + .quote {
		margin-top: 5em;
	}
	.bottom .split {
		text-align: inherit;
	}
	.bottom .split > div {
		display: table-cell;
	}
	.bottom .split > div.quote {
		width: 38%;
	}
	.formtable td, .formtable th {
		display: table-cell;
	}
	.donatebutton a {
		font-size: 1.26em;
	}
	.bottom .donatebutton a {
		font-size: 2.2vw;
		margin-left: 1.5vw;
	}
	.bottom .buybutton {
		font-size: 1.51vw;
	}
	.medialogos {
		padding: 1.5em;
		background-image: linear-gradient(180deg,#1698A2,#06D4F2,#000000 3%, #000000 97%,#06D4F2,#1698A2);
		border-top: none;
		border-bottom: none;	
	}
	.floater {
		position: absolute;
		width: 100%;
		top: -1.3vw;
		left: 0;
	}
	.medialogos h4 {
		font-size: 2.5vw;
		line-height: 1em;
		display: table;
		margin: 0 auto 0;
		padding: .2em .5em;
		color: #009CBE;
		background-image: linear-gradient(180deg,transparent, #000000 50%);
		letter-spacing: -.05em;
	}
	dl.blocked .together {
		display: inline-block;
		vertical-align: top;
		width: 45%;
	}
	.filelist {
		display: table;
		font-size: 1em;
		margin: 1em 2em 0;
	}
	.filelist li {
		padding-bottom: .5em;
		line-height: 1.2em;
	}
	.productgroup > a {
		width: 30%;
	}
	.store .product {
		display: table;
		width: 100%;
		border-collapse:separate;
		border-spacing: 2em;
		margin: -1em;
	}
	.store .photoshell, .store .productdetail {
		display: table-cell;
		vertical-align: top;
		width: 50%;
	}	
	.cart_table {
		width: auto;
	}
	.cart_table .detail {
		padding: .4em .8em;
	}

}
@media only screen and (min-width: 64em) {
	#debug::before {
		content: "> 1024";
	}
	body {
		font-size: 1.35vw;
	}	
	#fullwidth {
		width: 88%;
		margin: 0 6% 1em;
	}
	#main {
		padding: 0 4% 1em;
	}
	#main.maintable {
		padding-left: 40%;
	}
	.side {
		width: 32%;
		left: 4%;
	}
	.news.page + .side {
		width: 32%;
	}
	.side .thumbgroup {
		font-size: .9em;
	}
	.page .donatebutton a {
		font-size: 1.6vw;
	}
	.bottom .split > div.quote {
		width: 40%;
	}
	.bottom .donatebutton a {
		font-size: 2vw;
	}
	.bottom .buybutton {
		font-size: 1.36vw;
	}
	.floatwords {
		right: 0;
		width: 40%;
	}
	.bluehighlight {
		font-size: 1.8vw;
	}
	.redcorner a{
		font-size: .8vw;
	}
	#maptop dl.columnize {
		display: block;
		width: 80%;
	}

	.columnize {
		-moz-column-count: 2;
		-moz-column-gap: 3rem;
		-moz-column-rule: 2px solid #383838;
		-webkit-column-count: 2;
		-webkit-column-gap: 3rem;
		-webkit-column-rule: 2px solid #383838;
		column-count: 2;
		column-gap: 3rem;
		column-rule: 2px solid #383838;
	}

}
@media only screen and (min-width: 80em) {
	#debug::before {
		content: "> 1280";
	}
	iframe {
		max-width: 640px;
		width: 100%;
		height: 360px;
	}
	.thumbphotos {
		width: 21%;
	}
	.credits {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}
@media only screen and (min-width: 85em) {
	#debug::before {
		content: "> 1360";
	}
	.thumbgroup {
		font-size: .8em;
		line-height: 1.1em;
	}
	.thumb {
		width: 200px;
		height: 113px;
	}
	ul.thumbgroup li {
		max-width: 200px;
	}
	.fullblock .thumb {
		width: 9em;
		height: 6em;
	}
	.thumbgroup li {
		max-width: 9em;
	}
	.bottom .buybutton {
		font-size: 1.2vw;
	}
	.speakers .inside {
		padding: 0 2.25em;
		margin: 1.6em 0;
	}

}
@media only screen and (min-width: 100em) {
	#debug::before {
		content: "> 1600";
	}
	.sponsors ul {
		margin: 0 auto;
	}
	.thumbphotos {
		width: 17%;
	}
	dl.blocked .together {
		vertical-align: top;
		width: 29%;
	}
	.filelist {
		font-size: .9em;
		margin: 1em 1em 0;
	}
}