html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	text-decoration:none;
}
/* html5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	color: gold ;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
} 
.p{ font-size: 16pt ;
	line-height: 1.3;
	text-align: left;
	width:80% ;
	margin: 15px auto;
	color:#ddd;
}
#social_media{
    display:inline-block;
}
#announcement{
    max-width:960px;
    width:100%;
    color:aqua;
    font-size:18pt;
    text-align:center;
    margin-top:15px;
}
#content{
	margin:auto ;
	width: 100% ;
	max-width: 960px ;
	background-color: rgba(8,0,19,.9) ;
	color:white;
	font-size:16pt;
    overflow:hidden;
}
#bscotch_logo{
	padding:20px 20px 0px 20px;
}
#main_left{
    width:640px;
    margin:20px;
    display:inline-block;
}
#social_proof{
    text-align:center;
    max-width:640px;
    width:100%;
    color:gold;
    font-size:22pt;
}
#social_count{
    color:rgb(204,255,0);
}
#main_content{
	margin:20px 40px 40px 40px;
	max-width: 880px;
	width:100%;
	display:inline-block;
	clear:left;
    background-color:rgba(80,60,80,.3);
}
#main_content img{
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.content_image{
    margin-top:10px;
    margin-bottom:10px;
}
#main_right{
	min-width:260px;
	max-width:280px;
	display:inline-block;
	vertical-align:top;
	text-align:right;
	padding-top:20px
}
#sidebar_links{
    margin-left:5px;
    margin-right:5px;
    margin-top:20px;
}
.sidebar_link{
    text-align:right;
    border-bottom:2px solid rgb(0,233,255);
    padding:5px;
    margin-top:8px;
    color:rgb(0,233,255);
    font-family:Impact;
    font-size:16pt;
}
.sidebar_link:hover{
    border-bottom:2px solid magenta;
}
#sidebar_links a:hover{
    text-decoration:none;
}
.header_image{
    margin-top:30px;
}
#email_field{
	width:480px;
	border:2px solid rgb(0,233,255);
	margin:5px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	height:41px;
	font-size: 20px;
	background-color: rgba(8,0,19,.9) ;
	color: rgb(0,233,255);
}
#email_submit{
	vertical-align:middle;
}
#email_submit_narrow{
    display:none;
}
#email_success{
	padding:10px;
}
#greenlight{
	text-align:center;
	cursor:pointer;
}
#reboot_icon{
    text-align:center;
    margin-top:10px;
}
#email_signup{
    margin:20px auto;
}
/* HUMBLE WIDGET */
#humble_widget{
    max-width:560px;
    width:100%;
    margin:10px auto;
}
#show_humble_widget{
    margin-top:15px;
    text-align:center;
}
/* BETA TESTING APPLICATION */
#crashlands_beta{
    width:80%;
    min-width:640px;
    margin:20px auto;
    padding-left:15px;
    padding-right:15px;
    border: 2px solid gray;
    border-radius: 5px;
    background-color:rgb(.5,.4,.5,.2);
    padding:10px;
    overflow-y:auto;
    height:320px;
}
#crashlands_beta_form_toggle{
    margin-top:20px;
    text-align:center;
}
#crashlands_beta_form_header{
    text-align:center;
    font-size:18pt;
    font-family:impact;
    color:gray;
}
.crashlands_beta_form_subheader{
    margin-top:15px;
    margin-bottom:10px;
    font-size:18pt;
    font-weight:bold;
    color:#00E9FF;
}
#crashlands_beta_form{
    padding:0px 15px;
}
#crashlands_beta_form p{
    margin-top:10px;
}
#crashlands_beta_form .checkbox_label{
    margin-left:30px;
    margin-top: 10px;
}
#crashlands_beta_form_fields{
    min-width:280px;
    max-width:450px;
    width:98%%;
    margin:10px auto;
    border-radius:10px;
    padding:10px;
    text-align:center;
}
#crashlands_beta_form_fields label{
    margin-top:10px;
    text-align:left;
}
#crashlands_beta_form_fields input{
    background-color:black;
    color:gold;
    font-size:14pt;
    margin:5px;
    border:1px solid gold;
    padding-left:6px;
}
.beta_test_button{
    margin-top:15px;
    vertical-align:middle;
    padding:8px;
    display:inline-block;
    text-align:center;
    clear:both;
    color:gold;
    font-family:impact;
    font-size:20pt;
    background-color: rgb(50,50,50,.1);
    border:1px solid gold;
    border-radius:14px;
}
.beta_test_button.no{
    color:gray;
    border-color:gray;
}
#checkboxes{
    text-align:left;
    margin-left:20%;
    min-width:260px;
    max-width:420px;
    width:100%;
}
#footer{
    max-width:640px;
    width:100%;
    text-align:center;
    margin:auto;
    font-size:16pt;
}
#footer_links{
	text-align:center;
    font-size:
}
#footer_links a{
    color:magenta;
}
#footer_links p{
    color:gray;
}
#footer_crashlands{
	margin-bottom:10px;
}
#footer_crashlands a{
	color:cyan;
	font-size: 18pt;
}
.auto-resizable-iframe {
  max-width: 640px;
  clear:left;
  margin:auto;
}
.auto-resizable-iframe > div {
  position: relative;
  padding-bottom: 60%;
  height: 0px;
}
.auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
img{
	max-width:100%;
	height:auto;
}
/* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
.wordwrap { 
   white-space: pre-wrap;	  /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */	
   white-space: -pre-wrap;	 /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */	
   word-wrap: break-word;	  /* IE */
}
.hidden{
	display:none !important; 
}
.clear{
	clear:both;
}
.pointer{
	cursor:pointer;
}
a{
    text-decoration:none;
    color:magenta;
}
a:visited{
    color:magenta;
}
a:hover{
    text-decoration:underline;
}
::-webkit-input-placeholder { /* WebKit browsers */
	color: color:rgb(0,233,255);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:color:rgb(0,233,255);
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: color:rgb(0,233,255);
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:color:rgb(0,233,255);
}

