/*
///////////////////////////////////////////////////
// 
//   Indie Conference Stylesheet 2.0
//   17 June 2018
//   by Kohan Ikin / aka SyneRyder
//   syneryder@namesuppressed.com
//
///////////////////////////////////////////////////
*/


/*******************************************************************/
/* FONT DEFINITIONS */
/*******************************************************************/

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/raleway-light-webfont.woff2') format('woff2'),
         url('/fonts/raleway-light-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('/fonts/raleway-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cabin Condensed';
    src: url('/fonts/cabincondensed-bold-webfont.woff2') format('woff2'),
         url('/fonts/cabincondensed-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


/*******************************************************************/
/* REGULAR HTML STYLING */
/*******************************************************************/

body {
    font-family: "Raleway", "Gill Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	text-align: center;
	color: white;
	background-color: navy;
	font-size: 14pt;
	margin: 0px;
    padding: 0px;
}
h1 {
	font-family: "Cabin Condensed", sans-serif;
	font-size: 50pt;
	letter-spacing: -0.05em;
	text-align: center;
	margin-top: 0pt;
	padding-top: 0pt;
	margin-bottom: 5pt;
}
h2 {
	font-family: "Raleway", sans-serif;
	font-size: 24pt;
	margin-top: 30pt;
	margin-bottom: 0pt;
}

pre {
  color: #333333;
  background-color: #f6f6f6;
  text-align: left;
  font-family: "Inconsolata", "Courier New", "Courier", monospace;
  font-weight: 200;
  font-size: 14px;
  line-height: 16px;
  padding: 5px;
  border: 1px #aaaaaa solid;
  overflow: auto;
  width: auto;
}

input, textarea {
  color: #666666;
  background-color: #fafafa;
  font-size: 22px;
  font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  border: 1px solid #999;
}

img {
  max-width: 100%;
  height: auto;
}



/********************************************************
  namesuppressed's CSS clickable buttons
  These imageless css buttons were generated
  by CSSButtonGenerator.com
********************************************************/

.cssbutton {
	-moz-border-radius:    6px;
	-webkit-border-radius: 6px;
	border-radius:         6px;
	-moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.6);
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.6);
	border:  1px;
	display: inline-block;
	color: #ffffff;
	font-family: "Cabin Condensed", "Helvetica Neue", "Helvetica", "Arial", Sans-Serif;     
	font-size:   21px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.05em;
	padding: 2px 0px 2px 0px;
	margin-bottom: 10px;
	width:  320px;
	height: 38px;
	line-height: 35px;
	text-align: center;
	cursor: pointer !important;
	padding: 0px;
}.cssbutton:active {
	-moz-box-shadow: 0px 0px 0px 0px #000000;
	-webkit-box-shadow: 0px 0px 0px 0px #000000;
	box-shadow: 0px 0px 0px 0px #000000;
	position:relative;
	top:1px;
	left:1px;
}.cssbutton img {
	vertical-align: middle;
}

.largebutton {
	width:  600px;
}

.smallbutton {
	width:  200px;
}

.redbutton {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd0000', endColorstr='#840000');
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dd0000), color-stop(1, #840000) );
	background: -moz-linear-gradient( center top, #dd0000 5%, #840000 100% );
    background: -o-linear-gradient(#dd0000, #840000);
    background: linear-gradient(#dd0000, #840000);
	background-color:#dd0000;
	border: 1px solid #6c0000;
}.redbutton:hover {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#a40000');
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff0000), color-stop(1, #a40000) );
	background: -moz-linear-gradient( center top, #ff0000 5%, #a40000 100% );
    background: -o-linear-gradient(#ff0000, #a40000);
    background: linear-gradient(#ff0000, #a40000);
}




/********************************************************
  Custom Definitions
********************************************************/

.subhead {
	font-family: "Cabin Condensed", sans-serif;
	font-size: 20pt;
	font-weight: bold;
}



/********************************************************
  Header / Footer Definitions
********************************************************/

.globalnav {
  background: #000000;
  color: #cccccc;
  text-align: center;
  font-weight: 300;
  letter-spacing: 0px; 
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.globalnav ul {
  margin-top:     0px;
  padding-top:    5px;
  margin-bottom:  0px;
  padding-bottom: 10px;
}

.globalnav li {
  display: inline;
  text-decoration: none;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 16px;
  line-height: 19px;
  border-right: #555555 1px dotted;
  text-transform: lowercase;
}

.globalnav li.last {
	border-right: none;
}

.globalnav a, .globalnav a:visited {
	color: #999999;
}

.globalnav a:hover {
	color: #ff0000;
}

.title-area {
	float: left;
}




/********************************************************
  General layout definitions
********************************************************/

nav {
	height:inherit;
}

table {
	height: 30px;
	margin: 0px;
}

tbody {
	height: 40px;
}

tr {
	height: 0px;
}

td {
	margin: 0px;
	height: 30px;
}

#header {
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-family: "Cabin Condensed", sans-serif;
	font-size: 30px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: auto;
	box-shadow: 0px 0px 20px 9px rgba(0,0,0,0.5);
}

#header a {
	color: #ffffff;
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline;
}

#header ul {
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
}

#header li {
	display: inline;
	text-decoration: none;
	padding-left: 8px;
	padding-right: 12px;
	font-size: 16px;
	border-right: #555555 1px dotted;
	text-transform: lowercase;
}

#header li.last {
  border-right: none;
}


div.maincontent {
	color: black;
	background-color: white;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	border: 8px solid black;
	padding: 4%;
	box-shadow: 0px 0px 20px 9px rgba(0,0,0,0.5);
}


		.tba {
			color: red;
		}
		.discount {
			color: red;
		}
		
		#copyright {
			color: #666666;
			text-align: center;
			font-size: 12px;
			line-height: 16px;
			padding: 10px;
			padding-bottom: 0px;
			margin-bottom: 0px;
			margin-top: 40px;
			clear: both;
		}
		#copyright a {
			color: #666666 !important;
		}
		.minilogo {
			font-family: "Cabin Condensed", sans-serif;
			font-size: 28px;
			font-weight: bold;
			letter-spacing: -0.05em;
		}
		.subscribeform {
			border: 1px dotted #aaaaaa;
			border-radius: 8px;
			margin-bottom: 30px;
			margin-top:    30px;
		}
		.subscribeform .signupheader {
			font-weight: bold;
			font-family: "Cabin Condensed", sans-serif;
			font-size: 17pt;
			line-height: 20pt;
			margin-top: 5pt;
			margin-bottom: 0pt;
		}

.conferencevideoimg {
	width: 100%;
	max-width: 600px;
}






/*******************************************************************/
/* RESPONSIVE DESIGN CODE */
/*******************************************************************/

@media (min-width: 1024px)  {
		div.maincontent {
			width: 716px;
		}
}
@media (max-width: 420px) {
		body {
			font-size: 14pt;
			text-align: left;
		}
		h1 {
			font-size: 35pt;
			margin-bottom: 4pt;
		}
		h2 {
			font-size: 20pt;
			margin-top: 30pt;
			margin-bottom: 0pt;
			text-align: left;
		}
		.maincontent {
			width: 85%;
			border: 1pt solid black;
			box-shadow: none;
		}
		.title-area {
			clear: both;
			text-align: center;
			width: 100%;
		}
		nav {
			clear: both;
		}
		#header {
			margin: 0px;
		}
		#header ul {
			text-align: center;
			padding-left: 0px;
		}
}
/*******************************************************************/