@charset "utf-8";
/* CSS Document */

body {
  margin: 0;
  padding: 0;
  color: #FFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height: 1.4;
  background-attachment: fixed;
  background-color: #000;
  background-image: url(../images/background.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}

#main_content {
  width: 1000px;
  margin: auto;
  min-height: 400px;
  background: black;
  position: relative;
  padding-bottom: 30px;
}

p, #main_content {
  font-size: 16px;
  line-height: 1.3;
}

.show_on_mobile { display: none; }
@media all and (max-width: 730px) {
  .show_on_mobile {
    display: block !important;
  }
}

@media all and (max-width: 1000px) {
  #main_content {
    width: 100%;
  }
}

@media all and (max-width: 479px) {
  p, #main_content {
    font-size: 16px;
  }
}

/* misc general */
.ib { display: inline-block; vertical-align: top }
.no_top { margin-top: 0; }
.bottom_10 { margin-bottom: 10px }
.f_left { float: left; }
.f_right{ float: right; }
.ital { font-style: italic }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

h2, h3 {
  color: #39F;
  font-size: 18.5px;
  font-weight: bold;
  line-height: 28px;
  margin: 2px 0 3px 0;
}

h3 {
  font-size: 16px;
}

@media all and (max-width:479px) {
  h2 { font-size: 24px; }
  h3 { font-size: 22px; }
}

/* ajax stuff */
#wait_for_page {
  background-color: black;
  position: fixed;
  top: 0px;
  z-index: 12345;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .8;
  text-align: center;
  padding-top: 80px;
  display: none;
  color: white;
}

#wait_for_page img {
  display: block;
  margin: 10px auto 0 auto;
}

.video_wrapper {
	position: relative;
  width  : 640px;
  height : 360px;
}

.video_wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media all and (max-width:930px) {
  .video_wrapper {
    width: 600px;
  }
}

@media all and (max-width:900px) {
  .video_wrapper {
    width: 550px;
  }
}

@media all and (max-width:860px) {
  .video_wrapper {
    width: 500px;
    margin: auto;
  }
}

@media all and (max-width:800px) {
  .video_wrapper {
    width: 450px;
    margin: auto;
  }
}

@media all and (max-width:750px) {
  .video_wrapper {
    width: 90%;
    margin: auto;
  }
}

@media all and (max-width:730px) {
  .video_wrapper {
    width: 90%;
    margin: auto;
  }
}

#main_content .content_area {
  display: table-cell;
}

@media all and (max-width:730px) {
  #main_content .content_area {
    display: block;
    width: 94%;
    margin: auto;
  }
}

#main_content .content_area a {
  color: #069;
  text-decoration: underline;
}

#main_content .content_area a:hover {
  color: white;
}

@media all and (max-width:730px) {
  .mobile_center {
    text-align: center;
  }
  
  .mobile_center #subscribe_to_youtube {
    text-align: center;
  }
}