/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #2848b7; color: #fff; text-shadow: none; }
::selection { background: #2848b7; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; } 

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */
body{font-family: Futura, Verdana, Sans-Serif;color: #6c6c6c;}
a,
a:active,
a:visited{color: #6a6a6f;}

#main {background: url('../img/pageBG2.png') no-repeat scroll bottom center;overflow: hidden;padding-bottom: 2em;}

.hero_container{margin:auto;position:relative;width: 500px;}
.like-gate{display:none;}
.like-gate{background:url('../img/bluebg_likegate.png') no-repeat scroll top left;width:494px;height:182px;color:white;}
.like-gate .inner{margin-left:22px;position:relative;text-shadow:0 0 15px black;top:60px;width:460px;}
.like-gate h1{margin-bottom:0px;}
.like-gate p{font-size:15px;margin:8px 0px;}

object{outline: 0 none !important;}

.fb-like iframe{width: 50px !important;overflow:hidden !important;}
.fb-like .fb_edge_comment_widget iframe{width: 401px !important; overflow: visible !important;}

.wego_interactive_wrapper  span#user_photo{background-color:gray;background-repeat: no-repeat;background-position:center center;background-size:cover;display:block;height:174px;left:275px;position:absolute;top:182px;width:150px;z-index:1;}
.wego_interactive_wrapper  span#frame{background:url("../img/wego_placeholder.jpg") no-repeat scroll center center transparent;width:520px;height:390px; display: block; position: relative; z-index: 99;}
.no-flash #user_photo,
.no-flash #frame{display: none !important;}

.wego_comments{width:470px;margin:auto;}
.wego_interactive_wrapper{height: 305px;  overflow: hidden;  width: 494px;}

.wego_interactive_wrapper object{}

#connect_with_facebook{background:url('../img/likeWeego.jpg') no-repeat scroll center center;width:463px;display:block;margin:auto;height:286px;cursor:pointer;}

.wego_hero{width:514px;margin-top: 2.5em;}
.wego_hero .inner{margin:auto;position:relative;width:450px;}
#weego{display:block;float:right;position:absolute;right:-30px;top:-70px;}
.wego_hero h1{margin:0px;font-size:21px;}
.wego_hero p{margin:1em 0;font-size:12px;}

.blue_hero{background:url('../img/bluebg.png') no-repeat scroll top left;width:510px;height:103px;margin-top:-18px;}
.blue_hero{color:white;}
.blue_hero .inner{margin:auto;position:relative;top:16px;width:460px;text-shadow:0 0 15px black;}
.blue_hero h2{font-size:18px;margin-bottom:0;}
.blue_hero p{font-size:13px;margin-top:5px;width:350px;}
.blue_hero p.superbowl_over{font-size:12px;margin-top:0;width:380px;}
.blue_hero #like_wrapper{height:60px;position:absolute;right:0;top:0;width:50px;}

.column{background:url('../img/colbg.png') no-repeat scroll top left;width:244px;height:444px;float:left; margin-top: 10px;}
.column p{font-size: 12px;margin: 0px auto; width: 220px;}
.column-right{float: right;}

.column iframe{display: block; margin: 9px 12px;}

.post_superbowl_cols{height: 484px;}
.post_superbowl_cols .column h1{display: block; margin: 0px; text-indent: -999em;margin-bottom: 10px}

#commericial_wrapper h1{background:url('../img/commercial_ir.png') no-repeat scroll top left;width:196px;height:115px;margin-left:-11px;margin-top:-11px;margin-bottom:20px;}
#arf_wrapper h1{background:url('../img/arf_ir.png') no-repeat scroll top left;width:193px;height:110px;margin-left:8px;margin-top:5px;}

#arf_wrapper p{margin-bottom: 8px;}

.arf_hero{background:url('../img/ARF_tile.png') no-repeat scroll top left;width:513px;height:279px;margin-bottom:75px;}
#sayHello{color:#4273c0;font-size:12px;font-family:Lucida Grande;}
.arf_hero #youtube_wrapper{position:absolute;left:250px;top:5em;height:171px;width:209px;background-color:#eee;}
.arf_hero #arf_copy{float:left;left:2em;position:absolute;top:12em;width:222px;}
.arf_hero #arf_copy p{font-weight:bold;font-size:12px;margin:0px;padding:0px;margin-bottom:4px;}
.arf_hero #arf_copy p a,
#arf_wrapper p a{display: inline-block; font-family:Lucida Grande;background-color:#efefef;color:#2f2f2f;text-decoration:none;padding:4px 5px;border:1px solid #6a6a6f;font-weight: bold;}
.arf_hero #arf_copy p a:hover,
#arf_wrapper p a:hover{text-decoration:underline;}

#footer{width:500px;margin:65px auto 35px;font-size:10px;}
#footer a{float:right;margin:0px 5px;}

.fb_edge_comment_widget{z-index:10001;left:-327px !important;top:-153px !important;}
/*
like-gated stuff
*/
.not-liked .like-gate{display:block;}
.not-liked .blue_hero,
.not-liked .wego_interactive_wrapper,
.not-liked .wego_comments,
.not-liked .arf_hero{display:none;}
.not-liked .wego_hero #weego{top:-104px;}
.no-backgroundsize #picture_frame span#user_photo{background-position:center center; }
/*
Coming soon
*/
.comingsoon_video{width:494px;z-index:99;}
.comingsoon .comingsoon_blue{display:block;background:url('../img/bluebg_large.png') no-repeat scroll top left;width:510px;height:166px;margin-top:-31px;}
.comingsoon .comingsoon_blue .inner{width:470px; top:28px;}
.comingsoon .comingsoon_blue h1{font-size:30px;position:relative;top:10px;}
.comingsoon .comingsoon_blue p{font-size:14px;}
.comingsoon #main{background: none;}
.not-liked #main{background: url('../img/pageBG2.png') no-repeat scroll bottom center;}


/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

}



/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}