/********************HOMEPAGE*************************/

#home .contain { background:#63c4d8; border-radius:0 0 3px 3px; margin-bottom:62px; padding:20px 0 35px; }
#home h2 { text-align:center; color:white; font-family:SohoStd-LightCompressed; font-weight:normal;  font-size:196%; margin:0 0 10px; padding:0; }
#home ul.sm {margin-left:12px; }
#home ul.md { margin:0 15px; }
#home ul.lg {margin-right:12px; }
#home ul { margin:0; padding:0; list-style:none; float:left; width:292px;  }
#home li { display:block; border-radius:5px; background:#fff; margin:0 0 20px 0; color:#203950; font-size:85%; font-weight:lighter; }
#home li h3 { color:#00b3d8; margin:0; padding:10px; font-size:100%; }
#home li h3 a { color:inherit; text-decoration:none; line-height: 16px; }
#home li article { padding:10px; }
#home li p { margin:0 0 10px 0; padding:0; overflow:hidden;}
#home li h4 { font-size:inherit; margin:0; padding:0; }
#home .tweet a { text-decoration:none;color:#FF6243;}
#home .tweet a:hover { text-decoration:underline;}
#home .tweet em { color:#888; white-space:nowrap; font-size:92%; }
#home .tweet em a { color:inherit; }
#home .blog { border-radius:0 0 5px 5px; }
#home .blog a {text-decoration:none;color:#FF6243;}
#home .blog a:hover { text-decoration:underline;}
#home .blog .bloglink  { display:block; padding:1px; }
#home .blog .bloglink img { display:block; }
#home .read_more { color:#ff6243; white-space:nowrap; text-decoration: none;}
#home article > h2 { color:#ff6243; }
#home article { line-height: 16px; }
#video .contain h1 a {
  color: #eee;
  font-size: 72%;
  padding: 20px 0 80px 0;
  text-decoration: none;
}

#video .contain h1 a span {
  color: #fff;
  text-decoration: underline;
}

#promo { padding-top: 150px; }
#promo img { border-radius: 4px; }

#video {padding:28px 0 0;}
#video .contain:before {
  position: absolute; bottom: 0; left: 0; z-index: 3;
  width: 100%; height: 10px;
  background: url(/images/blue_zigzag.png) repeat-x;
  content: ""; border: 1px transparent red;
}

/* angular blue bar below the video */
#video .contain:after {
  visibility:visible;
  position: absolute; bottom: -5px; left: 1px; z-index: -1;
  width: 933px; height: 38px;
  background: url(/images/3d_faux_blue_box_background.png) repeat-x;
  content: ""; border: 1px transparent red;
}
#video h1 { background:#1F374D; border-radius:5px 5px 0 0; font-family:SohoStd-BoldCompressed; font-weight:normal;  color:white; margin:0 40px; padding:5px 0 0; text-align:center; font-size:354%; }
.index #player {
  margin:0 15px;
  overflow:hidden;
  height:0;
  -webkit-transition: width, height, 0s, .75s;
  -moz-transition: width 0s, height .75s;
}

/*MEDIA QUERIES FOR DIFF PLATFORMS  iphone:640×960, ipad:1024×768, 2048×1536*/
@media (max-width:749px) {
  #wtf_firstcss_getsignored_junkid {}

  #promo { padding-top: 0px; }

  /*HOME*/
  #video { padding:0; }
  #video .contain { height:11px; min-height:0; }
  #video h1 { display:none; }
  #video_player {display:none}
  #video .contain::after { display:none; }
  .index nav.main { box-shadow:0 -6px 15px -6px #888; }
  #posts ul { margin-left:12px ; margin-right:12px; }
  #posts ul.md, #posts ul.lg { display:none; }
}
@media (min-width:480px) and (max-width:749px) {
  #wtf_firstcss_getsignored_junkid {}

  #promo { padding-top: 0px; }

  /*HOME*/
  #posts ul { width:456px; }
  #home .blog .bloglink img { width:454px; }
}
@media (min-width:750px) and (max-width:933px) {
  #wtf_firstcss_getsignored_junkid {}

  #promo { padding-top: 140px; }

  /*HOME*/
  #video .contain::after { display:none; }
  #video h1 { font-size:278%; }
  #posts ul {  width:354px; }
  #posts ul.lg { display:none; }
  #posts ul.lg li { float:left; vertical-align:top; width:354px; margin-right:12px; }
  #posts .blog .bloglink img { width:352px; }
}