/* LOAD APPROPRIATELY-SIZED ICONS */
@media screen and (min-width: 641px) {
	body {
		background:black url(https://i.imgur.com/ORv4wu0.png) no-repeat fixed top center;
	}
}
@media screen and (max-width: 960px) {
	#main_right,#overview,#sidebar_links{
		display:none;
	}
    #main_left{
        display:block;
        margin:auto;
    }
    #main_content{
        width:99%;
        margin: 20px auto;
    }
    .p{
        width:95%;
        margin:auto;
        font-size:16px;
    }
}
@media screen and (max-width: 640px) {
    #content{
        padding-left:0px;
        padding-right:0px;
    }
    #main_content{
        padding-left:0px;
        padding-right:0px;
    }
    #main_left{
        margin-left:0;
        padding-left:0;
        margin-right:20px;
        width:100%;
		display:block;
	}
    #email_signup{
        width :98%;
        text-align:center;
    }
    #email_field{
        width:90%;
        max-width:480px;
        min-width:260px;
        clear:both;
        font-size:14pt;
    }
    #email_submit{
        display:none;
    }
    #email_submit_narrow{
        vertical-align:middle;
        padding:8px;
        display:inline-block;
        text-align:center;
        clear:both;
        color:rgb(0,233,255);
        font-family:impact;
        font-size:20pt;
        border:3px solid rgb(0,233,255);
        border-radius:14px;
    }
    #footer_links{
        font-size:13pt;
    }
    #crashlands_beta{
        min-width:310px;
        width:95%;
    }
    #crashlands_beta_form{
        padding:0px;
    }
    #crashlands_beta_form_fields{
        margin:0px auto;
    }
    #checkboxes{
        margin:0px;
    }
    #crashlands_beta p{
        font-size:14pt;
    }
    .crashlands_beta_form_subheader{
        font-size:16pt;
    }
}
@media screen and (max-width: 480px) {
    #email_field{
        font-size:12pt;
    }
    #social_proof{
        font-size:18pt;
    }
    #bscotch_logo{
        padding-left:0px;
        padding-right:0px;
    }
    #bscotch_logo img{
        max-width:240px;
    }
    #social_media{
        margin-left:5px;
        margin-right:0px;
    }
    #social_media img{
        max-width:20px;
    }
}